ordering-ui-admin-external 1.42.15 → 1.43.0

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

@@ -0,0 +1,101 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OrdersHeaderFilterGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _DriversGroupTypeSelector = require("../DriversGroupTypeSelector");
+var _DriverMultiSelector = require("../DriverMultiSelector");
+var _styles = require("../../../styles");
+var _styles2 = require("./styles");
+var _FilterValuesContext = require("../../../contexts/FilterValuesContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrdersHeaderFilterGroupUI = function OrdersHeaderFilterGroupUI(props) {
+  var _configs$filter_order, _dictionary$EXTERNAL_, _dictionary$DRIVER_GR;
+  var filterValues = props.filterValues,
+    driverGroupList = props.driverGroupList,
+    driversList = props.driversList,
+    handleChangeDriver = props.handleChangeDriver,
+    handleChangeFilterValues = props.handleChangeFilterValues,
+    handleChangeExternalId = props.handleChangeExternalId,
+    handleChangeGroupUnassigned = props.handleChangeGroupUnassigned;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 1),
+    dictionary = _useLanguage2[0].dictionary;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isShow = _useState2[0],
+    setIsShow = _useState2[1];
+  var metafieldRef = (0, _react.useRef)();
+  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
+    _useConfig2 = _slicedToArray(_useConfig, 1),
+    _useConfig2$ = _useConfig2[0],
+    configs = _useConfig2$.configs,
+    loading = _useConfig2$.loading;
+  var configFilter = (configs === null || configs === void 0 || (_configs$filter_order = configs.filter_order_options) === null || _configs$filter_order === void 0 ? void 0 : _configs$filter_order.value.split('|').map(function (value) {
+    return value;
+  })) || [];
+  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]);
+  (0, _react.useEffect)(function () {
+    if (Object.keys(filterValues).length > 0) {
+      handleChangeFilterValues(filterValues);
+    }
+  }, [filterValues]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, null, !loading && configFilter.includes('external_id') && /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    type: "text",
+    placeholder: (_dictionary$EXTERNAL_ = dictionary === null || dictionary === void 0 ? void 0 : dictionary.EXTERNAL_ID) !== null && _dictionary$EXTERNAL_ !== void 0 ? _dictionary$EXTERNAL_ : 'External Id',
+    autoComplete: "off",
+    value: (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId) || '',
+    onChange: handleChangeExternalId
+  }), !loading && configFilter.includes('driver') && /*#__PURE__*/_react.default.createElement(_DriverMultiSelector.DriverMultiSelector, {
+    drivers: driversList.drivers,
+    filterValues: filterValues,
+    handleChangeDriver: handleChangeDriver
+  }), !loading && configFilter.includes('driver_group_general') && /*#__PURE__*/_react.default.createElement(_DriversGroupTypeSelector.DriversGroupTypeSelector, {
+    driverGroupList: driverGroupList,
+    handleChangeGroup: handleChangeGroupUnassigned,
+    filterValues: filterValues.groupTypesUnassigned,
+    title: (_dictionary$DRIVER_GR = dictionary === null || dictionary === void 0 ? void 0 : dictionary.DRIVER_GROUP_NOT_ASSIGNED) !== null && _dictionary$DRIVER_GR !== void 0 ? _dictionary$DRIVER_GR : 'Driver group (general)'
+  })));
+};
+var OrdersHeaderFilterGroup = exports.OrdersHeaderFilterGroup = function OrdersHeaderFilterGroup(props) {
+  var _useFilterValues = (0, _FilterValuesContext.useFilterValues)(),
+    _useFilterValues2 = _slicedToArray(_useFilterValues, 2),
+    filterValues = _useFilterValues2[0],
+    handleFilterValues = _useFilterValues2[1].handleFilterValues;
+  var FilterControlProps = _objectSpread(_objectSpread({}, props), {}, {
+    UIComponent: OrdersHeaderFilterGroupUI,
+    driverGroupList: props.driverGroupList,
+    filterValues: filterValues,
+    setFilterValues: handleFilterValues
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.OrdersFilter, FilterControlProps));
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WrapperRow = exports.Option = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var WrapperRow = exports.WrapperRow = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100% !important;\n  flex-direction: column;\n  justify-content: space-between;\n  padding-top: 10px;\n  padding-bottom: 0px;\n\n  & > div {\n    width: 100%;\n    height: 47px;\n    margin-bottom: 20px;\n    background-color: ", ";\n    border: none;\n    font-size: 14px;\n    border-radius: 8px;\n    > div:first-child {\n      height: 100%;\n    }\n  }\n\n  .order-status-multi-select {\n    p {\n      padding: 0;\n      color: ", " !important;\n    }\n  }\n\n  .date-filter-container {\n    z-index: 100;\n  }\n\n  > input {\n    width: 100%;\n    height: 47px;\n    margin-bottom: 20px;\n    padding: 10px 25px;\n    box-sizing: border-box;\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    -moz-appearance: textfield;\n  }\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    & > div {\n      width: 48%;\n    }\n\n    > input {\n      width: 48%;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.secundary;
+}, function (props) {
+  return props.theme.colors.headingColor;
+});
+var Option = exports.Option = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ", ";\n  display: flex;\n  align-items: center;\n  padding: 5px;\n"])), function (props) {
+  return props.theme.colors.secundaryContrast;
+});

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

