ordering-ui-admin-external 1.16.2 → 1.17.0

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 (35) hide show
  1. package/_bundles/{ordering-ui-admin.4d15b13f969ff8c17630.js → ordering-ui-admin.6c1919d6b0356a2f522f.js} +2 -2
  2. package/_modules/components/Delivery/DriversGroupsList/index.js +15 -7
  3. package/_modules/components/Delivery/DriversGroupsList/styles.js +26 -27
  4. package/_modules/components/Home/HomePage/index.js +1 -7
  5. package/_modules/components/Settings/CardFieldsSetting/index.js +98 -0
  6. package/_modules/components/Settings/CardFieldsSetting/styles.js +21 -0
  7. package/_modules/components/Settings/Settings/index.js +12 -1
  8. package/_modules/components/Settings/index.js +8 -1
  9. package/_modules/components/SidebarMenu/index.js +36 -34
  10. package/_modules/components/Stores/BusinessCateringDelivery/index.js +2 -2
  11. package/_modules/components/Stores/BusinessDeliveryZoneList/index.js +1 -1
  12. package/_modules/components/Stores/BusinessDetails/index.js +10 -3
  13. package/_modules/components/Stores/BusinessTypes/index.js +1 -1
  14. package/_modules/components/Stores/ProductIngredient/index.js +1 -1
  15. package/_modules/components/Stores/ProductTagsList/index.js +1 -1
  16. package/_modules/components/Users/ProfessionalListing/index.js +33 -1
  17. package/_modules/index.js +6 -0
  18. package/package.json +2 -2
  19. package/src/components/Delivery/DriversGroupsList/index.js +20 -3
  20. package/src/components/Delivery/DriversGroupsList/styles.js +9 -14
  21. package/src/components/Home/HomePage/index.js +2 -2
  22. package/src/components/Settings/CardFieldsSetting/index.js +72 -0
  23. package/src/components/Settings/CardFieldsSetting/styles.js +47 -0
  24. package/src/components/Settings/Settings/index.js +16 -1
  25. package/src/components/Settings/index.js +3 -2
  26. package/src/components/SidebarMenu/index.js +15 -10
  27. package/src/components/Stores/BusinessCateringDelivery/index.js +1 -1
  28. package/src/components/Stores/BusinessDeliveryZoneList/index.js +1 -1
  29. package/src/components/Stores/BusinessDetails/index.js +9 -1
  30. package/src/components/Stores/BusinessTypes/index.js +1 -1
  31. package/src/components/Stores/ProductIngredient/index.js +1 -1
  32. package/src/components/Stores/ProductTagsList/index.js +1 -1
  33. package/src/components/Users/ProfessionalListing/index.js +21 -1
  34. package/src/index.js +3 -2
  35. /package/_bundles/{ordering-ui-admin.4d15b13f969ff8c17630.js.LICENSE.txt → ordering-ui-admin.6c1919d6b0356a2f522f.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(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; } }
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, _configs$dashboard_lo, _theme$images, _theme$images$logos, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user11, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user17, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user22, _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;
37
+ var _configs$powered_by_o, _configs$appointments, _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _configs$dashboard_lo, _theme$images, _theme$images$logos, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user13, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user18, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user22, _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;
38
38
  var getBillingToken = props.getBillingToken,
39
39
  billingUrl = props.billingUrl;
40
40
  var location = (0, _reactRouterDom.useLocation)();
@@ -203,6 +203,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
203
203
  pageName: 'professionals',
204
204
  url: '/users/professionals'
205
205
  }];
206
+ var buisnessOwnerUsersMenuIncluded = [3];
206
207
  var settingsSubMenus = [{
207
208
  id: 1,
208
209
  title: t('BASIC_SETTINGS', 'Basic settings'),
@@ -315,12 +316,15 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
315
316
  }
316
317
  events.emit('go_to_page', data);
317
318
  };
