ordering-ui-admin-external 1.43.25 → 1.43.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/_bundles/{ordering-ui-admin.97cdb78942482bd8cdc4.js → ordering-ui-admin.e31b8ebe0719a1ce10d5.js} +2 -2
  2. package/_modules/components/Delivery/DeliveryUsersListing/index.js +10 -6
  3. package/_modules/components/Delivery/DriversTimeDisplay/index.js +18 -3
  4. package/_modules/components/Delivery/DriversTimeDisplay/styles.js +35 -5
  5. package/_modules/components/Delivery/UserDetails/index.js +2 -1
  6. package/_modules/components/Orders/AdminsSelector/index.js +1 -2
  7. package/_modules/components/Orders/DeliveriesManager/index.js +4 -2
  8. package/_modules/components/Orders/OrderBill/index.js +4 -3
  9. package/_modules/components/Orders/OrderContactInformation/index.js +4 -3
  10. package/_modules/components/Orders/OrderDetails/index.js +7 -2
  11. package/_modules/components/Orders/OrderStatusTypeSelector/index.js +4 -2
  12. package/_modules/components/Orders/OrdersContentHeader/styles.js +1 -1
  13. package/_modules/components/Shared/InputPhoneNumber/index.js +4 -0
  14. package/_modules/components/SidebarMenu/index.js +32 -29
  15. package/_modules/components/Users/UserAddForm/index.js +9 -0
  16. package/_modules/components/Users/UserFormDetails/index.js +12 -2
  17. package/_modules/styles/MultiSelect/index.js +1 -1
  18. package/package.json +2 -2
  19. package/src/components/Delivery/DeliveryUsersListing/index.js +7 -5
  20. package/src/components/Delivery/DriversTimeDisplay/index.js +30 -3
  21. package/src/components/Delivery/DriversTimeDisplay/styles.js +141 -1
  22. package/src/components/Delivery/UserDetails/index.js +2 -1
  23. package/src/components/Orders/AdminsSelector/index.js +1 -2
  24. package/src/components/Orders/DeliveriesManager/index.js +3 -1
  25. package/src/components/Orders/OrderBill/index.js +4 -3
  26. package/src/components/Orders/OrderContactInformation/index.js +9 -6
  27. package/src/components/Orders/OrderDetails/index.js +6 -0
  28. package/src/components/Orders/OrderStatusTypeSelector/index.js +3 -1
  29. package/src/components/Orders/OrdersContentHeader/styles.js +1 -0
  30. package/src/components/Shared/InputPhoneNumber/index.js +3 -0
  31. package/src/components/SidebarMenu/index.js +92 -88
  32. package/src/components/Users/UserAddForm/index.js +6 -0
  33. package/src/components/Users/UserFormDetails/index.js +9 -3
  34. package/src/styles/MultiSelect/index.js +12 -10
  35. package/template/app.js +5 -2
  36. /package/_bundles/{ordering-ui-admin.97cdb78942482bd8cdc4.js.LICENSE.txt → ordering-ui-admin.e31b8ebe0719a1ce10d5.js.LICENSE.txt} +0 -0
package/_modules/components/SidebarMenu/index.js CHANGED
@@ -34,7 +34,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
34
34
  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; } }
