ordering-ui-admin-external 1.43.72 → 1.43.74

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 (52) hide show
  1. package/_bundles/{ordering-ui-admin.8f7f71efc4dc5b7e8f53.js → ordering-ui-admin.8fc588676b4427703151.js} +2 -2
  2. package/_modules/components/Home/HomePage/styles.js +71 -77
  3. package/_modules/components/Login/ForgotPasswordForm/styles.js +19 -16
  4. package/_modules/components/Login/LoginForm/styles.js +35 -32
  5. package/_modules/components/Login/ResetPassword/styles.js +17 -14
  6. package/_modules/components/Settings/NotificationSetting/index.js +2 -2
  7. package/_modules/components/Shared/Modal/index.js +2 -1
  8. package/_modules/components/Shared/Modal/styles.js +20 -17
  9. package/_modules/components/SidebarMenu/styles.js +36 -30
  10. package/_modules/components/Stores/BusinessDeliveryZoneDetails/index.js +36 -7
  11. package/_modules/components/Stores/BusinessDeliveryZoneDetails/styles.js +4 -2
  12. package/_modules/components/Stores/BusinessDetails/index.js +4 -1
  13. package/_modules/components/Stores/BusinessMenuOptions/index.js +44 -3
  14. package/_modules/components/Stores/BusinessMenuOptions/styles.js +4 -2
  15. package/_modules/components/Stores/BusinessProductsCategoyDetails/index.js +30 -2
  16. package/_modules/components/Stores/BusinessProductsCategoyDetails/styles.js +3 -1
  17. package/_modules/components/Stores/BusinessSummary/index.js +42 -11
  18. package/_modules/components/Stores/BusinessSummary/styles.js +7 -6
  19. package/_modules/components/Stores/ProductDetails/index.js +4 -1
  20. package/_modules/components/Stores/ProductExtraSuboption/index.js +32 -0
  21. package/_modules/components/Stores/ProductExtras/index.js +37 -2
  22. package/_modules/components/Stores/ProductExtras/styles.js +1 -1
  23. package/_modules/components/Stores/SnoozeComponent/index.js +222 -0
  24. package/_modules/components/Stores/SnoozeComponent/styles.js +141 -0
  25. package/_modules/styles/Buttons/index.js +37 -26
  26. package/package.json +2 -2
  27. package/src/components/Home/HomePage/styles.js +2 -10
  28. package/src/components/Login/ForgotPasswordForm/styles.js +10 -4
  29. package/src/components/Login/LoginForm/styles.js +7 -1
  30. package/src/components/Login/ResetPassword/styles.js +8 -2
  31. package/src/components/Settings/NotificationSetting/index.js +2 -19
  32. package/src/components/Shared/Modal/index.js +1 -0
  33. package/src/components/Shared/Modal/styles.js +5 -0
  34. package/src/components/SidebarMenu/styles.js +6 -2
  35. package/src/components/Stores/BusinessDeliveryZoneDetails/index.js +27 -1
  36. package/src/components/Stores/BusinessDeliveryZoneDetails/styles.js +11 -2
  37. package/src/components/Stores/BusinessDetails/index.js +3 -0
  38. package/src/components/Stores/BusinessMenuOptions/index.js +62 -20
  39. package/src/components/Stores/BusinessMenuOptions/styles.js +10 -2
  40. package/src/components/Stores/BusinessProductsCategoyDetails/index.js +29 -2
  41. package/src/components/Stores/BusinessProductsCategoyDetails/styles.js +6 -0
  42. package/src/components/Stores/BusinessSummary/index.js +52 -19
  43. package/src/components/Stores/BusinessSummary/styles.js +8 -3
  44. package/src/components/Stores/ProductDetails/index.js +3 -0
  45. package/src/components/Stores/ProductExtraSuboption/index.js +22 -0
  46. package/src/components/Stores/ProductExtras/index.js +29 -1
  47. package/src/components/Stores/ProductExtras/styles.js +8 -1
  48. package/src/components/Stores/SnoozeComponent/index.js +228 -0
  49. package/src/components/Stores/SnoozeComponent/styles.js +242 -0
  50. package/src/styles/Buttons/index.js +11 -0
  51. package/template/pages/BusinessProductsList/index.js +1 -1
  52. /package/_bundles/{ordering-ui-admin.8f7f71efc4dc5b7e8f53.js.LICENSE.txt → ordering-ui-admin.8fc588676b4427703151.js.LICENSE.txt} +0 -0
