ordering-ui-external 10.1.0 → 10.2.0

package/_modules/themes/five/src/components/MomentContent/index.js

@@ -19,11 +19,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var MomentContent = function MomentContent(props) {
-  var _configs$max_days_pre, _document, _document$getElementB, _props$beforeElements, _props$beforeComponen, _orderState$options, _orderState$options$a, _props$afterComponent, _props$afterElements;
+  var _props$preorderMaximu, _configs$max_days_pre, _document, _document$getElementB, _props$beforeElements, _props$beforeComponen, _orderState$options, _orderState$options$a, _props$afterComponent, _props$afterElements;
   var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
-    configs = _useConfig2[0].configs;
-  var limitDays = parseInt(configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre = configs.max_days_preorder) === null || _configs$max_days_pre === void 0 ? void 0 : _configs$max_days_pre.value, 10);
+    _useConfig2$ = _useConfig2[0],
+    configs = _useConfig2$.configs,
+    loading = _useConfig2$.loading;
+  var limitDays = parseInt((_props$preorderMaximu = props.preorderMaximumDays) !== null && _props$preorderMaximu !== void 0 ? _props$preorderMaximu : configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre = configs.max_days_preorder) === null || _configs$max_days_pre === void 0 ? void 0 : _configs$max_days_pre.value, 10);
   var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
     _useOrder2 = _slicedToArray(_useOrder, 1),
     orderState = _useOrder2[0];
