ordering-ui-admin-external 1.4.4 → 1.5.1

package/_modules/components/Orders/Messages/index.js

@@ -1,172 +1,120 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessagesUI = exports.Messages = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
-
 var _reactHookForm = require("react-hook-form");
-
 var _styledComponents = require("styled-components");
-
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
-
 var _AiOutlineInfoCircle = _interopRequireDefault(require("@meronex/icons/ai/AiOutlineInfoCircle"));
-
 var _MdClose = _interopRequireDefault(require("@meronex/icons/md/MdClose"));
-
 var _reactBootstrap = require("react-bootstrap");
-
 var _styles = require("./styles");
-
 var _Shared = require("../../Shared");
-
 var _styles2 = require("../../../styles");
-
 var _BsCardImage = _interopRequireDefault(require("@meronex/icons/bs/BsCardImage"));
-
 var _IosSend = _interopRequireDefault(require("@meronex/icons/ios/IosSend"));
-
 var _RiUser2Fill = _interopRequireDefault(require("@meronex/icons/ri/RiUser2Fill"));
-
 var _FaUserAlt = _interopRequireDefault(require("@meronex/icons/fa/FaUserAlt"));
-
 var _BisBusiness = _interopRequireDefault(require("@meronex/icons/bi/BisBusiness"));
-
 var _Logistics = require("../Logistics");
-
 var _OrderLogisticInformation = require("../OrderLogisticInformation");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var filterSpecialStatus = ['prepared_in', 'delivered_in', 'delivery_datetime'];