35
35
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
36
36
  var SidebarMenuUI = function SidebarMenuUI(props) {
37
- var _configs$powered_by_o, _configs$appointments, _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _sessionState$user8, _sessionState$user9, _configs$dashboard_lo, _theme$images, _sessionState$user10, _sessionState$user11, _sessionState$user12, _sessionState$user13, _sessionState$user18, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user23, _sessionState$user24, _sessionState$user25, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36, _sessionState$user37, _sessionState$user38, _sessionState$user39;
37
+ var _configs$powered_by_o, _configs$appointments, _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user11, _sessionState$user12, _configs$dashboard_lo, _theme$images, _sessionState$user13, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user21, _sessionState$user22, _sessionState$user23, _sessionState$user24, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36, _sessionState$user37, _sessionState$user38, _sessionState$user39, _sessionState$user40, _sessionState$user41, _sessionState$user42;
38
38
  var getBillingToken = props.getBillingToken,
39
39
  billingUrl = props.billingUrl;
40
40
  var location = (0, _reactRouterDom.useLocation)();
@@ -64,6 +64,9 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
64
64
  var windowSize = (0, _useWindowSize.useWindowSize)();
65
65
  var isPoweredByOrderingModule = configs === null || configs === void 0 || (_configs$powered_by_o = configs.powered_by_ordering_module) === null || _configs$powered_by_o === void 0 ? void 0 : _configs$powered_by_o.value;
66
66
  var isEnabledAppointmentsFeature = configs === null || configs === void 0 || (_configs$appointments = configs.appointments) === null || _configs$appointments === void 0 ? void 0 : _configs$appointments.value;
67
+ var readOnlyBusinessOwner = sessionState === null || sessionState === void 0 || (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.readOnlyBusinessOwner;
68
+ var readOnlyDeliveryManager = sessionState === null || sessionState === void 0 || (_sessionState$user2 = sessionState.user) === null || _sessionState$user2 === void 0 ? void 0 : _sessionState$user2.readOnlyDeliveryManager;
69
+ var readOnlyAdmin = sessionState === null || sessionState === void 0 || (_sessionState$user3 = sessionState.user) === null || _sessionState$user3 === void 0 ? void 0 : _sessionState$user3.readOnlyAdmin;
67
70
  var _useState = (0, _react.useState)(false),
68
71
  _useState2 = _slicedToArray(_useState, 2),
69
72
  showMessage = _useState2[0],
@@ -288,31 +291,31 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
288
291
  title: t('DRIVERS', 'Drivers'),
289
292
  pageName: 'delivery_drivers',
290
293
  url: '/delivery/drivers-list',
291
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user2 = sessionState.user) === null || _sessionState$user2 === void 0 ? void 0 : _sessionState$user2.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user3 = sessionState.user) === null || _sessionState$user3 === void 0 ? void 0 : _sessionState$user3.level) === 2
294
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user4 = sessionState.user) === null || _sessionState$user4 === void 0 ? void 0 : _sessionState$user4.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user5 = sessionState.user) === null || _sessionState$user5 === void 0 ? void 0 : _sessionState$user5.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user6 = sessionState.user) === null || _sessionState$user6 === void 0 ? void 0 : _sessionState$user6.level) === 2
292
295
  }, {
293
296
  id: 2,
294
297
  title: t('DRIVER_MANAGERS', 'Drivers manager'),
295
298
  pageName: 'drivers_managers',
296
299
  url: '/delivery/drivers-managers',
297
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user4 = sessionState.user) === null || _sessionState$user4 === void 0 ? void 0 : _sessionState$user4.level) === 0
300
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user7 = sessionState.user) === null || _sessionState$user7 === void 0 ? void 0 : _sessionState$user7.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager)
298
301
  }, {
299
302
  id: 3,
300
303
  title: t('DELIVERY_COMPANIES', 'Delivery companies'),
301
304
  pageName: 'drivers_companies',
302
305
  url: '/delivery/drivers-companies',
303
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user5 = sessionState.user) === null || _sessionState$user5 === void 0 ? void 0 : _sessionState$user5.level) === 0
306
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager)
304
307
  }, {
305
308
  id: 4,
306
309
  title: t('DELIVERY_AUTOMATION', 'Delivery automation'),
307
310
  pageName: 'drivers_groups',
308
311
  url: '/delivery/drivers-groups',
309
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user6 = sessionState.user) === null || _sessionState$user6 === void 0 ? void 0 : _sessionState$user6.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user7 = sessionState.user) === null || _sessionState$user7 === void 0 ? void 0 : _sessionState$user7.level) === 0
312
+ enabled: ((sessionState === null || sessionState === void 0 || (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) === 0) && !(readOnlyAdmin || readOnlyDeliveryManager)
310
313
  }, {
311
314
  id: 5,
312
315
  title: t('DRIVERS_TIME_DISPLAY', 'Drivers time display'),
313
316
  pageName: 'drivers_time_display',
314
317
  url: '/delivery/drivers-time-display',
315
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) === 0
318
+ enabled: ((sessionState === null || sessionState === void 0 || (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) === 0) && !(readOnlyAdmin || readOnlyDeliveryManager)
316
319
  }];