@@ -48,9 +50,17 @@ var MomentContent = function MomentContent(props) {
     }, props));
   }), /*#__PURE__*/_react.default.createElement(_styles.Container, {
     isLoading: orderState === null || orderState === void 0 ? void 0 : orderState.loading
-  }, /*#__PURE__*/_react.default.createElement(_MomentControl.MomentControl, _extends({}, momentProps, {
-    onClose: props.onClose
-  })), (orderState === null || orderState === void 0 ? void 0 : orderState.loading) && /*#__PURE__*/_react.default.createElement(_styles.Layer, {
+  }, (!props.cateringPreorder || !loading) && /*#__PURE__*/_react.default.createElement(_MomentControl.MomentControl, _extends({}, momentProps, {
+    onClose: props.onClose,
+    cateringPreorder: props.cateringPreorder,
+    isCart: props.isCart,
+    preorderSlotInterval: props.preorderSlotInterval,
+    preorderLeadTime: props.preorderLeadTime,
+    preorderTimeRange: props.preorderTimeRange,
+    preorderMaximumDays: props.preorderMaximumDays,
+    preorderMinimumDays: props.preorderMinimumDays,
+    business: props.business
+  })), (orderState === null || orderState === void 0 ? void 0 : orderState.loading) && !props.isHeader && /*#__PURE__*/_react.default.createElement(_styles.Layer, {
     height: (momentControl === null || momentControl === void 0 ? void 0 : momentControl.height) && "".concat(momentControl === null || momentControl === void 0 ? void 0 : momentControl.height, "px")
   }, (window.location.pathname !== '/search' || (orderState === null || orderState === void 0 ? void 0 : (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : (_orderState$options$a = _orderState$options.address) === null || _orderState$options$a === void 0 ? void 0 : _orderState$options$a.location)) && /*#__PURE__*/_react.default.createElement(_SpinnerLoader.SpinnerLoader, {
     style: {

package/_modules/themes/five/src/components/MomentControl/index.js

@@ -29,7 +29,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -38,7 +37,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 _swiper.default.use([_swiper.Navigation]);
 var MomentControlUI = function MomentControlUI(props) {
-  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;
+  var _configs$general_hour, _configs$general_hour2, _datesList$slice, _configs$max_days_pre, _configs$max_days_pre2, _configs$max_days_pre3, _configs$max_days_pre4, _configs$max_days_pre5, _configs$max_days_pre6;
   var isAsap = props.isAsap,
     datesList = props.datesList,
     hoursList = props.hoursList,
@@ -48,7 +47,14 @@ var MomentControlUI = function MomentControlUI(props) {
     handleChangeDate = props.handleChangeDate,
     handleChangeTime = props.handleChangeTime,
     onClose = props.onClose,
-    isAppoint = props.isAppoint;
+    isAppoint = props.isAppoint,
+    cateringPreorder = props.cateringPreorder,
+    isCart = props.isCart,
+    preorderLeadTime = props.preorderLeadTime,
+    business = props.business,
+    getActualSchedule = props.getActualSchedule,
+    preorderMaximumDays = props.preorderMaximumDays,
+    preorderMinimumDays = props.preorderMinimumDays;
   var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
@@ -112,14 +118,30 @@ var MomentControlUI = function MomentControlUI(props) {
   };
   (0, _react.useEffect)(function () {
     var _timeLists = [];
-    if (!scheduleList) {
-      _timeLists = hoursList.map(function (hour) {
+    if (!scheduleList || cateringPreorder) {
+      var _Object$keys, _Object$keys2;
+      var schedule = business && ((_Object$keys = Object.keys(business || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0 && getActualSchedule();
+      if (!schedule && cateringPreorder && ((_Object$keys2 = Object.keys(business)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) > 0) {
+        setIsEnabled(false);
+        return;
+      }
+      _timeLists = hoursList.filter(function (hour) {
+        var _Object$keys3, _schedule$lapses;
+        return (((_Object$keys3 = Object.keys(business || {})) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3.length) === 0 || (schedule === null || schedule === void 0 ? void 0 : (_schedule$lapses = schedule.lapses) === null || _schedule$lapses === void 0 ? void 0 : _schedule$lapses.some(function (lapse) {
+          return (0, _moment.default)(dateSelected + " ".concat(hour.startTime)) >= (0, _moment.default)(dateSelected + " ".concat(lapse.open.hour, ":").concat(lapse.open.minute)).add(preorderLeadTime, 'minutes') && (0, _moment.default)(dateSelected + " ".concat(hour.endTime)) <= (0, _moment.default)(dateSelected + " ".concat(lapse.close.hour, ":").concat(lapse.close.minute));
+        }))) && (0, _moment.default)(dateSelected + " ".concat(hour.startTime)) < (0, _moment.default)(dateSelected + " ".concat(hour.endTime)) && ((0, _moment.default)().add(preorderLeadTime, 'minutes') < (0, _moment.default)(dateSelected + " ".concat(hour.startTime)) || !cateringPreorder);
+      }).map(function (hour) {
         return {
           value: hour.startTime,
           text: is12hours ? hour.startTime.includes('12') ? "".concat(hour.startTime, "PM") : parseTime((0, _moment.default)(hour.startTime, 'HH:mm'), {
             outputFormat: 'hh:mma'
           }) : parseTime((0, _moment.default)(hour.startTime, 'HH:mm'), {
             outputFormat: 'HH:mm'
+          }),
+          endText: is12hours ? hour.endTime.includes('12') ? "".concat(hour.endTime, "PM") : parseTime((0, _moment.default)(hour.endTime, 'HH:mm'), {
+            outputFormat: 'hh:mma'
+          }) : parseTime((0, _moment.default)(hour.endTime, 'HH:mm'), {
+            outputFormat: 'HH:mm'
           })
         };
       });
@@ -128,12 +150,12 @@ var MomentControlUI = function MomentControlUI(props) {
       _timeLists = getTimes(dateSelected, scheduleList);
     }
     setTimeList(_timeLists);
-  }, [dateSelected, hoursList, scheduleList]);
+  }, [dateSelected, hoursList, scheduleList, cateringPreorder, JSON.stringify(business)]);
   (0, _react.useEffect)(function () {
-    handleCheckBoxChange(isAsap);
+    handleCheckBoxChange(isAsap && (preorderMinimumDays === 0 && preorderLeadTime === 0 || !cateringPreorder));
   }, [isAsap]);
   (0, _react.useEffect)(function () {
-    if (!pathname.includes('store')) {
+    if (!pathname.includes('store') || isCart) {
       setScheduleList(null);
       return;
     }
@@ -145,15 +167,7 @@ var MomentControlUI = function MomentControlUI(props) {
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "moment_control"
-  }, (_props$beforeElements = props.beforeElements) === null || _props$beforeElements === void 0 ? void 0 : _props$beforeElements.map(function (BeforeElement, i) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: i
-    }, BeforeElement);
-  }), (_props$beforeComponen = props.beforeComponents) === null || _props$beforeComponen === void 0 ? void 0 : _props$beforeComponen.map(function (BeforeComponent, i) {
-    return /*#__PURE__*/_react.default.createElement(BeforeComponent, _extends({
-      key: i
-    }, props));
-  }), !isAppoint && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Title, null, t('WHEN_DO_WE_DELIVERY', 'When do we delivery?')), /*#__PURE__*/_react.default.createElement(_styles.CheckBoxWrapper, {
+  }, !isAppoint && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCart && /*#__PURE__*/_react.default.createElement(_styles.Title, null, t('WHEN_DO_WE_DELIVERY', 'When do we delivery?')), (preorderMinimumDays === 0 && preorderLeadTime === 0 || !cateringPreorder) && /*#__PURE__*/_react.default.createElement(_styles.CheckBoxWrapper, {
     highlight: isAsap && isASP,
     onClick: function onClick() {
       return handleCheckBoxChange(true);
@@ -164,7 +178,7 @@ var MomentControlUI = function MomentControlUI(props) {
     onClick: function onClick() {
       return handleCheckBoxChange(null);
     }
-  }, isASP ? /*#__PURE__*/_react.default.createElement(_CgRadioCheck.default, null) : /*#__PURE__*/_react.default.createElement(_styles.CheckedIcon, null), /*#__PURE__*/_react.default.createElement("span", null, t('SCHEDULE_FOR_LATER', 'Schedule for later')))), (!isASP || isAppoint) && (!props.isCustomLayout ? /*#__PURE__*/_react.default.createElement(_styles.OrderTimeWrapper, null, !isAppoint && /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_TIME', 'Order time')), /*#__PURE__*/_react.default.createElement(_styles.DateWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.MonthYearLayer, null, /*#__PURE__*/_react.default.createElement("span", null, (0, _moment.default)(dateSelected).format('MMMM, yyyy'))), /*#__PURE__*/_react.default.createElement(_styles.DaysSwiper, {
+  }, isASP ? /*#__PURE__*/_react.default.createElement(_CgRadioCheck.default, null) : /*#__PURE__*/_react.default.createElement(_styles.CheckedIcon, null), /*#__PURE__*/_react.default.createElement("span", null, t('SCHEDULE_FOR_LATER', 'Schedule for later')))), (!isASP || isAppoint) && (!props.isCustomLayout ? /*#__PURE__*/_react.default.createElement(_styles.OrderTimeWrapper, null, !isAppoint && !isCart && /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_TIME', 'Order time')), /*#__PURE__*/_react.default.createElement(_styles.DateWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.MonthYearLayer, null, /*#__PURE__*/_react.default.createElement("span", null, ((_datesList$slice = datesList.slice(cateringPreorder && preorderMinimumDays || 0, Number(cateringPreorder ? preorderMaximumDays : (_configs$max_days_pre = configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre2 = configs.max_days_preorder) === null || _configs$max_days_pre2 === void 0 ? void 0 : _configs$max_days_pre2.value) !== null && _configs$max_days_pre !== void 0 ? _configs$max_days_pre : 6, 10))) === null || _datesList$slice === void 0 ? void 0 : _datesList$slice.length) === 0 ? (0, _moment.default)(dateSelected).format('Do MMMM, yyyy') : (0, _moment.default)(dateSelected).format('MMMM, yyyy'))), /*#__PURE__*/_react.default.createElement(_styles.DaysSwiper, {
     left: /*#__PURE__*/_react.default.createElement(_BsCaretLeftFill.default, null)
   }, /*#__PURE__*/_react.default.createElement(_react2.Swiper, {
     spaceBetween: 0,
@@ -183,7 +197,7 @@ var MomentControlUI = function MomentControlUI(props) {
         spaceBetween: 0
       },
       769: {
-        slidesPerView: (configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre = configs.max_days_preorder) === null || _configs$max_days_pre === void 0 ? void 0 : _configs$max_days_pre.value) < 7 ? configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre2 = configs.max_days_preorder) === null || _configs$max_days_pre2 === void 0 ? void 0 : _configs$max_days_pre2.value : 7,
+        slidesPerView: (configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre3 = configs.max_days_preorder) === null || _configs$max_days_pre3 === void 0 ? void 0 : _configs$max_days_pre3.value) < 7 ? configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre4 = configs.max_days_preorder) === null || _configs$max_days_pre4 === void 0 ? void 0 : _configs$max_days_pre4.value : 7,
         spaceBetween: 0
       }
     },
@@ -191,7 +205,7 @@ var MomentControlUI = function MomentControlUI(props) {
     watchSlidesProgress: true,
     className: "swiper-datelist",
     preventClicksPropagation: false
-  }, datesList.slice(0, Number((configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre3 = configs.max_days_preorder) === null || _configs$max_days_pre3 === void 0 ? void 0 : _configs$max_days_pre3.value) || 6, 10)).map(function (date) {
+  }, datesList.slice(cateringPreorder && preorderMinimumDays || 0, Number(cateringPreorder ? preorderMaximumDays : (_configs$max_days_pre5 = configs === null || configs === void 0 ? void 0 : (_configs$max_days_pre6 = configs.max_days_preorder) === null || _configs$max_days_pre6 === void 0 ? void 0 : _configs$max_days_pre6.value) !== null && _configs$max_days_pre5 !== void 0 ? _configs$max_days_pre5 : 6, 10)).map(function (date) {
     var dateParts = date.split('-');
     var _date = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
     var dayName = t('DAY' + (_date.getDay() >= 1 ? _date.getDay() : 7)).substring(0, 2);
@@ -215,9 +229,12 @@ var MomentControlUI = function MomentControlUI(props) {
       onClick: function onClick() {
         return handleChangeTime(time.value);
       },
-      isAppoint: isAppoint
-    }, /*#__PURE__*/_react.default.createElement("span", null, time.text));
-  })) : /*#__PURE__*/_react.default.createElement(_styles.ClosedBusinessMsg, null, t('ERROR_ADD_PRODUCT_BUSINESS_CLOSED', 'The business is closed at the moment')))) : /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
+      isAppoint: isAppoint,
+      cateringPreorder: cateringPreorder
+    }, /*#__PURE__*/_react.default.createElement("span", null, cateringPreorder && /*#__PURE__*/_react.default.createElement(_styles.CheckIcon, null, timeSelected === time.value ? /*#__PURE__*/_react.default.createElement(_styles.CheckedIcon, {
+      cateringPreorder: cateringPreorder
+    }) : /*#__PURE__*/_react.default.createElement(_CgRadioCheck.default, null)), /*#__PURE__*/_react.default.createElement("p", null, time.text, " ", cateringPreorder && "- ".concat(time.endText))));
+  })) : /*#__PURE__*/_react.default.createElement(_styles.ClosedBusinessMsg, null, !business ? t('ERROR_SHEDULE_UNAVAILABLE', 'There are no schedules for this date') : t('ERROR_ADD_PRODUCT_BUSINESS_CLOSED', 'The business is closed at the moment')))) : /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
     handleChangeDate: handleChangeDate,
     datesList: datesList,
     hoursList: hoursList,
@@ -225,20 +242,13 @@ var MomentControlUI = function MomentControlUI(props) {
     timeList: timeList,
     timeSelected: timeSelected,
     handleChangeTime: handleChangeTime
-  })), !isAppoint && /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  })), !isAppoint && !isCart && /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: "primary",
     onClick: function onClick() {
       return onClose();
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('CONTINUE', 'Continue')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowRight, null))), (_props$afterComponent = props.afterComponents) === null || _props$afterComponent === void 0 ? void 0 : _props$afterComponent.map(function (AfterComponent, i) {
-    return /*#__PURE__*/_react.default.createElement(AfterComponent, _extends({
-      key: i
-    }, props));
-  }), (_props$afterElements = props.afterElements) === null || _props$afterElements === void 0 ? void 0 : _props$afterElements.map(function (AfterElement, i) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: i
-    }, AfterElement);
-  }));
+    },
+    disabled: !timeSelected
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('CONTINUE', 'Continue')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowRight, null))));
 };
 var MomentControl = function MomentControl(props) {
   var momentProps = _objectSpread(_objectSpread({}, props), {}, {

package/_modules/themes/five/src/components/MomentControl/styles.js

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.TimeListWrapper = exports.TimeItem = exports.OrderTimeWrapper = exports.MonthYearLayer = exports.DaysSwiper = exports.DayNumber = exports.DayName = exports.Day = exports.DateWrapper = exports.ClosedBusinessMsg = exports.CheckedIcon = exports.CheckBoxWrapper = exports.ButtonWrapper = void 0;
+exports.Title = exports.TimeListWrapper = exports.TimeItem = exports.SelectContainer = exports.OrderTimeWrapper = exports.MonthYearLayer = exports.DaysSwiper = exports.DayNumber = exports.DayName = exports.Day = exports.DateWrapper = exports.ClosedBusinessMsg = exports.CheckedIcon = exports.CheckIcon = exports.CheckBoxWrapper = exports.ButtonWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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;
+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, _templateObject34;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -36,50 +36,72 @@ var CheckBoxWrapper = _styledComponents.default.div(_templateObject3 || (_templa
 exports.CheckBoxWrapper = CheckBoxWrapper;
 var DateWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""])));
 exports.DateWrapper = DateWrapper;
-var TimeListWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: -12px;\n  width: calc(100% + 24px);\n  margin-top: 30px;\n  max-height: 250px;\n  overflow: auto;\n"])));
+var TimeListWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: -12px;\n  width: calc(100% + 24px);\n  margin-top: 30px;\n  max-height: 250px;\n  overflow: auto;\n  ", "\n"])), function (_ref3) {
+  var cateringPreorder = _ref3.cateringPreorder;
+  return cateringPreorder && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-left: 0;\n  "])));
+});
 exports.TimeListWrapper = TimeListWrapper;