318
- var handleGoToLink = function handleGoToLink(link) {
319
- window.open(link, '_blank');
320
- };
321
- var handleOpenSite = function handleOpenSite() {
322
- handleGoToLink("https://".concat(ordering.project, ".tryordering.com"));
323
- };
319
+
320
+ // const handleGoToLink = (link) => {
321
+ // window.open(link, '_blank')
322
+ // }
323
+
324
+ // const handleOpenSite = () => {
325
+ // handleGoToLink(`https://${ordering.project}.tryordering.com`)
326
+ // }
327
+
324
328
  (0, _react.useEffect)(function () {
325
329
  if (windowSize.width < 1024) {
326
330
  handleMenuCollapse(true);
@@ -389,23 +393,19 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
389
393
  className: "d-flex flex-column justify-content-between p-1 pt-0"
390
394
  }, /*#__PURE__*/_react.default.createElement("div", {
391
395
  className: "d-flex flex-column"
392
- }, (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
393
- className: "d-flex align-items-center",
394
- variant: false,
395
- onClick: handleOpenSite
396
- }, /*#__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 ? void 0 : (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
396
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
397
397
  eventKey: "0",
398
398
  active: location.pathname === '/home',
399
399
  page: "home",
400
400
  handleGoToPage: handleGoToPage
401
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
401
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
402
402
  eventKey: "1",
403
403
  active: location.pathname === '/orders' || location.pathname === '/deliveries' || location.pathname === '/drivers' || location.pathname === '/appointments' || location.pathname === '/gift-cards'
404
404
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ListCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDERS', 'Orders'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
405
405
  eventKey: "1"
406
406
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ordersSubMenus.map(function (item) {
407
- var _sessionState$user12, _sessionState$user13;
408
- return !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) === 2 && item.pageName === 'drivers') && !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) === 5 && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
407
+ var _sessionState$user11, _sessionState$user12;
408
+ return !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) === 2 && item.pageName === 'drivers') && !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) === 5 && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
409
409
  key: item.id,
410
410
  active: location.pathname.includes(item.url),
411
411
  onClick: function onClick() {
@@ -422,19 +422,19 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
422
422
  });
423
423
  }
424
424
  }, (0, _utils.firstLetterCapital)(item.title)));
425
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
425
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
426
426
  eventKey: "2",
427
427
  page: "messages",
428
428
  handleGoToPage: handleGoToPage,
429
429
  active: location.pathname === '/messages'
430
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user16 = sessionState.user) === null || _sessionState$user16 === void 0 ? void 0 : _sessionState$user16.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
430
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) !== 5 && (sessionState === null || sessionState === void 0 ? 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, {
431
431
  eventKey: "3",
432
432
  active: location.pathname.includes('stores')
433
433
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Shop, null), /*#__PURE__*/_react.default.createElement("span", null, t('STORES', 'Stores'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
434
434
  eventKey: "3"
435
435
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, storesSubMenus.map(function (item) {
436
- var _sessionState$user18;
437
- return !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
436
+ var _sessionState$user17;
437
+ return !((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
438
438
  key: item.id,
439
439
  active: location.pathname.includes(item === null || item === void 0 ? void 0 : item.url),
440
440
  onClick: function onClick() {
@@ -443,12 +443,14 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
443
443
  });
444
444
  }
445
445
  }, item.title);
446
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
446
+ })))), ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) === 0 || (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) === 2) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
447
447
  eventKey: "4",
448
448
  active: location.pathname === '/users/customers' || location.pathname === '/users/managers' || location.pathname === '/users/operation' || location.pathname === '/users/professionals'
449
449
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.People, null), /*#__PURE__*/_react.default.createElement("span", null, t('USERS', 'Users'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
450
450
  eventKey: "4"
451
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, usersSubMenus.map(function (item) {
451
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) === 2 ? usersSubMenus.filter(function (menu) {
452
+ return buisnessOwnerUsersMenuIncluded.includes(menu.id);
453
+ }) : usersSubMenus).map(function (item) {
452
454
  return item.pageName === 'professionals' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
453
455
  key: item.id,
454
456
  active: location.pathname.includes(item.pageName) || location.pathname.includes(item === null || item === void 0 ? void 0 : item.url),
@@ -466,12 +468,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
466
468
  });
467
469
  }
468
470
  }, item.title);
