ordering-ui-external 10.0.1 → 10.1.0

package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/StripeRedirectForm/index.js

@@ -0,0 +1,83 @@
+"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.StripeRedirectForm = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _orderingComponentsExternal = require("ordering-components-external");
+var _styles = require("../../../../styles");
+var _styles2 = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 StripeRedirectFormUI = function StripeRedirectFormUI(props) {
+  var paymethods = props.paymethods,
+    handleSubmitPaymentMethod = props.handleSubmitPaymentMethod;
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
+    _useSession2 = _slicedToArray(_useSession, 1),
+    user = _useSession2[0].user;
+  var _useForm = (0, _reactHookForm.useForm)(),
+    handleSubmit = _useForm.handleSubmit,
+    register = _useForm.register,
+    errors = _useForm.errors,
+    formState = _useForm.formState;
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.FormRedirect, {
+    onSubmit: handleSubmit(handleSubmitPaymentMethod)
+  }, /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, t('SELECT_A_PAYMENT_METHOD', 'Select a payment method')), /*#__PURE__*/_react.default.createElement("select", {
+    name: "type",
+    ref: register({
+      required: true
+    })
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: ""
+  }, t('SELECT_A_PAYMENT_METHOD', 'Select a payment method')), (paymethods === null || paymethods === void 0 ? void 0 : paymethods.length) > 0 && paymethods.map(function (paymethod, i) {
+    return /*#__PURE__*/_react.default.createElement("option", {
+      key: i,
+      value: paymethod.value
+    }, paymethod.name);
+  })), errors.type && errors.type.type === 'required' && /*#__PURE__*/_react.default.createElement(_styles2.ErrorMessage, null, t('FIELD_REQUIRED', 'This field is required'))), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, t('ACCOUNT_HOLDER', 'Account holder')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    name: "name",
+    defaultValue: user === null || user === void 0 ? void 0 : user.name,
+    placeholder: t('TYPE_ACCOUNT_HOLDER', 'Type an Account holder'),
+    ref: register({
+      required: true
+    }),
+    autoComplete: "off"
+  }), errors.name && errors.name.type === 'required' && /*#__PURE__*/_react.default.createElement(_styles2.ErrorMessage, null, t('FIELD_REQUIRED', 'This field is required'))), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, t('EMAIL', 'Email')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    name: "email",
+    type: "email",
+    defaultValue: user === null || user === void 0 ? void 0 : user.email,
+    placeholder: t('TYPE_AN_EMAIL', 'Type an email'),
+    ref: register({
+      required: true
+    }),
+    autoComplete: "off"
+  }), errors.email && errors.email.type === 'required' && /*#__PURE__*/_react.default.createElement(_styles2.ErrorMessage, null, t('FIELD_REQUIRED', 'This field is required'))), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    borderRadius: "8px",
+    color: "primary",
+    type: "submit",
+    disabled: formState.isSubmitting
+  }, formState.isSubmitting ? t('LOADING', 'Loading...') : t('OK', 'OK'))));
+};
+var StripeRedirectForm = function StripeRedirectForm(props) {
+  var stripeRedirectFormProps = _objectSpread(_objectSpread({}, props), {}, {
+    UIComponent: StripeRedirectFormUI
+  });
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.StripeRedirectForm, stripeRedirectFormProps);
+};
+exports.StripeRedirectForm = StripeRedirectForm;

package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/StripeRedirectForm/styles.js

