@risecx/carespace-chat-ui/es/components/QuickMenu/QuickMenu.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 } from 'react';
import axios from 'axios';
import { reactLocalStorage } from 'reactjs-localstorage';
import MenuIcon from '../icons/MenuIcon';
var MENU_ITEMS = [{
  label: 'PROGRAMS'
}, {
  label: 'FAQ'
}, {
  label: 'Mental Health and Well-being'
}];

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

  function QuickMenu(props) {
    var _this;

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

    _defineProperty(_assertThisInitialized(_this), "toggleQuickMenu", function (e) {
      e.preventDefault();

      if (!_this.state.quickMenuIsOpen) {
        _this.setState({
          quickMenuIsOpen: true
        });
      } else {
        _this.setState({
          quickMenuIsOpen: false
        });
      }
    });

    _defineProperty(_assertThisInitialized(_this), "onClickHandler", function (menuItem) {
      if (!!menuItem.url) {
        window.open(menuItem.url, '_blank');
      } else {
        _this.props.onPayload({
          payload: menuItem.payload,
          title: menuItem.name
        }, true);
      }

      _this.setState({
        quickMenuIsOpen: false
      });
    });

    _this.state = {
      quickMenuIsOpen: false,
      quickMenuList: []
    };
    return _this;
  }

  var _proto = QuickMenu.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:
              urlAPI = this.props.clientConfig.urlAPI;
              _context.next = 3;
              return axios.get(urlAPI + "/settings/quick-menu");

            case 3:
              _yield$axios$get = _context.sent;
              data = _yield$axios$get.data;
              this.setState({
                quickMenuList: data
              });

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

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

    return componentWillMount;
  }();

  _proto.render = function render() {
    var _this2 = this;

    var _this$state = this.state,
        quickMenuIsOpen = _this$state.quickMenuIsOpen,
        quickMenuList = _this$state.quickMenuList;
    return /*#__PURE__*/React.createElement("div", {
      className: "sc-menu--button quick-menu " + (quickMenuIsOpen ? 'active' : '')
    }, /*#__PURE__*/React.createElement("div", {
      className: "menu-links"
    }, /*#__PURE__*/React.createElement("ul", null, quickMenuList.map(function (item, index) {
      return /*#__PURE__*/React.createElement("li", {
        key: index
      }, /*#__PURE__*/React.createElement("a", {
        onClick: function onClick() {
          return _this2.onClickHandler(item);
        }
      }, item.name));
    }))), /*#__PURE__*/React.createElement(MenuIcon, {
      onClick: this.toggleQuickMenu
    }));
  };

  return QuickMenu;
}(Component);

export { QuickMenu as default };