ordering-ui-admin-external 1.39.9 → 1.40.0

package/_modules/components/Orders/OrdersTable/Order.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Order = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("./styles");
+var _RiCheckboxFill = _interopRequireDefault(require("@meronex/icons/ri/RiCheckboxFill"));
+var _RiCheckboxBlankLine = _interopRequireDefault(require("@meronex/icons/ri/RiCheckboxBlankLine"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _styledComponents = require("styled-components");
+var _FaUserAlt = _interopRequireDefault(require("@meronex/icons/fa/FaUserAlt"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderPropsAreEqual = function OrderPropsAreEqual(prevProps, nextProps) {
+  return JSON.stringify(prevProps.order) === JSON.stringify(nextProps.order) && JSON.stringify(prevProps.allowColumns) === JSON.stringify(nextProps.allowColumns) && prevProps.isEnabledRowInColor === nextProps.isEnabledRowInColor && JSON.stringify(prevProps.selectedOrderIds) === JSON.stringify(nextProps.selectedOrderIds) && JSON.stringify(prevProps.isSelectedOrders) === JSON.stringify(nextProps.isSelectedOrders) && prevProps.showExternalId === nextProps.showExternalId && prevProps.groupStatus === nextProps.groupStatus;
+};
+var Order = exports.Order = /*#__PURE__*/_react.default.memo(function (props) {
+  var orderDetailId = props.orderDetailId,
+    order = props.order,
+    i = props.i,
+    isEnabledRowInColor = props.isEnabledRowInColor,
+    handleClickOrder = props.handleClickOrder,
+    allowColumns = props.allowColumns,
+    isSelectedOrders = props.isSelectedOrders,
+    selectedOrderIds = props.selectedOrderIds,
+    handleSelectedOrderIds = props.handleSelectedOrderIds,
+    showExternalId = props.showExternalId,
+    getOrderStatus = props.getOrderStatus,
+    hidePhoto = props.hidePhoto,
+    getLogisticTag = props.getLogisticTag,
+    getPriorityTag = props.getPriorityTag,
+    groupStatus = props.groupStatus,
+    displayDelayedTime = props.displayDelayedTime,
+    getCurrenySymbol = props.getCurrenySymbol,
+    franchiseImages = props.franchiseImages;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var theme = (0, _styledComponents.useTheme)();
+  var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
+    _useUtils2 = _slicedToArray(_useUtils, 1),
+    _useUtils2$ = _useUtils2[0],
+    parseDate = _useUtils2$.parseDate,
+    optimizeImage = _useUtils2$.optimizeImage,
+    getTimeAgo = _useUtils2$.getTimeAgo,
+    parsePrice = _useUtils2$.parsePrice;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    key: i,
+    className: parseInt(orderDetailId) === order.id ? 'active' : '',
+    "data-tour": i === 0 ? 'tour_start' : '',
+    "data-status": isEnabledRowInColor && (order === null || order === void 0 ? void 0 : order.time_status),
+    onClick: function onClick(e) {
+      return handleClickOrder(order, e);
+    }
+  }, Object.keys(allowColumns).filter(function (col) {
+    var _allowColumns$col;
+    return (_allowColumns$col = allowColumns[col]) === null || _allowColumns$col === void 0 ? void 0 : _allowColumns$col.visable;
+  }).sort(function (col1, col2) {
+    var _allowColumns$col2, _allowColumns$col3;
+    return ((_allowColumns$col2 = allowColumns[col1]) === null || _allowColumns$col2 === void 0 ? void 0 : _allowColumns$col2.order) - ((_allowColumns$col3 = allowColumns[col2]) === null || _allowColumns$col3 === void 0 ? void 0 : _allowColumns$col3.order);
+  }).map(function (column, index) {
+    if (column === 'slaBar') {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        key: "slaBar".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.Timestatus, {
+        timeState: order === null || order === void 0 ? void 0 : order.time_status
+      }));
+    }
+    if (column === 'externalId' && !isSelectedOrders) {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "externalId",
+        key: "externalId".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, order === null || order === void 0 ? void 0 : order.external_id)));
+    }
+    if (column === 'orderNumber') {
+      var _allowColumns$orderNu, _allowColumns$dateTim, _allowColumns$orderNu2, _allowColumns$dateTim2;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: !(allowColumns !== null && allowColumns !== void 0 && (_allowColumns$orderNu = allowColumns.orderNumber) !== null && _allowColumns$orderNu !== void 0 && _allowColumns$orderNu.visable || allowColumns !== null && allowColumns !== void 0 && (_allowColumns$dateTim = allowColumns.dateTime) !== null && _allowColumns$dateTim !== void 0 && _allowColumns$dateTim.visable) ? 'small' : '',
+        key: "orderNumber".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.OrderNumberContainer, null, !isSelectedOrders && /*#__PURE__*/_react.default.createElement(_styles.CheckBox, {
+        isChecked: selectedOrderIds.includes(order === null || order === void 0 ? void 0 : order.id),
+        onClick: function onClick() {
+          return handleSelectedOrderIds(order.id);
+        },
+        className: "orderCheckBox"
+      }, selectedOrderIds.includes(order === null || order === void 0 ? void 0 : order.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, null) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, (allowColumns === null || allowColumns === void 0 || (_allowColumns$orderNu2 = allowColumns.orderNumber) === null || _allowColumns$orderNu2 === void 0 ? void 0 : _allowColumns$orderNu2.visable) && !showExternalId && /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('INVOICE_ORDER_NO', 'Order No.'), " ", order === null || order === void 0 ? void 0 : order.id), (allowColumns === null || allowColumns === void 0 || (_allowColumns$dateTim2 = allowColumns.dateTime) === null || _allowColumns$dateTim2 === void 0 ? void 0 : _allowColumns$dateTim2.visable) && /*#__PURE__*/_react.default.createElement("p", {
+        className: "date"
+      }, order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
+        utc: false
+      })))));
+    }
+    if (column === 'status' && !isSelectedOrders) {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "statusInfo",
+        key: "statusInfo".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, getOrderStatus(order.status))));
+    }
+    if (column === 'cartGroupId') {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "orderGroupId",
+        key: "cart_group_id".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, (order === null || order === void 0 ? void 0 : order.cart_group_id) && /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.cart_group_id)));
+    }
+    if (column === 'driverGroupId') {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "orderGroupId",
+        key: "cart_group_id".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, (order === null || order === void 0 ? void 0 : order.driver_group_id) && /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.driver_group_id)));
+    }
+    if (column === 'business') {
+      var _order$business, _order$business2, _theme$images, _order$business3, _order$business4;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "businessInfo",
+        key: "businessInfo".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement("img", {
+        src: optimizeImage(franchiseImages[order === null || order === void 0 || (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.franchise_id] || ((_order$business2 = order.business) === null || _order$business2 === void 0 ? void 0 : _order$business2.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo), 'h_50,c_limit'),
+        loading: "lazy",
+        alt: ""
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, order === null || order === void 0 || (_order$business3 = order.business) === null || _order$business3 === void 0 ? void 0 : _order$business3.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$business4 = order.business) === null || _order$business4 === void 0 || (_order$business4 = _order$business4.city) === null || _order$business4 === void 0 ? void 0 : _order$business4.name))));
+    }
+    if (column === 'customer') {
+      var _order$customer, _order$customer2, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "customerInfo",
+        key: "customerInfo".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.CustomerInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, order !== null && order !== void 0 && (_order$customer = order.customer) !== null && _order$customer !== void 0 && _order$customer.photo ? /*#__PURE__*/_react.default.createElement("img", {
+        src: optimizeImage(order === null || order === void 0 || (_order$customer2 = order.customer) === null || _order$customer2 === void 0 ? void 0 : _order$customer2.photo, 'h_50,c_limit'),
+        loading: "lazy",
+        alt: ""
+      }) : /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null), /*#__PURE__*/_react.default.createElement(_styles.OrdersCountWrapper, {
+        isNew: (order === null || order === void 0 || (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.orders_count) === 0
+      }, (order === null || order === void 0 || (_order$customer4 = order.customer) === null || _order$customer4 === void 0 ? void 0 : _order$customer4.orders_count) || t('NEW', 'New'))), /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, !(order !== null && order !== void 0 && (_order$customer5 = order.customer) !== null && _order$customer5 !== void 0 && _order$customer5.email) && !(order !== null && order !== void 0 && (_order$customer6 = order.customer) !== null && _order$customer6 !== void 0 && _order$customer6.cellphone) && !(order !== null && order !== void 0 && (_order$customer7 = order.customer) !== null && _order$customer7 !== void 0 && _order$customer7.name) ? t('GUEST_USER', 'Guest user') : order === null || order === void 0 || (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.cellphone))));
+    }
+    if (column === 'driver' && !isSelectedOrders) {
+      var _order$driver, _order$driver2, _order$driver3, _order$driver4;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        key: "driver".concat(i, "-").concat(index)
+      }, (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && /*#__PURE__*/_react.default.createElement(_styles.CustomerInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, order !== null && order !== void 0 && (_order$driver = order.driver) !== null && _order$driver !== void 0 && _order$driver.photo ? /*#__PURE__*/_react.default.createElement("img", {
+        src: optimizeImage(order === null || order === void 0 || (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo, 'h_50,c_limit'),
+        loading: "lazy",
+        alt: ""
+      }) : /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, order !== null && order !== void 0 && order.driver ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, order === null || order === void 0 || (_order$driver3 = order.driver) === null || _order$driver3 === void 0 ? void 0 : _order$driver3.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$driver4 = order.driver) === null || _order$driver4 === void 0 ? void 0 : _order$driver4.cellphone)) : /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('NO_DRIVER', 'No Driver')))));
+    }
+    if (column === 'advanced' && !isSelectedOrders) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: "advanced".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement("td", {
+        className: "logistic"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('LOGISTIC', 'Logistic')), /*#__PURE__*/_react.default.createElement("p", null, getLogisticTag(order === null || order === void 0 ? void 0 : order.logistic_status), /*#__PURE__*/_react.default.createElement(_styles.LogisticStatusDot, {
+        status: order === null || order === void 0 ? void 0 : order.logistic_status
+      })))), /*#__PURE__*/_react.default.createElement("td", {
+        className: "attempts"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('ATTEMPTS', 'Attempts')), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : order.logistic_attemps))), /*#__PURE__*/_react.default.createElement("td", {
+        className: "priority"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement("p", null, getPriorityTag(order === null || order === void 0 ? void 0 : order.priority), /*#__PURE__*/_react.default.createElement(_styles.PriorityDot, {
+        priority: order === null || order === void 0 ? void 0 : order.priority
+      })))));
+    }
+    if (column === 'timer' && (groupStatus === 'pending' || groupStatus === 'inProgress')) {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "timer",
+        key: "timer".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement(_styles.Timer, null, /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, t('TIMER', 'Timer')), /*#__PURE__*/_react.default.createElement("p", {
+        className: order === null || order === void 0 ? void 0 : order.time_status
+      }, displayDelayedTime(order))));
+    }
+    if (column === 'total') {
+      var _allowColumns$total, _order$summary;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "orderPrice",
+        key: "total".concat(i, "-").concat(index)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "info"
+      }, (allowColumns === null || allowColumns === void 0 || (_allowColumns$total = allowColumns.total) === null || _allowColumns$total === void 0 ? void 0 : _allowColumns$total.visable) && /*#__PURE__*/_react.default.createElement("p", {
+        className: "bold"
+      }, parsePrice(order === null || order === void 0 || (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.total, {
+        currency: getCurrenySymbol(order === null || order === void 0 ? void 0 : order.currency)
+      })), !((order === null || order === void 0 ? void 0 : order.status) === 1 || (order === null || order === void 0 ? void 0 : order.status) === 11 || (order === null || order === void 0 ? void 0 : order.status) === 2 || (order === null || order === void 0 ? void 0 : order.status) === 5 || (order === null || order === void 0 ? void 0 : order.status) === 6 || (order === null || order === void 0 ? void 0 : order.status) === 10 || order.status === 12) && /*#__PURE__*/_react.default.createElement("p", null, order !== null && order !== void 0 && order.delivery_datetime_utc ? getTimeAgo(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : getTimeAgo(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
+        utc: false
+      }))));
+    }
+  }));
+}, OrderPropsAreEqual);

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

