ordering-ui-admin-external 1.8.5 → 1.10.0

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

@@ -114,6 +114,7 @@ var ProfessionalListingUI = function ProfessionalListingUI(props) {
     }
   }, [usersList]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.UsersListingContainer, null, /*#__PURE__*/_react.default.createElement(_UsersListingHeader.UsersListingHeader, {
+    isProfessionals: true,
     title: headerTitle,
     searchValue: searchValue,
     onSearch: onSearch
@@ -170,6 +171,7 @@ var ProfessionalListingUI = function ProfessionalListingUI(props) {
       return setOpenUserAddForm(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_ProfessionalAddForm.ProfessionalAddForm, {
+    occupations: occupationsState.occupations,
     handleSuccessAdd: handleSuccessAddUser,
     onClose: function onClose() {
       return setOpenUserAddForm(false);

package/_modules/components/Users/ProfessionalSchedule/Schedule/index.js

@@ -0,0 +1,36 @@
+"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.Schedule = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+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; }
+function SchedulePropsAreEqual(prevProps, nextProps) {
+  return JSON.stringify(prevProps.scheduleList) === JSON.stringify(nextProps.scheduleList);
+}
+var Schedule = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _handleChangeScheduleState = props.handleChangeScheduleState,
+    scheduleList = props.scheduleList;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  return /*#__PURE__*/_react.default.createElement(_styles.ScheduleWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, t('SCHEDULE', 'Schedule')), /*#__PURE__*/_react.default.createElement(_styles.ScheduleContentWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Schedule, {
+    scheduleList: scheduleList,
+    handleChangeScheduleState: function handleChangeScheduleState(val) {
+      return _handleChangeScheduleState(val);
+    }
+  })));
+}, SchedulePropsAreEqual);
+exports.Schedule = Schedule;

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

@@ -8,8 +8,7 @@ exports.ProfessionalSchedule = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
-var _FirstSelect = require("../../../styles/Select/FirstSelect");
-var _Shared = require("../../Shared");
+var _Schedule = require("./Schedule");
 var _styles = require("../../../styles");
 var _styles2 = 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); }
@@ -39,114 +38,12 @@ var ProfessionalScheduleUI = function ProfessionalScheduleUI(props) {
     _useState2 = _slicedToArray(_useState, 2),
     isMaxDays = _useState2[0],
     setIsMaxDays = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scheduleType = _useState4[0],
-    setScheduleType = _useState4[1];
-  var defaultSchedule = [{
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }, {
-    enabled: true,
-    lapses: [{
-      open: {
-        hour: 0,
-        minute: 0
-      },
-      close: {
-        hour: 23,
-        minute: 59
-      }
-    }]
-  }];
-  var typeList = [{
-    value: 'default',
-    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('USE_DEFAULT_SCHEDULE', 'Use default schedule'))
-  }, {
-    value: 'customize',
-    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('CUSTOMIZE_SCHEDULE', 'Customize schedule'))
-  }];
   var handleIndefinitelyClick = function handleIndefinitelyClick() {
     handleChangeItem({
       max_days_in_future: null
     });
     setIsMaxDays(false);
   };