package/_modules/components/Shared/Modal/index.js CHANGED
@@ -56,7 +56,8 @@ var ModalUI = function ModalUI(props) {
56
56
  return /*#__PURE__*/_react.default.createElement(_styles2.ModalDialog, {
57
57
  className: "popup-dialog ".concat(className || ''),
58
58
  height: props.height,
59
- width: props.width
59
+ width: props.width,
60
+ maxWidth: props.maxWidth
60
61
  }, /*#__PURE__*/_react.default.createElement(_styles2.ModalDialogInnerContainer, {
61
62
  padding: props.padding,
62
63
  isTransparent: isTransparent,
package/_modules/components/Shared/Modal/styles.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.ModalTitle = exports.ModalOrderTypes = exports.ModalIcon = exports.ModalHeader = exports.ModalDialogInnerContainer = exports.ModalDialog = exports.ModalActions = exports.Container = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
10
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -14,35 +14,38 @@ var Container = exports.Container = _styledComponents.default.div(_templateObjec
14
14
  var zx = _ref.zx;
15
15
  return zx && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .popup {\n z-index: ", " !important;\n }\n "])), zx);
16
16
  });
17
- var ModalDialog = exports.ModalDialog = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n width: ", ";\n height: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n margin-top: auto;\n margin-bottom: auto;\n overflow: auto;\n max-height: calc(var(--vh, 1vh) * 90);\n @media (max-width: 860px) {\n width: 80%;\n }\n @media (max-width: 768px) {\n width: 100vw;\n height: calc(var(--vh, 1vh) * 100);\n max-height: calc(var(--vh, 1vh) * 100);\n border-radius: 0px;\n }\n"])), function (_ref2) {
17
+ var ModalDialog = exports.ModalDialog = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n width: ", ";\n height: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n margin-top: auto;\n margin-bottom: auto;\n overflow: auto;\n max-height: calc(var(--vh, 1vh) * 90);\n\n ", "\n\n @media (max-width: 860px) {\n width: 80%;\n }\n @media (max-width: 768px) {\n width: 100vw;\n height: calc(var(--vh, 1vh) * 100);\n max-height: calc(var(--vh, 1vh) * 100);\n border-radius: 0px;\n }\n"])), function (_ref2) {
18
18
  var width = _ref2.width;
19
19
  return width || '50%';
20
20
  }, function (_ref3) {
21
21
  var height = _ref3.height;
22
22
  return height;
23
+ }, function (_ref4) {
24
+ var maxWidth = _ref4.maxWidth;
25
+ return maxWidth && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n max-width: ", " !important;\n "])), maxWidth);
23
26
  });
24
- var ModalDialogInnerContainer = exports.ModalDialogInnerContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n padding: ", ";\n overflow: ", ";\n background-color: ", ";\n width: 100%;\n height: 100%;\n"])), function (_ref4) {
25
- var padding = _ref4.padding;
27
+ var ModalDialogInnerContainer = exports.ModalDialogInnerContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n padding: ", ";\n overflow: ", ";\n background-color: ", ";\n width: 100%;\n height: 100%;\n"])), function (_ref5) {
28
+ var padding = _ref5.padding;
26
29
  return padding || '20px';
27
- }, function (_ref5) {
28
- var overflow = _ref5.overflow;
29
- return overflow || 'auto';
30
30
  }, function (_ref6) {
31
- var isTransparent = _ref6.isTransparent,
32
- theme = _ref6.theme;
31
+ var overflow = _ref6.overflow;
32
+ return overflow || 'auto';
33
+ }, function (_ref7) {
34
+ var isTransparent = _ref7.isTransparent,
35
+ theme = _ref7.theme;
33
36
  return isTransparent ? 'transparent' : theme.colors.backgroundPage || '#FFF';
34
37
  });
35
- var ModalActions = exports.ModalActions = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-around;\n margin: 30px 0px 0px;\n\n button {\n width: 100%;\n border-radius: 32px;\n opacity: 1;\n max-width: 300px;\n margin-top: 10px;\n height: 60px;\n }\n"])));
36
- var ModalHeader = exports.ModalHeader = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n"])));
37
- var ModalTitle = exports.ModalTitle = _styledComponents.default.h2(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n text-align: left;\n font-size: 30px;\n font-weight: 500;\n letter-spacing: 0px;\n color: #010300;\n opacity: 1;\n margin: 0px 0px;\n margin-bottom: 20px;\n text-transform: capitalize;\n flex: 1;\n ", "\n"])), function (props) {
38
+ var ModalActions = exports.ModalActions = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-around;\n margin: 30px 0px 0px;\n\n button {\n width: 100%;\n border-radius: 32px;\n opacity: 1;\n max-width: 300px;\n margin-top: 10px;\n height: 60px;\n }\n"])));
39
+ var ModalHeader = exports.ModalHeader = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n"])));
40
+ var ModalTitle = exports.ModalTitle = _styledComponents.default.h2(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n text-align: left;\n font-size: 30px;\n font-weight: 500;\n letter-spacing: 0px;\n color: #010300;\n opacity: 1;\n margin: 0px 0px;\n margin-bottom: 20px;\n text-transform: capitalize;\n flex: 1;\n ", "\n"])), function (props) {
38
41
  var _props$theme;
39
- return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n text-align: right;\n padding-right: 10px;\n padding-left: 0px;\n "])));
42
+ return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n text-align: right;\n padding-right: 10px;\n padding-left: 0px;\n "])));
40
43
  });
41
- var ModalOrderTypes = exports.ModalOrderTypes = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-right: 15px;\n ", "\n"])), function (props) {
44
+ var ModalOrderTypes = exports.ModalOrderTypes = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n margin-right: 15px;\n ", "\n"])), function (props) {
42
45
  var _props$theme2;
43
- return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding-left: 15px;\n padding-right: 0px;\n "])));
46
+ return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding-left: 15px;\n padding-right: 0px;\n "])));
44
47
  });
45
- var ModalIcon = exports.ModalIcon = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n position: absolute;\n right: 20px;\n top: 20px;\n font-size: 30px;\n cursor: pointer;\n z-index: 1;\n ", "\n"])), function (props) {
48
+ var ModalIcon = exports.ModalIcon = _styledComponents.default.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n position: absolute;\n right: 20px;\n top: 20px;\n font-size: 30px;\n cursor: pointer;\n z-index: 1;\n ", "\n"])), function (props) {
46
49
  var _props$theme3;