-var CheckedIcon = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: 20px;\n  min-width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 6px solid ", ";\n  margin: 2px 12px 2px 2px;\n  ", "\n"])), function (props) {
+var CheckedIcon = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: 20px;\n  min-width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 6px solid ", ";\n  margin: 2px 12px 2px 2px;\n  ", "\n  ", "\n"])), function (props) {
   var _props$theme$colors4;
   return (_props$theme$colors4 = props.theme.colors) === null || _props$theme$colors4 === void 0 ? void 0 : _props$theme$colors4.primary;
 }, function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    margin: 2px 2px 2px 12px;\n  "])));
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin: 2px 2px 2px 12px;\n  "])));
+}, function (_ref4) {
+  var cateringPreorder = _ref4.cateringPreorder;
+  return cateringPreorder && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    width: 21px;\n    min-width: 21px;\n    height: 21px;\n    margin: 0;\n    margin-left: 1px;\n  "])));
 });
 exports.CheckedIcon = CheckedIcon;
-var ButtonWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n  button {\n    width: 100%;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      position: absolute;\n      font-size: 21px;\n      ", "\n    }\n  }\n"])), function (props) {
+var ButtonWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n  button {\n    width: 100%;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      position: absolute;\n      font-size: 21px;\n      ", "\n    }\n  }\n"])), function (props) {
   var _props$theme2;
-  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        left: 17px;\n      "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        right: 17px;\n      "])));
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        left: 17px;\n      "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        right: 17px;\n      "])));
 });
 exports.ButtonWrapper = ButtonWrapper;
-var OrderTimeWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  > p {\n    font-weight: 600;\n    font-size: 20px;\n  }\n"])));
+var OrderTimeWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  > p {\n    font-weight: 600;\n    font-size: 20px;\n  }\n"])));
 exports.OrderTimeWrapper = OrderTimeWrapper;
-var MonthYearLayer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-top: 0px;\n  margin-bottom: 13px;\n\n  span {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
+var MonthYearLayer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin-top: 0px;\n  margin-bottom: 13px;\n\n  span {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 exports.MonthYearLayer = MonthYearLayer;
-var DaysSwiper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  border-top: 1px solid #E9ECEF;\n  border-bottom: 1px solid #E9ECEF;\n\n  .swiper-datelist {\n    padding: 0 20px;\n    .swiper-button-prev {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 00-1.659-.753l-5.48 4.796a1 1 0 000 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 20px;\n    }\n\n    .swiper-button-prev::after {\n      display: none;\n    }\n    .swiper-button-next {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 18px;\n    }\n\n    .swiper-button-next::after {\n      display: none;\n    }\n\n    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n      right: 0px;\n      left: auto;\n    }\n    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n      left: 0px;\n      right: auto;\n    }\n  }\n"])));
+var DaysSwiper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  border-top: 1px solid #E9ECEF;\n  border-bottom: 1px solid #E9ECEF;\n\n  .swiper-datelist {\n    padding: 0 20px;\n    .swiper-button-prev {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 00-1.659-.753l-5.48 4.796a1 1 0 000 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 20px;\n    }\n\n    .swiper-button-prev::after {\n      display: none;\n    }\n    .swiper-button-next {\n      background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: 100% auto;\n      background-position: center;\n      width: 18px;\n    }\n\n    .swiper-button-next::after {\n      display: none;\n    }\n\n    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n      right: 0px;\n      left: auto;\n    }\n    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n      left: 0px;\n      right: auto;\n    }\n    .swiper-wrapper {\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n"])));
 exports.DaysSwiper = DaysSwiper;
-var Day = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  color: #B1BCCC;\n  cursor: pointer;\n  padding: 14px 0 13px 0;\n  flex-direction: column;\n  align-items: center;\n  transition: background-color .16s ease -0.01s;\n\n  ", "\n\n  :hover {\n    background-color: #e9ecef;\n  }\n"])), function (_ref3) {
-  var selected = _ref3.selected;
-  return selected && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    color: #344050;\n  "])));
+var Day = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  color: #B1BCCC;\n  cursor: pointer;\n  padding: 14px 0 13px 0;\n  flex-direction: column;\n  align-items: center;\n  transition: background-color .16s ease -0.01s;\n\n  ", "\n\n  :hover {\n    background-color: #e9ecef;\n  }\n"])), function (_ref5) {
+  var selected = _ref5.selected;
+  return selected && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    color: #344050;\n  "])));
 });
 exports.Day = Day;
-var DayName = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 14px;\n  line-height: 24px;\n  margin-bottom: 10px;\n  &:first-letter {\n    text-transform: uppercase;\n  }\n\n  ", "\n"])), function (_ref4) {
-  var isAppoint = _ref4.isAppoint;
-  return isAppoint && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 22px;\n  "])));
+var DayName = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  font-size: 14px;\n  line-height: 24px;\n  margin-bottom: 10px;\n  &:first-letter {\n    text-transform: uppercase;\n  }\n\n  ", "\n"])), function (_ref6) {
+  var isAppoint = _ref6.isAppoint;
+  return isAppoint && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 22px;\n  "])));
 });
 exports.DayName = DayName;
-var DayNumber = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 30px;\n\n  ", "\n"])), function (_ref5) {
-  var isAppoint = _ref5.isAppoint;
-  return isAppoint && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 26px;\n  "])));
+var DayNumber = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 30px;\n\n  ", "\n"])), function (_ref7) {
+  var isAppoint = _ref7.isAppoint;
+  return isAppoint && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 26px;\n  "])));
 });
 exports.DayNumber = DayNumber;
-var TimeItem = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #E9ECEF;\n  border-radius: 7.6px;\n  padding: 5px 15px;\n  margin: 12px;\n  width: calc(50% - 24px);\n  min-width: calc(50% - 24px);\n  box-sizing: border-box;\n  user-select: none;\n\n  ", "\n\n  span {\n    font-size: 14px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 400px) {\n    width: calc(33.33% - 24px);\n    min-width: calc(33.33% - 24px);\n  }\n\n  @media (min-width: 576px) {\n    width: calc(25% - 24px);\n    min-width: calc(25% - 24px);\n  }\n\n  @media (min-width: 769px) {\n    width: calc(16.66% - 24px);\n    min-width: calc(16.66% - 24px);\n    ", "\n  }\n"])), function (_ref6) {
-  var active = _ref6.active;
-  return active && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    background: #F5F9FF;\n    color: ", ";\n  "])), function (props) {
+var TimeItem = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  span {\n    font-size: 14px;\n    white-space: nowrap;\n  }\n  ", "\n", "\n"])), function (_ref8) {
+  var active = _ref8.active;
+  return active && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n    background: #F5F9FF;\n    color: ", ";\n  "])), function (props) {
     return props.theme.colors.primary;
   });