-  var handleChangeScheduleType = function handleChangeScheduleType(val) {
-    setScheduleType(val);
-    if (val === 'default') handleChangeItem({
-      schedule: defaultSchedule
-    });
-  };
   var handlClickFutureDay = function handlClickFutureDay(e) {
     if (e.target.closest('.max_days_in_future')) return;
     setIsMaxDays(true);
@@ -154,9 +51,13 @@ var ProfessionalScheduleUI = function ProfessionalScheduleUI(props) {
   var onSubmit = function onSubmit() {
     handleUpdateClick && handleUpdateClick();
   };
+  var changeSchedule = (0, _react.useCallback)(function (val) {
+    return handleChangeItem({
+      schedule: val
+    });
+  }, []);
   (0, _react.useEffect)(function () {
     if (typeof (user === null || user === void 0 ? void 0 : user.max_days_in_future) === 'number') setIsMaxDays(true);
-    if (user !== null && user !== void 0 && user.schedule) setScheduleType('customize');
   }, [user]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.DateRangeWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, t('DATE_RANGE', 'Date range')), /*#__PURE__*/_react.default.createElement("p", null, t('CUSTOMERS_CAN_SCHEDULE', 'Customers can schedule...')), /*#__PURE__*/_react.default.createElement(_styles2.RangeItem, {
     onClick: handlClickFutureDay
@@ -178,22 +79,11 @@ var ProfessionalScheduleUI = function ProfessionalScheduleUI(props) {
     onClick: handleIndefinitelyClick
   }, /*#__PURE__*/_react.default.createElement("span", null, !isMaxDays ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null)), /*#__PURE__*/_react.default.createElement("label", null, t('INDEFINITELY_INTO_THE_FUTURE', 'Indefinitely into the future')))), /*#__PURE__*/_react.default.createElement(_styles2.ScheduleWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, t('SCHEDULE', 'Schedule')), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
-    options: typeList,
-    className: "select",
-    defaultValue: scheduleType,
-    placeholder: t('SELECT_OPTION', 'Select an option'),
-    onChange: function onChange(value) {
-      return handleChangeScheduleType(value);
-    }
-  })), scheduleType === 'customize' && /*#__PURE__*/_react.default.createElement(_styles2.ScheduleContentWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Schedule, {
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null)), /*#__PURE__*/_react.default.createElement("label", null, t('INDEFINITELY_INTO_THE_FUTURE', 'Indefinitely into the future')))), /*#__PURE__*/_react.default.createElement(_Schedule.Schedule, {
+    key: user === null || user === void 0 ? void 0 : user.id,
     scheduleList: user === null || user === void 0 ? void 0 : user.schedule,
-    handleChangeScheduleState: function handleChangeScheduleState(val) {
-      return handleChangeItem({
-        schedule: val
-      });
-    }
-  })))), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    handleChangeScheduleState: changeSchedule
+  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     disabled: (formState === null || formState === void 0 ? void 0 : formState.loading) || Object.keys(formState === null || formState === void 0 ? void 0 : formState.changes).length === 0,

package/_modules/components/Users/ProfessionalSchedule/styles.js

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SelectWrapper = exports.ScheduleWrapper = exports.ScheduleContentWrapper = exports.RangeItem = exports.Option = exports.DateRangeWrapper = exports.Container = exports.ButtonWrapper = void 0;
+exports.ScheduleWrapper = exports.ScheduleContentWrapper = exports.RangeItem = exports.DateRangeWrapper = exports.Container = exports.ButtonWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -28,21 +28,9 @@ var RangeItem = _styledComponents.default.div(_templateObject3 || (_templateObje
 exports.RangeItem = RangeItem;
 var ScheduleWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: 35px;\n  > h1 {\n    font-weight: 600;\n    font-size: 16px;\n    margin-top: 0px;\n    margin-bottom: 15px;\n  }\n"])));
 exports.ScheduleWrapper = ScheduleWrapper;
-var SelectWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n\n  > div {\n    width: 100%;\n    border: none;\n\n    > div:first-child {\n      background-color: ", ";\n      height: 43px;\n      border: none;\n      border-radius: 7.6px;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n    }\n    .list {\n      background-color: ", ";\n      border: none;\n      \n      .search-bar-container {\n        padding: 10px;\n        input {\n          background-color: transparent;\n          height: 44px;\n        }\n      }\n\n      .list-wrapper {\n        > div {\n          padding: 6px 10px;\n          &:hover {\n            background-color: #f2f5f7;\n          }\n        }\n      }\n    }\n  }\n"])), function (props) {
-  return props.theme.colors.secundary;
-}, function (props) {
-  return props.theme.colors.secundaryContrast;
-}, function (props) {
-  return props.theme.colors.secundary;
-});
-exports.SelectWrapper = SelectWrapper;
-var Option = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ", ";\n"])), function (props) {
-  return props.theme.colors.secundaryContrast;
-});
-exports.Option = Option;
-var ScheduleContentWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n"])), function (props) {
+var ScheduleContentWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
 exports.ScheduleContentWrapper = ScheduleContentWrapper;
-var ButtonWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 100%;\n  padding: 20px 0 30px 0;\n\n  button {\n    height: 44px;\n  }\n"])));
+var ButtonWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 100%;\n  padding: 20px 0 30px 0;\n\n  button {\n    height: 44px;\n  }\n"])));
 exports.ButtonWrapper = ButtonWrapper;

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

@@ -272,7 +272,7 @@ var UserFormDetailsUI = function UserFormDetailsUI(props) {
       }),
       autoComplete: "off"
     }));