47
- return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n left: 5px;\n right: initial;\n "])));
50
+ return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n left: 5px;\n right: initial;\n "])));
48
51
  });
package/_modules/components/SidebarMenu/styles.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.UserInfo = exports.SubMenu = exports.SidebarMainContent = exports.SidebarInnerContainer = exports.SidebarHeader = exports.SidebarContent = exports.SidebarContainer = exports.PoweredWrapper = exports.MobileMessage = exports.MenuContent = exports.MenuContainer = exports.LogoWrapper = exports.LanguageSelectorContainer = exports.BurgerButton = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
10
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -14,10 +14,16 @@ var SidebarContainer = exports.SidebarContainer = _styledComponents.default.div(
14
14
  return props.theme.colors.backgroundPage;
15
15
  }, function (_ref) {
16
16
  var isCollapse = _ref.isCollapse;
17
- return isCollapse && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: -100vw;\n "])));
17
+ return isCollapse && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", ";\n "])), function (props) {
18
+ var _props$theme;
19
+ return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["margin-right: -100vw;"]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["margin-left: -100vw;"])));
20
+ });
18
21
  }, function (_ref2) {
19
22
  var isCollapse = _ref2.isCollapse;
20
- return isCollapse && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: -240px;\n "])));
23
+ return isCollapse && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n "])), function (props) {
24
+ var _props$theme2;
25
+ return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["margin-right: -240px;"]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["margin-left: -240px;"])));
26
+ });
21
27
  }, function (props) {
22
28
  return props.theme.colors.primary;
23
29
  }, function (props) {
@@ -25,67 +31,67 @@ var SidebarContainer = exports.SidebarContainer = _styledComponents.default.div(
25
31
  }, function (props) {
26
32
  return props.theme.colors.primary;
27
33
  }, function (props) {
28
- var _props$theme;
29
- return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "])));
34
+ var _props$theme3;
35
+ return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "])));
30
36
  });
31
- var SidebarInnerContainer = exports.SidebarInnerContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n height: 100%;\n @media (min-width: 760px) {\n position: sticky;\n top: 0px;\n ", "\n }\n"])), function (props) {
32
- var _props$theme2;
33
- return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
37
+ var SidebarInnerContainer = exports.SidebarInnerContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n height: 100%;\n @media (min-width: 760px) {\n position: sticky;\n top: 0px;\n ", "\n }\n"])), function (props) {
38
+ var _props$theme4;
39
+ return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n "])), function (props) {
34
40
  return props.theme.colors.borderColor;
35
- }) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
41
+ }) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
36
42
  return props.theme.colors.borderColor;
37
43
  });
38
44
  });
39
- var SidebarHeader = exports.SidebarHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n"])));
40
- var LogoWrapper = exports.LogoWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > img {\n max-width: 150px;\n max-height: 100px;\n object-fit: contain;\n }\n"])));
41
- var BurgerButton = exports.BurgerButton = _styledComponents.default.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n border-radius: 6px;\n height: 32px;\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all .2s ease-in;\n\n > svg {\n width: 25px;\n height: 16px;\n color: #B1BCCC;\n }\n\n &:hover {\n background-color: #1507260a !important;\n\n > svg {\n color: #151b26;\n }\n }\n\n &:active {\n background-color: #1507261a !important;\n }\n"])));
42
- var SidebarMainContent = exports.SidebarMainContent = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n"])));
43
- var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n flex: 1;\n box-sizing: border-box;\n transition: 0.1s;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n"])), function (props) {
45
+ var SidebarHeader = exports.SidebarHeader = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n"])));
46
+ var LogoWrapper = exports.LogoWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > img {\n max-width: 150px;\n max-height: 100px;\n object-fit: contain;\n }\n"])));
47
+ var BurgerButton = exports.BurgerButton = _styledComponents.default.button(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n border-radius: 6px;\n height: 32px;\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all .2s ease-in;\n\n > svg {\n width: 25px;\n height: 16px;\n color: #B1BCCC;\n }\n\n &:hover {\n background-color: #1507260a !important;\n\n > svg {\n color: #151b26;\n }\n }\n\n &:active {\n background-color: #1507261a !important;\n }\n"])));
48
+ var SidebarMainContent = exports.SidebarMainContent = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: auto;\n"])));
49
+ var SidebarContent = exports.SidebarContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex: 1;\n box-sizing: border-box;\n transition: 0.1s;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n"])), function (props) {
44
50
  return props.theme.colors.borderColor;
45
51
  }, function (props) {
46
52
  return props.theme.colors.borderColor;
47
53
  });
48
- var UserInfo = exports.UserInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n transition: 0.1s;\n > button:first-child {\n margin: 5px 0;\n ", "\n span {\n max-width: calc(100% - 40px);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ", "\n font-weight: 600;\n font-size: 16px;\n }\n }\n"])), function (props) {
49
- var _props$theme3;
50
- return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n padding-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-left: 8px;\n "])));
54
+ var UserInfo = exports.UserInfo = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n transition: 0.1s;\n > button:first-child {\n margin: 5px 0;\n ", "\n span {\n max-width: calc(100% - 40px);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ", "\n font-weight: 600;\n font-size: 16px;\n }\n }\n"])), function (props) {
55
+ var _props$theme5;
56
+ return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n padding-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n padding-left: 8px;\n "])));
51
57
  }, function (props) {
52
- var _props$theme4;
53
- return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
58
+ var _props$theme6;
59
+ return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
54
60
  });