317
320
  var marketingSubmenus = [{
318
321
  id: 1,
@@ -429,23 +432,23 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
429
432
  className: "d-flex flex-column justify-content-between p-1 pt-0"
430
433
  }, /*#__PURE__*/_react.default.createElement("div", {
431
434
  className: "d-flex flex-column"
432
- }, (sessionState === null || sessionState === void 0 || (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
435
+ }, (sessionState === null || sessionState === void 0 || (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
433
436
  className: "d-flex align-items-center",
434
437
  variant: false,
435
438
  onClick: handleOpenSite
436
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BoxArrowUpRight, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_WEBSITE', 'My Website'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, (sessionState === null || sessionState === void 0 || (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
439
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BoxArrowUpRight, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_WEBSITE', 'My Website'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, (sessionState === null || sessionState === void 0 || (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
437
440
  eventKey: "0",
438
441
  active: location.pathname === '/home',
439
442
  page: "home",
440
443
  handleGoToPage: handleGoToPage
441
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 || (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
444
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 || (_sessionState$user16 = sessionState.user) === null || _sessionState$user16 === void 0 ? void 0 : _sessionState$user16.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
442
445
  eventKey: "1",
443
446
  active: location.pathname === '/orders' || location.pathname === '/deliveries' || location.pathname === '/drivers' || location.pathname === '/all-in-one' || location.pathname === '/appointments' || location.pathname === '/gift-cards'
444
447
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ListCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDERS', 'Orders'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
445
448
  eventKey: "1"
446
449
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ordersSubMenus.map(function (item) {
447
- var _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user17;
448
- return !((sessionState === null || sessionState === void 0 || (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) === 2 && item.pageName === 'drivers') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) === 2 || (sessionState === null || sessionState === void 0 || (_sessionState$user16 = sessionState.user) === null || _sessionState$user16 === void 0 ? void 0 : _sessionState$user16.level) === 5) && item.pageName === 'giftCards') && !((sessionState === null || sessionState === void 0 || (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) === 5 && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
450
+ var _sessionState$user17, _sessionState$user18, _sessionState$user19, _sessionState$user20;
451
+ return !((sessionState === null || sessionState === void 0 || (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) === 2 && item.pageName === 'drivers') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) === 2 || (sessionState === null || sessionState === void 0 || (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) === 5 || readOnlyAdmin) && item.pageName === 'giftCards') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) === 5 || readOnlyAdmin) && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
449
452
  key: item.id,
450
453
  active: location.pathname.includes(item.url),
451
454
  onClick: function onClick() {
@@ -462,19 +465,19 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
462
465
  });
463
466
  }
464
467
  }, (0, _utils.firstLetterCapital)(item.title)));
465
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
468
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user21 = sessionState.user) === null || _sessionState$user21 === void 0 ? void 0 : _sessionState$user21.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
466
469
  eventKey: "2",
467
470
  page: "messages",
468
471
  handleGoToPage: handleGoToPage,
469
472
  active: location.pathname === '/messages'
470
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 || (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user21 = sessionState.user) === null || _sessionState$user21 === void 0 ? void 0 : _sessionState$user21.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
473
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 || (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
471
474
  eventKey: "3",
472
475
  active: location.pathname.includes('stores')
473
476
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Shop, null), /*#__PURE__*/_react.default.createElement("span", null, t('STORES', 'Stores'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
474
477
  eventKey: "3"
475
478
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, storesSubMenus.map(function (item) {
476
- var _sessionState$user22;
477
- return !((sessionState === null || sessionState === void 0 || (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
479
+ var _sessionState$user25;
480
+ return !((sessionState === null || sessionState === void 0 || (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
478
481
  key: item.id,
479
482
  active: location.pathname.includes(item === null || item === void 0 ? void 0 : item.url),
480
483
  onClick: function onClick() {
@@ -483,12 +486,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
483
486
  });
484
487
  }
485
488
  }, item.title);
486
- })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) === 2) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
489
+ })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) === 2) && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
487
490
  eventKey: "4",
488
491
  active: location.pathname === '/users/customers' || location.pathname === '/users/managers' || location.pathname === '/users/operation' || location.pathname === '/users/professionals'
489
492
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.People, null), /*#__PURE__*/_react.default.createElement("span", null, t('USERS', 'Users'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
490
493
  eventKey: "4"
491
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 2 ? usersSubMenus.filter(function (menu) {
494
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.level) === 2 ? usersSubMenus.filter(function (menu) {
492
495
  return buisnessOwnerUsersMenuIncluded.includes(menu.id);
493
496
  }) : usersSubMenus).map(function (item) {
494
497
  return item.pageName === 'professionals' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
@@ -508,12 +511,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
508
511
  });
509
512
  }
510
513
  }, item.title);
511
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
514
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
512
515
  eventKey: "5",
513
516
  active: location.pathname === '/intelligence/business' || location.pathname === '/intelligence/drivers' || location.pathname.includes('/intelligence/reviews') || location.pathname === '/intelligence/invoice' || location.pathname === '/intelligence/reports'
514
517
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BarChartLine, null), /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.firstLetterCapital)(t('BUSINESS_INTELLIGENCE', 'Business Intelligence')))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
515
518
  eventKey: "5"
516
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
519
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
517
520
  return businessOwnerIntelligencesIncluded.includes(menu.id);
518
521
  }) : businessIntelligenceSubMenus).map(function (item) {
519
522
  return /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
@@ -525,7 +528,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
525
528
  });
526
529
  }
527
530
  }, (0, _utils.firstLetterCapital)(item.title));
