ordering-ui-external 3.0.2 → 4.0.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/_modules/themes/five/src/components/BusinessBasicInformation/index.js +1 -1
  2. package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js +3 -3
  3. package/_modules/themes/five/src/components/BusinessPreorder/index.js +2 -2
  4. package/_modules/themes/five/src/components/BusinessProductsCategories/index.js +4 -4
  5. package/_modules/themes/five/src/components/BusinessProductsCategories/styles.js +1 -1
  6. package/_modules/themes/five/src/components/BusinessProductsListing/index.js +1 -1
  7. package/_modules/themes/five/src/components/BusinessProductsListing/styles.js +1 -1
  8. package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +6 -5
  9. package/_modules/themes/five/src/components/Header/index.js +7 -6
  10. package/_modules/themes/five/src/components/MomentControl/index.js +2 -2
  11. package/_modules/themes/five/src/components/OrderDetails/index.js +4 -3
  12. package/_modules/themes/five/src/components/OrderDetails/styles.js +1 -1
  13. package/_modules/themes/five/src/components/PaymentOptionWallet/index.js +2 -6
  14. package/_modules/themes/five/src/components/ProductForm/styles.js +1 -1
  15. package/_modules/themes/five/src/components/ProductOptionSubOption/styles.js +2 -2
  16. package/_modules/themes/five/src/components/ProductShare/styles.js +1 -1
  17. package/package.json +1 -1
  18. package/src/themes/five/src/components/BusinessBasicInformation/index.js +1 -1
  19. package/src/themes/five/src/components/BusinessBasicInformation/styles.js +3 -3
  20. package/src/themes/five/src/components/BusinessPreorder/index.js +1 -1
  21. package/src/themes/five/src/components/BusinessProductsCategories/index.js +4 -4
  22. package/src/themes/five/src/components/BusinessProductsCategories/styles.js +1 -1
  23. package/src/themes/five/src/components/BusinessProductsListing/index.js +1 -1
  24. package/src/themes/five/src/components/BusinessProductsListing/styles.js +4 -1
  25. package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +8 -8
  26. package/src/themes/five/src/components/Header/index.js +3 -1
  27. package/src/themes/five/src/components/MomentControl/index.js +1 -1
  28. package/src/themes/five/src/components/OrderDetails/index.js +1 -1
  29. package/src/themes/five/src/components/OrderDetails/styles.js +1 -0
  30. package/src/themes/five/src/components/PaymentOptionWallet/index.js +2 -2
  31. package/src/themes/five/src/components/ProductForm/styles.js +1 -1
  32. package/src/themes/five/src/components/ProductOptionSubOption/styles.js +3 -1
  33. package/src/themes/five/src/components/ProductShare/styles.js +1 -1
  34. package/template/app.js +1 -1
  35. package/template/theme.json +2 -1
package/_modules/themes/five/src/components/BusinessBasicInformation/index.js CHANGED
@@ -146,7 +146,7 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
146
146
  var businessNameElement = document.getElementById('business_name');
