ordering-ui-external 10.0.0 → 10.1.0

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

@@ -6,28 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PopoverContainer = exports.Item = exports.ExportContainer = exports.ExportCSVResult = exports.ErrorMessage = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 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 ExportContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var ExportContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  > button {\n    height: 42px;\n    ", "\n\n    svg {\n      ", "\n    }\n  }\n"])), function (props) {
+  var _props$theme;
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: 14px;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-right: 14px;\n    "])));
+}, function (props) {
+  var _props$theme2;
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: 5px;\n      "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-left: 5px;\n      "])));
+});
 exports.ExportContainer = ExportContainer;
-var PopoverContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  margin-top: 5px;\n  padding: 5px 0;\n  background: ", ";\n  box-shadow: 0 6px 12px rgba(0,0,0,.175);\n  z-index: 110;\n\n  ", "\n"])), function (props) {
+var PopoverContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  margin-top: 5px;\n  padding: 5px 0;\n  background: ", ";\n  box-shadow: 0 6px 12px rgba(0,0,0,.175);\n  z-index: 110;\n\n  ", "\n"])), function (props) {
   var _props$theme$colors;
   return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
 }, function (props) {
-  var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    left: 14px;\n  "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    right: 14px;\n  "])));
+  var _props$theme3;
+  return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    left: 14px;\n  "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    right: 14px;\n  "])));
 });
 exports.PopoverContainer = PopoverContainer;
-var Item = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 3px 20px;\n  white-space: nowrap;\n  cursor: pointer;\n  &:hover {\n    background-color: #F2F2F2;\n  }\n"])));
+var Item = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 3px 20px;\n  white-space: nowrap;\n  cursor: pointer;\n  &:hover {\n    background-color: #F2F2F2;\n  }\n"])));
 exports.Item = Item;
-var ExportCSVResult = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  h1 {\n    font-size: 24px;\n    color: ", ";\n  }\n\n  button {\n    width: 100%;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    margin-top: 20px;\n  }\n"])), function (props) {
+var ExportCSVResult = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  h1 {\n    font-size: 24px;\n    color: ", ";\n  }\n\n  button {\n    width: 100%;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    margin-top: 20px;\n  }\n"])), function (props) {
   var _props$theme$colors2;
   return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
 });
 exports.ExportCSVResult = ExportCSVResult;
-var ErrorMessage = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin: 5px 0;\n  color: ", ";\n"])), function (props) {
+var ErrorMessage = _styledComponents.default.p(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  text-align: center;\n  margin: 5px 0;\n  color: ", ";\n"])), function (props) {
   var _props$theme$colors3;
   return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.headingColor;
 });

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

@@ -5,21 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrdersFilterGroup = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _orderingComponentsExternal = require("ordering-components-external");
 var _BusinessesSelector = require("../BusinessesSelector");
 var _DriversGroupTypeSelector = require("../DriversGroupTypeSelector");
 var _DateTypeSelector = require("../DateTypeSelector");
 var _DriverSelector = require("../DriverSelector");
 var _Shared = require("../../Shared");
-var _OrderStatusTypeSelector = require("../OrderStatusTypeSelector");
 var _DeliveryTypeSelector = require("../DeliveryTypeSelector");
 var _PaymethodTypeSelector = require("../PaymethodTypeSelector");
 var _CountryFilter = require("../CountryFilter");
 var _styles = require("../../../styles");
 var _CurrencyFilter = require("../CurrencyFilter");
+var _utils = require("../../../../../../utils");
 var _styles2 = require("./styles");
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -30,7 +32,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { OrderStatusTypeSelector } from '../OrderStatusTypeSelector'
 var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   var open = props.open,
     handleCloseFilterModal = props.handleCloseFilterModal,
@@ -47,17 +49,32 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
     handleChangeBusinesses = props.handleChangeBusinesses,
     handleChangeDriver = props.handleChangeDriver,
     handleChangeCity = props.handleChangeCity,
-    handleChangeOrderStatus = props.handleChangeOrderStatus,
     handleChangeDeliveryType = props.handleChangeDeliveryType,
     handleChangePaymethodType = props.handleChangePaymethodType,
     handleResetFilterValues = props.handleResetFilterValues,
     handleChangeFilterValues = props.handleChangeFilterValues,
     handleChangeOrderId = props.handleChangeOrderId,
     handleChangeCountryCode = props.handleChangeCountryCode,