@@ -18,6 +18,7 @@ var _OrdersDashboard = require("../OrdersDashboard");
 var _OrderStatusSubFilter = require("../OrderStatusSubFilter");
 var _OrderNotification = require("../OrderNotification");
 var _WizardOrders = require("../WizardOrders");
+var _OrdersHeaderFilterGroup = require("../OrdersHeaderFilterGroup");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -231,6 +232,10 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     setTimeStatus: setTimeStatus,
     setSlaSettingTime: setSlaSettingTime,
     isLateralBar: isLateralBar
+  }), /*#__PURE__*/_react.default.createElement(_OrdersHeaderFilterGroup.OrdersHeaderFilterGroup, {
+    driverGroupList: driverGroupList,
+    driversList: driversList,
+    handleChangeFilterValues: handleChangeFilterValues
   }), /*#__PURE__*/_react.default.createElement(_OrderStatusFilterBar.OrderStatusFilterBar, {
     isUseQuery: isUseQuery,
     selectedOrderStatus: ordersStatusGroup,

package/_modules/components/Settings/SettingsList/index.js

@@ -154,7 +154,7 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
     width: 70,
     height: 44
   })), !settingsState.error && !settingsState.loading && configs && !settingsState.API && /*#__PURE__*/_react.default.createElement(_styles2.GeneralContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.FormContainer, null, configs.length > 0 && configs.map(function (config, i) {
-    var _config$options, _config$options2, _config$options3, _config$options4, _config$value;
+    var _config$options, _config$options2, _config$options3, _config$options4, _config$options5, _config$options6, _config$value;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: i
     }, config.type === 1 && /*#__PURE__*/_react.default.createElement(_styles2.FormGroupText, {
@@ -183,7 +183,23 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
       handleSelectChange: function handleSelectChange(value) {
         return handleInputChange(value, config === null || config === void 0 ? void 0 : config.id);
       }
-    })), config.type === 3 && /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, (config === null || config === void 0 ? void 0 : config.name) && /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement("p", null, config === null || config === void 0 ? void 0 : config.description), (config === null || config === void 0 || (_config$options = config.options) === null || _config$options === void 0 ? void 0 : _config$options.length) > 0 && (config === null || config === void 0 || (_config$options2 = config.options) === null || _config$options2 === void 0 ? void 0 : _config$options2.map(function (item, j) {
+    })), config.type === 3 && /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, (config === null || config === void 0 ? void 0 : config.name) && /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement("p", null, config === null || config === void 0 ? void 0 : config.description), (config === null || config === void 0 ? void 0 : config.key) !== 'filter_order_options' && (config === null || config === void 0 || (_config$options = config.options) === null || _config$options === void 0 ? void 0 : _config$options.length) > 0 && (config === null || config === void 0 || (_config$options2 = config.options) === null || _config$options2 === void 0 ? void 0 : _config$options2.map(function (item, j) {
+      return /*#__PURE__*/_react.default.createElement(_styles2.FormGroupWrapper, {
+        key: j
+      }, /*#__PURE__*/_react.default.createElement(_styles2.FormGroupCheck, {
+        className: "checkbox"
+      }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("input", {
+        type: "checkbox",
+        name: item === null || item === void 0 ? void 0 : item.value,
+        "data-id": config === null || config === void 0 ? void 0 : config.id,
+        defaultChecked: config === null || config === void 0 ? void 0 : config.value.split('|').includes(item === null || item === void 0 ? void 0 : item.value),
+        onChange: function onChange(e) {
+          return handleCheckBoxChange(e, true, config === null || config === void 0 ? void 0 : config.value);
+        }
+      }), t(item.text.toUpperCase(), item.text.replace(/_/g, ' ').toLowerCase()))));
+    })), (config === null || config === void 0 ? void 0 : config.key) === 'filter_order_options' && (config === null || config === void 0 || (_config$options3 = config.options) === null || _config$options3 === void 0 ? void 0 : _config$options3.length) > 0 && (config === null || config === void 0 || (_config$options4 = config.options) === null || _config$options4 === void 0 ? void 0 : _config$options4.filter(function (option) {
+      return option.value === 'external_id' || option.value === 'driver' || option.value === 'driver_group_general';
+    }).map(function (item, j) {
       return /*#__PURE__*/_react.default.createElement(_styles2.FormGroupWrapper, {
         key: j
       }, /*#__PURE__*/_react.default.createElement(_styles2.FormGroupCheck, {
@@ -207,7 +223,7 @@ var SettingsListUI = exports.SettingsListUI = function SettingsListUI(props) {
       },
       className: "form-control",
       placeholder: "placeholder"
-    })) : /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, (config === null || config === void 0 ? void 0 : config.name) && /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement("p", null, config === null || config === void 0 ? void 0 : config.description), (config === null || config === void 0 || (_config$options3 = config.options) === null || _config$options3 === void 0 ? void 0 : _config$options3.length) > 0 && (config === null || config === void 0 || (_config$options4 = config.options) === null || _config$options4 === void 0 ? void 0 : _config$options4.map(function (item, j) {
+    })) : /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, (config === null || config === void 0 ? void 0 : config.name) && /*#__PURE__*/_react.default.createElement("label", null, config === null || config === void 0 ? void 0 : config.name), (config === null || config === void 0 ? void 0 : config.description) && /*#__PURE__*/_react.default.createElement("p", null, config === null || config === void 0 ? void 0 : config.description), (config === null || config === void 0 || (_config$options5 = config.options) === null || _config$options5 === void 0 ? void 0 : _config$options5.length) > 0 && (config === null || config === void 0 || (_config$options6 = config.options) === null || _config$options6 === void 0 ? void 0 : _config$options6.map(function (item, j) {
       return /*#__PURE__*/_react.default.createElement(_styles2.FormGroupWrapper, {
         key: j
       }, /*#__PURE__*/_react.default.createElement(_styles2.FormGroupCheck, {

package/_modules/components/Users/CustomersListing/index.js

@@ -246,7 +246,8 @@ var CustomersListing = exports.CustomersListing = function CustomersListing(prop
       initialPage: props.isUseQuery && !isNaN(defaultPage) ? Number(defaultPage) : 1,
       pageSize: props.isUseQuery && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
       controlType: 'pages'
-    }
+    },
+    propsToFetch: ['name', 'lastname', 'email', 'phone', 'photo', 'cellphone', 'loyalty_level', 'loyalty_level_id', 'country_phone_code', 'city_id', 'city', 'address', 'addresses', 'address_notes', 'dropdown_option_id', 'dropdown_option', 'location', 'zipcode', 'level', 'enabled', 'middle_name', 'second_lastname', 'birthdate', 'phone_verified', 'email_verified', 'wallets', 'orders_count', 'push_tokens']
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.UsersList, customersProps);
 };

package/_modules/contexts/FilterValuesContext/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterValuesProvider = exports.FilterValuesContext = void 0;
+exports.useFilterValues = useFilterValues;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * Create FilterValuesContext
+ * This context will manage the info between pages and provide an easy interface
+ */
+var FilterValuesContext = exports.FilterValuesContext = /*#__PURE__*/(0, _react.createContext)();
+
+/**
+  * Custom provider to mange shared info
+  * @param {props} props
+  */
+var FilterValuesProvider = exports.FilterValuesProvider = function FilterValuesProvider(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)({
+      orderId: null,
+      externalId: null,
+      groupTypes: [],
+      groupTypesUnassigned: [],
+      dateType: null,
+      deliveryFromDatetime: null,
+      deliveryEndDatetime: null,
+      businessIds: [],
+      driverIds: [],
+      driverGroupIds: [],
+      cityIds: [],
+      statuses: [],
+      deliveryTypes: [],
+      paymethodIds: [],
+      countryCode: [],
+      currency: [],
+      metafield: [],
+      logisticStatus: null,
+      assigned: null,
+      driverGroupBusinessIds: [],
+      customerName: null,
+      customerEmail: null,
+      customerCellphone: null,
+      customerLastname: null
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterValues = _useState2[0],
+    setFilterValues = _useState2[1];
+  var handleFilterValues = function handleFilterValues(filterValues) {
+    setFilterValues(filterValues);
+  };
+  var functions = {
+    handleFilterValues: handleFilterValues
+  };
+  return /*#__PURE__*/_react.default.createElement(FilterValuesContext.Provider, {
+    value: [filterValues, functions]
+  }, children);
+};
+
+// hook context
+
+function useFilterValues() {
+  var filterValuesManager = _react.default.useContext(FilterValuesContext);
+  return filterValuesManager || [{}, function () {}];
+}

package/_modules/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "AutoScroll", {
     return _Shared.AutoScroll;
   }
 });
+Object.defineProperty(exports, "Banners", {
+  enumerable: true,
+  get: function get() {
+    return _Banners.Banners;
+  }
+});
 Object.defineProperty(exports, "BatchImageForm", {
   enumerable: true,
   get: function get() {
@@ -1155,6 +1161,18 @@ Object.defineProperty(exports, "EnterprisePromotionSpecficProducts", {
     return _Marketing.EnterprisePromotionSpecficProducts;
   }
 });
+Object.defineProperty(exports, "FilterValuesContext", {
+  enumerable: true,
+  get: function get() {
+    return _FilterValuesContext.FilterValuesContext;
+  }
+});
+Object.defineProperty(exports, "FilterValuesProvider", {
+  enumerable: true,
+  get: function get() {
+    return _FilterValuesContext.FilterValuesProvider;
+  }
+});
 Object.defineProperty(exports, "ForgotPasswordForm", {
   enumerable: true,
   get: function get() {
@@ -2475,6 +2493,12 @@ Object.defineProperty(exports, "setStorageItem", {
     return _utils.setStorageItem;
   }
 });
+Object.defineProperty(exports, "useFilterValues", {
+  enumerable: true,
+  get: function get() {
+    return _FilterValuesContext.useFilterValues;
+  }
+});
 Object.defineProperty(exports, "useInfoShare", {
   enumerable: true,
   get: function get() {
@@ -2514,6 +2538,7 @@ Object.defineProperty(exports, "verifyDecimals", {
 var _Messages = require("./components/Messages");
 var _OrderingProducts = require("./components/OrderingProducts");
 var _PageNotFound = require("./components/PageNotFound");
+var _Banners = require("./components/Banners");
 var _Orders = require("./components/Orders");
 var _Support = require("./components/Support");
 var _BusinessIntelligence = require("./components/BusinessIntelligence");
@@ -2540,6 +2565,7 @@ var _ThemeContext = require("./contexts/ThemeContext");
 var _ConfigFileContext = require("./contexts/ConfigFileContext");
 var _ProjectContext = require("./contexts/ProjectContext");
 var _InfoShareContext = require("./contexts/InfoShareContext");
+var _FilterValuesContext = require("./contexts/FilterValuesContext");
 var _useOnlineStatus = require("./hooks/useOnlineStatus");
 var _useWindowSize = require("./hooks/useWindowSize");
 var _Buttons = require("./styles/Buttons");

package/_modules/styles/Buttons/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LinkButton = exports.IconButton = exports.Button = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _polished = require("polished");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -36,7 +36,7 @@ var IconButton = exports.IconButton = _styledComponents.default.button(_template
   var isDisabled = _ref4.isDisabled;
   return isDisabled && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
 });
-var Button = exports.Button = _styledComponents.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background: #CCC;\n  color: #FFF;\n  border: 1px solid #CCC;\n  border-radius: ", ";\n  line-height: 30px;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-size: 14px;\n  cursor: pointer;\n  outline: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all .2s ease-in;\n\n  &:active {\n    background: ", ";\n  }\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_ref5) {
+var Button = exports.Button = _styledComponents.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background: #CCC;\n  color: #FFF;\n  border: 1px solid #CCC;\n  border-radius: ", ";\n  line-height: 30px;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-size: 14px;\n  cursor: pointer;\n  outline: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all .2s ease-in;\n\n  &:active {\n    background: ", ";\n  }\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_ref5) {
   var borderRadius = _ref5.borderRadius;
   return !borderRadius ? '30px' : borderRadius;
 }, function () {
@@ -144,7 +144,18 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
   });
 }, function (_ref17) {
   var color = _ref17.color;
-  return color === 'secundaryDark' && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n  "])), function (props) {
+  return color === 'warning' && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: #FFF;\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n  "])), function (props) {
+    return props.theme.colors.warning;
+  }, function (props) {
+    return props.theme.colors.warning;
+  }, function (props) {
+    return (0, _polished.darken)(0.04, props.theme.colors.warning);
+  }, function (props) {
+    return (0, _polished.darken)(0.1, props.theme.colors.warning);
+  });
+}, function (_ref18) {
+  var color = _ref18.color;
+  return color === 'secundaryDark' && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n  "])), function (props) {
     return props.theme.colors.secundaryDarkContrast;
   }, function (props) {
     return props.theme.colors.secundaryDark;
@@ -155,9 +166,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
   }, function (props) {
     return (0, _polished.darken)(0.1, props.theme.colors.secundaryDarkContrast);
   });
-}, function (_ref18) {
-  var color = _ref18.color;
-  return color === 'secundary' && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n    ", "\n    ", "\n    ", "\n  "])), function (props) {
+}, function (_ref19) {
+  var color = _ref19.color;
+  return color === 'secundary' && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n    ", "\n    ", "\n    ", "\n  "])), function (props) {
     return props.theme.colors.secundary;
   }, function (props) {
     return props.theme.colors.secundaryContrast;
@@ -167,9 +178,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
     return (0, _polished.darken)(0.04, props.theme.colors.secundary);
   }, function (props) {
     return (0, _polished.darken)(0.1, props.theme.colors.secundary);
-  }, function (_ref19) {
-    var outline = _ref19.outline;
-    return outline && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n      &:hover {\n        background: ", ";\n        color: #FFF;\n      }\n    "])), function (props) {
+  }, function (_ref20) {
+    var outline = _ref20.outline;
+    return outline && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n      &:hover {\n        background: ", ";\n        color: #FFF;\n      }\n    "])), function (props) {
       var _props$theme$colors5;
       return ((_props$theme$colors5 = props.theme.colors) === null || _props$theme$colors5 === void 0 ? void 0 : _props$theme$colors5.backgroundPage) || '#FFF';
     }, function (props) {
@@ -183,9 +194,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
     }, function (props) {
       return (0, _polished.darken)(0.07, props.theme.colors.secundary);
     });
-  }, function (_ref20) {
-    var circle = _ref20.circle;
-    return circle && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      padding: 0;\n      width: 34px;\n      height: 34px;\n      line-height: 34px;\n      text-align: center;\n      border-radius: 50%;\n      &:active {\n        color: ", ";\n        border-color: ", ";\n        background: ", ";\n      }\n    "])), function (props) {
+  }, function (_ref21) {
+    var circle = _ref21.circle;
+    return circle && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      padding: 0;\n      width: 34px;\n      height: 34px;\n      line-height: 34px;\n      text-align: center;\n      border-radius: 50%;\n      &:active {\n        color: ", ";\n        border-color: ", ";\n        background: ", ";\n      }\n    "])), function (props) {
       return props.theme.colors.secundary;
     }, function (props) {
       return props.theme.colors.secundaryContrast;
@@ -198,10 +209,10 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
     }, function (props) {
       return (0, _polished.darken)(0.07, props.theme.colors.secundary);
     });
-  }, function (_ref21) {
-    var circle = _ref21.circle,
-      outline = _ref21.outline;
-    return circle && outline && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      padding: 0;\n      width: 34px;\n      height: 34px;\n      line-height: 34px;\n      text-align: center;\n      border-radius: 50%;\n      &:active {\n        border-color: ", ";\n        background: ", ";\n        color: ", ";\n      }\n    "])), function (props) {
+  }, function (_ref22) {
+    var circle = _ref22.circle,
+      outline = _ref22.outline;
+    return circle && outline && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      padding: 0;\n      width: 34px;\n      height: 34px;\n      line-height: 34px;\n      text-align: center;\n      border-radius: 50%;\n      &:active {\n        border-color: ", ";\n        background: ", ";\n        color: ", ";\n      }\n    "])), function (props) {
       var _props$theme$colors6;
       return ((_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.backgroundPage) || '#FFF';
     }, function (props) {
@@ -216,9 +227,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
       return props.theme.colors.secundaryContrast;
     });
   });
-}, function (_ref22) {
-  var color = _ref22.color;
-  return color === 'black' && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n  "])), function (props) {
+}, function (_ref23) {
+  var color = _ref23.color;
+  return color === 'black' && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    &:hover {\n      background: ", ";\n    }\n    &:active {\n      background: ", ";\n    }\n  "])), function (props) {
     return props.theme.colors.black;
   }, function (props) {
     return props.theme.colors.white;
@@ -230,9 +241,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
     return (0, _polished.darken)(0.1, props.theme.colors.black);
   });
 });