147
147
  if (businessNameElement) {
148
148
  var _limit = window.pageYOffset >= (businessNameElement === null || businessNameElement === void 0 ? void 0 : businessNameElement.offsetTop) - 55 && window.pageYOffset > 0;
149
- if (_limit && windowSize.width < 993) {
149
+ if (_limit) {
150
150
  var _classAdded = businessNameElement.classList.contains('fixed-name');
151
151
  !_classAdded && businessNameElement.classList.add('fixed-name');
152
152
  } else {
package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js CHANGED
@@ -72,7 +72,7 @@ var BusinessInfoContent = _styledComponents.default.div(_templateObject16 || (_t
72
72
  exports.BusinessInfoContent = BusinessInfoContent;
73
73
  var SearchWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n"])));
74
74
  exports.SearchWrapper = SearchWrapper;
75
- var WrapperSearch = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin: 15px 0px 0px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n z-index: 1002;\n\n .search-bar {\n margin-right: 10px;\n ", "\n input {\n width: 100%;\n\n @media (min-width: 500px) {\n width: 250px;\n }\n }\n }\n\n div:last-child {\n text-align: right;\n\n ", "\n }\n\n #select-input {\n background-color: transparent !important;\n border: none;\n color: #748194 !important;\n\n #list {\n border-radius: 8px;\n }\n }\n &.fixed-search {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 10001;\n width: fit-content;\n margin-top: 0px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (min-width: 993px) {\n &.fixed-search {\n left: 0;\n width: 100vw;\n z-index: 1002;\n }\n }\n"])), function (props) {
75
+ var WrapperSearch = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin: 15px 0px 0px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n z-index: 1002;\n\n .search-bar {\n margin-right: 10px;\n ", "\n input {\n width: 100%;\n\n @media (min-width: 500px) {\n width: 250px;\n }\n }\n }\n\n div:last-child {\n text-align: right;\n\n ", "\n }\n\n #select-input {\n background-color: transparent !important;\n border: none;\n color: #748194 !important;\n\n #list {\n border-radius: 8px;\n }\n }\n &.fixed-search {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 10001;\n width: fit-content;\n margin-top: 0px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (min-width: 993px) {\n &.fixed-search {\n left: 0;\n width: 100vw;\n z-index: 10000;\n }\n }\n"])), function (props) {
76
76
  var _props$theme4;
77
77
  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
78
78
  }, function (props) {
@@ -112,13 +112,13 @@ var BusinessMoreDetail = _styledComponents.default.div(_templateObject28 || (_te
112
112
  return props.position ? 'black' : 'white';
113
113
  });
114
114
  exports.BusinessMoreDetail = BusinessMoreDetail;
115
- var TitleWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n h2 {\n font-size: 24px;\n line-height: 36px;\n margin: 0 0 10px 0;\n font-weight: 600;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n background: ", ";\n &.fixed-name {\n z-index: 1002;\n position: fixed;\n top: 0;\n padding: 10px 0;\n font-size: 18px;\n ", "\n }\n @media (min-width: 768px) {\n font-size: 32px;\n }\n }\n"])), function (_ref4) {
115
+ var TitleWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n h2 {\n font-size: 24px;\n line-height: 36px;\n margin: 0 0 10px 0;\n font-weight: 600;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n background: ", ";\n &.fixed-name {\n z-index: 10001;\n position: fixed;\n top: 0;\n padding: 10px 0;\n font-size: 18px;\n ", "\n }\n @media (min-width: 768px) {\n font-size: 32px;\n }\n }\n"])), function (_ref4) {
116
116
  var _theme$colors;
117
117
  var theme = _ref4.theme;
118
118
  return theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.white;
119
119
  }, function (_ref5) {
120
120
  var isCustomLayout = _ref5.isCustomLayout;
121
- return !isCustomLayout ? (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n width: calc(100vw - 190px);\n ", "\n "])), function (props) {
121
+ return !isCustomLayout ? (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n width: calc(100vw - 200px);\n ", "\n "])), function (props) {
122
122
  var _props$theme11;
123
123
  return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n right: 50px;\n "]))) : (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n left: 50px;\n "])));
124
124
  }) : (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n ", "\n "])), function (props) {
package/_modules/themes/five/src/components/BusinessPreorder/index.js CHANGED
@@ -39,7 +39,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
39
39
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
40
40
  _swiper.default.use([_swiper.Navigation]);
41
41
  var BusinessPreorderUI = function BusinessPreorderUI(props) {
42
- var _configs$dates_moment, _configs$dates_moment2, _configs$preorder_sta, _theme$images, _theme$images$dummies, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _orderState$options, _orderState$options$a;
42
+ var _configs$general_hour, _configs$general_hour2, _configs$preorder_sta, _theme$images, _theme$images$dummies, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _orderState$options, _orderState$options$a;
43
43
  var business = props.business,
44
44
  handleClick = props.handleClick,
45
45
  datesList = props.datesList,
@@ -85,7 +85,7 @@ var BusinessPreorderUI = function BusinessPreorderUI(props) {
85
85
  _useState8 = _slicedToArray(_useState7, 2),
86
86
  isEnabled = _useState8[0],
87
87
  setIsEnabled = _useState8[1];
88
- var is12Hours = configs === null || configs === void 0 ? void 0 : (_configs$dates_moment = configs.dates_moment_format) === null || _configs$dates_moment === void 0 ? void 0 : (_configs$dates_moment2 = _configs$dates_moment.value) === null || _configs$dates_moment2 === void 0 ? void 0 : _configs$dates_moment2.includes('hh:mm');
88
+ var is12Hours = configs === null || configs === void 0 ? void 0 : (_configs$general_hour = configs.general_hour_format) === null || _configs$general_hour === void 0 ? void 0 : (_configs$general_hour2 = _configs$general_hour.value) === null || _configs$general_hour2 === void 0 ? void 0 : _configs$general_hour2.includes('hh:mm');
89
89
  var isPreOrderSetting = (configs === null || configs === void 0 ? void 0 : (_configs$preorder_sta = configs.preorder_status_enabled) === null || _configs$preorder_sta === void 0 ? void 0 : _configs$preorder_sta.value) === '1';
90
90
  var preOrderType = [{
91
91
  value: 'business_menu',
package/_modules/themes/five/src/components/BusinessProductsCategories/index.js CHANGED
@@ -149,12 +149,12 @@ var BusinessProductsCategoriesUI = function BusinessProductsCategoriesUI(props)
149
149
  var disabledCustomWidth = isChew || !useKioskApp;
150
150
  var style0 = '.sticky-prod-cat {';
151
151
  style0 += 'position: fixed !important;';
152
- style0 += "top: ".concat(windowSize.width >= 993 ? '0px' : '56px', " !important;");
152
+ style0 += "top: ".concat(useKioskApp ? '0px' : '56px', " !important;");
153
153
  style0 += 'left: 0px !important;';
154
154
  style0 += 'z-index: 9999 !important;';
155
- style0 += 'padding: 5px 5px 0px 5px !important;';
156
- style0 += "width: calc(100% - ".concat(useKioskApp ? '50px' : windowSize.width >= 993 ? '155px' : '0px', ")!important;");
157
- !disabledCustomWidth && (style0 += "width: calc(100% - ".concat(useKioskApp ? '50px' : '155px', ") !important;"));
155
+ style0 += 'padding: 5px 5px 0px 20px !important;';
156
+ style0 += 'width: 100% !important;';
157
+ !disabledCustomWidth && (style0 += "width: calc(100% - ".concat(useKioskApp ? '50px' : '0px', ") !important;"));
158
158
  style0 += '}';
159
159
  var style1 = '.sticky-search {';
160
160
  style1 += 'position: fixed !important;';
package/_modules/themes/five/src/components/BusinessProductsCategories/styles.js CHANGED
@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
10
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
- var CategoriesContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n overflow-x: auto;\n padding: 5px 0px 0px 0px;\n background: ", ";\n z-index: 1000;\n position: absolute;\n top: 0;\n border-bottom: 1px solid #D9D9D9;\n text-align: center;\n width: ", ";\n\n div.category {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 10px 0px;\n margin: 0 15px;\n &:nth-of-type(1) {\n margin-left: 0;\n ", "\n }\n }\n\n div.special {\n ", "\n }\n\n /* @media (min-width: 381px) {\n padding: 15px 0px 0px 0px;\n } */\n @media (min-width: 769px) {\n ", "\n }\n @media (min-width: 992px) {\n width: ", ";\n }\n"])), function (props) {
13
+ var CategoriesContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n overflow-x: auto;\n padding: 5px 0px 0px 0px;\n background: ", ";\n z-index: 1000;\n position: absolute;\n top: 0;\n border-bottom: 1px solid #D9D9D9;\n text-align: center;\n width: ", ";\n box-sizing: border-box;\n div.category {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 10px 0px;\n margin: 0 15px;\n &:nth-of-type(1) {\n margin-left: 0;\n ", "\n }\n }\n\n div.special {\n ", "\n }\n\n /* @media (min-width: 381px) {\n padding: 15px 0px 0px 0px;\n } */\n @media (min-width: 769px) {\n ", "\n }\n @media (min-width: 992px) {\n width: ", ";\n }\n"])), function (props) {
14
14
  return props.theme.colors.backgroundPage;
15
15
  }, function (props) {
16
16
  return props.w || '100%';
package/_modules/themes/five/src/components/BusinessProductsListing/index.js CHANGED
@@ -272,7 +272,7 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
272
272
  var backArrowElement = document.getElementById('back-arrow');
273
273
  if (backArrowElement) {
274
274
  var limit = window.pageYOffset >= (backArrowElement === null || backArrowElement === void 0 ? void 0 : backArrowElement.offsetTop) && window.pageYOffset > 0;
275
- if (limit && windowSize.width < 993) {
275
+ if (limit) {
276
276
  var classAdded = backArrowElement.classList.contains('fixed-arrow');
277
277
  !classAdded && backArrowElement.classList.add('fixed-arrow');
278
278
  } else {
package/_modules/themes/five/src/components/BusinessProductsListing/styles.js CHANGED
@@ -42,7 +42,7 @@ var EmptyBtnWrapper = _styledComponents.default.div(_templateObject9 || (_templa
42
42
  return props.theme.colors.darkTextColor;
43
43
  });
44
44
  exports.EmptyBtnWrapper = EmptyBtnWrapper;
45
- var HeaderContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n .back-arrow {\n font-size: 24px;\n cursor: pointer;\n }\n .fixed-arrow {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1001;\n width: 100vw;\n background-color: ", ";\n height: 56px;\n display: flex;\n align-items: center;\n ", "\n }\n"])), function (props) {
45
+ var HeaderContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n .back-arrow {\n font-size: 24px;\n cursor: pointer;\n }\n .fixed-arrow {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10001;\n width: 100vw;\n background-color: ", ";\n height: 56px;\n display: flex;\n align-items: center;\n ", "\n @media (min-width: 993px){\n width: 100px;\n }\n }\n"])), function (props) {
46
46
  return props.theme.colors.backgroundPage;
47
47
  }, function (props) {
48
48
  var _props$theme;
package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js CHANGED
@@ -51,7 +51,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
51
51
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
52
52
  var PIXELS_TO_SCROLL = 300;
53
53
  var BusinessesListingUI = function BusinessesListingUI(props) {
54
- var _citiesState$cities, _ref, _theme$business_listi, _theme$business_listi2, _theme$business_listi3, _orderState$options, _theme$business_listi4, _theme$business_listi5, _theme$business_listi6, _theme$business_listi7, _theme$business_listi8, _theme$business_listi9, _theme$business_listi10, _theme$business_listi11, _theme$business_listi12, _theme$business_listi13, _theme$business_listi14, _theme$business_listi15, _theme$business_listi16, _theme$business_listi17, _theme$business_listi18, _theme$business_listi19, _theme$business_listi20, _theme$business_listi21, _businessesList$busin, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _orderState$options2, _orderState$options3, _businessesList$busin3, _orderState$options7, _configs$business_lis, _configs$business_lis2, _configs$business_lis3, _theme$images2, _theme$images2$genera, _theme$business_listi22, _theme$business_listi23, _theme$business_listi24, _theme$business_listi25, _configs$business_lis4, _theme$images3, _theme$images3$genera, _theme$business_listi26, _theme$business_listi27, _theme$business_listi28, _theme$business_listi29, _citiesState$cities5, _citiesState$cities6, _citiesState$cities6$, _configs$advanced_bus, _orderState$options9, _orderState$options9$, _configs$advanced_bus2, _citiesState$cities7, _citiesState$cities8, _citiesState$cities8$, _orderState$options11, _orderState$options12, _businessesList$busin6, _businessesList$busin7;
54
+ var _citiesState$cities, _ref, _theme$business_listi, _theme$business_listi2, _theme$business_listi3, _orderState$options, _theme$business_listi4, _theme$business_listi5, _theme$business_listi6, _theme$business_listi7, _theme$business_listi8, _theme$business_listi9, _theme$business_listi10, _theme$business_listi11, _theme$business_listi12, _theme$business_listi13, _theme$business_listi14, _theme$business_listi15, _theme$business_listi16, _theme$business_listi17, _theme$business_listi18, _theme$business_listi19, _theme$business_listi20, _theme$business_listi21, _businessesList$busin, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _orderState$options2, _orderState$options3, _businessesList$busin3, _orderState$options7, _configs$business_lis, _configs$business_lis2, _configs$business_lis3, _theme$images2, _theme$images2$genera, _theme$business_listi22, _theme$business_listi23, _theme$business_listi24, _theme$business_listi25, _configs$business_lis4, _theme$images3, _theme$images3$genera, _theme$business_listi26, _theme$business_listi27, _theme$business_listi28, _theme$business_listi29, _citiesState$cities5, _citiesState$cities6, _citiesState$cities6$, _configs$advanced_bus2, _orderState$options9, _orderState$options9$, _configs$advanced_bus3, _citiesState$cities7, _citiesState$cities8, _citiesState$cities8$, _orderState$options11, _orderState$options12, _businessesList$busin6, _businessesList$busin7;
55
55
  var businessesList = props.businessesList,
56
56
  paginationProps = props.paginationProps,
57
57
  searchValue = props.searchValue,
@@ -289,9 +289,10 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
289
289
  placeholder: t('SEARCH_BUSINESSES', 'Search Businesses'),
290
290
  onSearch: handleChangeSearch,
291
291
  handleCustomEnter: function handleCustomEnter() {
292
- return onRedirectPage({
292
+ var _configs$advanced_bus;
293
+ return (configs === null || configs === void 0 ? void 0 : (_configs$advanced_bus = configs.advanced_business_search_enabled) === null || _configs$advanced_bus === void 0 ? void 0 : _configs$advanced_bus.value) === '1' ? onRedirectPage({
293
294
  page: 'business_search'
294
- });
295
+ }) : null;
295
296
  }
296
297
  }), !hideCities && (citiesState === null || citiesState === void 0 ? void 0 : (_citiesState$cities5 = citiesState.cities) === null || _citiesState$cities5 === void 0 ? void 0 : _citiesState$cities5.length) > 0 && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
297
298
  color: "primary",
@@ -299,7 +300,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
299
300
  }, (citiesState === null || citiesState === void 0 ? void 0 : (_citiesState$cities6 = citiesState.cities) === null || _citiesState$cities6 === void 0 ? void 0 : (_citiesState$cities6$ = _citiesState$cities6.find(function (city) {
300
301
  var _orderState$options8;
301
302
  return (city === null || city === void 0 ? void 0 : city.id) === (orderState === null || orderState === void 0 ? void 0 : (_orderState$options8 = orderState.options) === null || _orderState$options8 === void 0 ? void 0 : _orderState$options8.city_id);
302
- })) === null || _citiesState$cities6$ === void 0 ? void 0 : _citiesState$cities6$.name) || t('SELECT_A_CITY', 'Select a city')), !hideFilter && (configs === null || configs === void 0 ? void 0 : (_configs$advanced_bus = configs.advanced_business_search_enabled) === null || _configs$advanced_bus === void 0 ? void 0 : _configs$advanced_bus.value) === '1' && /*#__PURE__*/_react.default.createElement(_FiFilter.default, {
303
+ })) === null || _citiesState$cities6$ === void 0 ? void 0 : _citiesState$cities6$.name) || t('SELECT_A_CITY', 'Select a city')), !hideFilter && (configs === null || configs === void 0 ? void 0 : (_configs$advanced_bus2 = configs.advanced_business_search_enabled) === null || _configs$advanced_bus2 === void 0 ? void 0 : _configs$advanced_bus2.value) === '1' && /*#__PURE__*/_react.default.createElement(_FiFilter.default, {
303
304
  onClick: function onClick() {
304
305
  return onRedirectPage({
305
306
  page: 'business_search'
@@ -337,7 +338,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
337
338
  isCustomLayout: isCustomLayout,
338
339
  placeholder: t('SEARCH_BUSINESSES', 'Search Businesses'),
339
340
  onSearch: handleChangeSearch
340
- }), (configs === null || configs === void 0 ? void 0 : (_configs$advanced_bus2 = configs.advanced_business_search_enabled) === null || _configs$advanced_bus2 === void 0 ? void 0 : _configs$advanced_bus2.value) === '1' && /*#__PURE__*/_react.default.createElement(_FiFilter.default, {
341
+ }), (configs === null || configs === void 0 ? void 0 : (_configs$advanced_bus3 = configs.advanced_business_search_enabled) === null || _configs$advanced_bus3 === void 0 ? void 0 : _configs$advanced_bus3.value) === '1' && /*#__PURE__*/_react.default.createElement(_FiFilter.default, {
341
342
  onClick: function onClick() {
342
343
  return onRedirectPage({
343
344
  page: 'business_search'
package/_modules/themes/five/src/components/Header/index.js CHANGED
@@ -51,7 +51,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
51
51
  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; } }
52
52
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
53
  var Header = function Header(props) {
54
- var _window$location$path, _configState$configs, _configState$configs$, _configState$configs2, _configState$configs3, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _theme$header, _theme$header$compone, _theme$header$compone2, _orderState$options, _orderState$options2, _Object$keys, _customerState$user, _orderState$options5, _orderState$options5$, _theme$images, _theme$images$logos, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _theme$images2, _theme$images2$logos, _theme$images3, _theme$images3$logos, _theme$images4, _theme$images4$logos, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _orderingTheme$theme14, _orderingTheme$theme15, _theme$images5, _theme$images5$logos, _orderState$options7, _orderState$options7$, _orderState$options8, _orderState$options8$, _configState$configs4, _configState$configs5, _configState$configs6, _configState$configs7, _configState$configs8, _configState$configs9, _orderState$options9, _orderState$options10, _configState$configs10, _configState$configs11, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options11, _orderState$options12, _configState$configs12, _configState$configs13, _orderState$options13, _configState$configs14, _configState$configs15, _configState$configs16, _configState$configs17, _orderState$options14, _orderState$options15, _configState$configs18, _configState$configs19, _orderState$options16, _configState$configs20, _configState$configs21, _configState$configs22, _configState$configs23, _orderState$options17, _orderState$options18, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9;
54
+ var _window$location$path, _configState$configs, _configState$configs$, _configState$configs2, _configState$configs3, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _theme$header, _theme$header$compone, _theme$header$compone2, _orderState$options, _orderState$options2, _Object$keys, _customerState$user, _orderState$options5, _orderState$options5$, _theme$images, _theme$images$logos, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _theme$images2, _theme$images2$logos, _theme$images3, _theme$images3$logos, _theme$images4, _theme$images4$logos, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _orderingTheme$theme14, _orderingTheme$theme15, _theme$images5, _theme$images5$logos, _orderState$options7, _orderState$options7$, _orderState$options8, _orderState$options8$, _configState$configs4, _configState$configs5, _configState$configs6, _configState$configs7, _configState$configs8, _configState$configs9, _orderState$options9, _orderState$options10, _configState$configs10, _configState$configs11, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options11, _orderState$options12, _configState$configs14, _configState$configs15, _orderState$options13, _configState$configs16, _configState$configs17, _configState$configs18, _configState$configs19, _orderState$options14, _orderState$options15, _configState$configs20, _configState$configs21, _orderState$options16, _configState$configs22, _configState$configs23, _configState$configs24, _configState$configs25, _orderState$options17, _orderState$options18, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9;
55
55
  var isHome = props.isHome,
56
56
  location = props.location,
57
57
  isShowOrderOptions = props.isShowOrderOptions,
@@ -344,7 +344,8 @@ var Header = function Header(props) {
344
344
  return setSearchValue(value);
345
345
  },
346
346
  handleCustomEnter: function handleCustomEnter() {
347
- return events.emit('go_to_page', {
347
+ var _configState$configs12, _configState$configs13;
348
+ return (configState === null || configState === void 0 ? void 0 : (_configState$configs12 = configState.configs) === null || _configState$configs12 === void 0 ? void 0 : (_configState$configs13 = _configState$configs12.advanced_business_search_enabled) === null || _configState$configs13 === void 0 ? void 0 : _configState$configs13.value) === '0' || businessSlug ? null : events.emit('go_to_page', {
348
349
  page: 'business_search'
349
350
  });
350
351
  }
@@ -407,10 +408,10 @@ var Header = function Header(props) {
407
408
  onClick: function onClick() {
408
409
  return openModal('address');
409
410
  }
410
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.GeoAlt, null), " ", ((_orderState$options11 = orderState.options) === null || _orderState$options11 === void 0 ? void 0 : (_orderState$options12 = _orderState$options11.address) === null || _orderState$options12 === void 0 ? void 0 : _orderState$options12.address) || t('WHAT_IS_YOUR_ADDRESS', 'What\'s your address?')), !isCustomerMode && (isPreOrderSetting || (configState === null || configState === void 0 ? void 0 : (_configState$configs12 = configState.configs) === null || _configState$configs12 === void 0 ? void 0 : (_configState$configs13 = _configState$configs12.preorder_status_enabled) === null || _configState$configs13 === void 0 ? void 0 : _configState$configs13.value) === undefined) && /*#__PURE__*/_react.default.createElement(_HeaderOption.HeaderOption, {
411
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.GeoAlt, null), " ", ((_orderState$options11 = orderState.options) === null || _orderState$options11 === void 0 ? void 0 : (_orderState$options12 = _orderState$options11.address) === null || _orderState$options12 === void 0 ? void 0 : _orderState$options12.address) || t('WHAT_IS_YOUR_ADDRESS', 'What\'s your address?')), !isCustomerMode && (isPreOrderSetting || (configState === null || configState === void 0 ? void 0 : (_configState$configs14 = configState.configs) === null || _configState$configs14 === void 0 ? void 0 : (_configState$configs15 = _configState$configs14.preorder_status_enabled) === null || _configState$configs15 === void 0 ? void 0 : _configState$configs15.value) === undefined) && /*#__PURE__*/_react.default.createElement(_HeaderOption.HeaderOption, {
411
412
  variant: "moment",
412
413
  momentState: orderState === null || orderState === void 0 ? void 0 : (_orderState$options13 = orderState.options) === null || _orderState$options13 === void 0 ? void 0 : _orderState$options13.moment,
413
- onClick: (configState === null || configState === void 0 ? void 0 : (_configState$configs14 = configState.configs) === null || _configState$configs14 === void 0 ? void 0 : (_configState$configs15 = _configState$configs14.max_days_preorder) === null || _configState$configs15 === void 0 ? void 0 : _configState$configs15.value) === -1 || (configState === null || configState === void 0 ? void 0 : (_configState$configs16 = configState.configs) === null || _configState$configs16 === void 0 ? void 0 : (_configState$configs17 = _configState$configs16.max_days_preorder) === null || _configState$configs17 === void 0 ? void 0 : _configState$configs17.value) === 0 ? null : function (variant) {
414
+ onClick: (configState === null || configState === void 0 ? void 0 : (_configState$configs16 = configState.configs) === null || _configState$configs16 === void 0 ? void 0 : (_configState$configs17 = _configState$configs16.max_days_preorder) === null || _configState$configs17 === void 0 ? void 0 : _configState$configs17.value) === -1 || (configState === null || configState === void 0 ? void 0 : (_configState$configs18 = configState.configs) === null || _configState$configs18 === void 0 ? void 0 : (_configState$configs19 = _configState$configs18.max_days_preorder) === null || _configState$configs19 === void 0 ? void 0 : _configState$configs19.value) === 0 ? null : function (variant) {
414
415
  return openModal(variant);
415
416
  }
416
417
  })) : windowSize.width >= 576 && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, null, isFarAway && /*#__PURE__*/_react.default.createElement(_styles.FarAwayMessage, null, /*#__PURE__*/_react.default.createElement(_TiWarningOutline.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('YOU_ARE_FAR_FROM_ADDRESS', 'You are far from this address'))), /*#__PURE__*/_react.default.createElement(_HeaderOption.HeaderOption, {
@@ -422,10 +423,10 @@ var Header = function Header(props) {
422
423
  containerStyle: {
423
424
  width: '80%'
424
425
  }
425
- }), !isCustomerMode && (isPreOrderSetting || (configState === null || configState === void 0 ? void 0 : (_configState$configs18 = configState.configs) === null || _configState$configs18 === void 0 ? void 0 : (_configState$configs19 = _configState$configs18.preorder_status_enabled) === null || _configState$configs19 === void 0 ? void 0 : _configState$configs19.value) === undefined) && /*#__PURE__*/_react.default.createElement(_HeaderOption.HeaderOption, {
426
+ }), !isCustomerMode && (isPreOrderSetting || (configState === null || configState === void 0 ? void 0 : (_configState$configs20 = configState.configs) === null || _configState$configs20 === void 0 ? void 0 : (_configState$configs21 = _configState$configs20.preorder_status_enabled) === null || _configState$configs21 === void 0 ? void 0 : _configState$configs21.value) === undefined) && /*#__PURE__*/_react.default.createElement(_HeaderOption.HeaderOption, {
426
427
  variant: "moment",
427
428
  momentState: orderState === null || orderState === void 0 ? void 0 : (_orderState$options16 = orderState.options) === null || _orderState$options16 === void 0 ? void 0 : _orderState$options16.moment,
428
- onClick: (configState === null || configState === void 0 ? void 0 : (_configState$configs20 = configState.configs) === null || _configState$configs20 === void 0 ? void 0 : (_configState$configs21 = _configState$configs20.max_days_preorder) === null || _configState$configs21 === void 0 ? void 0 : _configState$configs21.value) === -1 || (configState === null || configState === void 0 ? void 0 : (_configState$configs22 = configState.configs) === null || _configState$configs22 === void 0 ? void 0 : (_configState$configs23 = _configState$configs22.max_days_preorder) === null || _configState$configs23 === void 0 ? void 0 : _configState$configs23.value) === 0 ? null : function (variant) {
429
+ onClick: (configState === null || configState === void 0 ? void 0 : (_configState$configs22 = configState.configs) === null || _configState$configs22 === void 0 ? void 0 : (_configState$configs23 = _configState$configs22.max_days_preorder) === null || _configState$configs23 === void 0 ? void 0 : _configState$configs23.value) === -1 || (configState === null || configState === void 0 ? void 0 : (_configState$configs24 = configState.configs) === null || _configState$configs24 === void 0 ? void 0 : (_configState$configs25 = _configState$configs24.max_days_preorder) === null || _configState$configs25 === void 0 ? void 0 : _configState$configs25.value) === 0 ? null : function (variant) {
429
430
  return openModal(variant);
430
431
  }
431
432
  }))), modalIsOpen && /*#__PURE__*/_react.default.createElement(_Modal.Modal, _extends({}, !auth && modalSelected === 'address' && {
package/_modules/themes/five/src/components/MomentControl/index.js CHANGED
@@ -38,7 +38,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
38
38
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
39
39
  _swiper.default.use([_swiper.Navigation]);
40
40
  var MomentControlUI = function MomentControlUI(props) {
41
- var _configs$dates_moment, _configs$dates_moment2, _props$beforeElements, _props$beforeComponen, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _props$afterComponent, _props$afterElements;
41
+ var _configs$general_hour, _configs$general_hour2, _props$beforeElements, _props$beforeComponen, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _props$afterComponent, _props$afterElements;
42
42
  var isAsap = props.isAsap,
43
43
  datesList = props.datesList,
44
44
  hoursList = props.hoursList,
@@ -52,7 +52,7 @@ var MomentControlUI = function MomentControlUI(props) {
52
52
  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
53
53
  _useConfig2 = _slicedToArray(_useConfig, 1),
54
54
  configs = _useConfig2[0].configs;
55
- var is12hours = configs === null || configs === void 0 ? void 0 : (_configs$dates_moment = configs.dates_moment_format) === null || _configs$dates_moment === void 0 ? void 0 : (_configs$dates_moment2 = _configs$dates_moment.value) === null || _configs$dates_moment2 === void 0 ? void 0 : _configs$dates_moment2.includes('hh:mm');
55
+ var is12hours = configs === null || configs === void 0 ? void 0 : (_configs$general_hour = configs.general_hour_format) === null || _configs$general_hour === void 0 ? void 0 : (_configs$general_hour2 = _configs$general_hour.value) === null || _configs$general_hour2 === void 0 ? void 0 : _configs$general_hour2.includes('hh:mm');
56
56
  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
57
57
  _useUtils2 = _slicedToArray(_useUtils, 1),
58
58
  parseTime = _useUtils2[0].parseTime;
package/_modules/themes/five/src/components/OrderDetails/index.js CHANGED
@@ -57,7 +57,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
57
57
  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; } }
58
58
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
59
59
  var OrderDetailsUI = function OrderDetailsUI(props) {
60
- var _configs$google_maps_, _configs$powered_by_o, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _theme$confirmation, _theme$confirmation$c, _theme$confirmation$c2, _theme$confirmation$c3, _theme$confirmation$c4, _theme$confirmation2, _theme$confirmation2$, _theme$confirmation2$2, _theme$confirmation2$3, _theme$confirmation2$4, _theme$confirmation3, _theme$confirmation3$, _theme$confirmation3$2, _theme$confirmation3$3, _theme$confirmation3$4, _theme$confirmation4, _theme$confirmation4$, _theme$confirmation4$2, _theme$confirmation4$3, _theme$confirmation4$4, _theme$confirmation5, _theme$confirmation5$, _theme$confirmation5$2, _theme$confirmation5$3, _theme$confirmation5$4, _theme$confirmation6, _theme$confirmation6$, _theme$confirmation6$2, _theme$confirmation6$3, _theme$confirmation6$4, _theme$confirmation7, _theme$confirmation7$, _theme$confirmation7$2, _theme$confirmation7$3, _theme$confirmation7$4, _theme$confirmation8, _theme$confirmation8$, _theme$confirmation8$2, _theme$confirmation8$3, _theme$confirmation8$4, _theme$confirmation9, _theme$confirmation9$, _theme$confirmation9$2, _theme$confirmation9$3, _theme$confirmation9$4, _theme$confirmation10, _theme$confirmation11, _theme$confirmation12, _theme$confirmation13, _theme$confirmation14, _theme$confirmation15, _theme$confirmation16, _theme$confirmation17, _theme$confirmation18, _theme$confirmation19, _theme$confirmation20, _theme$confirmation21, _theme$confirmation22, _theme$confirmation23, _theme$confirmation24, _theme$confirmation25, _theme$confirmation26, _theme$confirmation27, _theme$confirmation28, _theme$confirmation29, _theme$confirmation30, _theme$confirmation31, _theme$confirmation32, _theme$confirmation33, _theme$confirmation34, _theme$confirmation35, _theme$confirmation36, _theme$confirmation37, _theme$confirmation38, _theme$confirmation39, _theme$confirmation40, _theme$confirmation41, _theme$confirmation42, _theme$confirmation43, _theme$confirmation44, _theme$confirmation45, _theme$confirmation46, _theme$confirmation47, _theme$confirmation48, _theme$confirmation49, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business2, _order$business3, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _order$driver3, _order$driver3$locati, _order$driver4, _order$driver4$locati, _order$driver4$locati2, _theme$defaultLanguag, _configs$guest_uuid_a, _order$business4, _order$business5, _orderTypes$find, _order$reporting_data, _configs$general_hour, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _order$business12, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag3, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$driver11, _order$driver12, _order$driver13, _order$driver13$locat, _order$driver14, _configs$google_maps_2, _order$products$, _order$products$$gift, _order$products$2, _order$products$2$gif, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
60
+ var _configs$google_maps_, _configs$powered_by_o, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _theme$confirmation, _theme$confirmation$c, _theme$confirmation$c2, _theme$confirmation$c3, _theme$confirmation$c4, _theme$confirmation2, _theme$confirmation2$, _theme$confirmation2$2, _theme$confirmation2$3, _theme$confirmation2$4, _theme$confirmation3, _theme$confirmation3$, _theme$confirmation3$2, _theme$confirmation3$3, _theme$confirmation3$4, _theme$confirmation4, _theme$confirmation4$, _theme$confirmation4$2, _theme$confirmation4$3, _theme$confirmation4$4, _theme$confirmation5, _theme$confirmation5$, _theme$confirmation5$2, _theme$confirmation5$3, _theme$confirmation5$4, _theme$confirmation6, _theme$confirmation6$, _theme$confirmation6$2, _theme$confirmation6$3, _theme$confirmation6$4, _theme$confirmation7, _theme$confirmation7$, _theme$confirmation7$2, _theme$confirmation7$3, _theme$confirmation7$4, _theme$confirmation8, _theme$confirmation8$, _theme$confirmation8$2, _theme$confirmation8$3, _theme$confirmation8$4, _theme$confirmation9, _theme$confirmation9$, _theme$confirmation9$2, _theme$confirmation9$3, _theme$confirmation9$4, _theme$confirmation10, _theme$confirmation11, _theme$confirmation12, _theme$confirmation13, _theme$confirmation14, _theme$confirmation15, _theme$confirmation16, _theme$confirmation17, _theme$confirmation18, _theme$confirmation19, _theme$confirmation20, _theme$confirmation21, _theme$confirmation22, _theme$confirmation23, _theme$confirmation24, _theme$confirmation25, _theme$confirmation26, _theme$confirmation27, _theme$confirmation28, _theme$confirmation29, _theme$confirmation30, _theme$confirmation31, _theme$confirmation32, _theme$confirmation33, _theme$confirmation34, _theme$confirmation35, _theme$confirmation36, _theme$confirmation37, _theme$confirmation38, _theme$confirmation39, _theme$confirmation40, _theme$confirmation41, _theme$confirmation42, _theme$confirmation43, _theme$confirmation44, _theme$confirmation45, _theme$confirmation46, _theme$confirmation47, _theme$confirmation48, _theme$confirmation49, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business2, _order$business3, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _order$driver3, _order$driver3$locati, _order$driver4, _order$driver4$locati, _order$driver4$locati2, _theme$defaultLanguag, _configs$guest_uuid_a, _order$business4, _order$business5, _orderTypes$find, _configs$general_hour, _order$reporting_data, _configs$general_hour2, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _order$business12, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag3, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$driver11, _order$driver12, _order$driver13, _order$driver13$locat, _order$driver14, _configs$google_maps_2, _order$products$, _order$products$$gift, _order$products$2, _order$products$2$gif, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
61
61
  var userCustomerId = props.userCustomerId,
62
62
  handleChangeOrderStatus = props.handleChangeOrderStatus,
63
63
  handleBusinessRedirect = props.handleBusinessRedirect,
@@ -527,9 +527,10 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
527
527
  })) === null || _orderTypes$find === void 0 ? void 0 : _orderTypes$find.text), !hideDeliveryDate && /*#__PURE__*/_react.default.createElement("p", {
528
528
  className: "date"
529
529
  }, activeStatus.includes(order === null || order === void 0 ? void 0 : order.status) ? /*#__PURE__*/_react.default.createElement(_OrderEta.OrderEta, {
530
- order: order
531
- }) : parseDate(order === null || order === void 0 ? void 0 : (_order$reporting_data = order.reporting_data) === null || _order$reporting_data === void 0 ? void 0 : _order$reporting_data.at["status:".concat(order.status)], {
530
+ order: order,
532
531
  outputFormat: "YYYY-MM-DD ".concat(configs === null || configs === void 0 ? void 0 : (_configs$general_hour = configs.general_hour_format) === null || _configs$general_hour === void 0 ? void 0 : _configs$general_hour.value)
532
+ }) : parseDate(order === null || order === void 0 ? void 0 : (_order$reporting_data = order.reporting_data) === null || _order$reporting_data === void 0 ? void 0 : _order$reporting_data.at["status:".concat(order.status)], {
533
+ outputFormat: "YYYY-MM-DD ".concat(configs === null || configs === void 0 ? void 0 : (_configs$general_hour2 = configs.general_hour_format) === null || _configs$general_hour2 === void 0 ? void 0 : _configs$general_hour2.value)
533
534
  })), (acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) || !isOriginalLayout) && !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_styles.ReOrder, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
534
535
  color: "primary",
535
536
  outline: true,
package/_modules/themes/five/src/components/OrderDetails/styles.js CHANGED
@@ -50,7 +50,7 @@ var ActionsBlock = _styledComponents.default.div(_templateObject12 || (_template
50
50
  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
51
51
  });
52
52
  exports.ActionsBlock = ActionsBlock;
53
- var OrderInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 0px 0px 35px;\n position: relative;\n h1, p {\n margin: 0px;\n color: ", ";\n }\n h1 {\n margin-bottom: 5px;\n font-weight: 600;\n font-size: 32px;\n }\n p {\n font-size: 14px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n .date {\n margin-bottom: 6px;\n }\n .types {\n margin-bottom: 6px;\n font-size: 16px;\n }\n .order-status {\n font-weight: 600;\n font-size: 16px;\n }\n"])), function (props) {
53
+ var OrderInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 0px 0px 35px;\n position: relative;\n h1, p {\n margin: 0px;\n color: ", ";\n }\n h1 {\n margin-bottom: 5px;\n font-weight: 600;\n font-size: 32px;\n }\n p {\n font-size: 14px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n .date {\n margin-bottom: 6px;\n text-transform: uppercase;\n }\n .types {\n margin-bottom: 6px;\n font-size: 16px;\n }\n .order-status {\n font-weight: 600;\n font-size: 16px;\n }\n"])), function (props) {
54
54
  return props.theme.colors.darkTextColor;
55
55
  });
56
56
  exports.OrderInfo = OrderInfo;
package/_modules/themes/five/src/components/PaymentOptionWallet/index.js CHANGED
@@ -139,15 +139,11 @@ var PaymentOptionWalletUI = function PaymentOptionWalletUI(props) {
139
139
  color: (cart === null || cart === void 0 ? void 0 : cart.balance) === 0 && !checkedState[idx] || wallet.balance === 0 ? theme.colors.darkGray : 'black'
140
140
  },
141
141
  htmlFor: "custom-checkbox-".concat(idx)
142
- }, (_walletName$wallet$ty2 = walletName[wallet.type]) === null || _walletName$wallet$ty2 === void 0 ? void 0 : _walletName$wallet$ty2.name))), /*#__PURE__*/_react.default.createElement("div", null, wallet.type === 'cash' && /*#__PURE__*/_react.default.createElement("span", null, parsePrice(wallet === null || wallet === void 0 ? void 0 : wallet.balance, {
143
- isTruncable: true
144
- })), wallet.type === 'credit_point' && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
142
+ }, (_walletName$wallet$ty2 = walletName[wallet.type]) === null || _walletName$wallet$ty2 === void 0 ? void 0 : _walletName$wallet$ty2.name))), /*#__PURE__*/_react.default.createElement("div", null, wallet.type === 'cash' && /*#__PURE__*/_react.default.createElement("span", null, parsePrice(wallet === null || wallet === void 0 ? void 0 : wallet.balance)), wallet.type === 'credit_point' && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
145
143
  style: {
146
144
  color: theme.colors.primary
147
145
  }
148
- }, "".concat(wallet === null || wallet === void 0 ? void 0 : wallet.balance, " ").concat(t('POINTS', 'Points'))), " ", (wallet === null || wallet === void 0 ? void 0 : wallet.balance) > 0 && "= ".concat(parsePrice((wallet === null || wallet === void 0 ? void 0 : wallet.balance) / (wallet === null || wallet === void 0 ? void 0 : wallet.redemption_rate), {
149
- isTruncable: true
150
- })))));
146
+ }, "".concat(wallet === null || wallet === void 0 ? void 0 : wallet.balance, " ").concat(t('POINTS', 'Points'))), " ", (wallet === null || wallet === void 0 ? void 0 : wallet.balance) > 0 && "= ".concat(parsePrice((wallet === null || wallet === void 0 ? void 0 : wallet.balance) / (wallet === null || wallet === void 0 ? void 0 : wallet.redemption_rate))))));
151
147
  })), (walletsState === null || walletsState === void 0 ? void 0 : walletsState.loading) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(2).keys()).map(function (i) {
152
148
  return /*#__PURE__*/_react.default.createElement(_styles.SectionWrapper, {
153
149
  key: i
package/_modules/themes/five/src/components/ProductForm/styles.js CHANGED
@@ -96,7 +96,7 @@ var WrapperIngredients = _styledComponents.default.div(_templateObject25 || (_te
96
96
  return isProductSoldout && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n border-radius: 10px;\n pointer-events: none;\n background: hsl(0, 0%, 72%);\n "])));
97
97
  });
98
98
  exports.WrapperIngredients = WrapperIngredients;
99
- var ProductTabContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #E9ECEF;\n position: sticky;\n top: 0px;\n background: white;\n z-index: 9999996;\n overflow: scroll hidden;\n width: 100%;\n ::-webkit-scrollbar {\n height: 0px;\n }\n\n #optionList {\n > div {\n white-space: nowrap;\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 10px 0px;\n margin-right: 25px;\n ", "\n }\n }\n"])), function (props) {
99
+ var ProductTabContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #E9ECEF;\n position: sticky;\n top: 50px;\n background: white;\n z-index: 9999996;\n overflow: scroll hidden;\n width: 100%;\n ::-webkit-scrollbar {\n height: 0px;\n }\n\n #optionList {\n > div {\n white-space: nowrap;\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 10px 0px;\n margin-right: 25px;\n ", "\n }\n }\n"])), function (props) {
100
100
  return props.theme.rtl && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-right: 0px;\n margin-left: 25px;\n "])));
101
101
  });
102
102
  exports.ProductTabContainer = ProductTabContainer;
package/_modules/themes/five/src/components/ProductOptionSubOption/styles.js CHANGED
@@ -21,7 +21,7 @@ var IconControl = _styledComponents.default.div(_templateObject2 || (_templateOb
21
21
  return props.theme.colors.lightGray;
22
22
  });
23
23
  exports.IconControl = IconControl;
24
- var Text = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1 1 auto;\n display: flex;\n font-weight: 300;\n color: #555;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0 5px;\n\n div {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n color: ", ";\n }\n\n span {\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n ", "\n }\n\n ", "\n"])), function (props) {
24
+ var Text = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1 1 auto;\n display: flex;\n font-weight: 300;\n color: #555;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0 8px;\n\n div {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n color: ", ";\n }\n\n span {\n margin-left: 10px;\n font-weight: 500;\n color: ", ";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n ", "\n }\n\n ", "\n"])), function (props) {
25
25
  return props.theme.colors.darkGray;
26
26
  }, function (props) {
27
27
  return props.theme.colors.primary;
@@ -33,7 +33,7 @@ var Text = _styledComponents.default.div(_templateObject4 || (_templateObject4 =
33
33
  return noMargin && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n span {\n margin: 0;\n }\n "])));
34
34
  });
35
35
  exports.Text = Text;
36
- var SubOptionThumbnail = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: inline-block;\n border-radius: 8px;\n background-image: url(", ");\n background-repeat: no-repeat, repeat;\n width: 40px;\n height: 40px;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n justify-content: center;\n align-items: center;\n"])), function (_ref2) {
36
+ var SubOptionThumbnail = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: inline-block;\n border-radius: 8px;\n background-image: url(", ");\n background-repeat: no-repeat, repeat;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n justify-content: center;\n align-items: center;\n"])), function (_ref2) {
37
37
  var src = _ref2.src;
38
38
  return src;
39
39
  });