528
- })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
531
+ })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user33 = sessionState.user) === null || _sessionState$user33 === void 0 ? void 0 : _sessionState$user33.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
529
532
  eventKey: "7",
530
533
  active: location.pathname === '/delivery/drivers-list' || location.pathname === '/delivery/drivers-managers' || location.pathname === '/delivery/drivers-companies' || location.pathname === '/delivery/drivers-groups' || location.pathname === '/delivery/drivers-time-display'
531
534
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Truck, null), /*#__PURE__*/_react.default.createElement("span", null, t('DELIVERY', 'Delivery'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -540,7 +543,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
540
543
  });
541
544
  }
542
545
  }, (0, _utils.firstLetterCapital)(item.title));
543
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
546
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
544
547
  eventKey: "8",
545
548
  active: location.pathname === '/marketing/promotions-enterprise' || location.pathname === '/marketing/campaign' || location.pathname === '/marketing/ad-banners' || location.pathname === '/loyalty/rewards-programs' || location.pathname === '/loyalty/levels' || location.pathname === '/loyalty/reports' || location.pathname === '/cart-recovery/open-carts' || location.pathname === '/cart-recovery/recovery-actions'
546
549
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.GraphUp, null), /*#__PURE__*/_react.default.createElement("span", null, t('MARKETING_LOYALTY', 'Marketing & Loyalty'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -555,7 +558,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
555
558
  });
556
559
  }
557
560
  }, (0, _utils.firstLetterCapital)(item.title));
558
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement("span", null, t('SALES_CHANNELS_AND_PRODUCTS', 'Sales channels and products')), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
561
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement("span", null, t('SALES_CHANNELS_AND_PRODUCTS', 'Sales channels and products')), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
559
562
  eventKey: "12",
560
563
  active: location.pathname === '/my-products/ordering-website' || location.pathname === '/my-products/customer-app' || location.pathname === '/my-products/store-app' || location.pathname === '/my-products/driver-app' || location.pathname === '/my-products/pos-app' || location.pathname === '/my-products/call-center-app' || location.pathname === '/my-products/kiosk-app' || location.pathname === '/my-products/custom-project'
561
564
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BagCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_PRODUCTS', 'My products'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -570,9 +573,9 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
570
573
  });
571
574
  }
572
575
  }, item.title);
573
- })))))), /*#__PURE__*/_react.default.createElement("div", {
576
+ })))))), !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement("div", {
574
577
  className: "d-flex flex-column mt-4"
575
- }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 || (_sessionState$user33 = sessionState.user) === null || _sessionState$user33 === void 0 ? void 0 : _sessionState$user33.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
578
+ }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 || (_sessionState$user36 = sessionState.user) === null || _sessionState$user36 === void 0 ? void 0 : _sessionState$user36.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
576
579
  eventKey: "5",
577
580
  active: location.pathname === '/settings/basic' || location.pathname === '/settings/operation' || location.pathname === '/settings/plugin' || location.pathname === '/settings/pages' || location.pathname === '/settings/integrations' || location.pathname === '/settings/places' || location.pathname === '/settings/advanced' || location.pathname === '/settings/language' || location.pathname === '/settings/logs'
578
581
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Gear, null), /*#__PURE__*/_react.default.createElement("span", null, t('SETTINGS', 'Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -587,7 +590,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
587
590
  });
588
591
  }
589
592
  }, (0, _utils.firstLetterCapital)(item.title));
590
- }))))), (sessionState === null || sessionState === void 0 || (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
593
+ }))))), (sessionState === null || sessionState === void 0 || (_sessionState$user37 = sessionState.user) === null || _sessionState$user37 === void 0 ? void 0 : _sessionState$user37.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
591
594
  className: "d-flex align-items-center",
592
595
  variant: location.pathname === '/support' && 'primary',
593
596
  onClick: function onClick() {
@@ -595,7 +598,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
595
598
  page: 'support'
596
599
  });
597
600
  }
598
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 || (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
601
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 || (_sessionState$user38 = sessionState.user) === null || _sessionState$user38 === void 0 ? void 0 : _sessionState$user38.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
599
602
  className: "d-flex align-items-center",
600
603
  variant: false,
601
604
  onClick: function onClick() {
@@ -612,12 +615,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
612
615
  page: 'profile'
613
616
  });
614
617
  }
615
- }, sessionState !== null && sessionState !== void 0 && (_sessionState$user36 = sessionState.user) !== null && _sessionState$user36 !== void 0 && _sessionState$user36.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
616
- src: sessionState === null || sessionState === void 0 || (_sessionState$user37 = sessionState.user) === null || _sessionState$user37 === void 0 ? void 0 : _sessionState$user37.photo,
618
+ }, sessionState !== null && sessionState !== void 0 && (_sessionState$user39 = sessionState.user) !== null && _sessionState$user39 !== void 0 && _sessionState$user39.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
619
+ src: sessionState === null || sessionState === void 0 || (_sessionState$user40 = sessionState.user) === null || _sessionState$user40 === void 0 ? void 0 : _sessionState$user40.photo,
617
620
  width: "30px",