-  }), isProfessional && occupations.length > 0 && /*#__PURE__*/_react.default.createElement(_OccupationSelector.OccupationSelector, {
+  }), isProfessional && (occupations === null || occupations === void 0 ? void 0 : occupations.length) > 0 && /*#__PURE__*/_react.default.createElement(_OccupationSelector.OccupationSelector, {
     occupationId: user === null || user === void 0 ? void 0 : user.occupation_id,
     occupations: occupations,
     handleChangeOccupation: handleChangeOccupation

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

@@ -87,7 +87,7 @@ var UsersList = function UsersList(props) {
     handleOpenUserDetails(user);
   };
   var handleChangePage = function handleChangePage(page) {
-    getUsers(page, 10);
+    getUsers(page, paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize);
   };
   var handleChangePageSize = function handleChangePageSize(pageSize) {
     var expectedPage = Math.ceil(paginationProps.from / pageSize);
@@ -156,7 +156,7 @@ var UsersList = function UsersList(props) {
     }
   }, !(usersList !== null && usersList !== void 0 && usersList.loading) && isAllChecked ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null)), t('USER', 'User'))), /*#__PURE__*/_react.default.createElement("th", null, t('PHONE', 'Phone')), /*#__PURE__*/_react.default.createElement("th", null, t('TYPE', 'Type')), /*#__PURE__*/_react.default.createElement("th", {
     className: "amout-orders "
-  }, t('AMOUNT_OF_ORDERS', 'Amount of orders')), /*#__PURE__*/_react.default.createElement("th", null, t('ACTION', 'Action')))), usersList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
+  }, t('AMOUNT_OF_ORDERS', 'Amount of orders')), /*#__PURE__*/_react.default.createElement("th", null, t('ACTION', 'Action')))), usersList.loading ? _toConsumableArray(Array((paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize) || 10).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement("tbody", {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.UserMainInfo, null, /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
@@ -218,12 +218,13 @@ var UsersList = function UsersList(props) {
     onClick: function onClick() {
       return handleOpenUserAddForm();
     }
-  }, t('ADD_NEW_USER', 'Add new user')), (usersList === null || usersList === void 0 ? void 0 : usersList.users.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+  }, t('ADD_NEW_USER', 'Add new user')), (usersList === null || usersList === void 0 ? void 0 : usersList.users.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, _defineProperty({
+    defaultPageSize: paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize,
     currentPage: paginationProps.currentPage,
     totalPages: paginationProps.totalPages,
     handleChangePage: handleChangePage,
     handleChangePageSize: handleChangePageSize
-  })))), /*#__PURE__*/_react.default.createElement(_Shared.ConfirmAdmin, {
+  }, "defaultPageSize", paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize))))), /*#__PURE__*/_react.default.createElement(_Shared.ConfirmAdmin, {
     open: confirmAdmin.open,
     onClose: function onClose() {
       return setConfirmAdmin(_objectSpread(_objectSpread({}, confirmAdmin), {}, {

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

@@ -19,7 +19,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 UsersListingHeader = function UsersListingHeader(props) {
-  var title = props.title,
+  var isProfessionals = props.isProfessionals,
+    title = props.title,
     searchValue = props.searchValue,
     onSearch = props.onSearch;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -34,7 +35,9 @@ var UsersListingHeader = function UsersListingHeader(props) {
     onClick: function onClick() {
       return handleMenuCollapse(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, title)), /*#__PURE__*/_react.default.createElement(_styles2.ActionContainer, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, title), isProfessionals && /*#__PURE__*/_react.default.createElement(_styles2.InfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "primary"
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.InfoCircle, null)), /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, t('PROFESSIONALS_INFO', 'Create, assign and manage your professionals. Once the professional link his Google account, continue synchronizing your appointments with the professionals user using the Synchronize button inside of the account. Select the stores and configure the schedules for your services.')))), /*#__PURE__*/_react.default.createElement(_styles2.ActionContainer, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     lazyLoad: true,
     isCustomLayout: true,
     onSearch: onSearch,

package/_modules/components/Users/UsersListingHeader/styles.js

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderTitleContainer = exports.HeaderContainer = exports.ActionContainer = void 0;
+exports.InfoWrapper = exports.InfoContent = exports.HeaderTitleContainer = exports.HeaderContainer = exports.ActionContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 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) } })); }
@@ -26,4 +26,19 @@ var ActionContainer = _styledComponents.default.div(_templateObject7 || (_templa
 }, function (props) {
   return props.theme.colors.secundary;
 });