469
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) !== 5 && (sessionState === null || sessionState === void 0 ? 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, {
471
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user21 = sessionState.user) === null || _sessionState$user21 === void 0 ? void 0 : _sessionState$user21.level) !== 5 && (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
470
472
  eventKey: "5",
471
473
  active: location.pathname === '/intelligence/business' || location.pathname === '/intelligence/drivers' || location.pathname.includes('/intelligence/reviews') || location.pathname === '/intelligence/invoice' || location.pathname === '/intelligence/reports'
472
474
  }, /*#__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, {
473
475
  eventKey: "5"
474
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
476
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
475
477
  return businessOwnerIntelligencesIncluded.includes(menu.id);
476
478
  }) : businessIntelligenceSubMenus).map(function (item) {
477
479
  return /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
@@ -483,7 +485,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
483
485
  });
484
486
  }
485
487
  }, (0, _utils.firstLetterCapital)(item.title));
486
- })))), ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) === 0 || (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
488
+ })))), ((sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) === 0 || (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
487
489
  eventKey: "7",
488
490
  active: location.pathname === '/delivery/drivers-list' || location.pathname === '/delivery/drivers-managers' || location.pathname === '/delivery/drivers-companies' || location.pathname === '/delivery/drivers-groups'
489
491
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Truck, null), /*#__PURE__*/_react.default.createElement("span", null, t('DELIVERY', 'Delivery'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -498,7 +500,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
498
500
  });
499
501
  }
500
502
  }, (0, _utils.firstLetterCapital)(item.title));
501
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
503
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
502
504
  eventKey: "8",
503
505
  active: location.pathname === '/marketing/promotions-enterprise' || location.pathname === '/marketing/campaign' || location.pathname === '/marketing/ad-banners'
504
506
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.GraphUp, null), /*#__PURE__*/_react.default.createElement("span", null, t('MARKETING', 'Marketing'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -513,7 +515,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
513
515
  });
514
516
  }
515
517
  }, (0, _utils.firstLetterCapital)(item.title));
516
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
518
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
517
519
  eventKey: "9",
518
520
  active: location.pathname === '/loyalty/rewards-programs' || location.pathname === '/loyalty/levels' || location.pathname === '/loyalty/reports'
519
521
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Award, null), /*#__PURE__*/_react.default.createElement("span", null, t('LOYALTY', 'Loyalty'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -528,7 +530,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
528
530
  });
529
531
  }
530
532
  }, (0, _utils.firstLetterCapital)(item.title));
531
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
533
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
532
534
  eventKey: "10",
533
535
  active: location.pathname === '/cart-recovery/open-carts' || location.pathname === '/cart-recovery/recovery-actions'
534
536
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Cart3, null), /*#__PURE__*/_react.default.createElement("span", null, t('CART_RECOVERY', 'Cart recovery'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -543,7 +545,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
543
545
  });
544
546
  }
545
547
  }, (0, _utils.firstLetterCapital)(item.title));
546
- })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.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, {
548
+ })))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.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, {
547
549
  eventKey: "12",
548
550
  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'
549
551
  }, /*#__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, {
@@ -560,7 +562,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
560
562
  }, item.title);
561
563
  })))))), /*#__PURE__*/_react.default.createElement("div", {
562
564
  className: "d-flex flex-column mt-4"
563
- }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
565
+ }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
564
566
  eventKey: "5",
565
567
  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'
566
568
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Gear, null), /*#__PURE__*/_react.default.createElement("span", null, t('SETTINGS', 'Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -575,7 +577,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
575
577
  });
576
578
  }
577
579
  }, (0, _utils.firstLetterCapital)(item.title));
