@risecx/carespace-chat-ui/lib/components/Messages/QuickResponse/QuickResponseModal.js

carespace-chat-ui React component

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _Button = _interopRequireDefault(require("../../Button"));

require("./QuickResponseModal.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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); }

var respond = function respond(props, button) {
  props.onRespond(button);
  props.toggleModal();
};

var QuickResponseModal = function QuickResponseModal(props) {
  var _props$data = props.data,
      text = _props$data.text,
      modalAnswers = _props$data.modalAnswers;
  return /*#__PURE__*/_react["default"].createElement("div", {
    id: "quickResponseModal"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "__react_modal_quick_response__modal_container"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "__react_modal_quick_response__modal_content"
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, text)), /*#__PURE__*/_react["default"].createElement("div", null, modalAnswers.map(function (button, index) {
    return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
      key: index
    }, button, {
      onClick: function onClick() {
        return respond(props, button);
      }
    }));
  })))), /*#__PURE__*/_react["default"].createElement("div", {
    className: "__react_modal_quick_response__header"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "__react_modal_quick_response__icon_menu"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    onClick: props.toggleModal
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    fill: "#ffffff",
    height: "24",
    viewBox: "0 0 24 24",
    width: "24",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/_react["default"].createElement("path", {
    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
  }), /*#__PURE__*/_react["default"].createElement("path", {
    d: "M0 0h24v24H0z",
    fill: "none"
  })))))));
};

var _default = QuickResponseModal;
exports["default"] = _default;
module.exports = exports.default;