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

carespace-chat-ui React component

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

import React from "react";
import Button from "../../Button";
import "./QuickResponseModal.css";

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.createElement("div", {
    id: "quickResponseModal"
  }, /*#__PURE__*/React.createElement("div", {
    className: "__react_modal_quick_response__modal_container"
  }, /*#__PURE__*/React.createElement("div", {
    className: "__react_modal_quick_response__modal_content"
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, text)), /*#__PURE__*/React.createElement("div", null, modalAnswers.map(function (button, index) {
    return /*#__PURE__*/React.createElement(Button, _extends({
      key: index
    }, button, {
      onClick: function onClick() {
        return respond(props, button);
      }
    }));
  })))), /*#__PURE__*/React.createElement("div", {
    className: "__react_modal_quick_response__header"
  }, /*#__PURE__*/React.createElement("span", {
    className: "__react_modal_quick_response__icon_menu"
  }, /*#__PURE__*/React.createElement("a", {
    onClick: props.toggleModal
  }, /*#__PURE__*/React.createElement("svg", {
    fill: "#ffffff",
    height: "24",
    viewBox: "0 0 24 24",
    width: "24",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/React.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.createElement("path", {
    d: "M0 0h24v24H0z",
    fill: "none"
  })))))));
};

export default QuickResponseModal;