578
- }))))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
580
+ }))))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
579
581
  className: "d-flex align-items-center",
580
582
  variant: location.pathname === '/support' && 'primary',
581
583
  onClick: function onClick() {
@@ -583,7 +585,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
583
585
  page: 'support'
584
586
  });
585
587
  }
586
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
588
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
587
589
  className: "d-flex align-items-center",
588
590
  variant: false,
589
591
  onClick: function onClick() {
@@ -600,12 +602,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
600
602
  page: 'profile'
601
603
  });
602
604
  }
603
- }, sessionState !== null && sessionState !== void 0 && (_sessionState$user32 = sessionState.user) !== null && _sessionState$user32 !== void 0 && _sessionState$user32.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
604
- src: sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user33 = sessionState.user) === null || _sessionState$user33 === void 0 ? void 0 : _sessionState$user33.photo,
605
+ }, sessionState !== null && sessionState !== void 0 && (_sessionState$user33 = sessionState.user) !== null && _sessionState$user33 !== void 0 && _sessionState$user33.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
606
+ src: sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.photo,
605
607
  width: "30px",
606
608
  height: "30px",
607
609
  roundedCircle: true
608
- }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.name, " ", sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
610
+ }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.name, " ", sessionState === null || sessionState === void 0 ? void 0 : (_sessionState$user36 = sessionState.user) === null || _sessionState$user36 === void 0 ? void 0 : _sessionState$user36.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
609
611
  };
610
612
  var ContextAwareToggle = function ContextAwareToggle(_ref2) {
611
613
  var children = _ref2.children,
package/_modules/components/Stores/BusinessCateringDelivery/index.js CHANGED
@@ -18,14 +18,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
18
18
  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; } }