-}, function (_ref7) {
-  var isAppoint = _ref7.isAppoint;
-  return isAppoint && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      width: calc(33.33% - 24px);\n      min-width: calc(33.33% - 24px);\n      span {\n        font-size: 12px;\n      }\n    "])));
+}, function (_ref9) {
+  var cateringPreorder = _ref9.cateringPreorder;
+  return cateringPreorder ? (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n    background: #fff;\n    width: 100%;\n    min-width: 100%;\n    height: 50px;\n    \n    span {\n      font-size: 18px;\n      display: flex;\n      align-items: center;\n      margin: 10px 0;\n      margin-left: 15px;\n      p{\n        position: relative;\n        bottom: 2px;\n      }\n    }\n    ", "\n  "])), function (_ref10) {
+    var active = _ref10.active;
+    return active && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      background: #F5F9FF;\n      color: ", ";\n      span {\n        p{\n          bottom: 0;\n          margin-left: 2px;\n        }\n      }\n    "])), function (props) {
+      return props.theme.colors.primary;
+    });
+  }) : (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n    justify-content: center;\n    align-items: center;\n    background: #E9ECEF;\n    border-radius: 7.6px;\n    padding: 5px 15px;\n    margin: 12px;\n    width: calc(50% - 24px);\n    min-width: calc(50% - 24px);\n    box-sizing: border-box;\n    user-select: none;\n      \n      @media (min-width: 400px) {\n        width: calc(33.33% - 24px);\n        min-width: calc(33.33% - 24px);\n      }\n      \n      @media (min-width: 576px) {\n      width: calc(25% - 24px);\n      min-width: calc(25% - 24px);\n      }\n      \n      @media (min-width: 769px) {\n        width: calc(33.33% - 24px);\n        min-width: calc(33.33% - 24px);\n        ", "\n      }\n    "])), function (_ref11) {
+    var isAppoint = _ref11.isAppoint;
+    return isAppoint && (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n          width: calc(33.33% - 24px);\n          min-width: calc(33.33% - 24px);\n          span {\n            font-size: 12px;\n          }\n        "])));
+  });
 });
 exports.TimeItem = TimeItem;
-var ClosedBusinessMsg = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  text-align: center;\n  font-size: 16px;\n  width: 100%;\n"])));
-exports.ClosedBusinessMsg = ClosedBusinessMsg;
+var ClosedBusinessMsg = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  text-align: center;\n  font-size: 16px;\n  width: 100%;\n"])));
+exports.ClosedBusinessMsg = ClosedBusinessMsg;
+var SelectContainer = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  #list {\n    width: 100%;\n  }\n\n  > div {\n    width: 100%;\n    background-color: #F8F9FA!important;\n    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n    min-height: 44px;\n    border: none;\n    border-radius: 7.6px;\n    color: #909BA9 !important;\n\n    > div:first-child {\n      padding-top: 5px;\n      padding-bottom: 5px;\n      justify-content: space-between;\n    }\n    > div#list {\n      width: 100%;\n      background-color: #F8F9FA!important;\n      border: 1px solid #F8F9FA;\n      border-radius: 7.6px;\n      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  ", "\n"])), function (_ref12) {
+  var _theme$layouts, _theme$layouts$checko, _theme$layouts$checko2, _theme$layouts$checko3;
+  var theme = _ref12.theme;
+  return (theme === null || theme === void 0 ? void 0 : (_theme$layouts = theme.layouts) === null || _theme$layouts === void 0 ? void 0 : (_theme$layouts$checko = _theme$layouts.checkout) === null || _theme$layouts$checko === void 0 ? void 0 : (_theme$layouts$checko2 = _theme$layouts$checko.components) === null || _theme$layouts$checko2 === void 0 ? void 0 : (_theme$layouts$checko3 = _theme$layouts$checko2.layout) === null || _theme$layouts$checko3 === void 0 ? void 0 : _theme$layouts$checko3.type) === 'pfchangs' && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n    background: #000;\n    #select-input {\n      margin-bottom: 0px;\n    }\n    div {\n      white-space: pre-wrap;\n    }\n    > div {\n      background-color: #000!important;\n      border: 1px solid #fff;\n      border-radius: 0px;\n      color: #fff !important;\n      padding: 0px 10px;\n      box-sizing: border-box;\n      height: auto;\n      > div#list {\n        background-color: #000 !important;\n        border: 1px solid #fff;\n        border-radius: 0px;\n      }\n    }\n  "])));
+});
+exports.SelectContainer = SelectContainer;
+var CheckIcon = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  margin-right: 20px;\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n"])));
+exports.CheckIcon = CheckIcon;

package/_modules/themes/five/src/components/OrderDetails/index.js