-    handleChangeCurrency = props.handleChangeCurrency;
+    handleChangeCurrency = props.handleChangeCurrency,
+    handleChangeMetaFieldValue = props.handleChangeMetaFieldValue,
+    handleAddMetaField = props.handleAddMetaField,
+    handleDeleteMetafield = props.handleDeleteMetafield,
+    handleChangeExternalId = props.handleChangeExternalId;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
+  var _useState = (0, _react.useState)({
+      key: '',
+      value: ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    metafield = _useState2[0],
+    setMetaField = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isShow = _useState4[0],
+    setIsShow = _useState4[1];
+  var metafieldRef = (0, _react.useRef)();
   var handleAcceptFilter = function handleAcceptFilter() {
     handleChangeFilterValues(filterValues);
     handleCloseFilterModal();
@@ -66,6 +83,35 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
     handleResetFilterValues();
     handleChangeFilterValues({});
   };
+  var handleAddMetafieldValue = function handleAddMetafieldValue() {
+    handleAddMetaField({
+      id: (0, _utils.getUniqueId)(),
+      key: metafield === null || metafield === void 0 ? void 0 : metafield.key,
+      value: metafield === null || metafield === void 0 ? void 0 : metafield.value
+    });
+    setMetaField({
+      key: '',
+      value: ''
+    });
+    setIsShow(false);
+  };
+  var handleDeleteMetafieldValue = function handleDeleteMetafieldValue(id) {
+    handleDeleteMetafield(id);
+  };
+  var handleClickOutside = function handleClickOutside(e) {
+    var _metafieldRef$current;
+    if (!isShow) return;
+    var outsideCalendar = !((_metafieldRef$current = metafieldRef.current) !== null && _metafieldRef$current !== void 0 && _metafieldRef$current.contains(e.target));
+    if (outsideCalendar) {
+      setIsShow(false);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    window.addEventListener('mouseup', handleClickOutside);
+    return function () {
+      return window.removeEventListener('mouseup', handleClickOutside);
+    };
+  }, [isShow]);
   return /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
     width: "80%",
     padding: "0px",
@@ -83,6 +129,12 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
     onChange: function onChange(e) {
       return handleChangeOrderId(e);
     }
+  }), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    type: "text",
+    placeholder: t('EXTERNAL_ID', 'External Id'),
+    autoComplete: "off",
+    value: (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId) || '',
+    onChange: handleChangeExternalId
   })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_DriversGroupTypeSelector.DriversGroupTypeSelector, {
     driverGroupList: driverGroupList,
     handleChangeGroup: handleChangeGroup,
@@ -101,28 +153,82 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
     drivers: driversList.drivers,
     filterValues: filterValues,
     handleChangeDriver: handleChangeDriver
-  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_Shared.CitySelector, {
+  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, {
+    filterValues: filterValues,
+    handleChangeCountryCode: handleChangeCountryCode
+  }), /*#__PURE__*/_react.default.createElement(_Shared.CitySelector, {
     cities: citiesList,
     filterValues: filterValues,
     handleChangeCity: handleChangeCity
-  }), /*#__PURE__*/_react.default.createElement(_styles2.MultiSelectContainer, null, /*#__PURE__*/_react.default.createElement(_OrderStatusTypeSelector.OrderStatusTypeSelector, {
-    isFilterView: true,
-    filterValues: filterValues,
-    handleChangeOrderStatus: handleChangeOrderStatus
-  }))), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_DeliveryTypeSelector.DeliveryTypeSelector, {
+  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_DeliveryTypeSelector.DeliveryTypeSelector, {
     filterValues: filterValues,
     handleChangeDeliveryType: handleChangeDeliveryType
   }), /*#__PURE__*/_react.default.createElement(_PaymethodTypeSelector.PaymethodTypeSelector, {
     paymethodsList: paymethodsList,
     filterValues: filterValues,
     handleChangePaymethodType: handleChangePaymethodType
-  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, {
-    filterValues: filterValues,
-    handleChangeCountryCode: handleChangeCountryCode
-  }), /*#__PURE__*/_react.default.createElement(_CurrencyFilter.CurrencyFilter, {
+  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, /*#__PURE__*/_react.default.createElement(_CurrencyFilter.CurrencyFilter, {
     filterValues: filterValues,
     handleChangeCurrency: handleChangeCurrency
-  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  })), filterValues === null || filterValues === void 0 ? void 0 : filterValues.metafield.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, {
+      key: item.id
+    }, /*#__PURE__*/_react.default.createElement(_styles.Input, {
+      type: "text",
+      name: "key",
+      placeholder: t('METAFIELD_NAME', 'Metafield name'),
+      autoComplete: "off",
+      value: item.key || '',
+      onChange: function onChange(e) {
+        return handleChangeMetaFieldValue(e, item.id);
+      }
+    }), (item === null || item === void 0 ? void 0 : item.key) && /*#__PURE__*/_react.default.createElement(_styles2.AddInputWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Input, {
+      type: "text",
+      name: "value",
+      placeholder: t('METAFIELD_VALUE', 'Metafield value'),
+      autoComplete: "off",
+      value: (item === null || item === void 0 ? void 0 : item.value) || '',
+      onChange: function onChange(e) {
+        return handleChangeMetaFieldValue(e, item.id);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+      color: "black",
+      onClick: function onClick() {
+        return handleDeleteMetafieldValue(item.id);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Trash3, null))));
+  }), !isShow && /*#__PURE__*/_react.default.createElement(_styles2.AddMetaFiled, {
+    onClick: function onClick() {
+      return setIsShow(true);
+    }
+  }, t('ADD_METAFIELD', 'Add a metafield')), isShow && /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, {
+    ref: metafieldRef
+  }, /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    type: "text",
+    name: "key",
+    placeholder: t('METAFIELD_NAME', 'Metafield name'),
+    autoComplete: "off",
+    value: metafield.key || '',
+    onChange: function onChange(e) {
+      return setMetaField(_objectSpread(_objectSpread({}, metafield), {}, {
+        key: e.target.value
+      }));
+    }
+  }), (metafield === null || metafield === void 0 ? void 0 : metafield.key) && /*#__PURE__*/_react.default.createElement(_styles2.AddInputWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    type: "text",
+    name: "value",
+    placeholder: t('METAFIELD_VALUE', 'Metafield value'),
+    autoComplete: "off",
+    value: metafield.value || '',
+    onChange: function onChange(e) {
+      return setMetaField(_objectSpread(_objectSpread({}, metafield), {}, {
+        value: e.target.value
+      }));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "primary",
+    onClick: handleAddMetafieldValue
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PlusCircle, null)))), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     onClick: function onClick() {

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

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrapperRow = exports.MultiSelectContainer = exports.FilterGroupListContainer = exports.ButtonGroup = void 0;
+exports.WrapperRow = exports.MultiSelectContainer = exports.FilterGroupListContainer = exports.ButtonGroup = exports.AddMetaFiled = exports.AddInputWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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) } })); }
@@ -24,4 +24,12 @@ var ButtonGroup = _styledComponents.default.div(_templateObject4 || (_templateOb
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-right: 20px;\n      "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-left: 20px;\n      "])));
 });
