ordering-ui-external 1.8.8 → 1.8.9

package/_modules/themes/callcenterOriginal/src/components/Orders/OrderStatusTypeSelector/index.js

@@ -0,0 +1,480 @@
+"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.OrderStatusTypeSelector = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsExternal = require("ordering-components-external");
+var _DashboardSelect = require("../../../styles/Select/DashboardSelect");
+var _FirstSelect = require("../../../styles/Select/FirstSelect");
+var _MultiSelect = require("../../../styles/MultiSelect");
+var _styles = require("./styles");
+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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderStatusTypeSelector = function OrderStatusTypeSelector(props) {
+  var isFirstSelect = props.isFirstSelect,
+    defaultValue = props.defaultValue,
+    deliveryType = props.deliveryType,
+    mutiOrdersChange = props.mutiOrdersChange,
+    orderId = props.orderId,
+    type = props.type,
+    orderControl = props.orderControl,
+    noPadding = props.noPadding,
+    noSelected = props.noSelected,
+    isFilterView = props.isFilterView,
+    filterValues = props.filterValues,
+    handleUpdateOrderStatus = props.handleUpdateOrderStatus,
+    handleChangeMultiOrdersStatus = props.handleChangeMultiOrdersStatus,
+    handleChangeOrderStatus = props.handleChangeOrderStatus;
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useState = (0, _react.useState)('default'),
+    _useState2 = _slicedToArray(_useState, 2),
+    defaultOptionValue = _useState2[0],
+    setDefaultOptionValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredOrderStatuses = _useState4[0],
+    setFilteredOrderStatuses = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchValue = _useState6[0],
+    setSearchValue = _useState6[1];
+  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, /*#__PURE__*/_react.default.createElement("p", null, t('SELECT_STATUS', 'Select Status')));
+  var orderStatuses = [{
+    value: 'default',
+    name: t('CHANGE_STATUS', 'Change Status'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('CHANGE_STATUS', 'Change Status'))),
+    disabled: true,
+    showDisable: true
+  }, {
+    value: 'pending',
+    name: t('PENDING', 'Pending'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding,
+      isSubTitle: true
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PENDING', 'Pending'))),
+    disabled: true
+  }, {
+    value: 0,
+    name: t('PENDING', 'Pending'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PENDING', 'Pending'))),
+    color: 'primary'
+  }, {
+    value: 13,
+    name: t('PREORDER', 'Preorder'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PREORDER', 'Preorder'))),
+    color: 'primary',
+    disabled: true
+  }, {
+    value: 'inProgress',
+    name: t('IN_PROGRESS', 'In Progress'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding,
+      isSubTitle: true
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('IN_PROGRESS', 'In Progress'))),
+    disabled: true
+  }, {
+    value: 7,
+    name: t('ACCEPTED_BY_BUSINESS', 'Accepted by Business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ACCEPTED_BY_BUSINESS', 'Accepted by Business'))),
+    color: 'primary'
+  }, {
+    value: 4,
+    name: t('PREPARATION_COMPLETED', 'Preparation Completed'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PREPARATION_COMPLETED', 'Preparation Completed'))),
+    color: 'primary'
+  }, {
+    value: 8,
+    name: t('ACCEPTED_BY_DRIVER', 'Accepted by Driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ACCEPTED_BY_DRIVER', 'Accepted by Driver'))),
+    color: 'primary'
+  }, {
+    value: 3,
+    name: t('ORDER_STATUS_IN_BUSINESS', 'Driver arrived to business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_STATUS_IN_BUSINESS', 'Driver arrived to business'))),
+    color: 'primary'
+  }, {
+    value: 9,
+    name: t('PICK_UP_COMPLETED_BY_DRIVER', 'Pick up completed by driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PICK_UP_COMPLETED_BY_DRIVER', 'Pick up completed by driver'))),
+    color: 'primary'
+  }, {
+    value: 14,
+    name: t('ORDER_NOT_READY', 'Order not ready'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_NOT_READY', 'Order not ready'))),
+    color: 'primary'
+  }, {
+    value: 18,
+    name: t('ORDER_DRIVER_ALMOST_ARRIVED_BUSINESS', 'Driver almost arrived to business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_DRIVER_ALMOST_ARRIVED_BUSINESS', 'Driver almost arrived to business'))),
+    color: 'primary'
+  }, {
+    value: 19,
+    name: t('ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER', 'Driver almost arrived to customer'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER', 'Driver almost arrived to customer'))),
+    color: 'primary'
+  }, {
+    value: 20,
+    name: t('ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS', 'Customer almost arrived to business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS', 'Customer almost arrived to business'))),
+    color: 'primary'
+  }, {
+    value: 21,
+    name: t('ORDER_CUSTOMER_ARRIVED_BUSINESS', 'Customer arrived to business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_CUSTOMER_ARRIVED_BUSINESS', 'Customer arrived to business'))),
+    color: 'primary'
+  }, {
+    value: 22,
+    name: t('ORDER_LOOKING_FOR_DRIVER', 'Looking for driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_LOOKING_FOR_DRIVER', 'Looking for driver'))),
+    color: 'primary'
+  }, {
+    value: 23,
+    name: t('ORDER_DRIVER_ON_WAY', 'Driver on way'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_DRIVER_ON_WAY', 'Driver on way'))),
+    color: 'primary'
+  }, {
+    value: null,
+    name: t('COMPLETED', 'Completed'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding,
+      isSubTitle: true
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('COMPLETED', 'Completed'))),
+    disabled: true
+  }, {
+    value: 1,
+    name: t('COMPLETED_BY_ADMIN', 'Completed by Admin'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('COMPLETED_BY_ADMIN', 'Completed by Admin'))),
+    color: 'primary'
+  }, {
+    value: 11,
+    name: t('DELIVERY_COMPLETED_BY_DRIVER', 'Delivery Completed by Driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('DELIVERY_COMPLETED_BY_DRIVER', 'Delivery Completed by Driver'))),
+    color: 'primary'
+  }, {
+    value: 15,
+    name: t('ORDER_PICKEDUP_COMPLETED_BY_CUSTOMER', 'Pickup completed by customer'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_PICKEDUP_COMPLETED_BY_CUSTOMER', 'Pickup completed by customer'))),
+    color: 'primary'
+  }, {
+    value: null,
+    name: t('CANCELLED', 'Cancelled'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding,
+      isSubTitle: true
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('CANCELLED', 'Cancelled'))),
+    disabled: true
+  }, {
+    value: 2,
+    name: t('REJECTED_BY_ADMIN', 'Rejected by Admin'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('REJECTED_BY_ADMIN', 'Rejected by Admin'))),
+    color: 'primary'
+  }, {
+    value: 5,
+    name: t('REJECTED_BY_BUSINESS', 'Rejected by Business'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('REJECTED_BY_BUSINESS', 'Rejected by Business'))),
+    color: 'primary'
+  }, {
+    value: 6,
+    name: t('REJECTED_BY_DRIVER', 'Rejected by Driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('REJECTED_BY_DRIVER', 'Rejected by Driver'))),
+    color: 'primary'
+  }, {
+    value: 10,
+    name: t('PICK_UP_FAILED_BY_DRIVER', 'Pickup Failed by Driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('PICK_UP_FAILED_BY_DRIVER', 'Pickup Failed by Driver'))),
+    color: 'primary'
+  }, {
+    value: 12,
+    name: t('DELIVERY_FAILED_BY_DRIVER', 'Delivery Failed by Driver'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('DELIVERY_FAILED_BY_DRIVER', 'Delivery Failed by Driver'))),
+    color: 'primary'
+  }, {
+    value: 16,
+    name: t('ORDER_STATUS_CANCELLED_BY_CUSTOMER', 'Cancelled by customer'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_STATUS_CANCELLED_BY_CUSTOMER', 'Cancelled by customer'))),
+    color: 'primary'
+  }, {
+    value: 17,
+    name: t('ORDER_NOT_PICKEDUP_BY_CUSTOMER', 'Not picked by customer'),
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+      noPadding: noPadding
+    }, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_NOT_PICKEDUP_BY_CUSTOMER', 'Not picked by customer'))),
+    color: 'primary'
+  }];
+  var changeOrderStatus = function changeOrderStatus(orderStatus) {
+    if (orderStatus !== 'default' && orderStatus !== defaultValue) {
+      if (!mutiOrdersChange) {
+        handleUpdateOrderStatus({
+          id: orderId,
+          newStatus: orderStatus
+        });
+      } else {
+        handleChangeMultiOrdersStatus(orderStatus);
+      }
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (!isFilterView) {
+      if (orderControl) {
+        setFilteredOrderStatuses(orderStatuses);
+      } else {
+        var _filteredOrderStatuses = [];
+        var extractOrderStatus = [];
+        switch (deliveryType) {
+          case 1:
+            extractOrderStatus = orderStatuses.slice(0, 13);
+            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
+            extractOrderStatus = orderStatuses.slice(15, 20);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(21, 28);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            if (searchValue) {
+              var _filteredOrderStatuse;
+              _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse = _filteredOrderStatuses) === null || _filteredOrderStatuse === void 0 ? void 0 : _filteredOrderStatuse.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+          case 2:
+            extractOrderStatus = orderStatuses.slice(0, 7);
+            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
+            extractOrderStatus = orderStatuses.slice(10, 11);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(13, 15);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(17, 19);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(20, 24);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(27, 29);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            if (searchValue) {
+              var _filteredOrderStatuse2;
+              _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse2 = _filteredOrderStatuses) === null || _filteredOrderStatuse2 === void 0 ? void 0 : _filteredOrderStatuse2.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+          case 3:
+            extractOrderStatus = orderStatuses.slice(0, 3);
+            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
+            extractOrderStatus = orderStatuses.slice(4, 7);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(17, 19);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(20, 24);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(27, 29);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            if (searchValue) {
+              var _filteredOrderStatuse3;
+              _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse3 = _filteredOrderStatuses) === null || _filteredOrderStatuse3 === void 0 ? void 0 : _filteredOrderStatuse3.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+          case 4:
+            extractOrderStatus = orderStatuses.slice(0, 7);
+            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
+            extractOrderStatus = orderStatuses.slice(10, 11);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(13, 15);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(17, 19);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(20, 24);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(27, 29);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            if (searchValue) {
+              var _filteredOrderStatuse4;
+              _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse4 = _filteredOrderStatuses) === null || _filteredOrderStatuse4 === void 0 ? void 0 : _filteredOrderStatuse4.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+          case 5:
+            extractOrderStatus = orderStatuses.slice(0, 7);
+            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
+            extractOrderStatus = orderStatuses.slice(10, 11);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(13, 15);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(17, 19);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(20, 24);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(27, 29);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            if (searchValue) {
+              var _filteredOrderStatuse5;
+              _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse5 = _filteredOrderStatuses) === null || _filteredOrderStatuse5 === void 0 ? void 0 : _filteredOrderStatuse5.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+          default:
+            if (searchValue) {
+              _filteredOrderStatuses = _toConsumableArray(orderStatuses === null || orderStatuses === void 0 ? void 0 : orderStatuses.filter(function (orderStatus) {
+                return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+              }));
+            }
+            setFilteredOrderStatuses(_filteredOrderStatuses);
+            break;
+        }
+      }
+    } else {
+      var _filteredOrderStatuses2 = [];
+      var _extractOrderStatus = [];
+      _extractOrderStatus = orderStatuses.slice(2, 4);
+      _filteredOrderStatuses2 = _toConsumableArray(_extractOrderStatus);
+      _extractOrderStatus = orderStatuses.slice(5, 17);
+      _filteredOrderStatuses2 = [].concat(_toConsumableArray(_filteredOrderStatuses2), _toConsumableArray(_extractOrderStatus));
+      _extractOrderStatus = orderStatuses.slice(18, 21);
+      _filteredOrderStatuses2 = [].concat(_toConsumableArray(_filteredOrderStatuses2), _toConsumableArray(_extractOrderStatus));
+      _extractOrderStatus = orderStatuses.slice(22, 29);
+      _filteredOrderStatuses2 = [].concat(_toConsumableArray(_filteredOrderStatuses2), _toConsumableArray(_extractOrderStatus));
+      setFilteredOrderStatuses(_filteredOrderStatuses2);
+    }
+  }, [deliveryType, searchValue]);
+  (0, _react.useEffect)(function () {
+    setDefaultOptionValue(defaultValue);
+  }, [defaultValue]);
+  var filterChangeOrderStatus = function filterChangeOrderStatus(status) {
+    handleChangeOrderStatus(status);
+  };
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    defaultFilterValues = _useState8[0],
+    setDefaultFilterValues = _useState8[1];
+  (0, _react.useEffect)(function () {
+    if (isFilterView) {
+      var _defaultFilterValues = _toConsumableArray(filterValues.statuses);
+      setDefaultFilterValues(_defaultFilterValues);
+    }
+  }, [filterValues]);
+  var handleChangeSearch = function handleChangeSearch(searchValue) {
+    setSearchValue(searchValue);
+  };
+  if (isFilterView) {
+    return /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
+      className: "order-status-multi-select",
+      optionInnerMaxHeight: "50vh",
+      placeholder: placeholder,
+      defaultValue: defaultFilterValues,
+      options: filteredOrderStatuses,
+      onChange: function onChange(orderStatus) {
+        return filterChangeOrderStatus(orderStatus);
+      }
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_styles.OrderStatusTypeSelectWrapper, null, isFirstSelect ? /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchBarPlaceholder: t('SEARCH', 'Search'),
+      type: type,
+      placeholder: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+        noPadding: noPadding,
+        isSubTitle: true
+      }, /*#__PURE__*/_react.default.createElement("p", null, t('CHANGE_STATUS', 'Change Status'))),
+      optionInnerMaxHeight: "50vh",
+      noSelected: noSelected,
+      defaultValue: defaultOptionValue,
+      options: filteredOrderStatuses,
+      onChange: function onChange(orderStatus) {
+        return changeOrderStatus(orderStatus);
+      },
+      className: "orderStatus",
+      isShowSearchBar: true,
+      searchValue: searchValue,
+      handleChangeSearch: handleChangeSearch
+    }) : /*#__PURE__*/_react.default.createElement(_DashboardSelect.Select, {
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchBarPlaceholder: t('SEARCH', 'Search'),
+      type: type,
+      placeholder: /*#__PURE__*/_react.default.createElement(_styles.Option, {
+        noPadding: noPadding,
+        isSubTitle: true
+      }, /*#__PURE__*/_react.default.createElement("p", null, t('CHANGE_STATUS', 'Change Status'))),
+      optionInnerMaxHeight: "50vh",
+      noSelected: noSelected,
+      defaultValue: defaultOptionValue,
+      options: filteredOrderStatuses,
+      searchValue: searchValue,
+      onChange: function onChange(orderStatus) {
+        return changeOrderStatus(orderStatus);
+      },
+      className: "orderStatus"
+    }));
+  }
+};
+exports.OrderStatusTypeSelector = OrderStatusTypeSelector;