55
- var MenuContainer = exports.MenuContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin: 5px 0;\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 0px 13px;\n color: ", ";\n }\n > button {\n width: 100%;\n text-align: initial;\n }\n\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 20px;\n color: ", ";\n }\n\n ", "\n"])), function (props) {
61
+ var MenuContainer = exports.MenuContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n margin: 5px 0;\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 0px 13px;\n color: ", ";\n }\n > button {\n width: 100%;\n text-align: initial;\n }\n\n > span {\n font-weight: 500;\n font-size: 10px;\n line-height: 15px;\n padding: 20px;\n color: ", ";\n }\n\n ", "\n"])), function (props) {
56
62
  return props.theme.colors.lightGray;
57
63
  }, function (props) {
58
64
  return props.theme.colors.lightGray;
59
65
  }, function (_ref3) {
60
66
  var disabledFeature = _ref3.disabledFeature;
61
- return disabledFeature && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background-color: ", ";\n cursor: not-allowed;\n > button {\n pointer-events: none;\n }\n "])), function (props) {
67
+ return disabledFeature && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background-color: ", ";\n cursor: not-allowed;\n > button {\n pointer-events: none;\n }\n "])), function (props) {
62
68
  return props.theme.colors.disabled;
63
69
  });
64
70
  });
65
- var MenuContent = exports.MenuContent = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n padding: 5px 0;\n"])));
66
- var SubMenu = exports.SubMenu = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n cursor: pointer;\n padding: 5px 0;\n font-size: 14px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n ", "\n\n ", "\n"])), function (props) {
71
+ var MenuContent = exports.MenuContent = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n padding: 5px 0;\n"])));
72
+ var SubMenu = exports.SubMenu = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n cursor: pointer;\n padding: 5px 0;\n font-size: 14px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n ", "\n\n ", "\n"])), function (props) {
67
73
  return props.theme.colors.lightGray;
68
74
  }, function (props) {
69
75
  return props.theme.colors.lightPrimary;
70
76
  }, function (_ref4) {
71
77
  var active = _ref4.active;
72
- return active && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
78
+ return active && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
73
79
  return props.theme.colors.primary;
74
80
  });
75
81
  }, function (_ref5) {
76
82
  var disabledFeature = _ref5.disabledFeature;
77
- return disabledFeature && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background-color: ", "!important;\n cursor: not-allowed;\n "])), function (props) {
83
+ return disabledFeature && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n background-color: ", "!important;\n cursor: not-allowed;\n "])), function (props) {
78
84
  return props.theme.colors.disabled;
79
85
  });
80
86
  }, function (props) {
81
- var _props$theme5;
82
- return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n padding-right: 40px;\n "]))) : (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n padding-left: 40px;\n "])));
87
+ var _props$theme7;
88
+ return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n padding-right: 40px;\n "]))) : (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n padding-left: 40px;\n "])));
83
89
  });
84
- var LanguageSelectorContainer = exports.LanguageSelectorContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 8px;\n min-height: 35px;\n\n &:hover {\n background-color: ", ";\n }\n\n .options {\n > div {\n font-size: 14px;\n }\n }\n"])), function (props) {
90
+ var LanguageSelectorContainer = exports.LanguageSelectorContainer = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 8px;\n min-height: 35px;\n\n &:hover {\n background-color: ", ";\n }\n\n .options {\n > div {\n font-size: 14px;\n }\n }\n"])), function (props) {
85
91
  return props.theme.colors.lightPrimary;
86
92
  });
87
- var PoweredWrapper = exports.PoweredWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n"])));
88
- var MobileMessage = exports.MobileMessage = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n position: fixed;\n top: 100px;\n left: calc(50% - 130px);\n z-index: 999;\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 7.6px;\n width: 260px;\n > div {\n padding: 15px 15px 10px 15px;\n font-size: 12px;\n line-height: 18px;\n position: relative;\n > svg {\n position: absolute;\n top: 3px;\n right: 3px;\n cursor: pointer;\n font-size: 21px;\n }\n }\n"])), function (props) {
93
+ var PoweredWrapper = exports.PoweredWrapper = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n"])));
94
+ var MobileMessage = exports.MobileMessage = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n position: fixed;\n top: 100px;\n left: calc(50% - 130px);\n z-index: 999;\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 7.6px;\n width: 260px;\n > div {\n padding: 15px 15px 10px 15px;\n font-size: 12px;\n line-height: 18px;\n position: relative;\n > svg {\n position: absolute;\n top: 3px;\n right: 3px;\n cursor: pointer;\n font-size: 21px;\n }\n }\n"])), function (props) {
89
95
  return props.theme.colors.backgroundInfo;