-exports.ButtonGroup = ButtonGroup;
+exports.ButtonGroup = ButtonGroup;
+var AddInputWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background-color: transparent !important;\n  input {\n    flex: 1;\n    height: 57px;\n  }\n  button {\n    width: 30px;\n    height: 30px;\n    margin-left: 10px;\n    ", "\n  }\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
+});
+exports.AddInputWrapper = AddInputWrapper;
+var AddMetaFiled = _styledComponents.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n  cursor: pointer;\n  width: 100%;\n"])), function (props) {
+  return props.theme.colors.primary;
+});
+exports.AddMetaFiled = AddMetaFiled;

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

@@ -40,12 +40,16 @@ var OrdersLateralBar = function OrdersLateralBar(props) {
     width = _useWindowSize.width;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isMenuOpen = _useState2[0],
-    setIsMenuOpen = _useState2[1];
+    isExpand = _useState2[0],
+    setIsExpand = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isOpenDriverOrderDetails = _useState4[0],
-    setIsOpenDriverOrderDetails = _useState4[1];
+    isMenuOpen = _useState4[0],
+    setIsMenuOpen = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpenDriverOrderDetails = _useState6[0],
+    setIsOpenDriverOrderDetails = _useState6[1];
   var actionSidebar = function actionSidebar(value) {
     if (!value) {
       props.onClose();
@@ -88,6 +92,14 @@ var OrdersLateralBar = function OrdersLateralBar(props) {
       props.onClose() && props.onClose();
     }
   };
+  var expandSideBar = function expandSideBar() {
+    var element = document.getElementById('driver_lateral_bar');
+    if (!element) return;
+    if (isExpand) element.style.width = '500px';else element.style.width = '100vw';
+    setIsExpand(function (prev) {
+      return !prev;
+    });
+  };
   (0, _react.useEffect)(function () {
     if (!open) return;
     document.addEventListener('keydown', onCloseSidebar);
@@ -97,7 +109,12 @@ var OrdersLateralBar = function OrdersLateralBar(props) {
   }, [open]);
   return /*#__PURE__*/_react.default.createElement(_styles.LateralBarContainer, {
     id: "driver_lateral_bar"
-  }, /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, null, /*#__PURE__*/_react.default.createElement(_styles.CloseButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, null, /*#__PURE__*/_react.default.createElement(_styles.CloseButtonWrapper, null, width > 576 && /*#__PURE__*/_react.default.createElement(_Buttons.IconButton, {
+    color: "black",
+    onClick: function onClick() {
+      return expandSideBar();
+    }
+  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), /*#__PURE__*/_react.default.createElement(_Buttons.IconButton, {
     color: "black",
     onClick: function onClick() {
       return props.onClose();

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

@@ -21,11 +21,11 @@ var LateralBarContainer = _styledComponents.default.div(_templateObject || (_tem
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    left: 0;\n  "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    right: 0;\n  "])));
 });
 exports.LateralBarContainer = LateralBarContainer;
-var OrdersContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  max-width: 560px;\n\n  #orderTable {\n    border-top: 1px solid ", ";\n\n    table {\n      min-width: initial;\n      width: 100%;\n    }\n  }\n"])), function (props) {
+var OrdersContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* max-width: 560px; */\n\n  #orderTable {\n    border-top: 1px solid ", ";\n\n    table {\n      min-width: initial;\n      width: 100%;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
 exports.OrdersContainer = OrdersContainer;
-var CloseButtonWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 25px;\n  cursor: pointer;\n\n  ", "\n"])), function (props) {
+var CloseButtonWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 25px;\n  cursor: pointer;\n\n  ", "\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    left: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    right: 10px;\n  "])));
 });

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

@@ -22,7 +22,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrdersListing = function OrdersListing(props) {
   var _theme$images, _theme$images$dummies;
-  var isSelectedOrders = props.isSelectedOrders,
+  var hidePhoto = props.hidePhoto,
+    isSelectedOrders = props.isSelectedOrders,
     orderList = props.orderList,
     selectedOrderIds = props.selectedOrderIds,
     orderListView = props.orderListView,
@@ -53,7 +54,9 @@ var OrdersListing = function OrdersListing(props) {
     slaSettingTime = props.slaSettingTime,
     allowColumns = props.allowColumns,
     setAllowColumns = props.setAllowColumns,
-    handleDrop = props.handleDrop;
+    handleDrop = props.handleDrop,
+    isDelivery = props.isDelivery,
+    saveUserSettings = props.saveUserSettings;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -98,6 +101,7 @@ var OrdersListing = function OrdersListing(props) {
   }, t('FILTERS', 'Filters'))) : /*#__PURE__*/_react.default.createElement("p", null, t('MOBILE_NO_ORDERS', 'No Orders yet.')))) : /*#__PURE__*/_react.default.createElement(_styles2.WrapperOrderListContent, {
     maxHeight: orderListView !== 'table'
   }, orderListView === 'table' ? /*#__PURE__*/_react.default.createElement(_OrdersTable.OrdersTable, {
+    hidePhoto: hidePhoto,
     setSelectedOrderIds: setSelectedOrderIds,
     isSelectedOrders: isSelectedOrders,
     orderList: orderList,
@@ -117,7 +121,8 @@ var OrdersListing = function OrdersListing(props) {
     groupStatus: groupStatus,
     allowColumns: allowColumns,
     setAllowColumns: setAllowColumns,
-    handleDrop: handleDrop
+    handleDrop: handleDrop,
+    saveUserSettings: saveUserSettings
   }) : /*#__PURE__*/_react.default.createElement(_OrdersCards.OrdersCards, {
     isMessagesView: isMessagesView,
     orderList: orderList,
@@ -131,7 +136,8 @@ var OrdersListing = function OrdersListing(props) {
     selectedOrderCard: selectedOrderCard,
     handleOrderCardClick: handleOrderCardClick,
     handleUpdateDriverLocation: handleUpdateDriverLocation,
-    slaSettingTime: slaSettingTime
+    slaSettingTime: slaSettingTime,
+    isDelivery: isDelivery
   }))));
 };
 exports.OrdersListing = OrdersListing;

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

@@ -41,9 +41,8 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     citiesList = props.citiesList,
     ordersStatusGroup = props.ordersStatusGroup,
     filterValues = props.filterValues,
-    deletedOrderId = props.deletedOrderId,
+    deletedOrderIds = props.deletedOrderIds,
     startMulitOrderStatusChange = props.startMulitOrderStatusChange,
-    startMulitOrderDelete = props.startMulitOrderDelete,
     handleChangeSearch = props.handleChangeSearch,
     handleChangeFilterValues = props.handleChangeFilterValues,
     handleOrdersStatusGroupFilter = props.handleOrdersStatusGroupFilter,
@@ -56,7 +55,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     handleSelectedSubOrderStatus = props.handleSelectedSubOrderStatus,
     handleCustomOrderDetail = props.handleCustomOrderDetail,
     setSelectedOrderIds = props.setSelectedOrderIds,
-    numberOfOrdersByStatus = props.numberOfOrdersByStatus;
+    numberOfOrdersByStatus = props.numberOfOrdersByStatus,
+    allowColumns = props.allowColumns,
+    setAllowColumns = props.setAllowColumns;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -166,10 +167,10 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     handleBackRedirect();
   };
   (0, _react.useEffect)(function () {
-    if (startMulitOrderStatusChange || startMulitOrderDelete) {
+    if (startMulitOrderStatusChange) {
       setTotalSelectedOrder(selectedOrderIds.length);
     }
-  }, [startMulitOrderStatusChange, startMulitOrderDelete]);
+  }, [startMulitOrderStatusChange]);
   (0, _react.useEffect)(function () {
     if (selectedOrderIds.length === 0) {
       setTimeout(function () {
@@ -185,7 +186,6 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
         handleBackRedirect();
       } else {
         setOrderDetailId(id);
-        onOrderRedirect && onOrderRedirect(id);
         setIsOpenOrderDetail(true);
       }
     }
@@ -223,9 +223,7 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     selectedOrderStatus: ordersStatusGroup,
     changeOrderStatus: handleOrdersStatusGroupFilter,
     numberOfOrdersByStatus: numberOfOrdersByStatus
-  }), /*#__PURE__*/_react.default.createElement(_styles.OrderSubFilterControls, {
-    isColumn: selectedOrderIds === null || selectedOrderIds === void 0 ? void 0 : selectedOrderIds.length
-  }, /*#__PURE__*/_react.default.createElement(_styles.OrderStatusSubFilterWrapper, {
+  }), /*#__PURE__*/_react.default.createElement(_styles.OrderSubFilterControls, null, /*#__PURE__*/_react.default.createElement(_styles.OrderStatusSubFilterWrapper, {
     isColumn: selectedOrderIds === null || selectedOrderIds === void 0 ? void 0 : selectedOrderIds.length
   }, /*#__PURE__*/_react.default.createElement(_OrderStatusSubFilter.OrderStatusSubFilter, {
     ordersStatusGroup: ordersStatusGroup,
@@ -235,7 +233,11 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     selectedOrderNumber: selectedOrderIds === null || selectedOrderIds === void 0 ? void 0 : selectedOrderIds.length,
     filterValues: filterValues,
     handleChangeMultiOrdersStatus: handleChangeMultiOrdersStatus,
-    handleDeleteMultiOrders: handleDeleteMultiOrders
+    handleDeleteMultiOrders: handleDeleteMultiOrders,
+    handleOpenCustomOrderDetail: function handleOpenCustomOrderDetail(id) {
+      setOrderDetailId(id);
+      setIsOpenOrderDetail(true);
+    }
   })), /*#__PURE__*/_react.default.createElement(_styles.OrdersContent, null, /*#__PURE__*/_react.default.createElement(_styles.OrdersInnerContent, {
     className: "order-content"
   }, /*#__PURE__*/_react.default.createElement(_styles.WrapItemView, null, /*#__PURE__*/_react.default.createElement(_OrdersDashboard.OrdersDashboard, {
@@ -246,7 +248,7 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     searchValue: searchValue,
     filterValues: filterValues,
     selectedOrderIds: selectedOrderIds,
-    deletedOrderId: deletedOrderId,
+    deletedOrderIds: deletedOrderIds,
     driversList: driversList,
     ordersStatusGroup: ordersStatusGroup,
     selectedSubOrderStatus: selectedSubOrderStatus,
@@ -260,7 +262,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     setIsTourOpen: setIsTourOpen,
     setFilterModalOpen: setFilterModalOpen,
     timeStatus: timeStatus,
-    slaSettingTime: slaSettingTime
+    slaSettingTime: slaSettingTime,
+    allowColumns: allowColumns,
+    setAllowColumns: setAllowColumns
   }))))), isOpenOrderDetail && /*#__PURE__*/_react.default.createElement(_OrderDetails.OrderDetails, {
     isSelectedOrders: isSelectedOrders,
     open: isOpenOrderDetail,
@@ -276,7 +280,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     setIsTourFlag: setIsTourFlag,
     setIsTourOpen: setIsTourOpen,
     drivers: driversList.drivers
-  }), /*#__PURE__*/_react.default.createElement(_OrderNotification.OrderNotification, null), totalSelectedOrder > 0 && /*#__PURE__*/_react.default.createElement(_styles.WrapperIndicator, null, selectedOrderIds.length, "/", totalSelectedOrder), /*#__PURE__*/_react.default.createElement(_WizardOrders.WizardOrders, {
+  }), /*#__PURE__*/_react.default.createElement(_OrderNotification.OrderNotification, {
+    customerId: props.customerId
+  }), totalSelectedOrder > 0 && /*#__PURE__*/_react.default.createElement(_styles.WrapperIndicator, null, selectedOrderIds.length, "/", totalSelectedOrder), /*#__PURE__*/_react.default.createElement(_WizardOrders.WizardOrders, {
     isTourOpen: isTourOpen,
     setIsTourOpen: setIsTourOpen,
     currentStep: currentTourStep,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WrapperIndicator = exports.WrapItemView = exports.OrdersListContainer = exports.OrdersInnerContent = exports.OrdersContent = exports.OrderSubFilterControls = exports.OrderStatusSubFilterWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 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) } })); }