-
 var MessagesUI = function MessagesUI(props) {
   var _order$business, _order$customer, _order$driver, _theme$images, _theme$images$icons, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
-
   var isChat = props.isChat,
-      order = props.order,
-      messages = props.messages,
-      handleSend = props.handleSend,
-      image = props.image,
-      message = props.message,
-      sendMessage = props.sendMessage,
-      setImage = props.setImage,
-      setMessage = props.setMessage,
-      canRead = props.canRead,
-      setCanRead = props.setCanRead,
-      history = props.history,
-      messageDashboardView = props.messageDashboardView,
-      handleMessageOrderDetail = props.handleMessageOrderDetail,
-      handleReadMessages = props.handleReadMessages,
-      isTourOpen = props.isTourOpen,
-      setCurrentTourStep = props.setCurrentTourStep,
-      orderDetailClose = props.orderDetailClose;
-
+    order = props.order,
+    messages = props.messages,
+    handleSend = props.handleSend,
+    image = props.image,
+    message = props.message,
+    sendMessage = props.sendMessage,
+    setImage = props.setImage,
+    setMessage = props.setMessage,
+    canRead = props.canRead,
+    setCanRead = props.setCanRead,
+    history = props.history,
+    messageDashboardView = props.messageDashboardView,
+    handleMessageOrderDetail = props.handleMessageOrderDetail,
+    handleReadMessages = props.handleReadMessages,
+    isTourOpen = props.isTourOpen,
+    setCurrentTourStep = props.setCurrentTourStep,
+    orderDetailClose = props.orderDetailClose;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
-      _useLanguage2 = _slicedToArray(_useLanguage, 2),
-      t = _useLanguage2[1];
-
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
   var theme = (0, _styledComponents.useTheme)();
-
   var _useForm = (0, _reactHookForm.useForm)(),
-      handleSubmit = _useForm.handleSubmit,
-      setValue = _useForm.setValue,
-      errors = _useForm.errors,
-      control = _useForm.control;
-
+    handleSubmit = _useForm.handleSubmit,
+    setValue = _useForm.setValue,
+    errors = _useForm.errors,
+    control = _useForm.control;
   var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
-      _useSession2 = _slicedToArray(_useSession, 1),
-      user = _useSession2[0].user;
-
+    _useSession2 = _slicedToArray(_useSession, 1),
+    user = _useSession2[0].user;
   var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
-      _useUtils2 = _slicedToArray(_useUtils, 1),
-      _useUtils2$ = _useUtils2[0],
-      parseDate = _useUtils2$.parseDate,
-      getTimeAgo = _useUtils2$.getTimeAgo,
-      optimizeImage = _useUtils2$.optimizeImage;
-
+    _useUtils2 = _slicedToArray(_useUtils, 1),
+    _useUtils2$ = _useUtils2[0],
+    parseDate = _useUtils2$.parseDate,
+    getTimeAgo = _useUtils2$.getTimeAgo,
+    optimizeImage = _useUtils2$.optimizeImage;
   var buttonRef = (0, _react.useRef)(null);
   var messageInputRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)({
-    open: false,
-    content: []
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      alertState = _useState2[0],
-      setAlertState = _useState2[1];
-
+      open: false,
+      content: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    alertState = _useState2[0],
+    setAlertState = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    orderHistory: true,
-    logistics: false,
-    logistic_information: false
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tabActive = _useState4[0],
-      setTabActive = _useState4[1];
-
+      orderHistory: true,
+      logistics: false,
+      logistic_information: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabActive = _useState4[0],
+    setTabActive = _useState4[1];
   var _useState5 = (0, _react.useState)(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      messageSearchValue = _useState6[0],
-      setMessageSearchValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    messageSearchValue = _useState6[0],
+    setMessageSearchValue = _useState6[1];
   var _useState7 = (0, _react.useState)([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      filteredMessages = _useState8[0],
-      setFilteredMessages = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    filteredMessages = _useState8[0],
+    setFilteredMessages = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      load = _useState10[0],
-      setLoad = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    load = _useState10[0],
+    setLoad = _useState10[1];
   var _useState11 = (0, _react.useState)([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      messageList = _useState12[0],
-      setMessageList = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    messageList = _useState12[0],
+    setMessageList = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      isChatDisabled = _useState14[0],
-      setIsChatDisabled = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    isChatDisabled = _useState14[0],
+    setIsChatDisabled = _useState14[1];
   var adminMessageList = [{
     key: 'message_1',
     text: t('ADMIN_MESSAGE_1', 'admin_message_1')
@@ -193,16 +141,13 @@ var MessagesUI = function MessagesUI(props) {
     key: 'message_4',
     text: t('STORE_MESSAGE_4', 'store_message_4')
   }];
-
   var handleClickQuickMessage = function handleClickQuickMessage(msg) {
     var quickMsg = message ? "".concat(message, " ").concat(msg) : msg;
     setValue('message', quickMsg);
     setMessage(quickMsg);
   };
-
   (0, _react.useEffect)(function () {
     var msgElement = messageInputRef === null || messageInputRef === void 0 ? void 0 : messageInputRef.current;
-
     if (msgElement) {
       msgElement.focus();
       msgElement.selectionStart = msgElement.selectionEnd = msgElement.value.length;
@@ -232,17 +177,14 @@ var MessagesUI = function MessagesUI(props) {
         content: sendMessage.error || [t('ERROR')]
       });
     }
-
     if (sendMessage.loading) {
       clearInputs();
     }
   }, [sendMessage]);
   (0, _react.useEffect)(function () {
     if (history) return;
-
     if (load < 3) {
       var chat = document.getElementById('chat');
-
       if (chat) {
         chat.scrollTop = chat === null || chat === void 0 ? void 0 : chat.scrollHeight;
       }
@@ -251,7 +193,6 @@ var MessagesUI = function MessagesUI(props) {
   (0, _react.useEffect)(function () {
     if (history) return;
     var chat = document.getElementById('chat');
-
     if (chat) {
       chat.scrollTop = chat === null || chat === void 0 ? void 0 : chat.scrollHeight;
     }
@@ -260,203 +201,150 @@ var MessagesUI = function MessagesUI(props) {
     if (history) return;
     setTimeout(function () {
       var chat = document.getElementById('chat');
-
       if (chat) {
         chat.scrollTop = chat === null || chat === void 0 ? void 0 : chat.scrollHeight;
       }
     }, 10);
   }, [isChat]);
-
   var onChangeMessage = function onChangeMessage(e) {
     setMessage(e.target.value);
   };
-
   var removeImage = function removeImage(e) {
     setImage(null);
   };
-
   var onChangeImage = function onChangeImage(e) {
     var files = e.target.files[0];
     var reader = new window.FileReader();
     reader.readAsDataURL(files);
-
     reader.onload = function () {
       setImage(reader.result);
       buttonRef.current.focus();
     };
-
     reader.onerror = function (error) {
       console.log(error);
     };
   };
-
   var getStatus = function getStatus(status) {
     switch (status) {
       case 0:
         return t('PENDING', 'Pending');
-
       case 1:
         return t('COMPLETED_BY_ADMIN', 'Completed by admin');
-
       case 2:
         return t('REJECTED_BY_ADMIN', 'Rejected by admin');
-
       case 3:
         return t('ORDER_STATUS_IN_BUSINESS', 'Driver arrived to business');
-
       case 4:
         return t('PREPARATION_COMPLETED', 'Preparation Completed');
-
       case 5:
         return t('REJECTED_BY_BUSINESS', 'Rejected by business');
-
       case 6:
         return t('REJECTED_BY_DRIVER', 'Rejected by driver');
-
       case 7:
         return t('ACCEPTED_BY_BUSINESS', 'Accepted by Business');
-
       case 8:
         return t('ACCEPTED_BY_DRIVER', 'Accepted by Driver');
-
       case 9:
         return t('PICK_UP_COMPLETED_BY_DRIVER', 'Pick up completed by driver');
-
       case 10:
         return t('PICK_UP_FAILED_BY_DRIVER', 'Pick up failed by driver');
-
       case 11:
         return t('DELIVERY_COMPLETED_BY_DRIVER', 'Delivery completed by driver');
-
       case 12:
         return t('DELIVERY_FAILED_BY_DRIVER', 'Delivery failed by driver');
-
       case 13:
         return t('PREORDER', 'Preorder');
-
       case 14:
         return t('ORDER_NOT_READY', 'Order not ready');
-
       case 15:
         return t('ORDER_PICKEDUP_COMPLETED_BY_CUSTOMER', 'Pickup completed by customer');
-
       case 16:
         return t('ORDER_STATUS_CANCELLED_BY_CUSTOMER', 'Cancelled by customer');
-
       case 17:
         return t('ORDER_NOT_PICKEDUP_BY_CUSTOMER', 'Not picked by customer');
-
       case 18:
         return t('ORDER_DRIVER_ALMOST_ARRIVED_BUSINESS', 'Driver almost arrived to business');
-
       case 19:
         return t('ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER', 'Driver almost arrived to customer');
-
       case 20:
         return t('ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS', 'Customer almost arrived to business');
-
       case 21:
         return t('ORDER_CUSTOMER_ARRIVED_BUSINESS', 'Customer arrived to business');
-
       case 22:
         return t('ORDER_LOOKING_FOR_DRIVER', 'Looking for driver');
-
       case 23:
         return t('ORDER_DRIVER_ON_WAY', 'Driver on way');
-
       default:
         return status;
     }
   };
-
   var getLogisticTagStatus = function getLogisticTagStatus(status) {
     switch (status) {
       case 0:
         return t('PENDING', 'Pending');
-
       case 1:
         return t('IN_PROGRESS', 'In Progress');
-
       case 2:
         return t('IN_QUEUE', 'In Queue');
-
       case 3:
         return t('EXPIRED', 'Logistic expired');
-
       case 4:
         return t('RESOLVED', 'Resolved');
-
       default:
         return status;
     }
   };
-
   var getLevel = function getLevel(level) {
     switch (level) {
       case 0:
         return t('ADMIN', 'Admin');
-
       case 1:
         return t('CITY_MANAGER', 'City Manager');
-
       case 2:
         return t('BUSINESS', 'Business');
-
       case 3:
         return t('CUSTOMER', 'Customer');
-
       case 4:
         return t('DRIVER', 'Driver');
-
       case 5:
         return t('DRIVER_MANAGER', 'Driver Manager');
     }
   };
-
   var clearInputs = function clearInputs() {
     var input = messageInputRef === null || messageInputRef === void 0 ? void 0 : messageInputRef.current;
-
     if (input) {
       input.value = '';
       setValue('message', '');
     }
-
     removeImage();
     setMessage('');
   };
-
   var onSubmit = function onSubmit(values) {
     handleSend();
-
     if (isTourOpen && setCurrentTourStep && orderDetailClose) {
       orderDetailClose();
       setCurrentTourStep(4);
     }
   };
-
   var handleChangeTour = function handleChangeTour(evt) {
     if (isTourOpen && !evt.target.closest('.message-footer')) {
       orderDetailClose();
       setCurrentTourStep(4);
     }
   };
-
   var closeAlert = function closeAlert() {
     setAlertState({
       open: false,
       content: []
     });
   };
-
   var unreadMessageControl = function unreadMessageControl() {
     if (messages.loading || messages.messages.length === 0) return;
     if (messages.messages[messages.messages.length - 1].read) return;
     handleReadMessages(messages.messages[messages.messages.length - 1].id);
   };
-
   (0, _react.useEffect)(function () {
     if (!isChat) return;
-
     if (order !== null && order !== void 0 && order.driver) {
       setCanRead({
         administrator: true,
@@ -475,15 +363,12 @@ var MessagesUI = function MessagesUI(props) {
   }, [isChat, order]);
   (0, _react.useEffect)(function () {
     if (messages.loading) return;
-
     var _filteredMessages = messages.messages.filter(function (message) {
       if (message.type === 2) {
         return message.comment.toLocaleLowerCase().includes(messageSearchValue.toLocaleLowerCase());
       }
-
       return true;
     });
-
     setFilteredMessages(_filteredMessages);
   }, [messages, messageSearchValue]);
   (0, _react.useEffect)(function () {
@@ -591,7 +476,6 @@ var MessagesUI = function MessagesUI(props) {
     orderId: order.id
   }))), filteredMessages.length > 0 && filteredMessages.map(function (message) {
     var _message$change, _message$change2, _message$change3, _message$change4, _message$change5, _message$author, _message$author2, _message$author$name, _message$author3, _message$author$lastn, _message$author4, _message$driver, _message$driver2, _message$change6, _message$change7, _message$change8, _message$change9, _message$change10, _message$change11, _message$change12, _message$author5, _message$author6, _message$author$name2, _message$author7, _message$author$lastn2, _message$author8, _message$driver3, _message$driver4, _order$business2, _order$customer2, _order$driver2, _order$business3, _order$customer3, _order$driver3, _order$business4, _order$customer4, _order$driver4, _order$business5, _order$customer5, _order$driver5;
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: message.id
     }, history && tabActive.orderHistory && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
@@ -748,13 +632,12 @@ var MessagesUI = function MessagesUI(props) {
     control: control,
     render: function render(_ref) {
       var _onChange = _ref.onChange,
-          value = _ref.value;
+        value = _ref.value;
       return /*#__PURE__*/_react.default.createElement(_styles2.Input, {
         placeholder: t('WRITE_A_MESSAGE', 'Write a message...'),
         value: value,
         onChange: function onChange(e) {
           _onChange(e.target.value);
-
           onChangeMessage(e);
         },
         onFocus: unreadMessageControl,
@@ -804,16 +687,12 @@ var MessagesUI = function MessagesUI(props) {
     closeOnBackdrop: false
   })));
 };
-
 exports.MessagesUI = MessagesUI;
-
 var Messages = function Messages(props) {
   var MessagesProps = _objectSpread(_objectSpread({}, props), {}, {
     asDashboard: true,
     UIComponent: MessagesUI
   });
-
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.Messages, MessagesProps);
 };
-
 exports.Messages = Messages;