90
96
  }, function (props) {
91
97
  return props.theme.colors.primary;
package/_modules/components/Stores/BusinessDeliveryZoneDetails/index.js CHANGED
@@ -10,12 +10,14 @@ var _reactRouterDom = require("react-router-dom");
10
10
  var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
11
11
  var _BusinessDeliveryZoneInformation = require("../BusinessDeliveryZoneInformation");
12
12
  var _BusinessDeliveryZoneShare = require("../BusinessDeliveryZoneShare");
13
+ var _SnoozeComponent = require("../SnoozeComponent");
13
14
  var _reactBootstrapIcons = require("react-bootstrap-icons");
14
15
  var _reactBootstrap = require("react-bootstrap");
15
16
  var _styledComponents = require("styled-components");
17
+ var _styles = require("../../../styles");
16
18
  var _Shared = require("../../Shared");
17
19
  var _utils = require("../../../utils");
18
- var _styles = require("./styles");
20
+ var _styles2 = require("./styles");
19
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
23
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -56,10 +58,14 @@ var BusinessDeliveryZoneDetailsUI = function BusinessDeliveryZoneDetailsUI(props
56
58
  _useState2 = _slicedToArray(_useState, 2),
57
59
  confirm = _useState2[0],
58
60
  setConfirm = _useState2[1];
59
- var _useState3 = (0, _react.useState)('information'),
61
+ var _useState3 = (0, _react.useState)(false),
60
62
  _useState4 = _slicedToArray(_useState3, 2),
61
- selectedMenuOption = _useState4[0],
62
- setSelectedMenuOption = _useState4[1];
63
+ isDeliveryZoneSnooze = _useState4[0],
64
+ setIsDeliveryZoneSnooze = _useState4[1];
65
+ var _useState5 = (0, _react.useState)('information'),
66
+ _useState6 = _slicedToArray(_useState5, 2),
67
+ selectedMenuOption = _useState6[0],
68
+ setSelectedMenuOption = _useState6[1];
63
69
  var tabs = [{
64
70
  key: 'information',
65
71
  content: t('INFORMATION', 'Information')
@@ -97,7 +103,14 @@ var BusinessDeliveryZoneDetailsUI = function BusinessDeliveryZoneDetailsUI(props
97
103
  handleTabClick('information');
98
104
  }
99
105
  }, []);
100
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Container, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, zoneState !== null && zoneState !== void 0 && zoneState.zone ? zoneState === null || zoneState === void 0 || (_zoneState$zone = zoneState.zone) === null || _zoneState$zone === void 0 ? void 0 : _zoneState$zone.name : t('ZONE_DELIVERY_SETTINGS', 'Zone delivery settings')), /*#__PURE__*/_react.default.createElement(_styles.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
106
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, zoneState !== null && zoneState !== void 0 && zoneState.zone ? zoneState === null || zoneState === void 0 || (_zoneState$zone = zoneState.zone) === null || _zoneState$zone === void 0 ? void 0 : _zoneState$zone.name : t('ZONE_DELIVERY_SETTINGS', 'Zone delivery settings')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
107
+ className: "snooze",
108
+ color: "lightGreen",
109
+ borderRadius: "8px",
110
+ onClick: function onClick() {
111
+ return setIsDeliveryZoneSnooze(true);
112
+ }
113
+ }, t('SNOOZE', 'Snooze')), /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
101
114
  menuAlign: theme !== null && theme !== void 0 && theme.rtl ? 'left' : 'right',
102
115
  title: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ThreeDots, null),
103
116
  id: theme !== null && theme !== void 0 && theme.rtl ? 'dropdown-menu-align-left' : 'dropdown-menu-align-right'
@@ -105,8 +118,8 @@ var BusinessDeliveryZoneDetailsUI = function BusinessDeliveryZoneDetailsUI(props
105
118
  onClick: function onClick() {
106
119
  return onClickDelete();
107
120
  }
108
- }, t('DELETE', 'Delete'))))), /*#__PURE__*/_react.default.createElement(_styles.TabContainer, null, tabs.map(function (tab) {
109
- return /*#__PURE__*/_react.default.createElement(_styles.Tab, {
121
+ }, t('DELETE', 'Delete'))))), /*#__PURE__*/_react.default.createElement(_styles2.TabContainer, null, tabs.map(function (tab) {
122
+ return /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
110
123
  key: tab.key,
111
124
  active: selectedMenuOption === tab.key,
112
125
  onClick: function onClick() {
@@ -128,6 +141,22 @@ var BusinessDeliveryZoneDetailsUI = function BusinessDeliveryZoneDetailsUI(props
128
141
  business: business,
129
142
  zone: zoneState.zone,
130
143
  handleSuccessUpdate: handleSuccessUpdate
144
+ })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
145
+ width: "85%",
146
+ maxWidth: "1000px",
147
+ open: isDeliveryZoneSnooze,
148
+ onClose: function onClose() {
149
+ return setIsDeliveryZoneSnooze(false);
150
+ },
151
+ closeOnBackdrop: false
152
+ }, /*#__PURE__*/_react.default.createElement(_SnoozeComponent.SnoozeComponent, {
153
+ dataState: zoneState === null || zoneState === void 0 ? void 0 : zoneState.zone,
154
+ handleUpdate: handleUpdateBusinessDeliveryZone,
155
+ handleChangeFormState: handleChangeFormState,
156
+ formState: formState,
157
+ onClose: function onClose() {
158
+ return setIsDeliveryZoneSnooze(false);
159
+ }
131
160
  })), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
132
161
  width: "700px",
133
162
  title: t('WEB_APPNAME', 'Ordering'),
package/_modules/components/Stores/BusinessDeliveryZoneDetails/styles.js CHANGED
@@ -11,7 +11,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
- var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n padding: 20px;\n box-sizing: border-box;\n \n > button {\n margin: 20px 0;\n }\n"])));
14
+ var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n padding: 20px;\n box-sizing: border-box;\n\n > button {\n margin: 20px 0;\n }\n"])));
15
15
  var Header = exports.Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n h1 {\n font-size: 20px;\n font-weight: 700;\n color: ", ";\n margin-bottom: 0;\n }\n ", "\n"])), function (props) {
16
16
  return props.theme.colors.headingColor;
17
17
  }, function (props) {
@@ -40,7 +40,7 @@ var Tab = exports.Tab = _styledComponents.default.div(_templateObject6 || (_temp
40
40
  return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.lightGray;
41
41
  });
42
42
  });