-exports.ActionContainer = ActionContainer;
+exports.ActionContainer = ActionContainer;
+var InfoWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: relative;\n  ", "\n\n  > button {\n    height: 25px;\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &:hover > div {\n    visibility: visible;\n    opacity: 1;\n  }\n"])), function (props) {
+  var _props$theme4;
+  return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin-left: -8px;\n    margin-right: 8px;\n  "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    margin-right: -8px;\n    margin-left: 8px;\n  "])));
+});
+exports.InfoWrapper = InfoWrapper;
+var InfoContent = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  z-index: 999;\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 8px 12px;\n  font-size: 12px;\n  line-height: 18px;\n  min-width: 150px;\n  transition: all 0.3s linear;\n  visibility: hidden;\n  opacity: 0;\n  right: 0px;\n  ", "\n\n  @media (min-width: 576px) {\n    min-width: 350px;\n    padding: 12px 15px;\n    left: 0px;\n    ", "\n  }\n\n  @media (min-width: 993px) {\n    min-width: 535px;\n  }\n"])), function (props) {
+  return props.theme.colors.backgroundInfo;
+}, function (props) {
+  return props.theme.colors.primary;
+}, function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    left: 0px;\n    right: initial;\n  "])));
+}, function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      right: 0px;\n      left: initial;\n    "])));
+});
+exports.InfoContent = InfoContent;

package/_modules/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "BusinessActiveStateFilter", {
     return _Stores.BusinessActiveStateFilter;
   }
 });