618
621
  height: "30px",
619
622
  roundedCircle: true
620
- }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 || (_sessionState$user38 = sessionState.user) === null || _sessionState$user38 === void 0 ? void 0 : _sessionState$user38.name, " ", sessionState === null || sessionState === void 0 || (_sessionState$user39 = sessionState.user) === null || _sessionState$user39 === void 0 ? void 0 : _sessionState$user39.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
623
+ }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 || (_sessionState$user41 = sessionState.user) === null || _sessionState$user41 === void 0 ? void 0 : _sessionState$user41.name, " ", sessionState === null || sessionState === void 0 || (_sessionState$user42 = sessionState.user) === null || _sessionState$user42 === void 0 ? void 0 : _sessionState$user42.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
621
624
  };
622
625
  var ContextAwareToggle = function ContextAwareToggle(_ref2) {
623
626
  var children = _ref2.children,
package/_modules/components/Users/UserAddForm/index.js CHANGED
@@ -12,6 +12,7 @@ var _styles = require("../../../styles");
12
12
  var _Shared = require("../../Shared");
13
13
  var _UserTypeSelector = require("../UserTypeSelector");
14
14
  var _libphonenumberJs = _interopRequireDefault(require("libphonenumber-js"));
15
+ var _reactPhoneNumberInput = require("react-phone-number-input");
15
16
  var _utils = require("../../../utils");
16
17
  var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
17
18
  var _BiImage = _interopRequireDefault(require("@meronex/icons/bi/BiImage"));
@@ -55,6 +56,9 @@ var UserAddFormUI = function UserAddFormUI(props) {
55
56
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
56
57
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
57
58
  t = _useLanguage2[1];
59
+ var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
60
+ _useConfig2 = _slicedToArray(_useConfig, 1),
61
+ configs = _useConfig2[0].configs;
58
62
  var _useState = (0, _react.useState)(null),
59
63
  _useState2 = _slicedToArray(_useState, 2),
60
64
  isValidPhoneNumber = _useState2[0],
@@ -163,7 +167,12 @@ var UserAddFormUI = function UserAddFormUI(props) {
163
167
  }
164
168
  };
165
169
  if (isValid) {
170
+ var _configs$validation_p, _configs$validation_p2;
166
171
  phoneNumberParser = (0, _libphonenumberJs.default)(number);
172
+ if (!parseInt((_configs$validation_p = configs === null || configs === void 0 || (_configs$validation_p2 = configs.validation_phone_number_lib) === null || _configs$validation_p2 === void 0 ? void 0 : _configs$validation_p2.value) !== null && _configs$validation_p !== void 0 ? _configs$validation_p : 1, 10)) {
173
+ var _phoneNumberParser;
174
+ if ((_phoneNumberParser = phoneNumberParser) !== null && _phoneNumberParser !== void 0 && _phoneNumberParser.nationalNumber) phoneNumberParser.nationalNumber = (0, _reactPhoneNumberInput.formatPhoneNumber)(number);
175
+ }
167
176
  }
168
177
  if (phoneNumberParser) {
169
178
  phoneNumber = {
package/_modules/components/Users/UserFormDetails/index.js CHANGED
@@ -10,6 +10,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
10
10
  var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
11
11
  var _reactHookForm = require("react-hook-form");
12
12
  var _libphonenumberJs = _interopRequireDefault(require("libphonenumber-js"));
13
+ var _reactPhoneNumberInput = require("react-phone-number-input");
13
14
  var _Shared = require("../../Shared");
14
15
  var _utils = require("../../../utils");
15
16
  var _styles = require("../../../styles");
@@ -52,6 +53,9 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
52
53
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
53
54
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
54
55
  t = _useLanguage2[1];
56
+ var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
57
+ _useConfig2 = _slicedToArray(_useConfig, 1),
58
+ configs = _useConfig2[0].configs;
55
59
  var _useState = (0, _react.useState)(null),
56
60
  _useState2 = _slicedToArray(_useState, 2),
57
61
  isValidPhoneNumber = _useState2[0],
@@ -167,17 +171,23 @@ var UserFormDetailsUI = exports.UserFormDetailsUI = function UserFormDetailsUI(p
167
171
  }
168
172
  };
169
173
  if (isValid) {
174
+ var _configs$validation_p, _configs$validation_p2;
170
175
  phoneNumberParser = (0, _libphonenumberJs.default)(number);
176
+ if (!parseInt((_configs$validation_p = configs === null || configs === void 0 || (_configs$validation_p2 = configs.validation_phone_number_lib) === null || _configs$validation_p2 === void 0 ? void 0 : _configs$validation_p2.value) !== null && _configs$validation_p !== void 0 ? _configs$validation_p : 1, 10)) {
177
+ var _phoneNumberParser;
178
+ if ((_phoneNumberParser = phoneNumberParser) !== null && _phoneNumberParser !== void 0 && _phoneNumberParser.nationalNumber) phoneNumberParser.nationalNumber = (0, _reactPhoneNumberInput.formatPhoneNumber)(number);
179
+ }
171
180
  }
172
181
  if (phoneNumberParser) {
182
+ var _phoneNumberParser2, _phoneNumberParser3;
173
183
  phoneNumber = {
174
184
  country_phone_code: {
175
185
  name: 'country_phone_code',
176
- value: phoneNumberParser.countryCallingCode
186
+ value: (_phoneNumberParser2 = phoneNumberParser) === null || _phoneNumberParser2 === void 0 ? void 0 : _phoneNumberParser2.countryCallingCode
177
187
  },
178
188
  cellphone: {
179
189
  name: 'cellphone',
180
- value: phoneNumberParser.nationalNumber
190
+ value: (_phoneNumberParser3 = phoneNumberParser) === null || _phoneNumberParser3 === void 0 ? void 0 : _phoneNumberParser3.nationalNumber
181
191
  }
182
192
  };
183
193
  }
package/_modules/styles/MultiSelect/index.js CHANGED
@@ -116,7 +116,7 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
116
116
  }, /*#__PURE__*/_react.default.createElement(_Selects.Header, null, selectedOptions.map(function (selectedOption) {
117
117
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
118
118
  key: selectedOption.value
119
- }, /*#__PURE__*/_react.default.createElement(_Selects.MultiSelectOption, null, selectedOption.showOnSelected || selectedOption.content, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
119
+ }, /*#__PURE__*/_react.default.createElement(_Selects.MultiSelectOption, null, selectedOption.showOnSelected || selectedOption.content, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== 'default' && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
120
120
  circle: true,
121
121
  outline: true,
122
122
  color: "primary",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.43.25",
3
+ "version": "1.43.28",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -83,7 +83,7 @@
83
83
  "lodash": "^4.17.20",
84
84
  "moment": "^2.29.1",
85
85
  "moment-range": "^4.0.2",
86
- "ordering-components-admin-external": "1.43.16",
86
+ "ordering-components-admin-external": "1.43.18",
87
87
  "polished": "^3.6.7",
88
88
  "prop-types": "^15.7.2",
89
89
  "react-big-calendar": "^1.4.2",
package/src/components/Delivery/DeliveryUsersListing/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useState, useEffect, useRef } from 'react'
2
2
  import { useLocation } from 'react-router-dom'
3
- import { useLanguage, UsersList as UsersListController } from 'ordering-components-admin-external'
4
- import { getStorageItem, removeStorageItem, setStorageItem, addQueryToUrl } from '../../../utils'
3
+ import { useLanguage, useSession, UsersList as UsersListController } from 'ordering-components-admin-external'
4
+ import { getStorageItem, removeStorageItem, setStorageItem, addQueryToUrl } from '../../../utils'
5
5
 
6
6
  import { UsersListingHeader } from '../UsersListingHeader'
7
7
  import { UserTypeFilter } from '../UserTypeFilter'
@@ -58,6 +58,7 @@ const DeliveryUsersListingUI = (props) => {
58
58
  } = props
59
59
 
60
60
  const [, t] = useLanguage()
61
+ const [{ user }] = useSession()
61
62
  const query = new URLSearchParams(useLocation().search)
62
63
  const firstRender = useRef(true)
63
64
  const [queryId, setQueryId] = useState(null)
@@ -65,6 +66,7 @@ const DeliveryUsersListingUI = (props) => {
65
66
  const [openUser, setOpenUser] = useState(null)
66
67
  const [openUserAddForm, setOpenUserAddForm] = useState(false)
67
68
  const [alertState, setAlertState] = useState({ open: false, content: [] })
69
+ const readOnlyDeliveryManager = user?.readOnlyDeliveryManager
68
70
 
69
71
  const [isTourOpen, setIsTourOpen] = useState(false)
70
72
  const [currentTourStep, setCurrentTourStep] = useState(isDriversManagersPage ? 2 : 0)
@@ -182,7 +184,7 @@ const DeliveryUsersListingUI = (props) => {
182
184
  handleDeleteSeveralUsers={handleDeleteSeveralUsers}
183
185
  handleOpenUserAddForm={handleOpenUserAddForm}
184
186
  handleOpenTour={() => handleOpenTour()}
185
- actionDisabled={actionDisabled}
187
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
186
188
  />
187
189
  {isShowActiveStateFilter && (
188
190
  <UserActiveStateFilter
@@ -211,7 +213,7 @@ const DeliveryUsersListingUI = (props) => {
211
213
  userDetailsId={openUser?.id || queryId}
212
214
  handleOpenUserDetails={handleOpenUserDetails}
213
215
  handleOpenUserAddForm={handleOpenUserAddForm}
214
- actionDisabled={actionDisabled}
216
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
215
217
  setSelectedUsers={setSelectedUsers}
216
218
  isUseQuery={isUseQuery}
217
219
  handleChangeBusyUser={handleChangeBusyUser}
@@ -230,7 +232,7 @@ const DeliveryUsersListingUI = (props) => {
230
232
  handleSuccessUpdate={handleSuccessUpdate}
231
233
  handleSuccessDeleteUser={handleSuccessDeleteUser}
232
234
  handleChangeActiveUser={handleChangeActiveUser}
233
- actionDisabled={actionDisabled}
235
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
234
236
  />
235
237
  )}
236
238
  {openUserAddForm && (
package/src/components/Delivery/DriversTimeDisplay/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useEffect, useState } from 'react'
2
2
  import { useLanguage, useConfig, CalendarDriversList as CalendarDriversListController } from 'ordering-components-admin-external'
3
3
  import { List as MenuIcon, ChevronRight } from 'react-bootstrap-icons'
4
- import { Button, IconButton } from '../../../styles'
4
+ import { Button, IconButton, LinkButton } from '../../../styles'
5
5
  import { useInfoShare } from '../../../contexts/InfoShareContext'
6
6
  import { Alert, Modal, SpinnerLoader } from '../../Shared'
7
7
  import { DeliveryUsersListing } from './UserList'
@@ -25,9 +25,14 @@ import {
25
25
  DeleteButtons,
26
26
  DeleteWrapper,
27
27
  OrderStatusTypeSelectWrapper,
28
- StackedBlock
28
+ StackedBlock,
29
+ DriverMultiSelectorContainer,
30
+ WrapperRow,
31
+ WarningMessage
29
32
  } from './styles'
30
33
  import { Select } from '../../../styles/Select'
34
+ import { DriverMultiSelector } from '../../Orders/DriverMultiSelector'
35
+ import TiWarningOutline from '@meronex/icons/ti/TiWarningOutline'
31
36
 
32
37
  const DriversTimeDisplayUI = (props) => {
33
38
  const {
@@ -70,7 +75,10 @@ const DriversTimeDisplayUI = (props) => {
70
75
  handleSelectedUntilDate,
71
76
  ruleState,
72
77
  setRuleState,
73
- handleSetInitialStates
78
+ handleSetInitialStates,
79
+ filterValues,
80
+ handleChangeDriver,
81
+ handleClearFilters
74
82
  } = props
75
83
 
76
84
  const [, t] = useLanguage()
@@ -400,7 +408,26 @@ const DriversTimeDisplayUI = (props) => {
400
408
  )}
401
409
  </DriverGroupSelectorWrapper>
402
410
  </div>
411
+
412
+ {(filterValues?.driverIds?.length > 0) && (
413
+ <WarningMessage>
414
+ <TiWarningOutline />
415
+ <span>{t('WARNING_FILTER_APPLIED', 'Filters applied. You may miss new orders.')}</span>
416
+ <LinkButton onClick={() => handleClearFilters()}>{t('CLEAR_FILTERS', 'Clear filters')}</LinkButton>
417
+ </WarningMessage>
418
+ )}
403
419
  <DriversGroupCalendarWrapper>
420
+ {selectedGroup && (
421
+ <WrapperRow wrapperWidth={400}>
422
+ <DriverMultiSelectorContainer>
423
+ <DriverMultiSelector
424
+ disableSocketRoomDriver
425
+ filterValues={filterValues}
426
+ handleChangeDriver={handleChangeDriver}
427
+ />
428
+ </DriverMultiSelectorContainer>
429
+ </WrapperRow>
430
+ )}
404
431
  <AnalyticsCalendar {...props} handleChangeDate={handleChangeDate} />
405
432
  </DriversGroupCalendarWrapper>
406
433
  </HeaderWrapper>
package/src/components/Delivery/DriversTimeDisplay/styles.js CHANGED
@@ -141,6 +141,7 @@ export const HeaderWrapper = styled.div`
141
141
  align-items: center;
142
142
  justify-content: space-between;
143
143
  width: 100%;
144
+ position: relative;
144
145
  `
145
146
 
146
147
  export const EventProfessionalPhoto = styled.div`
@@ -224,7 +225,7 @@ export const DriversGroupFilterWrapper = styled.div`
224
225
 
225
226
  export const DriversGroupCalendarWrapper = styled(DriversGroupFilterWrapper)`
226
227
  position: relative;
227
-
228
+ display: flex;
228
229
  > button {
229
230
  svg {
230
231
  font-size: 16px;
@@ -851,3 +852,142 @@ export const DateBlockWrapper = styled.div`
851
852
  display: flex;
852
853
  flex-direction: column;
853
854
  `
855
+
856
+ export const DriverMultiSelectorContainer = styled.div`
857
+ > div {
858
+ max-width: 400px;
859
+ min-width: 150px;
860
+ }
861
+ `
862
+
863
+ export const WrapperRow = styled.div`
864
+ display: flex;
865
+ align-items: center;
866
+ padding-bottom: 0px;
867
+
868
+ & > div {
869
+ height: 55px;
870
+ max-width: 400px;
871
+ margin-right: 10px;
872
+ background-color: ${props => props.theme.colors.secundary};
873
+ border: none;
874
+ font-size: 14px;
875
+ border-radius: 8px;
876
+ > div:first-child {
877
+ height: 100%;
878
+ }
879
+ }
880
+
881
+ .order-status-multi-select {
882
+ p {
883
+ padding: 0;
884
+ color: ${props => props.theme.colors.headingColor} !important;
885
+ }
886
+ }
887
+
888
+ .date-filter-container {
889
+ z-index: 100;
890
+ }
891
+
892
+ input {
893
+ width: 100%;
894
+ height: 47px;
895
+ padding: 10px 25px;
896
+ box-sizing: border-box;
897
+ &::-webkit-outer-spin-button,
898
+ &::-webkit-inner-spin-button {
899
+ -webkit-appearance: none;
900
+ margin: 0;
901
+ }
902
+ -moz-appearance: textfield;
903
+ }
904
+
905
+ .close {
906
+ right: 8px;
907
+ }
908
+
909
+ .external_id {
910
+ @media (max-width: 1200px) {
911
+ flex: auto;
912
+ }
913
+ }
914
+
915
+ @media (max-width: 798px) {
916
+ flex-direction: column !important;
917
+ padding: 10px 15px 0 0px;
918
+ & > div {
919
+ margin-top: 15px;
920
+ }
921
+ }
922
+
923
+ ${({ isSelectedOrders }) => isSelectedOrders && css`
924
+ flex-direction: column !important;
925
+ padding: ${!isSelectedOrders && '10px 15px 0 0px'};
926
+ & > div {
927
+ margin-top: 15px;
928
+ }
929
+ `}
930
+ `
931
+
932
+ export const WarningMessage = styled.div`
933
+ position: absolute;
934
+ display: flex;
935
+ align-items: center;
936
+ z-index: 100;
937
+ bottom: 20px;
938
+ background: ${props => props.theme.colors.warning100};
939
+ border: 1px solid ${props => props.theme.colors.warning};
940
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
941
+ border-radius: 7.6px;
942
+ padding: 0px 15px;
943
+ box-sizing: border-box;
944
+ margin: 10px 0px 0px 0px !important;
945
+
946
+ right: 0px;
947
+ ${props => props.theme?.rtl && css`
948
+ left: 0px;
949
+ right: initial;
950
+ `}
951
+
952
+ svg {
953
+ font-size: 20px;
954
+ color: ${props => props.theme.colors.warning};
955
+ }
956
+
957
+ span {
958
+ font-size: 12px;
959
+ line-height: 18px;
960
+ color: ${props => props.theme.colors.headingColor};
961
+ margin: 0 10px;
962
+ flex: 1;
963
+ }
964
+
965
+ a {
966
+ font-size: 12px;
967
+ white-space: nowrap;
968
+ }
969
+
970
+ @media (min-width: 768px) {
971
+ padding: 0px 20px;
972
+ font-size: 14px;
973
+ line-height: 24px;
974
+ ${({ isLateralBar }) => isLateralBar ? css`
975
+ right: 0px;
976
+ ` : css`
977
+ right: 0px;
978
+ `}
979
+ ${({ isLateralBar }) => isLateralBar ? css`
980
+ bottom: -25px;
981
+ ` : css`
982
+ bottom: -35px;
983
+ `}
984
+ ${props => props.theme?.rtl && css`
985
+ left: 0px;
986
+ right: initial;
987
+ `}
988
+
989
+ span {
990
+ white-space: nowrap;
991
+ }
992
+ }
993
+ `