43
- var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n button {\n background: transparent !important;\n border: none;\n padding: 0px 5px;\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: ", ";\n font-size: 20px;\n }\n\n &:after {\n display: none;\n }\n\n &:hover {\n background: ", " !important;\n }\n &:active {\n background: ", " !important;\n }\n }\n\n .show {\n button {\n background: ", " !important;\n }\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: #E63757;\n }\n }\n }\n"])), function (props) {
43
+ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n\n button {\n background: transparent;\n border: none;\n padding: 0px 5px;\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: ", ";\n font-size: 20px;\n }\n\n &:after {\n display: none;\n }\n\n &:hover {\n background: ", " !important;\n }\n &:active {\n background: ", " !important;\n }\n }\n\n .show {\n button {\n background: ", " !important;\n }\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: #E63757;\n }\n }\n }\n\n .snooze {\n background: ", ";\n padding-left: 15px;\n padding-right: 15px;\n margin-right: 5px;\n }\n"])), function (props) {
44
44
  return props.theme.colors.headingColor;
45
45
  }, function (props) {
46
46
  return (0, _polished.darken)(0.04, props.theme.colors.secundary);
@@ -54,4 +54,6 @@ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.de
54
54
  return props.theme.colors.headingColor;
55
55
  }, function (props) {
56
56
  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
57
+ }, function (props) {
58
+ return props.theme.colors.lightGreen;
57
59
  });
package/_modules/components/Stores/BusinessDetails/index.js CHANGED
@@ -205,12 +205,15 @@ var BusinessDetailsUI = exports.BusinessDetailsUI = function BusinessDetailsUI(p
205
205
  handleSucessUpdateBusiness: handleSucessUpdateBusiness,
206
206
  handleDuplicateBusiness: handleDuplicateBusiness,
207
207
  handleDeleteBusiness: handleDeleteBusiness,
208
+ handleUpdateBusinessClick: handleUpdateBusinessClick,
208
209
  handleSyncEvent: handleSyncEvent,
209
210
  extraOpen: extraOpen,
210
211
  spoonityConfig: spoonityConfig,
211
212
  siteState: siteState,
212
213
  isExpand: isExpand,
213
- setIsExpand: setIsExpand
214
+ setIsExpand: setIsExpand,
215
+ formState: formState,
216
+ setFormState: setFormState
214
217
  }), extraOpen && /*#__PURE__*/_react.default.createElement(_Shared.MoreSidebarLayout, {
215
218
  isExtendExtraOpen: isExtendExtraOpen,
216
219
  onClose: handleCloseExtraOpen
package/_modules/components/Stores/BusinessMenuOptions/index.js CHANGED
@@ -19,6 +19,7 @@ var _BusinessMenuBasicOptions = require("../BusinessMenuBasicOptions");
19
19
  var _BusinessMenuCustomFields = require("../BusinessMenuCustomFields");
20
20
  var _BusinessSharedMenuProducts = require("../BusinessSharedMenuProducts");
21
21
  var _BusinessMenuChannels = require("../BusinessMenuChannels");
22
+ var _SnoozeComponent = require("../SnoozeComponent");
22
23
  var _utils = require("../../../utils");
23
24
  var _styles2 = require("./styles");
24
25
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -43,10 +44,14 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
43
44
  handleUpdateBusinessState = props.handleUpdateBusinessState,
44
45
  isSelectedSharedMenus = props.isSelectedSharedMenus,
45
46
  handleDeleteMenu = props.handleDeleteMenu,
47
+ handleUpdateBusinessMenuOption = props.handleUpdateBusinessMenuOption,
48
+ handleChangeInput = props.handleChangeInput,
46
49
  setIsOpenSharedProduct = props.setIsOpenSharedProduct,
47
50
  sitesState = props.sitesState,
48
51
  setMenuList = props.setMenuList,
49
- menuList = props.menuList;
52
+ menuList = props.menuList,
53
+ formState = props.formState,
54
+ businessMenuState = props.businessMenuState;
50
55
  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
51
56
  var theme = (0, _styledComponents.useTheme)();
52
57
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -74,6 +79,10 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
74
79
  _useState8 = _slicedToArray(_useState7, 2),
75
80
  isCustomFieldsOpen = _useState8[0],
76
81
  setIsCustomFieldsOpen = _useState8[1];
82
+ var _useState9 = (0, _react.useState)(false),
83
+ _useState10 = _slicedToArray(_useState9, 2),
84
+ isMenuSnooze = _useState10[0],
85
+ setIsMenuSnooze = _useState10[1];
77
86
  var actionSidebar = function actionSidebar(value) {
78
87
  if (!value) {
79
88
  props.onClose();
@@ -93,6 +102,15 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
93
102
  }
94
103
  });
95
104
  };