@@ -9,13 +9,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _RiCheckboxBlankLine = _interopRequireDefault(require("@meronex/icons/ri/RiCheckboxBlankLine"));
 var _RiCheckboxFill = _interopRequireDefault(require("@meronex/icons/ri/RiCheckboxFill"));
-var _FaUserAlt = _interopRequireDefault(require("@meronex/icons/fa/FaUserAlt"));
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _styledComponents = require("styled-components");
 var _Shared = require("../../Shared");
 var _utils = require("../../../utils");
 var _styles = require("./styles");
+var _Order = require("./Order");
 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; }
@@ -34,6 +34,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderTablePropsAreEqual = function OrderTablePropsAreEqual(prevProps, nextProps) {
+  return prevProps.isSelectedOrders === nextProps.isSelectedOrders && JSON.stringify(prevProps.orderList) === JSON.stringify(nextProps.orderList) && JSON.stringify(prevProps.pagination) === JSON.stringify(nextProps.pagination) && JSON.stringify(prevProps.selectedOrderIds) === JSON.stringify(nextProps.selectedOrderIds) && JSON.stringify(prevProps.isTourOpen) === JSON.stringify(nextProps.isTourOpen) && prevProps.groupStatus === nextProps.groupStatus && JSON.stringify(prevProps.allowColumns) === JSON.stringify(nextProps.allowColumns) && prevProps.isUseQuery === nextProps.isUseQuery;
+};
 var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (props) {
   var _configState$configs, _configState$configs2, _franchisesList$franc, _orderList$orders3;
   var hidePhoto = props.hidePhoto,
@@ -50,7 +53,6 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
     isTourOpen = props.isTourOpen,
     handleOpenTour = props.handleOpenTour,
     setIsTourOpen = props.setIsTourOpen,
-    slaSettingTime = props.slaSettingTime,
     groupStatus = props.groupStatus,
     allowColumns = props.allowColumns,
     setAllowColumns = props.setAllowColumns,
@@ -65,22 +67,15 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
   var theme = (0, _styledComponents.useTheme)();
   var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
     _useUtils2 = _slicedToArray(_useUtils, 1),
-    _useUtils2$ = _useUtils2[0],
-    parseDate = _useUtils2$.parseDate,
-    optimizeImage = _useUtils2$.optimizeImage,
-    getTimeAgo = _useUtils2$.getTimeAgo,
-    parsePrice = _useUtils2$.parsePrice;
+    parseDate = _useUtils2[0].parseDate;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isAllChecked = _useState2[0],
     setIsAllChecked = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    setCurrentTime = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dragOverd = _useState6[0],
-    setDragOverd = _useState6[1];
+    dragOverd = _useState4[0],
+    setDragOverd = _useState4[1];
   var handleChangePage = function handleChangePage(page) {
     getPageOrders(pagination.pageSize, page);
   };
@@ -604,192 +599,27 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
       width: 100
     }))))));
   }) : /*#__PURE__*/_react.default.createElement(_styles.OrderTbody, null, orderList.orders.map(function (order, i) {
-    return /*#__PURE__*/_react.default.createElement("tr", {
-      key: i,
-      className: parseInt(orderDetailId) === order.id ? 'active' : '',
-      "data-tour": i === 0 ? 'tour_start' : '',
-      "data-status": isEnabledRowInColor && (order === null || order === void 0 ? void 0 : order.time_status),
-      onClick: function onClick(e) {
-        return handleClickOrder(order, e);
-      }
-    }, Object.keys(allowColumns).filter(function (col) {
-      var _allowColumns$col7;
-      return (_allowColumns$col7 = allowColumns[col]) === null || _allowColumns$col7 === void 0 ? void 0 : _allowColumns$col7.visable;
-    }).sort(function (col1, col2) {
-      var _allowColumns$col8, _allowColumns$col9;
-      return ((_allowColumns$col8 = allowColumns[col1]) === null || _allowColumns$col8 === void 0 ? void 0 : _allowColumns$col8.order) - ((_allowColumns$col9 = allowColumns[col2]) === null || _allowColumns$col9 === void 0 ? void 0 : _allowColumns$col9.order);
-    }).map(function (column, index) {
-      if (column === 'slaBar') {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          key: "slaBar".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.Timestatus, {
-          timeState: order === null || order === void 0 ? void 0 : order.time_status
-        }));
-      }
-      if (column === 'externalId' && !isSelectedOrders) {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "externalId",
-          key: "externalId".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, order === null || order === void 0 ? void 0 : order.external_id)));
-      }
-      if (column === 'orderNumber') {
-        var _allowColumns$orderNu4, _allowColumns$dateTim4, _allowColumns$orderNu5, _allowColumns$dateTim5;
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: !(allowColumns !== null && allowColumns !== void 0 && (_allowColumns$orderNu4 = allowColumns.orderNumber) !== null && _allowColumns$orderNu4 !== void 0 && _allowColumns$orderNu4.visable || allowColumns !== null && allowColumns !== void 0 && (_allowColumns$dateTim4 = allowColumns.dateTime) !== null && _allowColumns$dateTim4 !== void 0 && _allowColumns$dateTim4.visable) ? 'small' : '',
-          key: "orderNumber".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.OrderNumberContainer, null, !isSelectedOrders && /*#__PURE__*/_react.default.createElement(_styles.CheckBox, {
-          isChecked: selectedOrderIds.includes(order === null || order === void 0 ? void 0 : order.id),
-          onClick: function onClick() {
-            return handleSelectedOrderIds(order.id);
-          },
-          className: "orderCheckBox"
-        }, selectedOrderIds.includes(order === null || order === void 0 ? void 0 : order.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, null) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null)), /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, (allowColumns === null || allowColumns === void 0 || (_allowColumns$orderNu5 = allowColumns.orderNumber) === null || _allowColumns$orderNu5 === void 0 ? void 0 : _allowColumns$orderNu5.visable) && !showExternalId && /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('INVOICE_ORDER_NO', 'Order No.'), " ", order === null || order === void 0 ? void 0 : order.id), (allowColumns === null || allowColumns === void 0 || (_allowColumns$dateTim5 = allowColumns.dateTime) === null || _allowColumns$dateTim5 === void 0 ? void 0 : _allowColumns$dateTim5.visable) && /*#__PURE__*/_react.default.createElement("p", {
-          className: "date"
-        }, order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
-          utc: false
-        })))));
-      }
-      if (column === 'status' && !isSelectedOrders) {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "statusInfo",
-          key: "statusInfo".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, getOrderStatus(order.status))));
-      }
-      if (column === 'cartGroupId') {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "orderGroupId",
-          key: "cart_group_id".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, (order === null || order === void 0 ? void 0 : order.cart_group_id) && /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.cart_group_id)));
-      }
-      if (column === 'driverGroupId') {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "orderGroupId",
-          key: "cart_group_id".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, (order === null || order === void 0 ? void 0 : order.driver_group_id) && /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.driver_group_id)));
-      }
-      if (column === 'business') {
-        var _order$business, _order$business2, _theme$images, _order$business3, _order$business4;
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "businessInfo",
-          key: "businessInfo".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement("img", {
-          src: optimizeImage(franchiseImages[order === null || order === void 0 || (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.franchise_id] || ((_order$business2 = order.business) === null || _order$business2 === void 0 ? void 0 : _order$business2.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo), 'h_50,c_limit'),
-          loading: "lazy",
-          alt: ""
-        })), /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, order === null || order === void 0 || (_order$business3 = order.business) === null || _order$business3 === void 0 ? void 0 : _order$business3.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$business4 = order.business) === null || _order$business4 === void 0 || (_order$business4 = _order$business4.city) === null || _order$business4 === void 0 ? void 0 : _order$business4.name))));
-      }
-      if (column === 'customer') {
-        var _order$customer, _order$customer2, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9;
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "customerInfo",
-          key: "customerInfo".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.CustomerInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, order !== null && order !== void 0 && (_order$customer = order.customer) !== null && _order$customer !== void 0 && _order$customer.photo ? /*#__PURE__*/_react.default.createElement("img", {
-          src: optimizeImage(order === null || order === void 0 || (_order$customer2 = order.customer) === null || _order$customer2 === void 0 ? void 0 : _order$customer2.photo, 'h_50,c_limit'),
-          loading: "lazy",
-          alt: ""
-        }) : /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null), /*#__PURE__*/_react.default.createElement(_styles.OrdersCountWrapper, {
-          isNew: (order === null || order === void 0 || (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.orders_count) === 0
-        }, (order === null || order === void 0 || (_order$customer4 = order.customer) === null || _order$customer4 === void 0 ? void 0 : _order$customer4.orders_count) || t('NEW', 'New'))), /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, !(order !== null && order !== void 0 && (_order$customer5 = order.customer) !== null && _order$customer5 !== void 0 && _order$customer5.email) && !(order !== null && order !== void 0 && (_order$customer6 = order.customer) !== null && _order$customer6 !== void 0 && _order$customer6.cellphone) && !(order !== null && order !== void 0 && (_order$customer7 = order.customer) !== null && _order$customer7 !== void 0 && _order$customer7.name) ? t('GUEST_USER', 'Guest user') : order === null || order === void 0 || (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.cellphone))));
-      }
-      if (column === 'driver' && !isSelectedOrders) {
-        var _order$driver, _order$driver2, _order$driver3, _order$driver4;
-        return /*#__PURE__*/_react.default.createElement("td", {
-          key: "driver".concat(i, "-").concat(index)
-        }, (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && /*#__PURE__*/_react.default.createElement(_styles.CustomerInfo, null, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, order !== null && order !== void 0 && (_order$driver = order.driver) !== null && _order$driver !== void 0 && _order$driver.photo ? /*#__PURE__*/_react.default.createElement("img", {
-          src: optimizeImage(order === null || order === void 0 || (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo, 'h_50,c_limit'),
-          loading: "lazy",
-          alt: ""
-        }) : /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null)), /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, order !== null && order !== void 0 && order.driver ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, order === null || order === void 0 || (_order$driver3 = order.driver) === null || _order$driver3 === void 0 ? void 0 : _order$driver3.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$driver4 = order.driver) === null || _order$driver4 === void 0 ? void 0 : _order$driver4.cellphone)) : /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('NO_DRIVER', 'No Driver')))));
-      }
-      if (column === 'advanced' && !isSelectedOrders) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "advanced".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement("td", {
-          className: "logistic"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('LOGISTIC', 'Logistic')), /*#__PURE__*/_react.default.createElement("p", null, getLogisticTag(order === null || order === void 0 ? void 0 : order.logistic_status), /*#__PURE__*/_react.default.createElement(_styles.LogisticStatusDot, {
-          status: order === null || order === void 0 ? void 0 : order.logistic_status
-        })))), /*#__PURE__*/_react.default.createElement("td", {
-          className: "attempts"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('ATTEMPTS', 'Attempts')), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : order.logistic_attemps))), /*#__PURE__*/_react.default.createElement("td", {
-          className: "priority"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement("p", null, getPriorityTag(order === null || order === void 0 ? void 0 : order.priority), /*#__PURE__*/_react.default.createElement(_styles.PriorityDot, {
-          priority: order === null || order === void 0 ? void 0 : order.priority
-        })))));
-      }
-      if (column === 'timer' && (groupStatus === 'pending' || groupStatus === 'inProgress')) {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "timer",
-          key: "timer".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement(_styles.Timer, null, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, t('TIMER', 'Timer')), /*#__PURE__*/_react.default.createElement("p", {
-          className: order === null || order === void 0 ? void 0 : order.time_status
-        }, displayDelayedTime(order))));
-      }
-      if (column === 'eta') {
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "eta",
-          key: "eta".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, order === null || order === void 0 ? void 0 : order.eta_time, " min")));
-      }
-      if (column === 'total') {
-        var _allowColumns$total2, _order$summary;
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: "orderPrice",
-          key: "total".concat(i, "-").concat(index)
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "info"
-        }, (allowColumns === null || allowColumns === void 0 || (_allowColumns$total2 = allowColumns.total) === null || _allowColumns$total2 === void 0 ? void 0 : _allowColumns$total2.visable) && /*#__PURE__*/_react.default.createElement("p", {
-          className: "bold"
-        }, parsePrice(order === null || order === void 0 || (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.total, {
-          currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-        })), !((order === null || order === void 0 ? void 0 : order.status) === 1 || (order === null || order === void 0 ? void 0 : order.status) === 11 || (order === null || order === void 0 ? void 0 : order.status) === 2 || (order === null || order === void 0 ? void 0 : order.status) === 5 || (order === null || order === void 0 ? void 0 : order.status) === 6 || (order === null || order === void 0 ? void 0 : order.status) === 10 || order.status === 12) && /*#__PURE__*/_react.default.createElement("p", null, order !== null && order !== void 0 && order.delivery_datetime_utc ? getTimeAgo(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : getTimeAgo(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
-          utc: false
-        }))));
-      }
-    }));
+    return /*#__PURE__*/_react.default.createElement(_Order.Order, {
+      key: order === null || order === void 0 ? void 0 : order.id,
+      i: i,
+      order: order,
+      orderDetailId: orderDetailId,
+      isEnabledRowInColor: isEnabledRowInColor,
+      handleClickOrder: handleClickOrder,
+      allowColumns: allowColumns,
+      isSelectedOrders: isSelectedOrders,
+      selectedOrderIds: selectedOrderIds,
+      handleSelectedOrderIds: handleSelectedOrderIds,
+      showExternalId: showExternalId,
+      getOrderStatus: getOrderStatus,
+      hidePhoto: hidePhoto,
+      getLogisticTag: getLogisticTag,
+      getPriorityTag: getPriorityTag,
+      groupStatus: groupStatus,
+      displayDelayedTime: displayDelayedTime,
+      getCurrenySymbol: _utils.getCurrenySymbol,
+      franchiseImages: franchiseImages
+    });
   })))), pagination && /*#__PURE__*/_react.default.createElement(_styles.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
     currentPage: pagination.currentPage,
     totalPages: Math.ceil((pagination === null || pagination === void 0 ? void 0 : pagination.total) / pagination.pageSize),
@@ -797,4 +627,4 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
     defaultPageSize: pagination.pageSize,
     handleChangePageSize: handleChangePageSize
   })));
