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

carespace-chat-ui React component

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

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 _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 './Favorites.css';

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

  function Favorites(props) {
    var _this;

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

    _defineProperty(_assertThisInitialized(_this), "favoriteToggle", function () {
      var isFavorite = _this.state.isFavorite;

      _this.setState({
        isFavorite: !isFavorite
      }, function () {
        _this.__addOrRemoveFromFavorites(_this.state.isFavorite);
      });
    });

    _defineProperty(_assertThisInitialized(_this), "__addOrRemoveFromFavorites", /*#__PURE__*/function () {
      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(favorite) {
        var _this$props, urlAPI, message, onFavoriteToggling;

        return _regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.prev = 0;
                _this$props = _this.props, urlAPI = _this$props.clientConfig.urlAPI, message = _this$props.message, onFavoriteToggling = _this$props.onFavoriteToggling;
                _context.next = 4;
                return axios.put(urlAPI + "/webchat/history/favorites/" + message._id, {
                  favorite: favorite
                });

              case 4:
                onFavoriteToggling({
                  messageId: message._id,
                  favorite: favorite
                });
                _context.next = 10;
                break;

              case 7:
                _context.prev = 7;
                _context.t0 = _context["catch"](0);
                console.error(_context.t0);

              case 10:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, null, [[0, 7]]);
      }));

      return function (_x) {
        return _ref.apply(this, arguments);
      };
    }());

    _this.state = {
      isFavorite: !!_this.props.message.favorite
    };
    return _this;
  }

  var _proto = Favorites.prototype;

  _proto.render = function render() {
    var isFavorite = this.state.isFavorite;
    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
      className: "favorite " + (isFavorite ? 'on' : 'off'),
      onClick: this.favoriteToggle
    }));
  };

  return Favorites;
}(Component);
/*

Add/remove favorite (um por vez):
Rota: put(‘/webchat/history/favorites/:id’);
:id = _id collection webchat-histories;
Deve ser enviado no corpo, como segundo parâmetro true ou false, que dirá se a mensagem é ou não favorita.
Exemplo: { favorite: true }
Se ok, retornará status 200, se não 400.

Add/remove favorite (várias mensagens):
Rota: put(/webchat/history/favorites’)
Deve ser enviado no corpo o array de mensagens a alterar.
Exemplo: [
	{
		 _id: ‘1384315684354’,
		favorite: true,
		…
	},
	…
]
Se ok, retornará status 200, se não 400.

Listar todas as mensagens marcadas como favoritas por usuário:
Rota: get(‘/webchat/history/favorites’)
Deve ser enviado no corpo o id do usuário.
Exemplo: { user: '15313468435168' }
Se ok, retornará status 200 e os objetos das mensagens, se não 400.

Remover todas as mensagens marcadas como favoritas por usuário:
Rota: delete(‘/webchat/history/favorites’)
Deve ser enviado no corpo o id do usuário.
Exemplo: { user: '15313468435168' }
Se ok, retornará status 202, se não 400.

*/


export { Favorites as default };