105
+ var handleChangeSnooze = function handleChangeSnooze(changes) {
106
+ var _changes = {
107
+ target: {
108
+ name: 'snooze_until',
109
+ value: changes.snooze_until
110
+ }
111
+ };
112
+ handleChangeInput(_changes);
113
+ };
96
114
  (0, _react.useEffect)(function () {
97
115
  if (isMenuOpen) {
98
116
  if (width < 1000) {
@@ -130,7 +148,14 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
130
148
  }, [isSelectedSharedMenus]);
131
149
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, {
132
150
  id: "menu_options"
133
- }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('MENU_SETTINGS', 'Menu settings')), /*#__PURE__*/_react.default.createElement(_styles2.ActionBlock, null, ((_Object$keys2 = Object.keys(menu)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
151
+ }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('MENU_SETTINGS', 'Menu settings')), /*#__PURE__*/_react.default.createElement(_styles2.ActionBlock, null, ((_Object$keys2 = Object.keys(menu)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
152
+ className: "snooze",
153
+ color: "lightGreen",
154
+ borderRadius: "8px",
155
+ onClick: function onClick() {
156
+ return setIsMenuSnooze(true);
157
+ }
158
+ }, t('SNOOZE', 'Snooze'))), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
134
159
  className: "product_actions",
135
160
  menuAlign: theme !== null && theme !== void 0 && theme.rtl ? 'left' : 'right',
136
161
  title: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ThreeDots, null),
@@ -143,7 +168,7 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
143
168
  onClick: function onClick() {
144
169
  return handleDeleteClick();
145
170
  }
146
- }, t('DELETE', 'Delete')))), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
171
+ }, t('DELETE', 'Delete'))))), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
147
172
  color: "black",
148
173
  onClick: function onClick() {
149
174
  return onClose();
@@ -192,6 +217,22 @@ var BusinessMenuOptionsUI = function BusinessMenuOptionsUI(props) {
192
217
  },
193
218
  businessId: business === null || business === void 0 ? void 0 : business.id,
194
219
  menuId: menu.id
220
+ })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
221
+ width: "85%",
222
+ maxWidth: "1000px",
223
+ open: isMenuSnooze,
224
+ onClose: function onClose() {
225
+ return setIsMenuSnooze(false);
226
+ },
227
+ closeOnBackdrop: false
228
+ }, /*#__PURE__*/_react.default.createElement(_SnoozeComponent.SnoozeComponent, {
229
+ dataState: businessMenuState === null || businessMenuState === void 0 ? void 0 : businessMenuState.menu,
230
+ handleUpdate: handleUpdateBusinessMenuOption,
231
+ handleChangeFormState: handleChangeSnooze,
232
+ formState: formState,
233
+ onClose: function onClose() {
234
+ return setIsMenuSnooze(false);
235
+ }
195
236
  })), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
196
237
  title: t('WEB_APPNAME', 'Ordering'),
197
238
  width: "700px",
package/_modules/components/Stores/BusinessMenuOptions/styles.js CHANGED
@@ -11,7 +11,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
- var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 20px;\n overflow: auto;\n transition: 0.3s;\n \n > button {\n height: 42px;\n width: 100%;\n margin-top: 20px;\n }\n \n @media (min-width: 1000px) {\n max-width: 500px;\n width: 0;\n ", "\n }\n"])), function (props) {
14
+ var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 20px;\n overflow: auto;\n transition: 0.3s;\n\n > button {\n height: 42px;\n width: 100%;\n margin-top: 20px;\n }\n\n @media (min-width: 1000px) {\n max-width: 500px;\n width: 0;\n ", "\n }\n"])), function (props) {
15
15
  var _props$theme;
16
16
  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n "])), function (props) {
17
17
  return props.theme.colors.borderColor;
@@ -35,7 +35,7 @@ var ActionBlock = exports.ActionBlock = _styledComponents.default.div(_templateO
35
35
  var _props$theme4;
36
36
  return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
37
37
  });
38
- var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n button {\n display: flex;\n background: transparent !important;\n border: none;\n padding: 5px;\n border-radius: 8px;\n\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: ", ";\n font-size: 20px;\n }\n\n &:after {\n display: none;\n }\n\n &:hover {\n background: ", " !important;\n }\n &:active {\n background: ", " !important;\n }\n }\n\n .show {\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n padding: 7px 20px;\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: ", ";\n }\n }\n }\n"])), function (props) {
38
+ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n\n button {\n display: flex;\n background: transparent !important;\n border: none;\n padding: 5px;\n border-radius: 8px;\n\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: ", ";\n font-size: 20px;\n }\n\n &:after {\n display: none;\n }\n\n &:hover {\n background: ", " !important;\n }\n &:active {\n background: ", " !important;\n }\n }\n\n .show {\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n padding: 7px 20px;\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: ", ";\n }\n }\n }\n .snooze {\n background: ", " !important;\n padding-left: 15px;\n padding-right: 15px;\n margin-right: 5px;\n }\n"])), function (props) {
39
39
  return props.theme.colors.headingColor;
40
40
  }, function (props) {
41
41
  return (0, _polished.darken)(0.04, props.theme.colors.secundary);
@@ -49,6 +49,8 @@ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.de
49
49
  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
50
50
  }, function (props) {
51
51
  return props.theme.colors.danger;
52
+ }, function (props) {
53
+ return props.theme.colors.lightGreen;
52
54
  });
53
55
  var TabContainer = exports.TabContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n border-bottom: 1px solid #CCC;\n overflow-x: auto;\n @media (min-width: 1025px) {\n overflow-x: hidden;\n }\n"])));