@@ -0,0 +1,21 @@
+"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.FormRedirect = exports.FormGroup = exports.ErrorMessage = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 FormRedirect = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding-left: 10px;\n  ", "\n  button {\n    width: 100%;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    margin-top: 10px;\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n\n  .StripeElement,\n  .StripeElementIdeal {\n    display: block;\n    margin: 0 10px;\n    padding: 10px 14px;\n    box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,\n      rgba(0, 0, 0, 0.0196078) 0px 1px 0px;\n    border-radius: 4px;\n    background: white;\n  }\n\n  .StripeElement--focus,\n  .StripeElementIdeal--focus {\n    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,\n      rgba(0, 0, 0, 0.0784314) 0px 1px 3px;\n    -webkit-transition: all 150ms ease;\n    transition: all 150ms ease;\n  }\n\n  .StripeElement.loading {\n    height: 41.6px;\n    opacity: 0.6;\n  }\n\n  .StripeElementIdeal {\n    padding: 0;\n  }\n"])), function (props) {
+  var _props$theme;
+  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: 10px;\n    padding-left: 0px;\n  "])));
+});
+exports.FormRedirect = FormRedirect;
+var FormGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n\n  label {\n    margin-bottom: 5px;\n  }\n\n  select {\n    padding: 7px 5px;\n    margin-top: 8px;\n    font-size: 16px;\n    border-radius: 7.6px;\n    border: 1px solid #DBDCDB;\n  }\n"])));
+exports.FormGroup = FormGroup;
+var ErrorMessage = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #D81212;\n  margin: 10px 0 0 0;\n  font-weight: bold;\n"])));
+exports.ErrorMessage = ErrorMessage;

package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/TaxInformation/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TaxInformation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orderingComponentsExternal = require("ordering-components-external");
+var _SingleProductCard = require("../SingleProductCard");
+var _styles = require("./styles");
+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(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 TaxInformation = function TaxInformation(props) {
+  var data = props.data,
+    products = props.products,
+    type = props.type;
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var includedOnPriceString = (data === null || data === void 0 ? void 0 : data.type) === 1 ? "(".concat(t('INCLUDED_ON_PRICE', 'Included on price'), ")") : "(".concat(t('NOT_INCLUDED_ON_PRICE', 'Not included on price'), ")");
+  var offersHideArray = ['offer_target_2', 'offer_target_3'];
+  var hideProductsSectionOffers = offersHideArray.includes(type);
+  var dataHideArray = ['platform', 'business'];
+  var hideProductsSectionData = dataHideArray.includes(data.type);
+  var getFilterValidation = function getFilterValidation(product) {
+    var _product$tax, _product$tax2, _product$tax3, _product$fee, _product$fee2, _product$fee3, _data$discounts;
+    return type === 'tax' ? (_product$tax = product.tax) !== null && _product$tax !== void 0 && _product$tax.id ? ((_product$tax2 = product.tax) === null || _product$tax2 === void 0 ? void 0 : _product$tax2.id) === (data === null || data === void 0 ? void 0 : data.id) : ((_product$tax3 = product.tax) === null || _product$tax3 === void 0 ? void 0 : _product$tax3.id) === null && (data === null || data === void 0 ? void 0 : data.id) === null : type === 'fee' ? (_product$fee = product.fee) !== null && _product$fee !== void 0 && _product$fee.id ? ((_product$fee2 = product.fee) === null || _product$fee2 === void 0 ? void 0 : _product$fee2.id) === (data === null || data === void 0 ? void 0 : data.id) : ((_product$fee3 = product.fee) === null || _product$fee3 === void 0 ? void 0 : _product$fee3.id) === null && (data === null || data === void 0 ? void 0 : data.id) === null : Object.keys((_data$discounts = data === null || data === void 0 ? void 0 : data.discounts) !== null && _data$discounts !== void 0 ? _data$discounts : {}).find(function (code) {
+      return code.includes(product === null || product === void 0 ? void 0 : product.code);
+    });
+  };
+  var getTypeString = function getTypeString() {
+    return type === 'offer_target_1' ? t('PRODUCT_DISCOUNT', 'Product discount') : type === 'tax' ? t('TAX', 'Tax') : t('Fee', 'Fee');
+  };
+  return /*#__PURE__*/_react.default.createElement(_styles.TaxInformationContainer, null, data !== null && data !== void 0 && data.description ? /*#__PURE__*/_react.default.createElement("h2", null, t('DESCRIPTION', 'Description'), ": ", data === null || data === void 0 ? void 0 : data.description, " ", (data === null || data === void 0 ? void 0 : data.type) && !type.includes('offer') && includedOnPriceString) : /*#__PURE__*/_react.default.createElement("h2", null, t('WITHOUT_DESCRIPTION', 'Without description')), !hideProductsSectionOffers && !hideProductsSectionData && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", null, t('OTHER_PRODUCTS_WITH_THIS', 'Other products with this'), " ", getTypeString(), ":"), /*#__PURE__*/_react.default.createElement(_styles.ProductContainer, null, products.filter(function (product) {
+    return getFilterValidation(product);
+  }).map(function (product) {
+    return /*#__PURE__*/_react.default.createElement(_SingleProductCard.SingleProductCard, {
+      key: product.id,
+      product: product
+    });
+  }))));
+};
+exports.TaxInformation = TaxInformation;