19
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
20
  var BusinessCateringDelivery = function BusinessCateringDelivery(props) {
21
- var _business$configs, _cateringValues$find, _cateringValues$find4, _cateringValues$find7, _cateringValues$find10, _cateringValues$find13;
21
+ var _ref, _cateringValues$find, _cateringValues$find4, _cateringValues$find7, _cateringValues$find10, _cateringValues$find13;
22
22
  var business = props.business,
23
23
  type = props.type,
24
24
  changePreorderConfigs = props.changePreorderConfigs;
25
25
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
26
26
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
27
27
  t = _useLanguage2[1];
28
- var cateringValues = business === null || business === void 0 ? void 0 : (_business$configs = business.configs) === null || _business$configs === void 0 ? void 0 : _business$configs.filter(function (config) {
28
+ var cateringValues = (_ref = (business === null || business === void 0 ? void 0 : business.configs) || []) === null || _ref === void 0 ? void 0 : _ref.filter(function (config) {
29
29
  return config.key.includes('preorder');
30
30
  }).map(function (config) {
31
31
  return {
package/_modules/components/Stores/BusinessDeliveryZoneList/index.js CHANGED
@@ -62,7 +62,7 @@ var BusinessDeliveryZoneList = function BusinessDeliveryZoneList(props) {
62
62
  var businessId = query.get('id');
63
63
  var section = query.get('section');
64
64
  var tab = query.get('tab');
65
- history.replace("".concat(location.pathname, "?id=").concat(businessId, "&section=").concat(section, "&tab=").concat(tab, "&zone=").concat(zone.id));
65
+ history.replace("".concat(location.pathname, "?id=").concat(businessId, "&section=").concat(section, "&tab=").concat(tab, "&zone=").concat(zone === null || zone === void 0 ? void 0 : zone.id));
66
66
  }
67
67
  };
68
68
  (0, _react.useEffect)(function () {
package/_modules/components/Stores/BusinessDetails/index.js CHANGED
@@ -41,7 +41,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
41
41
  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; } }
42
42
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
43
43
  var BusinessDetailsUI = function BusinessDetailsUI(props) {
44
- var _businessState$busine, _businessState$busine2, _businessState$busine3, _businessState$busine4;
44
+ var _businessState$busine, _businessState$busine2, _businessState$busine3, _businessState$busine4, _businessState$busine5;
45
45
  var open = props.open,
46
46
  businessId = props.businessId,
47
47
  businessState = props.businessState,
@@ -171,6 +171,13 @@ var BusinessDetailsUI = function BusinessDetailsUI(props) {
171
171
  content: actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.error
172
172
  });
173
173
  }, [actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.error]);
174
+ (0, _react.useEffect)(function () {
175
+ if (!(businessState !== null && businessState !== void 0 && businessState.error)) return;
176
+ setAlertState({
177
+ open: true,
178
+ content: businessState === null || businessState === void 0 ? void 0 : businessState.error
179
+ });
180
+ }, [businessState === null || businessState === void 0 ? void 0 : businessState.error]);
174
181
  (0, _react.useEffect)(function () {
175
182
  if (businessState !== null && businessState !== void 0 && businessState.loading) return;
176
183
  var detailKey = query.get('section');
@@ -251,8 +258,8 @@ var BusinessDetailsUI = function BusinessDetailsUI(props) {
251
258
  handleUpdateBusinessClick: handleUpdateBusinessClick,
252
259
  handleUpdatePreorderConfigs: handleUpdatePreorderConfigs
253
260
  }), selectedItem === 'custom_fields' && /*#__PURE__*/_react.default.createElement(_BusinessCustomFields.BusinessCustomFields, {
254
- businessId: businessState === null || businessState === void 0 ? void 0 : businessState.business.id,
255
- metafields: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine4 = businessState.business) === null || _businessState$busine4 === void 0 ? void 0 : _businessState$busine4.metafields,
261
+ businessId: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine4 = businessState.business) === null || _businessState$busine4 === void 0 ? void 0 : _businessState$busine4.id,
262
+ metafields: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine5 = businessState.business) === null || _businessState$busine5 === void 0 ? void 0 : _businessState$busine5.metafields,
256
263
  handleSuccessAddMetaFields: function handleSuccessAddMetaFields(result) {
257
264
  return handleSuccessAddBusinessItem('metafields', result);
258
265
  },
package/_modules/components/Stores/BusinessTypes/index.js CHANGED
@@ -85,7 +85,7 @@ var BusinessTypes = function BusinessTypes(props) {
85
85
  var businessId = query.get('id');
86
86
  var section = query.get('section');
87
87
  var tab = query.get('tab');
88
- history.replace("".concat(location.pathname, "?id=").concat(businessId, "&section=").concat(section, "&tab=").concat(tab, "&business_type=").concat(category.id));
88
+ history.replace("".concat(location.pathname, "?id=").concat(businessId, "&section=").concat(section, "&tab=").concat(tab, "&business_type=").concat(category === null || category === void 0 ? void 0 : category.id));
89
89
  };
90
90
  var handleCloseDetail = function handleCloseDetail() {
91
91
  setIsOpenTypeDetail(false);
package/_modules/components/Stores/ProductIngredient/index.js CHANGED
@@ -49,7 +49,7 @@ var ProductIngredient = function ProductIngredient(props) {
49
49
  var category = query.get('category');
50
50
  var _product = query.get('product');
51
51
  var section = query.get('section');
52
- history.replace("".concat(location.pathname, "?category=").concat(category, "&product=").concat(_product, "&section=").concat(section, "&ingredient=").concat(ingredient.id));
52
+ history.replace("".concat(location.pathname, "?category=").concat(category, "&product=").concat(_product, "&section=").concat(section, "&ingredient=").concat(ingredient === null || ingredient === void 0 ? void 0 : ingredient.id));
53
53
  }
54
54
  };
55
55
  var handleCloseDetails = function handleCloseDetails() {
package/_modules/components/Stores/ProductTagsList/index.js CHANGED
@@ -70,7 +70,7 @@ var ProductTagsListUI = function ProductTagsListUI(props) {
70
70
  var product = query.get('product');
71
71
  var section = query.get('section');
72
72
  var tab = query.get('tab');
73
- history.replace("".concat(location.pathname, "?category=").concat(category, "&product=").concat(product, "&section=").concat(section, "&tab=").concat(tab, "&tag=").concat(tag.id));
73
+ history.replace("".concat(location.pathname, "?category=").concat(category, "&product=").concat(product, "&section=").concat(section, "&tab=").concat(tab, "&tag=").concat(tag === null || tag === void 0 ? void 0 : tag.id));
74
74
  }
75
75
  };
76
76
  var handleCloseDetail = function handleCloseDetail() {
package/_modules/components/Users/ProfessionalListing/index.js CHANGED
@@ -84,6 +84,13 @@ var ProfessionalListingUI = function ProfessionalListingUI(props) {
84
84
  _useState8 = _slicedToArray(_useState7, 2),
85
85
  openUserAddForm = _useState8[0],
86
86
  setOpenUserAddForm = _useState8[1];
87
+ var _useState9 = (0, _react.useState)({
88
+ open: false,
89
+ content: []
90
+ }),
91
+ _useState10 = _slicedToArray(_useState9, 2),
92
+ alertState = _useState10[0],
93
+ setAlertState = _useState10[1];
87
94
  var isEnabledAppointmentsFeature = configs === null || configs === void 0 ? void 0 : (_configs$appointments = configs.appointments) === null || _configs$appointments === void 0 ? void 0 : _configs$appointments.value;
88
95
  var handleBackRedirect = function handleBackRedirect() {
89
96
  setIsOpenUserDetails(false);
@@ -122,6 +129,13 @@ var ProfessionalListingUI = function ProfessionalListingUI(props) {
122
129
  setIsOpenUserDetails(true);
123
130
  }
124
131
  }, [usersList]);
132
+ (0, _react.useEffect)(function () {
133
+ if (!(usersList !== null && usersList !== void 0 && usersList.error)) return;
134
+ setAlertState({
135
+ open: true,
136
+ content: usersList === null || usersList === void 0 ? void 0 : usersList.error
137
+ });
138
+ }, [usersList === null || usersList === void 0 ? void 0 : usersList.error]);
125
139
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.UsersListingContainer, null, isEnabledAppointmentsFeature ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_UsersListingHeader.UsersListingHeader, {
126
140
  isProfessionals: true,
127
141
  title: headerTitle,
@@ -188,7 +202,25 @@ var ProfessionalListingUI = function ProfessionalListingUI(props) {
188
202
  onClose: function onClose() {
189
203
  return setOpenUserAddForm(false);
190
204
  }
191
- })));
205
+ })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
206
+ title: t('WEB_APPNAME', 'Ordering'),
207
+ content: alertState.content,
208
+ acceptText: t('ACCEPT', 'Accept'),
209
+ open: alertState.open,
210
+ onClose: function onClose() {
211
+ return setAlertState({
212
+ open: false,
213
+ content: []
214
+ });
215
+ },
216
+ onAccept: function onAccept() {
217
+ return setAlertState({
218
+ open: false,
219
+ content: []
220
+ });
221
+ },
222
+ closeOnBackdrop: false
223
+ }));
192
224
  };