-});
+}, OrderTablePropsAreEqual);

package/_modules/components/Orders/ProductItemAccordion/styles.js

@@ -47,7 +47,7 @@ var ContentInfo = exports.ContentInfo = _styledComponents.default.div(_templateO
 });
 var AccordionContent = exports.AccordionContent = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  transition: max-height 0.6s ease;\n  width: 100%;\n  margin: auto;\n\n  @media (min-width: 481px) {\n    width: 80%;\n  }\n\n  @media print {\n    margin-top: 20px;\n  }\n"])));
 var AccordionText = exports.AccordionText = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-weight: 400;\n  font-size: 14px;\n  padding: 18px;\n"])));
-var ProductComment = exports.ProductComment = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-left: 40px;\n  ", "\n  p {\n    font-weight: bold;\n    margin: 0px;\n  }\n\n  h3 {\n    font-size: 14px;\n    font-weight: normal;\n    text-transform: capitalize;\n    margin: 0px 20px 0px 40px;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    line-height: 1.5;\n    overflow: hidden;\n    ", "\n  }\n"])), function (props) {
+var ProductComment = exports.ProductComment = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-left: 40px;\n  ", "\n  p {\n    font-weight: bold;\n    margin: 0px;\n  }\n\n  h3 {\n    font-size: 14px;\n    font-weight: normal;\n    text-transform: capitalize;\n    margin: 0px 20px 0px 40px;\n    display: -webkit-box;\n    line-height: 1.5;\n    ", "\n  }\n"])), function (props) {
   var _props$theme4;
   return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding-right: 40px;\n    padding-left: 0px;\n  "])));
 }, function (props) {