package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/TaxInformation/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TaxInformationContainer = exports.ProductContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var TaxInformationContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  h2{\n    font-size: 22px;\n    margin: 10px;\n    text-align: center;\n  }\n  h3{\n    font-size: 18px;\n  }\n"])));
+exports.TaxInformationContainer = TaxInformationContainer;
+var ProductContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  > div{\n    border: 1px solid #E9ECEF;\n    cursor: initial;\n    @media (min-width: 681px){\n      width: calc(50% - 45px);\n    }\n\n  }\n"])));
+exports.ProductContainer = ProductContainer;

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

@@ -0,0 +1,59 @@
+"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.CreateCustomOrder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsExternal = require("ordering-components-external");
+var _CustomOrderDetails = require("./CustomOrderDetails");
+var _Shared = require("../../Shared");
+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 _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 CreateCustomOrder = function CreateCustomOrder(props) {
+  var handleOpenCustomOrderDetail = props.handleOpenCustomOrderDetail;
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openSidebar = _useState2[0],
+    setOpenSidebar = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    moveDistance = _useState4[0],
+    setMoveDistance = _useState4[1];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    borderRadius: "7.6px",
+    color: "lightPrimary",
+    onClick: function onClick() {
+      return setOpenSidebar(true);
+    }
+  }, t('CREATE_CUSTOM_ORDER', 'Create custom order')), openSidebar && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+    sidebarId: "custom_order_details",
+    open: openSidebar,
+    onClose: function onClose() {
+      setMoveDistance(0);
+      setOpenSidebar(false);
+    },
+    defaultSideBarWidth: 500 + moveDistance,
+    moveDistance: moveDistance
+  }, /*#__PURE__*/_react.default.createElement(_CustomOrderDetails.CustomOrderDetails, {
+    handleParentSidebarMove: function handleParentSidebarMove(val) {
+      return setMoveDistance(val);
+    },
+    handleOpenCustomOrderDetail: handleOpenCustomOrderDetail,
+    onClose: function onClose() {
+      return setOpenSidebar(false);
+    }
+  })));
+};
+exports.CreateCustomOrder = CreateCustomOrder;

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

@@ -25,14 +25,20 @@ var CurrencyFilter = function CurrencyFilter(props) {
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_CURRENCY', 'Select a currency'));
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
-    countryTypes = _useState2[0],
-    setCountryTypes = _useState2[1];
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_A_CURRENCY', 'Select a currency'));
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    countryTypes = _useState4[0],
+    setCountryTypes = _useState4[1];
   (0, _react.useEffect)(function () {
     var _countryList = [];
-    var _groupsOption = _constants.currencyList.map(function (country) {
+    var _groupsOption = _constants.currencyList.filter(function (option) {
+      return option === null || option === void 0 ? void 0 : option.text.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+    }).map(function (country) {
       return {
         value: country.value,
         content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, country.text)
@@ -51,7 +57,7 @@ var CurrencyFilter = function CurrencyFilter(props) {
       _iterator.f();
     }
     setCountryTypes(_countryList);
-  }, [_constants.currencyList]);
+  }, [_constants.currencyList, searchValue]);
   return /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
     defaultValue: filterValues.currency,
@@ -59,7 +65,14 @@ var CurrencyFilter = function CurrencyFilter(props) {
     onChange: function onChange(code) {
       return handleChangeCurrency(code);
     },
-    optionInnerMaxHeight: "200px"
+    optionInnerMaxHeight: "200px",
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
+    }
   });
 };
 exports.CurrencyFilter = CurrencyFilter;

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