54
56
  var TabInnerContainer = exports.TabInnerContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: flex;\n"])));
package/_modules/components/Stores/BusinessProductsCategoyDetails/index.js CHANGED
@@ -19,6 +19,7 @@ var _useWindowSize2 = require("../../../hooks/useWindowSize");
19
19
  var _utils = require("../../../utils");
20
20
  var _BusinessCategoryInfoSettingList = require("../BusinessCategoryInfoSettingList");
21
21
  var _BusinessProductsCategoyInfo = require("../BusinessProductsCategoyInfo");
22
+ var _SnoozeComponent = require("../SnoozeComponent");
22
23
  var _styles2 = require("./styles");
23
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
25
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -81,6 +82,10 @@ var BusinessProductsCategoyDetailsUI = function BusinessProductsCategoyDetailsUI
81
82
  _useState8 = _slicedToArray(_useState7, 2),
82
83
  isExpand = _useState8[0],
83
84
  setIsExpand = _useState8[1];
85
+ var _useState9 = (0, _react.useState)(false),
86
+ _useState10 = _slicedToArray(_useState9, 2),
87
+ isCategorySnooze = _useState10[0],
88
+ setIsCategorySnooze = _useState10[1];
84
89
  var closeAlert = function closeAlert() {
85
90
  setAlertState({
86
91
  open: false,
@@ -161,7 +166,14 @@ var BusinessProductsCategoyDetailsUI = function BusinessProductsCategoyDetailsUI
161
166
  enabled: val
162
167
  });
163
168
  }
164
- }))), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
169
+ }))), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
170
+ className: "snooze",
171
+ color: "lightGreen",
172
+ borderRadius: "8px",
173
+ onClick: function onClick() {
174
+ return setIsCategorySnooze(true);
175
+ }
176
+ }, t('SNOOZE', 'Snooze'))), width > 576 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
165
177
  color: "black",
166
178
  onClick: function onClick() {
167
179
  return expandSideBar();
@@ -202,7 +214,23 @@ var BusinessProductsCategoyDetailsUI = function BusinessProductsCategoyDetailsUI
202
214
  handleProductCategoryChangeInput: handleChangeInput,
203
215
  handlechangeImageProductCategory: handlechangeImage,
204
216
  isCategorySeo: true
205
- })))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
217
+ })))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
218
+ width: "85%",
219
+ maxWidth: "1000px",
220
+ open: isCategorySnooze,
221
+ onClose: function onClose() {
222
+ return setIsCategorySnooze(false);
223
+ },
224
+ closeOnBackdrop: false
225
+ }, /*#__PURE__*/_react.default.createElement(_SnoozeComponent.SnoozeComponent, {
226
+ dataState: categorySelected,
227
+ handleUpdate: handleUpdateClick,
228
+ handleChangeFormState: handleChangeItem,
229
+ formState: formState,
230
+ onClose: function onClose() {
231
+ return setIsCategorySnooze(false);
232
+ }
233
+ })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
206
234
  title: t('BUSINESS_TYPE', 'Business type'),
207
235
  content: alertState.content,
208
236
  acceptText: t('ACCEPT', 'Accept'),
package/_modules/components/Stores/BusinessProductsCategoyDetails/styles.js CHANGED
@@ -38,7 +38,7 @@ var RightHeader = exports.RightHeader = _styledComponents.default.div(_templateO
38
38
  var _props$theme2;
39
39
  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-left: 28px;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-right: 28px;\n "])));
40
40
  });
41
- var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n button {\n display: flex;\n background: transparent !important;\n border: none;\n padding: 5px;\n border-radius: 8px;\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: #B1BCCC;\n font-size: 20px;\n }\n &:after {\n display: none;\n }\n &:hover {\n background: #1507260a !important;\n > svg {\n color: #151b26;\n }\n }\n &:active {\n background: #1507261a !important;\n }\n }\n .show {\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: ", ";\n }\n }\n }\n"])), function (props) {
41
+ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n button {\n display: flex;\n background: transparent !important;\n border: none;\n padding: 5px;\n border-radius: 8px;\n &:active,\n &:focus {\n border-color: unset !important;\n box-shadow: none !important;\n }\n svg {\n color: #B1BCCC;\n font-size: 20px;\n }\n &:after {\n display: none;\n }\n &:hover {\n background: #1507260a !important;\n > svg {\n color: #151b26;\n }\n }\n &:active {\n background: #1507261a !important;\n }\n }\n .show {\n >div {\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n }\n }\n > div {\n > div {\n border-radius: 8px;\n .dropdown-item {\n font-size: 12px;\n color: ", ";\n &:active {\n background: ", " !important;\n }\n }\n .dropdown-item:last-child {\n color: ", ";\n }\n }\n }\n .snooze {\n background: ", " !important;\n padding-left: 15px;\n padding-right: 15px;\n margin-right: 5px;\n }\n"])), function (props) {
42
42
  return props.theme.colors.borderColor;
43
43
  }, function (props) {
44
44
  return props.theme.colors.headingColor;
@@ -46,4 +46,6 @@ var ActionSelectorWrapper = exports.ActionSelectorWrapper = _styledComponents.de
46
46
  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
47
47
  }, function (props) {
48
48
  return props.theme.colors.danger;
49
+ }, function (props) {
50
+ return props.theme.colors.lightGreen;
49
51
  });