@risecx/carespace-chat-ui/es/components/Favorites/Favorites.js

carespace-chat-ui React component

import _regeneratorRuntime from "@babel/runtime/regenerator";

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React, { Component, Fragment } from 'react';
import axios from 'axios';
import FavoriteEmptyMessage from './FavoriteEmptyMessage';
import Loading from '../Loading';
import { reactLocalStorage } from 'reactjs-localstorage';
import MessageList from '../MessageList';
import { MessageService } from '../../services';
import './Favorites.css';

var Favorites = /*#__PURE__*/function (_Component) {
  _inheritsLoose(Favorites, _Component);

  function Favorites(props) {
    var _this;

    _this = _Component.call(this, props) || this;

    _defineProperty(_assertThisInitialized(_this), "onFavoriteTogglingHandler", function (toggleMessage) {
      _this.setState({
        favoritesList: _this.state.favoritesList.filter(function (message) {
          return message._id !== toggleMessage.messageId;
        })
      });
    });

    _this.state = {
      favoritesList: [],
      loading: true
    };
    return _this;
  }

  var _proto = Favorites.prototype;

  _proto.componentWillMount = /*#__PURE__*/function () {
    var _componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
      var urlAPI, _yield$axios$get, data;

      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              this.messageService = new MessageService(this.props.clientConfig);
              urlAPI = this.props.clientConfig.urlAPI;
              _context.next = 4;
              return axios.get(urlAPI + "/webchat/history/favorites/" + reactLocalStorage.get('userId'));

            case 4:
              _yield$axios$get = _context.sent;
              data = _yield$axios$get.data;
              this.setState({
                favoritesList: data,
                loading: false
              });

            case 7:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, this);
    }));

    function componentWillMount() {
      return _componentWillMount.apply(this, arguments);
    }

    return componentWillMount;
  }();

  _proto.render = function render() {
    var loading = this.state.loading;
    return /*#__PURE__*/React.createElement("div", {
      className: "favorites-container"
    }, /*#__PURE__*/React.createElement(Loading, this.state), /*#__PURE__*/React.createElement(FavoriteEmptyMessage, this.state), !loading && !this.isEmpty && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MessageList, _extends({}, this.props, {
      messageList: this.computedFavoriteList,
      onFavoriteToggling: this.onFavoriteTogglingHandler
    }))));
  };

  _createClass(Favorites, [{
    key: "isEmpty",
    get: function get() {
      return !!!this.state.favoritesList.length;
    }
  }, {
    key: "computedFavoriteList",
    get: function get() {
      var _this2 = this;

      return this.state.favoritesList.map(function (list) {
        return _this2.messageService.receiveMessage(_extends({}, list.message, {
          _id: list._id,
          favorite: list.favorite
        }));
      });
    }
  }]);

  return Favorites;
}(Component);

export { Favorites as default };