193
225
  var ProfessionalListing = function ProfessionalListing(props) {
194
226
  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
package/_modules/index.js CHANGED
@@ -663,6 +663,12 @@ Object.defineProperty(exports, "CampaignWhatsapp", {
663
663
  return _Marketing.CampaignWhatsapp;
664
664
  }
665
665
  });
666
+ Object.defineProperty(exports, "CardFieldsSetting", {
667
+ enumerable: true,
668
+ get: function get() {
669
+ return _Settings.CardFieldsSetting;
670
+ }
671
+ });
666
672
  Object.defineProperty(exports, "ChatBusinessesList", {
667
673
  enumerable: true,
668
674
  get: function get() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.16.2",
3
+ "version": "1.17.0",
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.16.0",
86
+ "ordering-components-admin-external": "1.17.0",
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/DriversGroupsList/index.js CHANGED
@@ -21,7 +21,8 @@ import {
21
21
  ActionsContainer,
22
22
  EnableWrapper,
23
23
  PagesBottomContainer,
24
- AddNewGroupButton
24
+ AddNewGroupButton,
25
+ GroupIdWrapper
25
26
  } from './styles'
26
27
 
27
28
  export const DriversGroupsList = (props) => {
@@ -100,7 +101,7 @@ export const DriversGroupsList = (props) => {
100
101
  <thead>
101
102
  <tr>
102
103
  <th>
103
- <GroupNameContainer isHeader>
104
+ <GroupIdWrapper>
104
105
  <CheckBoxWrapper
105
106
  onClick={() => handleAllSelectGroup()}
106
107
  isChecked={!driversGroupsState.loading && (selectedGroupList.length === driversGroupsState.groups.length)}
@@ -111,6 +112,11 @@ export const DriversGroupsList = (props) => {
111
112
  : <MdCheckBoxOutlineBlank />
112
113
  }
113
114
  </CheckBoxWrapper>
115
+ <span>{t('ID', 'ID')}</span>
116
+ </GroupIdWrapper>
117
+ </th>
118
+ <th>
119
+ <GroupNameContainer isHeader>
114
120
  <p>{t('GROUP', 'Group')}</p>
115
121
  </GroupNameContainer>
116
122
  </th>
@@ -135,6 +141,12 @@ export const DriversGroupsList = (props) => {
135
141
  [...Array(groupsPerPage).keys()].map(i => (
136
142
  <tbody key={i}>
137
143
  <tr>
144
+ <td>
145
+ <GroupIdWrapper>
146
+ <Skeleton width={18} height={18} />
147
+ <Skeleton width={40} style={{ margin: '0px 5px' }} />
148
+ </GroupIdWrapper>
149
+ </td>
138
150
  <td>
139
151
  <GroupNameContainer>
140
152
  <Skeleton width={100} />
@@ -175,7 +187,7 @@ export const DriversGroupsList = (props) => {
175
187
  >
176
188
  <tr>
177
189
  <td>
178
- <GroupNameContainer>
190
+ <GroupIdWrapper>
179
191
  <CheckBoxWrapper
180
192
  className='group-checkbox'
181
193
  onClick={() => handleSelectGroup(group.id)}
@@ -187,6 +199,11 @@ export const DriversGroupsList = (props) => {
187
199
  : <MdCheckBoxOutlineBlank />
188
200
  }
189
201
  </CheckBoxWrapper>
202
+ <span>{group?.id}</span>
203
+ </GroupIdWrapper>
204
+ </td>
205
+ <td>
206
+ <GroupNameContainer>
190
207
  <p>{group?.name}</p>
191
208
  </GroupNameContainer>
192
209
  </td>
package/src/components/Delivery/DriversGroupsList/styles.js CHANGED
@@ -17,15 +17,6 @@ export const GroupsTable = styled.table`
17
17
  td, th {
18
18
  padding: 13px 0;
19
19
  font-size: 12px;
20
- &:first-child {
21
- width: 30%;
22
- }
23
-
24
- &:nth-child(2),
25
- &:nth-child(3),
26
- &:nth-child(4) {
27
- width: 18%;
28
- }
29
20
  }
30
21
 
31
22
  thead {
@@ -83,11 +74,6 @@ export const GroupNameContainer = styled(BorderWrapper)`
83
74
 
84
75
  export const CheckBoxWrapper = styled.div`
85
76
  cursor: pointer;
86
- ${props => props.theme?.rtl ? css`
87
- margin-left: 20px;
88
- ` : css`
89
- margin-right: 20px;
90
- `}
91
77
  svg {
92
78
  font-size: 24px;
93
79
  color: #B1BCCC;
@@ -229,3 +215,12 @@ export const AddNewGroupButton = styled.div`
229
215
  pointer-events: none;
230
216
  `}
231
217
  `
218
+
219
+ export const GroupIdWrapper = styled.div`
220
+ display: flex;
221
+ align-items: center;
222
+
223
+ > span {
224
+ margin: 0 20px;
225
+ }
226
+ `
package/src/components/Home/HomePage/index.js CHANGED
@@ -249,13 +249,13 @@ const HomeUI = (props) => {
249
249
  >
250
250
  {project[projectStatus.project?.current_status]?.status}
251
251
  </ProjectCurrentStatus>
252
- <Button
252
+ {/* <Button
253
253
  color='primary'
254
254
  borderRadius='8px'
255
255
  onClick={() => window.open(`https://${ordering?.project}.tryordering.com`, '_blank')}
256
256
  >
257
257
  {t('VISIT_MY_WEBSITE', 'Visit my Website')}
258
- </Button>
258
+ </Button> */}
259
259
  </ProjectStatusWrapper>
260
260
  </ProjectInfoWrapper>
261
261
  <img src={project[projectStatus.project?.current_status]?.image} alt='' />
package/src/components/Settings/CardFieldsSetting/index.js ADDED
@@ -0,0 +1,72 @@
1
+ import React from 'react'
2
+ import { useLanguage, CardFieldsSetting as CardFieldsSettingController } from 'ordering-components-admin-external'
3
+ import { Switch } from '../../../styles'
4
+ import Skeleton from 'react-loading-skeleton'
5
+
6
+ import {
7
+ CardFieldsDetailsContainer,
8
+ FieldContainer
9
+ } from './styles'
10
+
11
+ const CardFieldsSettingUI = (props) => {
12
+ const {
13
+ cardFieldsState,
14
+ handleChangeFieldSetting
15
+ } = props
16
+
17
+ const [, t] = useLanguage()
18
+
19
+ return (
20
+ <>
21
+ <CardFieldsDetailsContainer>
22
+ <h1>{t('CARD_FIELDS', 'Card fields')}</h1>
23
+ <FieldContainer isHeader>
24
+ <div className='name'>{t('FIELD', 'Field')}</div>
25
+ <div className='required'>{t('REQUIRED', 'Required')}</div>
26
+ <div className='status'>{t('STATE', 'Status')}</div>
27
+ </FieldContainer>
28
+ {cardFieldsState?.loading ? (
29
+ [...Array(10).keys()].map(i => (
30
+ <FieldContainer key={i}>
31
+ <div className='name'><Skeleton width={120} /></div>
32
+ <div className='required'>
33
+ <Skeleton width={30} style={{ borderRadius: 20 }} />
34
+ </div>
35
+ <div className='status'>
36
+ <Skeleton width={30} style={{ borderRadius: 20 }} />
37
+ </div>
38
+ </FieldContainer>
39
+ ))
40
+ ) : (
41
+ <>
42
+ {cardFieldsState.fields.map(field => (
43
+ <FieldContainer key={field.id}>
44
+ <div className='name'>{t(field.code.toUpperCase())}</div>
45
+ <div className='required'>
46
+ <Switch
47
+ defaultChecked={field.required}
48
+ onChange={(val) => handleChangeFieldSetting(field.id, { required: val })}
49
+ />
50
+ </div>
51
+ <div className='status'>
52
+ <Switch
53
+ defaultChecked={field.enabled}
54
+ disabled={field.code === 'email'}
55
+ onChange={(val) => handleChangeFieldSetting(field.id, { enabled: val })}
56
+ />
57
+ </div>
58
+ </FieldContainer>
59
+ ))}
60
+ </>
61
+ )}
62
+ </CardFieldsDetailsContainer>
63
+ </>
64
+ )
65
+ }
66
+ export const CardFieldsSetting = (props) => {
67
+ const cardFieldsProps = {
68
+ ...props,
69
+ UIComponent: CardFieldsSettingUI
70
+ }
71
+ return <CardFieldsSettingController {...cardFieldsProps} />
72
+ }