-var LinkButton = exports.LinkButton = _styledComponents.default.a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  cursor: pointer;\n  color: ", ";\n  &:hover {\n    text-decoration: underline;\n  }\n\n  ", "\n"])), function (props) {
+var LinkButton = exports.LinkButton = _styledComponents.default.a(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  cursor: pointer;\n  color: ", ";\n  &:hover {\n    text-decoration: underline;\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.colors.primary;
-}, function (_ref23) {
-  var disabled = _ref23.disabled;
-  return disabled && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n    pointer-events: none;\n    opacity: 0.5;\n  "])));
+}, function (_ref24) {
+  var disabled = _ref24.disabled;
+  return disabled && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n    pointer-events: none;\n    opacity: 0.5;\n  "])));
 });

package/index-template.js

@@ -8,6 +8,8 @@ import { Integrations } from '@sentry/tracing'
 import { ThemeProvider } from './src/contexts/ThemeContext'
 import { ConfigFileContext } from './src/contexts/ConfigFileContext'
 import { InfoShareProvider } from './src/contexts/InfoShareContext'
+import { FilterValuesProvider } from './src/contexts/FilterValuesContext'
+import { ProjectProvider } from './src/contexts/ProjectContext'
 import { Toast } from './src/styles/Toast'
 import theme from './template/theme.json'
 import settings from './template/config.json'