@@ -80,7 +80,7 @@ var DateTypeSelector = function DateTypeSelector(props) {
   var _handleChangeFromDate = function _handleChangeFromDate(date) {
     setStartDate(date);
     if (date !== null) {
-      handleChangeFromDate((0, _dayjs.default)(date).format('YYYY-MM-DD'));
+      handleChangeFromDate((0, _dayjs.default)(date).format('YYYY-MM-DD 00:00:00'));
     } else {
       handleChangeFromDate(null);
     }
@@ -88,7 +88,7 @@ var DateTypeSelector = function DateTypeSelector(props) {
   var _handleChangeEndDate = function _handleChangeEndDate(date) {
     setEndDate(date);
     if (date !== null) {
-      handleChangeEndDate((0, _dayjs.default)(date).format('YYYY-MM-DD'));
+      handleChangeEndDate((0, _dayjs.default)(date).format('YYYY-MM-DD 23:59:59'));
     } else {
       handleChangeEndDate(null);
     }

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

@@ -69,10 +69,6 @@ var DeliveriesLocation = function DeliveriesLocation(props) {
   var mapRef = (0, _react.useRef)(null);
   var mapFit = function mapFit() {
     var _bounds$getNorthEast, _bounds$getNorthEast$, _bounds$getNorthEast2, _bounds$getNorthEast3, _bounds$getSouthWest, _bounds$getSouthWest$, _bounds$getSouthWest2, _bounds$getSouthWest3;
-    var _onlineDrivers = driversList.drivers.filter(function (driver) {
-      return driver.enabled && driver.available && !driver.busy;
-    });
-    setActiveDrivers(_onlineDrivers);
     var bounds = new window.google.maps.LatLngBounds();
     if (interActionMapOrder === null) {
       if (driversList.drivers.length === 1) {
@@ -159,6 +155,10 @@ var DeliveriesLocation = function DeliveriesLocation(props) {
   // Fit bounds on mount, and when the markers change
   (0, _react.useEffect)(function () {
     if (driversList.loading || driversList.drivers.length === 0 || mapLoaded) return;
+    var _onlineDrivers = driversList.drivers.filter(function (driver) {
+      return driver.enabled && driver.available && !driver.busy;
+    });
+    setActiveDrivers(_onlineDrivers);
     if (interActionMapOrder !== null) {
       var _iterator3 = _createForOfIteratorHelper(driversList.drivers),
         _step3;
@@ -184,6 +184,7 @@ var DeliveriesLocation = function DeliveriesLocation(props) {
     setMapFitted(false);
   }, [interActionMapOrder]);
   var handleMapChange = function handleMapChange(data) {
+    if (!(data !== null && data !== void 0 && data.zoom)) return;
     setMapZoom(data === null || data === void 0 ? void 0 : data.zoom);
   };
   return /*#__PURE__*/_react.default.createElement(_styles.WrapperMap, {

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

@@ -91,11 +91,12 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     var id = query.get('id');
     if (id === null) setIsOpenOrderDetail(false);else {
       setOrderDetailId(id);
-      onOrderRedirect(id);
       setIsOpenOrderDetail(true);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DeliveriesContainer, null, /*#__PURE__*/_react.default.createElement(_OrdersContentHeader.OrdersContentHeader, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DeliveriesContainer, {
+    id: "deliveryDashboard"
+  }, /*#__PURE__*/_react.default.createElement(_OrdersContentHeader.OrdersContentHeader, {
     isDisableControl: true,
     title: t('DELIVERY_DASHBOARD', 'Delivery dashboard'),
     isShowMapsKeySettingButton: !googleMapsApiKey,
@@ -132,7 +133,7 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     open: isOpenOrderDetail,
     order: detailsOrder,
     orderId: orderDetailId,
-    driversList: driversList,
+    drivers: driversList.drivers,
     onClose: function onClose() {
       return handleBackRedirect();
     }
@@ -142,6 +143,7 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
 };
 var DeliveriesManager = function DeliveriesManager(props) {
   var OrdersListControlProps = _objectSpread(_objectSpread({}, props), {}, {
+    isOnlyDelivery: true,
     UIComponent: DeliveriesManagerUI,
     driversPropsToFetch: ['id', 'name', 'lastname', 'location', 'enabled', 'available', 'busy', 'driver_groups', 'assigned_orders_count', 'last_order_assigned_at', 'last_location_at', 'cellphone', 'photo', 'qualification']
   });

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

@@ -62,7 +62,8 @@ var DeliveryDashboard = function DeliveryDashboard(props) {
     orderListView: "card",
     selectedOrderCard: interActionMapOrder,
     handleOrderCardClick: handleLocation,
-    handleUpdateDriverLocation: handleUpdateDriverLocation
+    handleUpdateDriverLocation: handleUpdateDriverLocation,
+    isDelivery: true
   })))), /*#__PURE__*/_react.default.createElement(_styles.WrapperDeliveriesLocation, null, /*#__PURE__*/_react.default.createElement(_DeliveriesLocation.DeliveriesLocation, {
     driversList: driversList,
     interActionMapOrder: interActionMapOrder

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

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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 DeliveryDashboardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  margin-top: 0px;\n\n  @media (min-width: 760px) {\n    margin-top: 15px\n  }\n\n  @media (min-width: 1024px) {\n    flex-direction: row;\n    height: calc(100vh - 100px);\n  }\n"])));
+var DeliveryDashboardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  margin-top: 0px;\n\n  @media (min-width: 760px) {\n    margin-top: 15px\n  }\n\n  @media (min-width: 1024px) {\n    flex-direction: row;\n    height: calc(100vh - 122px);\n  }\n"])));
 exports.DeliveryDashboardContainer = DeliveryDashboardContainer;
 var FilterContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  background: ", ";\n  padding: 0 12px;\n  z-index: 100;\n"])), function (props) {
   var _props$theme$colors;

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

@@ -1,14 +1,16 @@
 "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.DeliveryTypeSelector = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsExternal = require("ordering-components-external");
 var _MultiSelect = require("../../../styles/MultiSelect");
 var _styles = 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 _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); }
@@ -21,22 +23,41 @@ var DeliveryTypeSelector = function DeliveryTypeSelector(props) {
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var deliveryTypes = [{
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deliveryTypes = _useState4[0],
+    setDeliveryTypes = _useState4[1];
+  var deliveryTypeList = [{
     value: 1,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('DELIVERY', 'Delivery'))
+    name: t('DELIVERY', 'Delivery')
   }, {
     value: 2,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('PICKUP', 'Pickup'))
+    name: t('PICKUP', 'Pickup')
   }, {
     value: 3,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('EAT_IN', 'Eat in'))
+    name: t('EAT_IN', 'Eat in')
   }, {
     value: 4,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('CURBSIDE', 'Curbside'))
+    name: t('CURBSIDE', 'Curbside')
   }, {
     value: 5,
-    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('DRIVE_THRU', 'Drive thru'))
+    name: t('DRIVE_THRU', 'Drive thru')
   }];
+  (0, _react.useEffect)(function () {
+    var _deliveryTypes = deliveryTypeList.filter(function (option) {
+      return option === null || option === void 0 ? void 0 : option.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+    }).map(function (type) {
+      return {
+        value: type.value,
+        content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, type.name)
+      };
+    });
+    setDeliveryTypes(_deliveryTypes);
+  }, [searchValue]);
   var placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_DELIVERY_TYPE', 'Select delivery type'));
   return /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
@@ -44,6 +65,13 @@ var DeliveryTypeSelector = function DeliveryTypeSelector(props) {
     options: deliveryTypes,
     onChange: function onChange(deliveryType) {
       return handleChangeDeliveryType(deliveryType);
+    },
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
     }
   });
 };

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

@@ -188,13 +188,27 @@ var DriverSelectorUI = function DriverSelectorUI(props) {
       optionInnerMaxHeight: "150px",
       onChange: function onChange(driver) {
         return handleChangeDriver(driver);
+      },
+      isShowSearchBar: true,
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchValue: searchValue,
+      handleChangeSearch: function handleChangeSearch(val) {
+        return setSearchValue(val);
       }
     }) : /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
       defaultValue: "default",
       options: driversLoading,
       optionInnerMargin: "10px",
       optionInnerMaxHeight: "150px",
-      className: "driver-select"
+      className: "driver-select",
+      isShowSearchBar: true,
+      searchBarIsCustomLayout: true,
+      searchBarIsNotLazyLoad: true,
+      searchValue: searchValue,
+      handleChangeSearch: function handleChangeSearch(val) {
+        return setSearchValue(val);
+      }
     }));
   } else {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !driversList.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFirstSelect ? /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {

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

@@ -6,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Container = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  dispaly: flex;\n  button {\n    margin: 10px;\n    white-space: nowrap;\n    font-size: 14px;\n\n    svg {\n      font-size: 20px;\n\n      ", "\n    }\n  }\n"])), function (props) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  button {\n    margin: 10px;\n    white-space: nowrap;\n    font-size: 14px;\n    margin: 10px 0;\n    ", "\n\n    svg {\n      font-size: 20px;\n\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-right: 10px;\n      "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-left: 10px;\n      "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-right: 10px;\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: 10px;\n      "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-left: 10px;\n      "])));
 });
 exports.Container = Container;

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

@@ -12,7 +12,6 @@ var _DriversBusyStatusFilter = require("../DriversBusyStatusFilter");
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var DriversDashboard = function DriversDashboard(props) {
-  var _onlineDrivers$filter, _offlineDrivers$filte, _onlineDrivers$filter2, _offlineDrivers$filte2;
   var driversList = props.driversList,
     onlineDrivers = props.onlineDrivers,
     offlineDrivers = props.offlineDrivers,
@@ -23,18 +22,18 @@ var DriversDashboard = function DriversDashboard(props) {
     handleChangeDriverIsOnline = props.handleChangeDriverIsOnline,
     handleChangeDriversSubFilter = props.handleChangeDriversSubFilter,
     handleOpenDriverOrders = props.handleOpenDriverOrders;
-  var numberOfonlineDrivers = onlineDrivers === null || onlineDrivers === void 0 ? void 0 : onlineDrivers.length;
-  var numberOfofflineDrivers = offlineDrivers === null || offlineDrivers === void 0 ? void 0 : offlineDrivers.length;
-  var numberOfbusyDrivers = driversIsOnline ? (_onlineDrivers$filter = onlineDrivers.filter(function (ele) {
+  var numberOfonlineDrivers = onlineDrivers.length;
+  var numberOfofflineDrivers = offlineDrivers.length;
+  var numberOfbusyDrivers = driversIsOnline ? onlineDrivers.filter(function (ele) {
     return ele.busy;
-  })) === null || _onlineDrivers$filter === void 0 ? void 0 : _onlineDrivers$filter.length : (_offlineDrivers$filte = offlineDrivers.filter(function (ele) {
+  }).length : offlineDrivers.filter(function (ele) {
     return ele.busy;
-  })) === null || _offlineDrivers$filte === void 0 ? void 0 : _offlineDrivers$filte.length;
-  var numberOfnotBusyDrivers = driversIsOnline ? (_onlineDrivers$filter2 = onlineDrivers.filter(function (ele) {
+  }).length;
+  var numberOfnotBusyDrivers = driversIsOnline ? onlineDrivers.filter(function (ele) {
     return !ele.busy;
-  })) === null || _onlineDrivers$filter2 === void 0 ? void 0 : _onlineDrivers$filter2.length : (_offlineDrivers$filte2 = offlineDrivers.filter(function (ele) {
+  }).length : offlineDrivers.filter(function (ele) {
     return !ele.busy;
-  })) === null || _offlineDrivers$filte2 === void 0 ? void 0 : _offlineDrivers$filte2.length;
+  }).length;
   return /*#__PURE__*/_react.default.createElement(_styles.DriversDashboardContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DriversContainer, null, /*#__PURE__*/_react.default.createElement(_styles.FilterContainer, null, /*#__PURE__*/_react.default.createElement(_DriversOnlineOfflineFilter.DriversOnlineOfflineFilter, {
     driversIsOnline: driversIsOnline,
     handleChangeDriverIsOnline: handleChangeDriverIsOnline,

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

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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 DriversDashboardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  margin-top: 0px;\n\n  @media (min-width: 760px) {\n    margin-top: 15px\n  }\n\n  @media (min-width: 1024px) {\n    flex-direction: row;\n    height: calc(100vh - 100px);\n  }\n"])));
+var DriversDashboardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  margin-top: 0px;\n\n  @media (min-width: 760px) {\n    margin-top: 15px\n  }\n\n  @media (min-width: 1024px) {\n    flex-direction: row;\n    height: calc(100vh - 122px);\n  }\n"])));
 exports.DriversDashboardContainer = DriversDashboardContainer;
 var FilterContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  background: ", ";\n  z-index: 100;\n"])), function (props) {
   var _props$theme$colors;