+Object.defineProperty(exports, "BusinessAdd", {
+  enumerable: true,
+  get: function get() {
+    return _Stores.BusinessAdd;
+  }
+});
 Object.defineProperty(exports, "BusinessAnalytics", {
   enumerable: true,
   get: function get() {
@@ -1125,6 +1131,12 @@ Object.defineProperty(exports, "ImporterJobForm", {
     return _Stores.ImporterJobForm;
   }
 });
+Object.defineProperty(exports, "ImportersButton", {
+  enumerable: true,
+  get: function get() {
+    return _Stores.ImportersButton;
+  }
+});
 Object.defineProperty(exports, "ImportersList", {
   enumerable: true,
   get: function get() {
@@ -1323,6 +1335,12 @@ Object.defineProperty(exports, "MoreSidebarLayout", {
     return _Shared.MoreSidebarLayout;
   }
 });
+Object.defineProperty(exports, "MultiCountrySettings", {
+  enumerable: true,
+  get: function get() {
+    return _Settings.MultiCountrySettings;
+  }
+});
 Object.defineProperty(exports, "NotFoundSource", {
   enumerable: true,
   get: function get() {
@@ -1725,6 +1743,18 @@ Object.defineProperty(exports, "ProductReviewDetails", {
     return _BusinessIntelligence.ProductReviewDetails;
   }
 });
+Object.defineProperty(exports, "ProductStartGuide", {
+  enumerable: true,
+  get: function get() {
+    return _Stores.ProductStartGuide;
+  }
+});
+Object.defineProperty(exports, "ProductStep", {
+  enumerable: true,
+  get: function get() {
+    return _Stores.ProductStep;
+  }
+});
 Object.defineProperty(exports, "ProductSummary", {
   enumerable: true,
   get: function get() {
@@ -1953,6 +1983,12 @@ Object.defineProperty(exports, "ResetPassword", {
     return _Login.ResetPassword;
   }
 });
+Object.defineProperty(exports, "RestaurantSelectGuide", {
+  enumerable: true,
+  get: function get() {
+    return _Stores.RestaurantSelectGuide;
+  }
+});
 Object.defineProperty(exports, "ReviewCustomer", {
   enumerable: true,
   get: function get() {

package/index-template.js

@@ -39,6 +39,10 @@ import deliverect from './template/assets/images/deliverect.png'
 import ItsaCheckmateLogo from './template/assets/images/ItsaCheckmateLogo.png'
 import doordash from './template/assets/images/door-dash.png'
 import lalamove from './template/assets/images/lala-move.png'
+import pickerExpress from './template/assets/images/picker-express.png'
+import importMenu from './template/assets/images/import-menu.png'
+import importedMenu from './template/assets/images/imported-menu.png'
+
 /**
  * project statuses
  */
@@ -67,6 +71,7 @@ import storeDummy from './template/assets/images/dummies/store.png'
 import noOrders from './template/assets/images/dummies/no-orders.png'
 import promotionDummy from './template/assets/images/dummies/promotion.png'
 import productDummy from './template/assets/images/dummies/product.png'
+import noBusinesses from './template/assets/images/dummies/no-businesses.png'
 
 /**
  * icons
@@ -188,7 +193,60 @@ if (!(window?.location?.hostname === 'localhost')) {
       'is not a function',
       'can\'t find variable',
       'objects are not valid',
-      'element type is invalid'
+      'element type is invalid',
+      'TypeError: Failed to fetch',
+      'TypeError: NetworkError when attempting to fetch resource.',
+      'TypeError: Cancelled',
+      'TypeError: cancelado',
+      'is not defined',
+      "Can't find variable",
+      'NotAllowedError',
+      'SecurityError',
+      'Element type is invalid',
+      'undefined is not an object',
+      // Random plugins/extensions
+      'top.GLOBALS',
+      // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error.html
+      'originalCreateNotification',
+      'canvas.contentDocument',
+      'MyApp_RemoveAllHighlights',
+      'http://tt.epicplay.com',
+      'Can\'t find variable: ZiteReader',
+      'jigsaw is not defined',
+      'ComboSearch is not defined',
+      'http://loading.retry.widdit.com/',
+      'atomicFindClose',
+      // Facebook borked
+      'fb_xd_fragment',
+      // ISP "optimizing" proxy - `Cache-Control: no-transform` seems to reduce this. (thanks @acdha)
+      // See http://stackoverflow.com/questions/4113268/how-to-stop-javascript-injection-from-vodafone-proxy
+      'bmi_SafeAddOnload',
+      'EBCallBackMessageReceived',
+      // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx
+      'conduitPage',
+      // Generic error code from errors outside the security sandbox
+      // You can delete this if using raven.js > 1.0, which ignores these automatically.
+      'Script error.',
+      // Avast extension error
+      "_avast_submit"
+    ],
+    denyUrls: [
+      // Google Adsense
+      /pagead\/js/i,
+      // Facebook flakiness
+      /graph\.facebook\.com/i,
+      // Facebook blocked
+      /connect\.facebook\.net\/en_US\/all\.js/i,
+      // Woopra flakiness
+      /eatdifferent\.com\.woopra-ns\.com/i,
+      /static\.woopra\.com\/js\/woopra\.js/i,
+      // Chrome extensions
+      /extensions\//i,
+      /^chrome:\/\//i,
+      // Other plugins
+      /127\.0\.0\.1:4001\/isrunning/i,  // Cacaoweb
+      /webappstoolbarba\.texthelp\.com\//i,
+      /metrics\.itunes\.apple\.com\.edgesuite\.net\//i
     ],
     // We recommend adjusting this value in production, or using tracesSampler
     // for finer control
@@ -224,7 +282,10 @@ theme.images = {
     deliverect,
     ItsaCheckmateLogo,
     doordash,
-    lalamove
+    lalamove,
+    pickerExpress,
+    importMenu,
+    importedMenu
   },
   project: {
     active: projectActive,
@@ -334,6 +395,7 @@ theme.images = {
   },
   dummies: {
     noOrders: noOrders,
+    noBusinesses: noBusinesses,
     businessLogo: storeDummy,
     promotionDummy: promotionDummy,
     product: productDummy

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.8.5",
+  "version": "1.10.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.8.1",
+    "ordering-components-admin-external": "1.10.0",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
     "react-big-calendar": "^1.4.2",

package/src/components/BusinessIntelligence/BusinessReviewList/index.js

@@ -122,6 +122,7 @@ const BusinessReviewsListingUI = (props) => {
               totalPages={Math.ceil(pagination?.total / pagination.pageSize)}
               handleChangePage={handleChangePage}
               handleChangePageSize={handleChangePageSize}
+              defaultPageSize={pagination?.pageSize}
             />
           )}
         </PagesBottomContainer>

package/src/components/BusinessIntelligence/UsersReviewList/index.js

@@ -133,6 +133,7 @@ const DriversReviewListUI = (props) => {
             totalPages={paginationProps.totalPages}
             handleChangePage={handleChangePage}
             handleChangePageSize={handleChangePageSize}
+            defaultPageSize={paginationProps?.pageSize}
           />
         )}
       </PagesBottomContainer>

package/src/components/Delivery/DriversGroupDeliveryZoneInformation/index.js

@@ -46,6 +46,7 @@ export const DriverGroupDeliveryZoneInformation = (props) => {
     { value: 1, content: t('CIRCLE', 'Circle') },
     { value: 2, content: t('POLYGON', 'Polygon') },
     { value: 4, content: t('EVERYWHERE', 'Everywhere') },
+    { value: 5, content: t('DISTANCE_BASED', 'Distance based') }
   ]
 
   const googleMapsControls = {
@@ -203,6 +204,25 @@ export const DriverGroupDeliveryZoneInformation = (props) => {
             />
           </FormControl>
         </Row>
+        {zoneType === 5 &&
+          <Row>
+            <FormControl>
+              <label>{t('DISTANCE_FROM_STORE', 'Distance from store')}</label>
+              <Input
+                placeholder={`1 - 99 ${configState?.configs?.distance_unit?.value}`}
+                name='distance'
+                maxLength={2}
+                value={formState.changes?.data?.distance ?? zone?.data?.distance ?? ''}
+                onInput={(e) => {
+                  e.target.value = e.target.value.match('^[1-9]{1,2}$')
+                }}
+                onChange={e => handleChangeInput(e, configState?.configs?.distance_unit?.value)}
+                ref={register({
+                  required: t('DISTANCE_FROM_STORE', 'Distance from store')
+                })}
+              />
+            </FormControl>
+          </Row>}
         {zoneType !== 4 && isShowMap && (
           configState?.configs?.google_maps_api_key?.value ? (
             <WrapperMap>