@@ -656,8 +658,12 @@ const RouteApp = () => {
         <AutologinParams configFile={configFile}>
           <OrderingProvider Alert={Alert}>
             <InfoShareProvider>
-              <Router />
-              <Toast />
+              <ProjectProvider>
+                <FilterValuesProvider>
+                  <Router />
+                  <Toast />
+                </FilterValuesProvider>
+              </ProjectProvider>
             </InfoShareProvider>
           </OrderingProvider>
         </AutologinParams>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.42.15",
+  "version": "1.43.0",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -83,7 +83,7 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
-    "ordering-components-admin-external": "1.42.10",
+    "ordering-components-admin-external": "1.43.0",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
     "react-big-calendar": "^1.4.2",

package/src/components/Banners/index.js

@@ -0,0 +1,69 @@
+import React, { useEffect, useRef } from 'react'
+import { useLanguage, useSession } from 'ordering-components-admin-external'
+import { useTheme } from 'styled-components'
+import { ExclamationTriangle } from 'react-bootstrap-icons'
+
+import {
+  Container,
+  Banner,
+  Icon,
+  Content,
+  ButtonWrap
+} from './styles'
+import { Button } from '../../styles'
+
+export const Banners = (props) => {
+  const { type, urlToGo, setLayoutPT } = props
+
+  const fixedRef = useRef(null)
+  const theme = useTheme()
+  const [, t] = useLanguage()
+  const [{ user }] = useSession()
+
+  const handleClick = () => {
+    if (!urlToGo) return
+    window.open(urlToGo, '_blank').focus()
+  }
+
+  useEffect(() => {
+    if (fixedRef.current) {
+      setLayoutPT(fixedRef.current.offsetHeight)
+    }
+  })
+
+  return (
+    type === 'past_due' ? (
+      <Container ref={fixedRef}>
+        <Banner>
+          <Icon>
+            <ExclamationTriangle
+              size={26}
+              color={theme.colors.warning}
+            />
+          </Icon>
+          <Content>
+            <h1>{t('PAST_DUE_TITLE_BANNER', 'Hey :user:, we have a problem, your account is past due.').replace(':user:', user?.name)}</h1>
+            <p>{t('PAST_DUE_SUBTITLE_BANNER', 'There appears to be an issue with your payment. Kindly update the card on file and complete your payment.')}</p>
+          </Content>
+          <ButtonWrap>
+            <Button
+              color='warning'
+              style={{
+                borderRadius: 8,
+                padding: '5px 30px',
+                maxHeight: '40px'
+              }}
+              onClick={() => handleClick()}
+            >
+              {t('PAY_NOW', 'Pay now')}
+            </Button>
+          </ButtonWrap>
+        </Banner>
+      </Container>
+    ) : null
+  )
+}
+
+Banners.defaultProps = {
+  type: 'past_due'
+}