package/_modules/themes/callcenterOriginal/src/components/Orders/OrderStatusTypeSelector/styles.js

@@ -0,0 +1,35 @@
+"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.PlaceholderTitle = exports.OrderStatusTypeSelectWrapper = exports.Option = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var OrderStatusTypeSelectWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .list-wrapper {\n    min-width: 297px;\n  }\n\n  .orderStatus {\n    width: 100%;\n  }\n\n  .search-bar-container {\n    padding: 10px 11px;\n    width: 100%;\n    input {\n      border-radius: 7.6px;\n      width: 100%;\n    }\n  }\n"])));
+exports.OrderStatusTypeSelectWrapper = OrderStatusTypeSelectWrapper;
+var Option = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  column-gap: 5px;\n\n  p {\n    margin: 0px;\n    white-space: nowrap;\n    font-size: 14px;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var isSubTitle = _ref.isSubTitle;
+  return !isSubTitle ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n\n    p {\n      padding: 0 10px;\n      color: ", " !important;\n    }\n  "])), function (props) {
+    var _props$theme;
+    return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border-right: 1px solid ", ";\n      margin-right: 5px;\n    "])), function (props) {
+      return props.theme.colors.borderColor;
+    }) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-left: 1px solid ", ";\n      margin-left: 5px;\n    "])), function (props) {
+      return props.theme.colors.borderColor;
+    });
+  }, function (props) {
+    return props.theme.colors.secundaryContrast;
+  }) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    p {\n      color: ", ";\n    }\n  "])), function (props) {
+    return props.theme.colors.secundaryLight;
+  });
+}, function (_ref2) {
+  var noPadding = _ref2.noPadding;
+  return noPadding && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding: 0px;\n  "])));
+});
+exports.Option = Option;
+var PlaceholderTitle = (0, _styledComponents.default)(Option)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 10px;\n"])));
+exports.PlaceholderTitle = PlaceholderTitle;