package/_modules/themes/five/src/components/ProductShare/styles.js CHANGED
@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
10
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
- var IconShare = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n margin: 0px;\n top: 10px;\n font-size: 22px;\n right: 16px;\n left: 10px;\n z-index: 9999995;\n background: rgba(255,255,255,0.5);\n height: 30px;\n border-radius: 50%;\n width: 30px;\n svg {\n position: relative;\n cursor: pointer;\n color: #333;\n left: 3px;\n ", "\n }\n ", "\n\n\n @media(min-width: 769px){\n position: relative;\n left: 5px;\n top: 0;\n\n svg{\n position: static;\n }\n\n ", "\n }\n\n @media (min-width: 1201px) {\n position: sticky;\n width: 0;\n\n &:nth-child(1) > svg {\n background-color: white;\n padding: 5px;\n border-radius: 9px;\n margin: 5px 0px;\n }\n\n ", "\n }\n"])), function (props) {
13
+ var IconShare = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n margin: 0px;\n top: 10px;\n font-size: 22px;\n right: 16px;\n left: 10px;\n z-index: 9999999;\n background: rgba(255,255,255,0.5);\n height: 30px;\n border-radius: 50%;\n width: 30px;\n svg {\n position: relative;\n cursor: pointer;\n color: #333;\n left: 3px;\n ", "\n }\n ", "\n\n\n @media(min-width: 769px){\n position: relative;\n left: 5px;\n top: 0;\n\n svg{\n position: static;\n }\n\n ", "\n }\n\n @media (min-width: 1201px) {\n position: sticky;\n width: 0;\n\n &:nth-child(1) > svg {\n background-color: white;\n padding: 5px;\n border-radius: 9px;\n margin: 5px 0px;\n }\n\n ", "\n }\n"])), function (props) {
14
14
  var _props$theme;
15
15
  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n left: 0;\n right: 5px;\n "])));
16
16
  }, function (props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-external",
3
- "version": "3.0.2",
3
+ "version": "4.0.0",
4
4
  "description": "Ordering UI Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
package/src/themes/five/src/components/BusinessBasicInformation/index.js CHANGED
@@ -138,7 +138,7 @@ export const BusinessBasicInformation = (props) => {
138
138
  const businessNameElement = document.getElementById('business_name')
139
139
  if (businessNameElement) {
140
140
  const limit = window.pageYOffset >= (businessNameElement?.offsetTop - 55) && window.pageYOffset > 0
141
- if (limit && windowSize.width < 993) {
141
+ if (limit) {
142
142
  const classAdded = businessNameElement.classList.contains('fixed-name')
143
143
  !classAdded && businessNameElement.classList.add('fixed-name')
144
144
  } else {
package/src/themes/five/src/components/BusinessBasicInformation/styles.js CHANGED
@@ -260,7 +260,7 @@ export const WrapperSearch = styled.div`
260
260
  &.fixed-search {
261
261
  left: 0;
262
262
  width: 100vw;
263
- z-index: 1002;
263
+ z-index: 10000;
264
264
  }
265
265
  }
266
266
  `
@@ -373,13 +373,13 @@ export const TitleWrapper = styled.div`
373
373
  text-overflow: ellipsis;
374
374
  background: ${({ theme }) => theme?.colors?.white};
375
375
  &.fixed-name {
376
- z-index: 1002;
376
+ z-index: 10001;
377
377
  position: fixed;
378
378
  top: 0;
379
379
  padding: 10px 0;
380
380
  font-size: 18px;
381
381
  ${({ isCustomLayout }) => !isCustomLayout ? css`
382
- width: calc(100vw - 190px);
382
+ width: calc(100vw - 200px);
383
383
  ${props => props.theme?.rtl ? css`
384
384
  right: 50px;
385
385
  ` : css`
package/src/themes/five/src/components/BusinessPreorder/index.js CHANGED
@@ -77,7 +77,7 @@ const BusinessPreorderUI = (props) => {
77
77
  const [timeList, setTimeList] = useState([])
78
78
  const [isEnabled, setIsEnabled] = useState(false)
79
79
 
80
- const is12Hours = configs?.dates_moment_format?.value?.includes('hh:mm')
80
+ const is12Hours = configs?.general_hour_format?.value?.includes('hh:mm')
81
81
  const isPreOrderSetting = configs?.preorder_status_enabled?.value === '1'
82
82
  const preOrderType = [
83
83
  { value: 'business_menu', content: <TypeContent>{t('BUSINESS_MENU', 'Business menu')}</TypeContent> },
package/src/themes/five/src/components/BusinessProductsCategories/index.js CHANGED
@@ -135,12 +135,12 @@ const BusinessProductsCategoriesUI = (props) => {
135
135
 
136
136
  let style0 = '.sticky-prod-cat {'
137
137
  style0 += 'position: fixed !important;'
138
- style0 += `top: ${windowSize.width >= 993 ? '0px' : '56px'} !important;`
138
+ style0 += `top: ${useKioskApp ? '0px' : '56px'} !important;`
139
139
  style0 += 'left: 0px !important;'
140
140
  style0 += 'z-index: 9999 !important;'
141
- style0 += 'padding: 5px 5px 0px 5px !important;'
142
- style0 += `width: calc(100% - ${useKioskApp ? '50px' : windowSize.width >= 993 ? '155px' : '0px'})!important;`
143
- !disabledCustomWidth && (style0 += `width: calc(100% - ${useKioskApp ? '50px' : '155px'}) !important;`)
141
+ style0 += 'padding: 5px 5px 0px 20px !important;'
142
+ style0 += 'width: 100% !important;'
143
+ !disabledCustomWidth && (style0 += `width: calc(100% - ${useKioskApp ? '50px' : '0px'}) !important;`)
144
144
  style0 += '}'
145
145
 
146
146
  let style1 = '.sticky-search {'
package/src/themes/five/src/components/BusinessProductsCategories/styles.js CHANGED
@@ -11,7 +11,7 @@ export const CategoriesContainer = styled.div`
11
11
  border-bottom: 1px solid #D9D9D9;
12
12
  text-align: center;
13
13
  width: ${props => props.w || '100%'};
14
-
14
+ box-sizing: border-box;
15
15
  div.category {
16
16
  text-overflow: ellipsis;
17
17
  white-space: nowrap;
package/src/themes/five/src/components/BusinessProductsListing/index.js CHANGED
@@ -193,7 +193,7 @@ const BusinessProductsListingUI = (props) => {
193
193
  const backArrowElement = document.getElementById('back-arrow')
194
194
  if (backArrowElement) {
195
195
  const limit = window.pageYOffset >= backArrowElement?.offsetTop && window.pageYOffset > 0
196
- if (limit && windowSize.width < 993) {
196
+ if (limit) {
197
197
  const classAdded = backArrowElement.classList.contains('fixed-arrow')
198
198
  !classAdded && backArrowElement.classList.add('fixed-arrow')
199
199
  } else {
package/src/themes/five/src/components/BusinessProductsListing/styles.js CHANGED
@@ -152,7 +152,7 @@ export const HeaderContent = styled.div`
152
152
  position: fixed;
153
153
  top: 0;
154
154
  left: 0;
155
- z-index: 1001;
155
+ z-index: 10001;
156
156
  width: 100vw;
157
157
  background-color: ${props => props.theme.colors.backgroundPage};
158
158
  height: 56px;
@@ -163,6 +163,9 @@ export const HeaderContent = styled.div`
163
163
  ` : css`
164
164
  padding-left: 10px;
165
165
  `}
166
+ @media (min-width: 993px){
167
+ width: 100px;
168
+ }
166
169
  }
167
170
  `
168
171
  export const OrderContextUIWrapper = styled.div`
package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js CHANGED
@@ -235,13 +235,13 @@ const BusinessesListingUI = (props) => {
235
235
  )}
236
236
  </BusinessBanner>
237
237
  )}
238
- <OrderProgress
239
- isChew={isChew}
240
- franchiseId={props.franchiseId}
241
- userCustomerId={userCustomer?.id}
242
- asDashboard={isCustomerMode}
243
- isCustomerMode={isCustomerMode}
244
- />
238
+ <OrderProgress
239
+ isChew={isChew}
240
+ franchiseId={props.franchiseId}
241
+ userCustomerId={userCustomer?.id}
242
+ asDashboard={isCustomerMode}
243
+ isCustomerMode={isCustomerMode}
244
+ />
245
245
  {(configs?.business_listing_hide_image?.value !== '1' && isChew) && (
246
246
  <BusinessHeroImg
247
247
  bgimage={theme.images?.general?.businessHero}
@@ -269,7 +269,7 @@ const BusinessesListingUI = (props) => {
269
269
  isCustomLayout={isCustomLayout}
270
270
  placeholder={t('SEARCH_BUSINESSES', 'Search Businesses')}
271
271
  onSearch={handleChangeSearch}
272
- handleCustomEnter={() => onRedirectPage({ page: 'business_search' })}
272
+ handleCustomEnter={() => configs?.advanced_business_search_enabled?.value === '1' ? onRedirectPage({ page: 'business_search' }) : null}
273
273
  />
274
274
  )}
275
275
  {!hideCities && citiesState?.cities?.length > 0 && (
package/src/themes/five/src/components/Header/index.js CHANGED
@@ -332,7 +332,9 @@ export const Header = (props) => {
332
332
  placeholder={t('SEARCH_BUSINESSES', 'Search Businesses')}
333
333
  starbucksStyle
334
334
  onSearch={(value) => setSearchValue(value)}
335
- handleCustomEnter={() => events.emit('go_to_page', { page: 'business_search' })}
335
+ handleCustomEnter={() => configState?.configs?.advanced_business_search_enabled?.value === '0' || businessSlug
336
+ ? null
337
+ : events.emit('go_to_page', { page: 'business_search' })}
336
338
  />
337
339
  </HeaderSearchMode>
338
340
  )}
package/src/themes/five/src/components/MomentControl/index.js CHANGED
@@ -55,7 +55,7 @@ const MomentControlUI = (props) => {
55
55
  } = props
56
56
 
57
57
  const [{ configs }] = useConfig()
58
- const is12hours = configs?.dates_moment_format?.value?.includes('hh:mm')
58
+ const is12hours = configs?.general_hour_format?.value?.includes('hh:mm')
59
59
  const [{ parseTime }] = useUtils()
60
60
  const { pathname } = useLocation()
61
61
  const [, t] = useLanguage()
package/src/themes/five/src/components/OrderDetails/index.js CHANGED
@@ -422,7 +422,7 @@ const OrderDetailsUI = (props) => {
422
422
  {!hideDeliveryDate && (
423
423
  <p className='date'>
424
424
  {activeStatus.includes(order?.status) ? (
425
- <OrderEta order={order} />
425
+ <OrderEta order={order} outputFormat={`YYYY-MM-DD ${configs?.general_hour_format?.value}`} />
426
426
  ) : (
427
427
  parseDate(order?.reporting_data?.at[`status:${order.status}`], { outputFormat: `YYYY-MM-DD ${configs?.general_hour_format?.value}` })
428
428
  )}
package/src/themes/five/src/components/OrderDetails/styles.js CHANGED
@@ -183,6 +183,7 @@ export const OrderInfo = styled.div`
183
183
  }
184
184
  .date {
185
185
  margin-bottom: 6px;
186
+ text-transform: uppercase;
186
187
  }
187
188
  .types {
188
189
  margin-bottom: 6px;
package/src/themes/five/src/components/PaymentOptionWallet/index.js CHANGED
@@ -125,11 +125,11 @@ const PaymentOptionWalletUI = (props) => {
125
125
  </SectionLeft>
126
126
  <div>
127
127
  {wallet.type === 'cash' && (
128
- <span>{parsePrice(wallet?.balance, { isTruncable: true })}</span>
128
+ <span>{parsePrice(wallet?.balance)}</span>
129
129
  )}
130
130
  {wallet.type === 'credit_point' && (
131
131
  <span>
132
- <span style={{ color: theme.colors.primary }}>{`${wallet?.balance} ${t('POINTS', 'Points')}`}</span> {wallet?.balance > 0 && `= ${parsePrice(wallet?.balance / wallet?.redemption_rate, { isTruncable: true })}`}
132
+ <span style={{ color: theme.colors.primary }}>{`${wallet?.balance} ${t('POINTS', 'Points')}`}</span> {wallet?.balance > 0 && `= ${parsePrice(wallet?.balance / wallet?.redemption_rate)}`}
133
133
  </span>
134
134
  )}
135
135
  </div>
package/src/themes/five/src/components/ProductForm/styles.js CHANGED
@@ -439,7 +439,7 @@ export const WrapperIngredients = styled.div`
439
439
  export const ProductTabContainer = styled.div`
440
440
  border-bottom: 1px solid #E9ECEF;
441
441
  position: sticky;
442
- top: 0px;
442
+ top: 50px;
443
443
  background: white;
444
444
  z-index: 9999996;
445
445
  overflow: scroll hidden;
package/src/themes/five/src/components/ProductOptionSubOption/styles.js CHANGED
@@ -38,7 +38,7 @@ export const Text = styled.div`
38
38
  color: #555;
39
39
  overflow: hidden;
40
40
  text-overflow: ellipsis;
41
- margin: 0 5px;
41
+ margin: 0 8px;
42
42
 
43
43
  div {
44
44
  overflow: hidden;
@@ -74,6 +74,8 @@ export const SubOptionThumbnail = styled.div`
74
74
  background-repeat: no-repeat, repeat;
75
75
  width: 40px;
76
76
  height: 40px;
77
+ min-width: 40px;
78
+ min-height: 40px;
77
79
  background-size: cover;
78
80
  object-fit: cover;
79
81
  background-position: center;
package/src/themes/five/src/components/ProductShare/styles.js CHANGED
@@ -7,7 +7,7 @@ export const IconShare = styled.div`
7
7
  font-size: 22px;
8
8
  right: 16px;
9
9
  left: 10px;
10
- z-index: 9999995;
10
+ z-index: 9999999;
11
11
  background: rgba(255,255,255,0.5);
12
12
  height: 30px;
13
13
  border-radius: 50%;
package/template/app.js CHANGED
@@ -639,7 +639,7 @@ export const App = () => {
639
639
  {isUserVerifyRequired ? (
640
640
  <Redirect to='/verify' />
641
641
  ) : (
642
- (orderStatus.options?.address?.location || isAllowUnaddressOrderType) && !isKioskApp && !singleBusinessConfig.businessSlug ? (
642
+ (orderStatus.options?.address?.location || isAllowUnaddressOrderType) && !isKioskApp && !singleBusinessConfig.isActive ? (
643
643
  <BusinessListingSearch />
644
644
  ) : (
645
645
  <Redirect to={singleBusinessConfig.isActive ? `/${singleBusinessConfig.businessSlug}` : '/'} />
package/template/theme.json CHANGED
@@ -41,7 +41,8 @@
41
41
  "links": "#2C7BE5",
42
42
  "success500": "#00D27A",
43
43
  "secondaryDark": "#414954",
44
- "black": "#000000"
44
+ "black": "#000000",
45
+ "white": "#FFFFFF"
45
46
  },
46
47
  "defaultLanguages": {
47
48
  "QUESTION_CLEAR_CUSTOMER": "Are you sure that you want to clear the customer?",