@@ -57,7 +57,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrderDetailsUI = function OrderDetailsUI(props) {
-  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, _progressBarObjt, _progressBarObjt2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _progressBarObjt3, _progressBarObjt4, _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;
+  var _configs$google_maps_, _configs$powered_by_o, _theme$confirmation, _theme$confirmation$c, _theme$confirmation$c2, _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, _theme$confirmation50, _theme$confirmation51, _theme$confirmation52, _theme$confirmation53, _theme$confirmation54, _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, _progressBarObjt, _progressBarObjt2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _progressBarObjt3, _progressBarObjt4, _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;
   var userCustomerId = props.userCustomerId,
     handleChangeOrderStatus = props.handleChangeOrderStatus,
     handleBusinessRedirect = props.handleBusinessRedirect,
@@ -80,6 +80,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
   var theme = (0, _styledComponents.useTheme)();
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
+    _useSession2 = _slicedToArray(_useSession, 1),
+    token = _useSession2[0].token;
   var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
     _useEvent2 = _slicedToArray(_useEvent, 1),
     events = _useEvent2[0];
@@ -95,9 +98,6 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     _useOrder2 = _slicedToArray(_useOrder, 2),
     carts = _useOrder2[0].carts,
     refreshOrderOptions = _useOrder2[1].refreshOrderOptions;
-  var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
-    _useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
-    orderingTheme = _useOrderingTheme2[0];
   var _useState = (0, _react.useState)({
       business: false,
       driver: false
@@ -186,24 +186,24 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
   var enabledPoweredByOrdering = configs === null || configs === void 0 ? void 0 : (_configs$powered_by_o = configs.powered_by_ordering_module) === null || _configs$powered_by_o === void 0 ? void 0 : _configs$powered_by_o.value;
   var hideOrderActions = (order === null || order === void 0 ? void 0 : order.delivery_type) === 1;
   var isGiftCardOrder = !(order !== null && order !== void 0 && order.business_id);
-  var isOriginalLayout = (orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$theme = orderingTheme.theme) === null || _orderingTheme$theme === void 0 ? void 0 : (_orderingTheme$theme$ = _orderingTheme$theme.confirmation) === null || _orderingTheme$theme$ === void 0 ? void 0 : (_orderingTheme$theme$2 = _orderingTheme$theme$.components) === null || _orderingTheme$theme$2 === void 0 ? void 0 : (_orderingTheme$theme$3 = _orderingTheme$theme$2.layout) === null || _orderingTheme$theme$3 === void 0 ? void 0 : _orderingTheme$theme$3.type) === 'original';
-  var hideDeliveryType = theme === null || theme === void 0 ? void 0 : (_theme$confirmation = theme.confirmation) === null || _theme$confirmation === void 0 ? void 0 : (_theme$confirmation$c = _theme$confirmation.components) === null || _theme$confirmation$c === void 0 ? void 0 : (_theme$confirmation$c2 = _theme$confirmation$c.order) === null || _theme$confirmation$c2 === void 0 ? void 0 : (_theme$confirmation$c3 = _theme$confirmation$c2.components) === null || _theme$confirmation$c3 === void 0 ? void 0 : (_theme$confirmation$c4 = _theme$confirmation$c3.delivery_type) === null || _theme$confirmation$c4 === void 0 ? void 0 : _theme$confirmation$c4.hidden;
-  var hideDeliveryDate = theme === null || theme === void 0 ? void 0 : (_theme$confirmation2 = theme.confirmation) === null || _theme$confirmation2 === void 0 ? void 0 : (_theme$confirmation2$ = _theme$confirmation2.components) === null || _theme$confirmation2$ === void 0 ? void 0 : (_theme$confirmation2$2 = _theme$confirmation2$.order) === null || _theme$confirmation2$2 === void 0 ? void 0 : (_theme$confirmation2$3 = _theme$confirmation2$2.components) === null || _theme$confirmation2$3 === void 0 ? void 0 : (_theme$confirmation2$4 = _theme$confirmation2$3.date) === null || _theme$confirmation2$4 === void 0 ? void 0 : _theme$confirmation2$4.hidden;
-  var hideDeliveryProgress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation3 = theme.confirmation) === null || _theme$confirmation3 === void 0 ? void 0 : (_theme$confirmation3$ = _theme$confirmation3.components) === null || _theme$confirmation3$ === void 0 ? void 0 : (_theme$confirmation3$2 = _theme$confirmation3$.order) === null || _theme$confirmation3$2 === void 0 ? void 0 : (_theme$confirmation3$3 = _theme$confirmation3$2.components) === null || _theme$confirmation3$3 === void 0 ? void 0 : (_theme$confirmation3$4 = _theme$confirmation3$3.progress) === null || _theme$confirmation3$4 === void 0 ? void 0 : _theme$confirmation3$4.hidden;
-  var hideBusinessPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation4 = theme.confirmation) === null || _theme$confirmation4 === void 0 ? void 0 : (_theme$confirmation4$ = _theme$confirmation4.components) === null || _theme$confirmation4$ === void 0 ? void 0 : (_theme$confirmation4$2 = _theme$confirmation4$.business) === null || _theme$confirmation4$2 === void 0 ? void 0 : (_theme$confirmation4$3 = _theme$confirmation4$2.components) === null || _theme$confirmation4$3 === void 0 ? void 0 : (_theme$confirmation4$4 = _theme$confirmation4$3.phone) === null || _theme$confirmation4$4 === void 0 ? void 0 : _theme$confirmation4$4.hidden;
-  var hideBusinessMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation5 = theme.confirmation) === null || _theme$confirmation5 === void 0 ? void 0 : (_theme$confirmation5$ = _theme$confirmation5.components) === null || _theme$confirmation5$ === void 0 ? void 0 : (_theme$confirmation5$2 = _theme$confirmation5$.business) === null || _theme$confirmation5$2 === void 0 ? void 0 : (_theme$confirmation5$3 = _theme$confirmation5$2.components) === null || _theme$confirmation5$3 === void 0 ? void 0 : (_theme$confirmation5$4 = _theme$confirmation5$3.messages) === null || _theme$confirmation5$4 === void 0 ? void 0 : _theme$confirmation5$4.hidden;
-  var hideBusinessEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation6 = theme.confirmation) === null || _theme$confirmation6 === void 0 ? void 0 : (_theme$confirmation6$ = _theme$confirmation6.components) === null || _theme$confirmation6$ === void 0 ? void 0 : (_theme$confirmation6$2 = _theme$confirmation6$.business) === null || _theme$confirmation6$2 === void 0 ? void 0 : (_theme$confirmation6$3 = _theme$confirmation6$2.components) === null || _theme$confirmation6$3 === void 0 ? void 0 : (_theme$confirmation6$4 = _theme$confirmation6$3.email) === null || _theme$confirmation6$4 === void 0 ? void 0 : _theme$confirmation6$4.hidden;
-  var hideBusinessAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation7 = theme.confirmation) === null || _theme$confirmation7 === void 0 ? void 0 : (_theme$confirmation7$ = _theme$confirmation7.components) === null || _theme$confirmation7$ === void 0 ? void 0 : (_theme$confirmation7$2 = _theme$confirmation7$.business) === null || _theme$confirmation7$2 === void 0 ? void 0 : (_theme$confirmation7$3 = _theme$confirmation7$2.components) === null || _theme$confirmation7$3 === void 0 ? void 0 : (_theme$confirmation7$4 = _theme$confirmation7$3.address) === null || _theme$confirmation7$4 === void 0 ? void 0 : _theme$confirmation7$4.hidden;
-  var hideBusinessMap = theme === null || theme === void 0 ? void 0 : (_theme$confirmation8 = theme.confirmation) === null || _theme$confirmation8 === void 0 ? void 0 : (_theme$confirmation8$ = _theme$confirmation8.components) === null || _theme$confirmation8$ === void 0 ? void 0 : (_theme$confirmation8$2 = _theme$confirmation8$.business) === null || _theme$confirmation8$2 === void 0 ? void 0 : (_theme$confirmation8$3 = _theme$confirmation8$2.components) === null || _theme$confirmation8$3 === void 0 ? void 0 : (_theme$confirmation8$4 = _theme$confirmation8$3.map) === null || _theme$confirmation8$4 === void 0 ? void 0 : _theme$confirmation8$4.hidden;
-  var hideDriverName = theme === null || theme === void 0 ? void 0 : (_theme$confirmation9 = theme.confirmation) === null || _theme$confirmation9 === void 0 ? void 0 : (_theme$confirmation9$ = _theme$confirmation9.components) === null || _theme$confirmation9$ === void 0 ? void 0 : (_theme$confirmation9$2 = _theme$confirmation9$.driver) === null || _theme$confirmation9$2 === void 0 ? void 0 : (_theme$confirmation9$3 = _theme$confirmation9$2.components) === null || _theme$confirmation9$3 === void 0 ? void 0 : (_theme$confirmation9$4 = _theme$confirmation9$3.name) === null || _theme$confirmation9$4 === void 0 ? void 0 : _theme$confirmation9$4.hidden;
-  var hideDriverPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation10 = theme.confirmation) === null || _theme$confirmation10 === void 0 ? void 0 : (_theme$confirmation11 = _theme$confirmation10.components) === null || _theme$confirmation11 === void 0 ? void 0 : (_theme$confirmation12 = _theme$confirmation11.driver) === null || _theme$confirmation12 === void 0 ? void 0 : (_theme$confirmation13 = _theme$confirmation12.components) === null || _theme$confirmation13 === void 0 ? void 0 : (_theme$confirmation14 = _theme$confirmation13.phone) === null || _theme$confirmation14 === void 0 ? void 0 : _theme$confirmation14.hidden;
-  var hideDriverMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation15 = theme.confirmation) === null || _theme$confirmation15 === void 0 ? void 0 : (_theme$confirmation16 = _theme$confirmation15.components) === null || _theme$confirmation16 === void 0 ? void 0 : (_theme$confirmation17 = _theme$confirmation16.driver) === null || _theme$confirmation17 === void 0 ? void 0 : (_theme$confirmation18 = _theme$confirmation17.components) === null || _theme$confirmation18 === void 0 ? void 0 : (_theme$confirmation19 = _theme$confirmation18.messages) === null || _theme$confirmation19 === void 0 ? void 0 : _theme$confirmation19.hidden;
-  var hideDriverEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation20 = theme.confirmation) === null || _theme$confirmation20 === void 0 ? void 0 : (_theme$confirmation21 = _theme$confirmation20.components) === null || _theme$confirmation21 === void 0 ? void 0 : (_theme$confirmation22 = _theme$confirmation21.driver) === null || _theme$confirmation22 === void 0 ? void 0 : (_theme$confirmation23 = _theme$confirmation22.components) === null || _theme$confirmation23 === void 0 ? void 0 : (_theme$confirmation24 = _theme$confirmation23.email) === null || _theme$confirmation24 === void 0 ? void 0 : _theme$confirmation24.hidden;
-  var hideDriverPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation25 = theme.confirmation) === null || _theme$confirmation25 === void 0 ? void 0 : (_theme$confirmation26 = _theme$confirmation25.components) === null || _theme$confirmation26 === void 0 ? void 0 : (_theme$confirmation27 = _theme$confirmation26.driver) === null || _theme$confirmation27 === void 0 ? void 0 : (_theme$confirmation28 = _theme$confirmation27.components) === null || _theme$confirmation28 === void 0 ? void 0 : (_theme$confirmation29 = _theme$confirmation28.photo) === null || _theme$confirmation29 === void 0 ? void 0 : _theme$confirmation29.hidden;
-  var hideCustomerPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation30 = theme.confirmation) === null || _theme$confirmation30 === void 0 ? void 0 : (_theme$confirmation31 = _theme$confirmation30.components) === null || _theme$confirmation31 === void 0 ? void 0 : (_theme$confirmation32 = _theme$confirmation31.customer) === null || _theme$confirmation32 === void 0 ? void 0 : (_theme$confirmation33 = _theme$confirmation32.components) === null || _theme$confirmation33 === void 0 ? void 0 : (_theme$confirmation34 = _theme$confirmation33.phone) === null || _theme$confirmation34 === void 0 ? void 0 : _theme$confirmation34.hidden;
-  var hideCustomerAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation35 = theme.confirmation) === null || _theme$confirmation35 === void 0 ? void 0 : (_theme$confirmation36 = _theme$confirmation35.components) === null || _theme$confirmation36 === void 0 ? void 0 : (_theme$confirmation37 = _theme$confirmation36.customer) === null || _theme$confirmation37 === void 0 ? void 0 : (_theme$confirmation38 = _theme$confirmation37.components) === null || _theme$confirmation38 === void 0 ? void 0 : (_theme$confirmation39 = _theme$confirmation38.address) === null || _theme$confirmation39 === void 0 ? void 0 : _theme$confirmation39.hidden;
-  var hideCustomerEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation40 = theme.confirmation) === null || _theme$confirmation40 === void 0 ? void 0 : (_theme$confirmation41 = _theme$confirmation40.components) === null || _theme$confirmation41 === void 0 ? void 0 : (_theme$confirmation42 = _theme$confirmation41.customer) === null || _theme$confirmation42 === void 0 ? void 0 : (_theme$confirmation43 = _theme$confirmation42.components) === null || _theme$confirmation43 === void 0 ? void 0 : (_theme$confirmation44 = _theme$confirmation43.email) === null || _theme$confirmation44 === void 0 ? void 0 : _theme$confirmation44.hidden;
-  var hideCustomerPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation45 = theme.confirmation) === null || _theme$confirmation45 === void 0 ? void 0 : (_theme$confirmation46 = _theme$confirmation45.components) === null || _theme$confirmation46 === void 0 ? void 0 : (_theme$confirmation47 = _theme$confirmation46.customer) === null || _theme$confirmation47 === void 0 ? void 0 : (_theme$confirmation48 = _theme$confirmation47.components) === null || _theme$confirmation48 === void 0 ? void 0 : (_theme$confirmation49 = _theme$confirmation48.photo) === null || _theme$confirmation49 === void 0 ? void 0 : _theme$confirmation49.hidden;
+  var isOriginalLayout = (theme === null || theme === void 0 ? void 0 : (_theme$confirmation = theme.confirmation) === null || _theme$confirmation === void 0 ? void 0 : (_theme$confirmation$c = _theme$confirmation.components) === null || _theme$confirmation$c === void 0 ? void 0 : (_theme$confirmation$c2 = _theme$confirmation$c.layout) === null || _theme$confirmation$c2 === void 0 ? void 0 : _theme$confirmation$c2.type) === 'original';
+  var hideDeliveryType = theme === null || theme === void 0 ? void 0 : (_theme$confirmation2 = theme.confirmation) === null || _theme$confirmation2 === void 0 ? void 0 : (_theme$confirmation2$ = _theme$confirmation2.components) === null || _theme$confirmation2$ === void 0 ? void 0 : (_theme$confirmation2$2 = _theme$confirmation2$.order) === null || _theme$confirmation2$2 === void 0 ? void 0 : (_theme$confirmation2$3 = _theme$confirmation2$2.components) === null || _theme$confirmation2$3 === void 0 ? void 0 : (_theme$confirmation2$4 = _theme$confirmation2$3.delivery_type) === null || _theme$confirmation2$4 === void 0 ? void 0 : _theme$confirmation2$4.hidden;
+  var hideDeliveryDate = theme === null || theme === void 0 ? void 0 : (_theme$confirmation3 = theme.confirmation) === null || _theme$confirmation3 === void 0 ? void 0 : (_theme$confirmation3$ = _theme$confirmation3.components) === null || _theme$confirmation3$ === void 0 ? void 0 : (_theme$confirmation3$2 = _theme$confirmation3$.order) === null || _theme$confirmation3$2 === void 0 ? void 0 : (_theme$confirmation3$3 = _theme$confirmation3$2.components) === null || _theme$confirmation3$3 === void 0 ? void 0 : (_theme$confirmation3$4 = _theme$confirmation3$3.date) === null || _theme$confirmation3$4 === void 0 ? void 0 : _theme$confirmation3$4.hidden;
+  var hideDeliveryProgress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation4 = theme.confirmation) === null || _theme$confirmation4 === void 0 ? void 0 : (_theme$confirmation4$ = _theme$confirmation4.components) === null || _theme$confirmation4$ === void 0 ? void 0 : (_theme$confirmation4$2 = _theme$confirmation4$.order) === null || _theme$confirmation4$2 === void 0 ? void 0 : (_theme$confirmation4$3 = _theme$confirmation4$2.components) === null || _theme$confirmation4$3 === void 0 ? void 0 : (_theme$confirmation4$4 = _theme$confirmation4$3.progress) === null || _theme$confirmation4$4 === void 0 ? void 0 : _theme$confirmation4$4.hidden;
+  var hideBusinessPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation5 = theme.confirmation) === null || _theme$confirmation5 === void 0 ? void 0 : (_theme$confirmation5$ = _theme$confirmation5.components) === null || _theme$confirmation5$ === void 0 ? void 0 : (_theme$confirmation5$2 = _theme$confirmation5$.business) === null || _theme$confirmation5$2 === void 0 ? void 0 : (_theme$confirmation5$3 = _theme$confirmation5$2.components) === null || _theme$confirmation5$3 === void 0 ? void 0 : (_theme$confirmation5$4 = _theme$confirmation5$3.phone) === null || _theme$confirmation5$4 === void 0 ? void 0 : _theme$confirmation5$4.hidden;
+  var hideBusinessMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation6 = theme.confirmation) === null || _theme$confirmation6 === void 0 ? void 0 : (_theme$confirmation6$ = _theme$confirmation6.components) === null || _theme$confirmation6$ === void 0 ? void 0 : (_theme$confirmation6$2 = _theme$confirmation6$.business) === null || _theme$confirmation6$2 === void 0 ? void 0 : (_theme$confirmation6$3 = _theme$confirmation6$2.components) === null || _theme$confirmation6$3 === void 0 ? void 0 : (_theme$confirmation6$4 = _theme$confirmation6$3.messages) === null || _theme$confirmation6$4 === void 0 ? void 0 : _theme$confirmation6$4.hidden;
+  var hideBusinessEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation7 = theme.confirmation) === null || _theme$confirmation7 === void 0 ? void 0 : (_theme$confirmation7$ = _theme$confirmation7.components) === null || _theme$confirmation7$ === void 0 ? void 0 : (_theme$confirmation7$2 = _theme$confirmation7$.business) === null || _theme$confirmation7$2 === void 0 ? void 0 : (_theme$confirmation7$3 = _theme$confirmation7$2.components) === null || _theme$confirmation7$3 === void 0 ? void 0 : (_theme$confirmation7$4 = _theme$confirmation7$3.email) === null || _theme$confirmation7$4 === void 0 ? void 0 : _theme$confirmation7$4.hidden;
+  var hideBusinessAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation8 = theme.confirmation) === null || _theme$confirmation8 === void 0 ? void 0 : (_theme$confirmation8$ = _theme$confirmation8.components) === null || _theme$confirmation8$ === void 0 ? void 0 : (_theme$confirmation8$2 = _theme$confirmation8$.business) === null || _theme$confirmation8$2 === void 0 ? void 0 : (_theme$confirmation8$3 = _theme$confirmation8$2.components) === null || _theme$confirmation8$3 === void 0 ? void 0 : (_theme$confirmation8$4 = _theme$confirmation8$3.address) === null || _theme$confirmation8$4 === void 0 ? void 0 : _theme$confirmation8$4.hidden;
+  var hideBusinessMap = theme === null || theme === void 0 ? void 0 : (_theme$confirmation9 = theme.confirmation) === null || _theme$confirmation9 === void 0 ? void 0 : (_theme$confirmation9$ = _theme$confirmation9.components) === null || _theme$confirmation9$ === void 0 ? void 0 : (_theme$confirmation9$2 = _theme$confirmation9$.business) === null || _theme$confirmation9$2 === void 0 ? void 0 : (_theme$confirmation9$3 = _theme$confirmation9$2.components) === null || _theme$confirmation9$3 === void 0 ? void 0 : (_theme$confirmation9$4 = _theme$confirmation9$3.map) === null || _theme$confirmation9$4 === void 0 ? void 0 : _theme$confirmation9$4.hidden;
+  var hideDriverName = theme === null || theme === void 0 ? void 0 : (_theme$confirmation10 = theme.confirmation) === null || _theme$confirmation10 === void 0 ? void 0 : (_theme$confirmation11 = _theme$confirmation10.components) === null || _theme$confirmation11 === void 0 ? void 0 : (_theme$confirmation12 = _theme$confirmation11.driver) === null || _theme$confirmation12 === void 0 ? void 0 : (_theme$confirmation13 = _theme$confirmation12.components) === null || _theme$confirmation13 === void 0 ? void 0 : (_theme$confirmation14 = _theme$confirmation13.name) === null || _theme$confirmation14 === void 0 ? void 0 : _theme$confirmation14.hidden;
+  var hideDriverPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation15 = theme.confirmation) === null || _theme$confirmation15 === void 0 ? void 0 : (_theme$confirmation16 = _theme$confirmation15.components) === null || _theme$confirmation16 === void 0 ? void 0 : (_theme$confirmation17 = _theme$confirmation16.driver) === null || _theme$confirmation17 === void 0 ? void 0 : (_theme$confirmation18 = _theme$confirmation17.components) === null || _theme$confirmation18 === void 0 ? void 0 : (_theme$confirmation19 = _theme$confirmation18.phone) === null || _theme$confirmation19 === void 0 ? void 0 : _theme$confirmation19.hidden;
+  var hideDriverMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation20 = theme.confirmation) === null || _theme$confirmation20 === void 0 ? void 0 : (_theme$confirmation21 = _theme$confirmation20.components) === null || _theme$confirmation21 === void 0 ? void 0 : (_theme$confirmation22 = _theme$confirmation21.driver) === null || _theme$confirmation22 === void 0 ? void 0 : (_theme$confirmation23 = _theme$confirmation22.components) === null || _theme$confirmation23 === void 0 ? void 0 : (_theme$confirmation24 = _theme$confirmation23.messages) === null || _theme$confirmation24 === void 0 ? void 0 : _theme$confirmation24.hidden;
+  var hideDriverEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation25 = theme.confirmation) === null || _theme$confirmation25 === void 0 ? void 0 : (_theme$confirmation26 = _theme$confirmation25.components) === null || _theme$confirmation26 === void 0 ? void 0 : (_theme$confirmation27 = _theme$confirmation26.driver) === null || _theme$confirmation27 === void 0 ? void 0 : (_theme$confirmation28 = _theme$confirmation27.components) === null || _theme$confirmation28 === void 0 ? void 0 : (_theme$confirmation29 = _theme$confirmation28.email) === null || _theme$confirmation29 === void 0 ? void 0 : _theme$confirmation29.hidden;
+  var hideDriverPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation30 = theme.confirmation) === null || _theme$confirmation30 === void 0 ? void 0 : (_theme$confirmation31 = _theme$confirmation30.components) === null || _theme$confirmation31 === void 0 ? void 0 : (_theme$confirmation32 = _theme$confirmation31.driver) === null || _theme$confirmation32 === void 0 ? void 0 : (_theme$confirmation33 = _theme$confirmation32.components) === null || _theme$confirmation33 === void 0 ? void 0 : (_theme$confirmation34 = _theme$confirmation33.photo) === null || _theme$confirmation34 === void 0 ? void 0 : _theme$confirmation34.hidden;
+  var hideCustomerPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation35 = theme.confirmation) === null || _theme$confirmation35 === void 0 ? void 0 : (_theme$confirmation36 = _theme$confirmation35.components) === null || _theme$confirmation36 === void 0 ? void 0 : (_theme$confirmation37 = _theme$confirmation36.customer) === null || _theme$confirmation37 === void 0 ? void 0 : (_theme$confirmation38 = _theme$confirmation37.components) === null || _theme$confirmation38 === void 0 ? void 0 : (_theme$confirmation39 = _theme$confirmation38.phone) === null || _theme$confirmation39 === void 0 ? void 0 : _theme$confirmation39.hidden;
+  var hideCustomerAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation40 = theme.confirmation) === null || _theme$confirmation40 === void 0 ? void 0 : (_theme$confirmation41 = _theme$confirmation40.components) === null || _theme$confirmation41 === void 0 ? void 0 : (_theme$confirmation42 = _theme$confirmation41.customer) === null || _theme$confirmation42 === void 0 ? void 0 : (_theme$confirmation43 = _theme$confirmation42.components) === null || _theme$confirmation43 === void 0 ? void 0 : (_theme$confirmation44 = _theme$confirmation43.address) === null || _theme$confirmation44 === void 0 ? void 0 : _theme$confirmation44.hidden;
+  var hideCustomerEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation45 = theme.confirmation) === null || _theme$confirmation45 === void 0 ? void 0 : (_theme$confirmation46 = _theme$confirmation45.components) === null || _theme$confirmation46 === void 0 ? void 0 : (_theme$confirmation47 = _theme$confirmation46.customer) === null || _theme$confirmation47 === void 0 ? void 0 : (_theme$confirmation48 = _theme$confirmation47.components) === null || _theme$confirmation48 === void 0 ? void 0 : (_theme$confirmation49 = _theme$confirmation48.email) === null || _theme$confirmation49 === void 0 ? void 0 : _theme$confirmation49.hidden;
+  var hideCustomerPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation50 = theme.confirmation) === null || _theme$confirmation50 === void 0 ? void 0 : (_theme$confirmation51 = _theme$confirmation50.components) === null || _theme$confirmation51 === void 0 ? void 0 : (_theme$confirmation52 = _theme$confirmation51.customer) === null || _theme$confirmation52 === void 0 ? void 0 : (_theme$confirmation53 = _theme$confirmation52.components) === null || _theme$confirmation53 === void 0 ? void 0 : (_theme$confirmation54 = _theme$confirmation53.photo) === null || _theme$confirmation54 === void 0 ? void 0 : _theme$confirmation54.hidden;
   var validTrackingStatus = [9, 19, 23];
   var mapConfigs = {
     zoom: 15
@@ -502,6 +502,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     });
     setIsService(_isService);
     businessLogoUrlValidation();