@@ -23,16 +23,13 @@ var WrapperIndicator = _styledComponents.default.div(_templateObject5 || (_templ
 exports.WrapperIndicator = WrapperIndicator;
 var WrapItemView = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 exports.WrapItemView = WrapItemView;
-var OrderSubFilterControls = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n\n  ", "\n"])), function (_ref2) {
-  var isColumn = _ref2.isColumn;
-  return isColumn ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    > div:last-child {\n      margin-top: 0;\n      margin-bottom: 10px;\n      > div {\n        justify-content: space-between;\n        width: 100%;\n      }\n    }\n  "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex-direction: row;\n    justify-content: space-between;\n  "])));
-});
+var OrderSubFilterControls = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
 exports.OrderSubFilterControls = OrderSubFilterControls;
-var OrderStatusSubFilterWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: inline-block;\n\n  ", "\n  ", "\n"])), function (props) {
+var OrderStatusSubFilterWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: inline-block;\n\n  ", "\n  ", "\n"])), function (props) {
   var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin-left: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    margin-right: 20px;\n  "])));
-}, function (_ref3) {
-  var isColumn = _ref3.isColumn;
-  return isColumn ? (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))) : (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 50%;\n  "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-left: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    margin-right: 20px;\n  "])));
+}, function (_ref2) {
+  var isColumn = _ref2.isColumn;
+  return isColumn ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    width: 50%;\n  "])));
 });
 exports.OrderStatusSubFilterWrapper = OrderStatusSubFilterWrapper;