+    props.openBChatByParam && setOpenMessages(_objectSpread(_objectSpread({}, openMessages), {}, {
+      business: !!props.openBChatByParam
+    }));
   }, [order]);
   (0, _react.useEffect)(function () {
     window.scrollTo(0, 0);
@@ -557,9 +560,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     onClick: function onClick() {
       return setIsOrderHistory(true);
     }
-  }, t('VIEW_DETAILS', 'View details'))), /*#__PURE__*/_react.default.createElement(_styles.ReviewOrderLink, {
+  }, t('VIEW_DETAILS', 'View details'))), (!props.isCustomerMode || props.isCustomerMode && !!props.hashKey && !token) && /*#__PURE__*/_react.default.createElement(_styles.ReviewOrderLink, {
     className: "Review-order",
-    active: acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || isService && !isProReviewed || !isDriverReviewed)
+    active: [].concat(acceptedStatus, [16]).includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || isService && !isProReviewed || !isDriverReviewed)
   }, /*#__PURE__*/_react.default.createElement("span", {
     onClick: handleOpenReview
   }, t('REVIEW_ORDER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.REVIEW_ORDER) || 'Review your Order'))))))), !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_styles.OrderBusiness, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessExternalWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
@@ -727,19 +730,23 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     title: order ? reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.order ? t('REVIEW_ORDER', 'Review order') : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.product ? t('REVIEW_PRODUCT', 'Review Product') : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.professional ? t('PROFESSIONAL_REVIEW', 'Professional review') : t('REVIEW_DRIVER', 'Review Driver') : t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag6 = theme.defaultLanguages) === null || _theme$defaultLanguag6 === void 0 ? void 0 : _theme$defaultLanguag6.LOADING) || 'Loading...')
   }, /*#__PURE__*/_react.default.createElement(_styles.ReviewWrapper, null, reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.order ? /*#__PURE__*/_react.default.createElement(_ReviewOrder.ReviewOrder, {
     order: order,
+    hashKey: props.hashKey,
     closeReviewOrder: closeReviewOrder,
     setIsReviewed: setIsOrderReviewed
   }) : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.product ? /*#__PURE__*/_react.default.createElement(_ReviewProduct.ReviewProduct, {
     order: order,
+    hashKey: props.hashKey,
     closeReviewProduct: closeReviewProduct,
     setIsProductReviewed: setIsProductReviewed
   }) : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.professional ? /*#__PURE__*/_react.default.createElement(_ReviewProfessional.ReviewProfessional, {
     order: order,
+    hashKey: props.hashKey,
     closeReviewProfessional: handleCloseReivew,
     setIsProfessionalReviewed: setIsProReviewed,
     isProfessional: true
   }) : /*#__PURE__*/_react.default.createElement(_ReviewDriver.ReviewDriver, {
     order: order,
+    hashKey: props.hashKey,
     closeReviewDriver: handleCloseReivew,
     setIsDriverReviewed: setIsDriverReviewed
   }))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {

package/_modules/themes/five/src/components/OrderDetails/layouts/Kiosk/index.js

@@ -37,7 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _EMAIL = 'email';
 var _SMS = 'sms';
 var OrderDetailsUI = function OrderDetailsUI(props) {
-  var _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _orderingTheme$theme$5, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag26, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _order$products, _formMethods$errors, _formMethods$errors2, _formMethods$errors2$, _theme$defaultLanguag27, _theme$defaultLanguag28, _theme$defaultLanguag29, _theme$defaultLanguag30;
+  var _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, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag26, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _order$products, _formMethods$errors, _formMethods$errors2, _formMethods$errors2$, _theme$defaultLanguag27, _theme$defaultLanguag28, _theme$defaultLanguag29, _theme$defaultLanguag30;
   var handleOrderRedirect = props.handleOrderRedirect,
     driverLocation = props.driverLocation,
     orderTypes = props.orderTypes;
@@ -61,9 +61,6 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
   var _useToast = (0, _orderingComponentsExternal.useToast)(),
     _useToast2 = _slicedToArray(_useToast, 2),
     showToast = _useToast2[1].showToast;
-  var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
-    _useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
-    orderingTheme = _useOrderingTheme2[0];
   var optToSendReceipt = [{
     key: _EMAIL,
     label: t('EMAIL', 'Email'),
@@ -93,9 +90,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     order = _props$order.order,
     loading = _props$order.loading,
     error = _props$order.error;
-  var showDeliveryType = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme = orderingTheme.theme) !== null && _orderingTheme$theme !== void 0 && (_orderingTheme$theme$ = _orderingTheme$theme.confirmation) !== null && _orderingTheme$theme$ !== void 0 && (_orderingTheme$theme$2 = _orderingTheme$theme$.components) !== null && _orderingTheme$theme$2 !== void 0 && (_orderingTheme$theme$3 = _orderingTheme$theme$2.order) !== null && _orderingTheme$theme$3 !== void 0 && (_orderingTheme$theme$4 = _orderingTheme$theme$3.components) !== null && _orderingTheme$theme$4 !== void 0 && (_orderingTheme$theme$5 = _orderingTheme$theme$4.delivery_type) !== null && _orderingTheme$theme$5 !== void 0 && _orderingTheme$theme$5.hidden);
-  var showDeliveryDate = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme2 = orderingTheme.theme) !== null && _orderingTheme$theme2 !== void 0 && (_orderingTheme$theme3 = _orderingTheme$theme2.confirmation) !== null && _orderingTheme$theme3 !== void 0 && (_orderingTheme$theme4 = _orderingTheme$theme3.components) !== null && _orderingTheme$theme4 !== void 0 && (_orderingTheme$theme5 = _orderingTheme$theme4.order) !== null && _orderingTheme$theme5 !== void 0 && (_orderingTheme$theme6 = _orderingTheme$theme5.components) !== null && _orderingTheme$theme6 !== void 0 && (_orderingTheme$theme7 = _orderingTheme$theme6.date) !== null && _orderingTheme$theme7 !== void 0 && _orderingTheme$theme7.hidden);
-  var showDeliveryProgress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme8 = orderingTheme.theme) !== null && _orderingTheme$theme8 !== void 0 && (_orderingTheme$theme9 = _orderingTheme$theme8.confirmation) !== null && _orderingTheme$theme9 !== void 0 && (_orderingTheme$theme10 = _orderingTheme$theme9.components) !== null && _orderingTheme$theme10 !== void 0 && (_orderingTheme$theme11 = _orderingTheme$theme10.order) !== null && _orderingTheme$theme11 !== void 0 && (_orderingTheme$theme12 = _orderingTheme$theme11.components) !== null && _orderingTheme$theme12 !== void 0 && (_orderingTheme$theme13 = _orderingTheme$theme12.progress) !== null && _orderingTheme$theme13 !== void 0 && _orderingTheme$theme13.hidden);
+  var showDeliveryType = !(theme !== null && theme !== void 0 && (_theme$confirmation = theme.confirmation) !== null && _theme$confirmation !== void 0 && (_theme$confirmation$c = _theme$confirmation.components) !== null && _theme$confirmation$c !== void 0 && (_theme$confirmation$c2 = _theme$confirmation$c.order) !== null && _theme$confirmation$c2 !== void 0 && (_theme$confirmation$c3 = _theme$confirmation$c2.components) !== null && _theme$confirmation$c3 !== void 0 && (_theme$confirmation$c4 = _theme$confirmation$c3.delivery_type) !== null && _theme$confirmation$c4 !== void 0 && _theme$confirmation$c4.hidden);
+  var showDeliveryDate = !(theme !== null && theme !== void 0 && (_theme$confirmation2 = theme.confirmation) !== null && _theme$confirmation2 !== void 0 && (_theme$confirmation2$ = _theme$confirmation2.components) !== null && _theme$confirmation2$ !== void 0 && (_theme$confirmation2$2 = _theme$confirmation2$.order) !== null && _theme$confirmation2$2 !== void 0 && (_theme$confirmation2$3 = _theme$confirmation2$2.components) !== null && _theme$confirmation2$3 !== void 0 && (_theme$confirmation2$4 = _theme$confirmation2$3.date) !== null && _theme$confirmation2$4 !== void 0 && _theme$confirmation2$4.hidden);
+  var showDeliveryProgress = !(theme !== null && theme !== void 0 && (_theme$confirmation3 = theme.confirmation) !== null && _theme$confirmation3 !== void 0 && (_theme$confirmation3$ = _theme$confirmation3.components) !== null && _theme$confirmation3$ !== void 0 && (_theme$confirmation3$2 = _theme$confirmation3$.order) !== null && _theme$confirmation3$2 !== void 0 && (_theme$confirmation3$3 = _theme$confirmation3$2.components) !== null && _theme$confirmation3$3 !== void 0 && (_theme$confirmation3$4 = _theme$confirmation3$3.progress) !== null && _theme$confirmation3$4 !== void 0 && _theme$confirmation3$4.hidden);
   var locations = [_objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$driver = order.driver) === null || _order$driver === void 0 ? void 0 : _order$driver.location), {}, {
     icon: (order === null || order === void 0 ? void 0 : (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.driverPhoto)
   }), _objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.location), {}, {