ordering-ui-external 1.9.6 → 2.0.0

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

@@ -54,7 +54,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, _swiper.Thumbs]);
 var ProductOptionsUI = function ProductOptionsUI(props) {
-  var _configs$unaddressed_, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4, _props$afterMidElemen, _props$afterMidCompon, _orderState$options, _orderState$options2, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _orderState$options3, _orderState$options4, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _theme$defaultLanguag14, _error$;
+  var _configs$unaddressed_, _theme$defaultLanguag, _product$ingredients2, _product$extras, _product$ingredients3, _product$ingredients4, _product$ingredients5, _product$extras2, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$afterMidElemen, _props$afterMidCompon, _orderState$options, _orderState$options2, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _orderState$options3, _orderState$options4, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _error$;
   var businessSlug = props.businessSlug,
     editMode = props.editMode,
     isSoldOut = props.isSoldOut,
@@ -179,7 +179,8 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     }
   };
   var handleSaveProduct = function handleSaveProduct() {
-    var isErrors = Object.values(errors).length > 0;
+    var _Object$values;
+    var isErrors = ((_Object$values = Object.values(errors)) === null || _Object$values === void 0 ? void 0 : _Object$values.length) > 0;
     if (!isErrors) {
       handleSave && handleSave();
       return;
@@ -236,7 +237,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
   };
   var getOverFlowImage = function getOverFlowImage(url) {
     var keys = url.split('/');
-    var _videoId = keys[keys.length - 1];
+    var _videoId = keys[(keys === null || keys === void 0 ? void 0 : keys.length) - 1];
     var overFlowImg = 'http://img.youtube.com/vi/' + _videoId + '/0.jpg';
     return overFlowImg;
   };
@@ -251,9 +252,9 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     handleChangeProductCartQuantity(quantity);
   };
   var scrollDown = function scrollDown() {
-    var _document$getElements, _document$getElements2;
+    var _Object$values2, _document$getElements, _document$getElements2;
     var adjustHeight = (windowSize === null || windowSize === void 0 ? void 0 : windowSize.width) > 768 ? 50 : 55;
-    var isErrors = Object.values(errors).length > 0;
+    var isErrors = ((_Object$values2 = Object.values(errors)) === null || _Object$values2 === void 0 ? void 0 : _Object$values2.length) > 0;
     if (!isErrors) {
       return;
     }
@@ -289,19 +290,18 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     var handleScroll = function handleScroll() {
       var extraHeight = 60;
       if ((product === null || product === void 0 ? void 0 : product.ingredients.length) > 0 || (product === null || product === void 0 ? void 0 : product.extras.length) > 0) {
-        var _product$ingredients, _product$extras;
+        var _product$ingredients;
         var menuList = [];
         if ((product === null || product === void 0 ? void 0 : (_product$ingredients = product.ingredients) === null || _product$ingredients === void 0 ? void 0 : _product$ingredients.length) > 0) menuList.push('ingredients');
-        (product === null || product === void 0 ? void 0 : (_product$extras = product.extras) === null || _product$extras === void 0 ? void 0 : _product$extras.length) > 0 && product.extras.sort(function (a, b) {
+        (product === null || product === void 0 ? void 0 : product.extras.length) > 0 && (product === null || product === void 0 ? void 0 : product.extras.sort(function (a, b) {
           return a.rank - b.rank;
         }).forEach(function (extra) {
-          var _extra$options;
-          ((_extra$options = extra.options) === null || _extra$options === void 0 ? void 0 : _extra$options.length) > 0 && extra.options.sort(function (a, b) {
+          (extra === null || extra === void 0 ? void 0 : extra.options.length) > 0 && (extra === null || extra === void 0 ? void 0 : extra.options.sort(function (a, b) {
             return a.rank - b.rank;
           }).forEach(function (option) {
             showOption(option) && menuList.push("id_".concat(option === null || option === void 0 ? void 0 : option.id));
-          });
-        });
+          }));
+        }));
         menuList.forEach(function (menu) {
           var elementTop = scrollElement.scrollTop;
           var topPos = document.getElementById(menu).offsetTop;
@@ -525,11 +525,11 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
       src: optimizeImage((tag === null || tag === void 0 ? void 0 : tag.image) || ((_theme$images2 = theme.images) === null || _theme$images2 === void 0 ? void 0 : (_theme$images2$dummie = _theme$images2.dummies) === null || _theme$images2$dummie === void 0 ? void 0 : _theme$images2$dummie.product), 'h_40,c_limit'),
       alt: ""
     }), /*#__PURE__*/_react.default.createElement("span", null, tag.name));
-  })), /*#__PURE__*/_react.default.createElement(_styles.Divider, null), /*#__PURE__*/_react.default.createElement(_styles.ProductEdition, null, ((product === null || product === void 0 ? void 0 : product.ingredients.length) > 0 || (product === null || product === void 0 ? void 0 : product.extras.length) > 0) && /*#__PURE__*/_react.default.createElement(_styles.ProductTabContainer, {
+  })), /*#__PURE__*/_react.default.createElement(_styles.Divider, null), /*#__PURE__*/_react.default.createElement(_styles.ProductEdition, null, ((product === null || product === void 0 ? void 0 : (_product$ingredients2 = product.ingredients) === null || _product$ingredients2 === void 0 ? void 0 : _product$ingredients2.length) > 0 || (product === null || product === void 0 ? void 0 : (_product$extras = product.extras) === null || _product$extras === void 0 ? void 0 : _product$extras.length) > 0) && /*#__PURE__*/_react.default.createElement(_styles.ProductTabContainer, {
     id: "all"
   }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, null, /*#__PURE__*/_react.default.createElement(_AutoScroll.AutoScroll, {
     scrollId: "optionList"
-  }, (product === null || product === void 0 ? void 0 : product.ingredients.length) > 0 && /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+  }, (product === null || product === void 0 ? void 0 : (_product$ingredients3 = product.ingredients) === null || _product$ingredients3 === void 0 ? void 0 : _product$ingredients3.length) > 0 && /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
     key: "ingredients",
     id: "menu_ingredients",
     active: tabValue === 'ingredients',
@@ -540,7 +540,8 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
   }, t('INGREDIENTS', 'ingredients')), product === null || product === void 0 ? void 0 : product.extras.sort(function (a, b) {
     return a.rank - b.rank;
   }).map(function (extra) {
-    return extra.options.sort(function (a, b) {
+    var _extra$options;
+    return (_extra$options = extra.options) === null || _extra$options === void 0 ? void 0 : _extra$options.sort(function (a, b) {
       return a.rank - b.rank;
     }).map(function (option) {
       return showOption(option) && /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
@@ -553,9 +554,9 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         borderBottom: true
       }, option === null || option === void 0 ? void 0 : option.name);
     });
-  })))), (product === null || product === void 0 ? void 0 : product.ingredients.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  })))), (product === null || product === void 0 ? void 0 : (_product$ingredients4 = product.ingredients) === null || _product$ingredients4 === void 0 ? void 0 : _product$ingredients4.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
     id: "ingredients"
-  }, (product === null || product === void 0 ? void 0 : product.ingredients.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.SectionTitle, null, t('INGREDIENTS', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.INGREDIENTS) || 'Ingredients')), /*#__PURE__*/_react.default.createElement(_styles.WrapperIngredients, {
+  }, (product === null || product === void 0 ? void 0 : (_product$ingredients5 = product.ingredients) === null || _product$ingredients5 === void 0 ? void 0 : _product$ingredients5.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.SectionTitle, null, t('INGREDIENTS', (theme === null || theme === void 0 ? void 0 : theme.defaultLanguages.INGREDIENTS) || 'Ingredients')), /*#__PURE__*/_react.default.createElement(_styles.WrapperIngredients, {
     isProductSoldout: isSoldOut || maxProductQuantity <= 0
   }, product === null || product === void 0 ? void 0 : product.ingredients.map(function (ingredient) {
     return /*#__PURE__*/_react.default.createElement(_ProductIngredient.ProductIngredient, {
@@ -565,7 +566,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
       onChange: handleChangeIngredientState,
       isSoldOut: isSoldOut
     });
-  }))), /*#__PURE__*/_react.default.createElement("div", null, product === null || product === void 0 ? void 0 : product.extras.sort(function (a, b) {
+  }))), /*#__PURE__*/_react.default.createElement("div", null, product === null || product === void 0 ? void 0 : (_product$extras2 = product.extras) === null || _product$extras2 === void 0 ? void 0 : _product$extras2.sort(function (a, b) {
     return a.rank - b.rank;
   }).map(function (extra) {
     return extra.options.sort(function (a, b) {
@@ -601,9 +602,9 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         });
       }))));
     });
-  })), !(product !== null && product !== void 0 && product.hide_special_instructions) && /*#__PURE__*/_react.default.createElement(_styles.ProductComment, null, /*#__PURE__*/_react.default.createElement(_styles.SectionTitle, null, t('COMMENTS', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag3 = theme.defaultLanguages) === null || _theme$defaultLanguag3 === void 0 ? void 0 : _theme$defaultLanguag3.SPECIAL_COMMENT) || 'COMMENTS')), /*#__PURE__*/_react.default.createElement(_Inputs.TextArea, {
+  })), !(product !== null && product !== void 0 && product.hide_special_instructions) && /*#__PURE__*/_react.default.createElement(_styles.ProductComment, null, /*#__PURE__*/_react.default.createElement(_styles.SectionTitle, null, t('COMMENTS', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.SPECIAL_COMMENT) || 'COMMENTS')), /*#__PURE__*/_react.default.createElement(_Inputs.TextArea, {
     rows: 4,
-    placeholder: t('SPECIAL_COMMENT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag4 = theme.defaultLanguages) === null || _theme$defaultLanguag4 === void 0 ? void 0 : _theme$defaultLanguag4.SPECIAL_COMMENT) || 'Special comment'),
+    placeholder: t('SPECIAL_COMMENT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag3 = theme.defaultLanguages) === null || _theme$defaultLanguag3 === void 0 ? void 0 : _theme$defaultLanguag3.SPECIAL_COMMENT) || 'Special comment'),
     defaultValue: productCart.comment,
     onChange: handleChangeCommentState,
     disabled: !(productCart && !isSoldOut && maxProductQuantity)
@@ -658,11 +659,11 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
       return handleSaveProduct();
     },
     disabled: orderState.loading || (productCart === null || productCart === void 0 ? void 0 : productCart.quantity) === 0 || (product === null || product === void 0 ? void 0 : product.minimum_per_order) && (productCart === null || productCart === void 0 ? void 0 : productCart.quantity) + productAddedToCartLength < (product === null || product === void 0 ? void 0 : product.minimum_per_order) || (product === null || product === void 0 ? void 0 : product.maximum_per_order) && (productCart === null || productCart === void 0 ? void 0 : productCart.quantity) + productAddedToCartLength > (product === null || product === void 0 ? void 0 : product.maximum_per_order)
-  }, orderState.loading ? /*#__PURE__*/_react.default.createElement("span", null, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag5 = theme.defaultLanguages) === null || _theme$defaultLanguag5 === void 0 ? void 0 : _theme$defaultLanguag5.LOADING) || 'Loading')) : /*#__PURE__*/_react.default.createElement("span", null, editMode ? t('UPDATE', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag6 = theme.defaultLanguages) === null || _theme$defaultLanguag6 === void 0 ? void 0 : _theme$defaultLanguag6.UPDATE) || 'Update') : t('ADD', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.ADD) || 'Add'))), auth && !((_orderState$options3 = orderState.options) !== null && _orderState$options3 !== void 0 && _orderState$options3.address_id || unaddressedTypes.includes(orderState === null || orderState === void 0 ? void 0 : (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type)) && (orderState.loading ? /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  }, orderState.loading ? /*#__PURE__*/_react.default.createElement("span", null, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag4 = theme.defaultLanguages) === null || _theme$defaultLanguag4 === void 0 ? void 0 : _theme$defaultLanguag4.LOADING) || 'Loading')) : /*#__PURE__*/_react.default.createElement("span", null, editMode ? t('UPDATE', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag5 = theme.defaultLanguages) === null || _theme$defaultLanguag5 === void 0 ? void 0 : _theme$defaultLanguag5.UPDATE) || 'Update') : t('ADD', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag6 = theme.defaultLanguages) === null || _theme$defaultLanguag6 === void 0 ? void 0 : _theme$defaultLanguag6.ADD) || 'Add'))), auth && !((_orderState$options3 = orderState.options) !== null && _orderState$options3 !== void 0 && _orderState$options3.address_id || unaddressedTypes.includes(orderState === null || orderState === void 0 ? void 0 : (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type)) && (orderState.loading ? /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     className: "add",
     color: "primary",
     disabled: true
-  }, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag8 = theme.defaultLanguages) === null || _theme$defaultLanguag8 === void 0 ? void 0 : _theme$defaultLanguag8.LOADING) || 'Loading')) : /*#__PURE__*/_react.default.createElement(_AddressList.AddressList, {
+  }, t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.LOADING) || 'Loading')) : /*#__PURE__*/_react.default.createElement(_AddressList.AddressList, {
     isModal: true,
     userId: isNaN(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id) ? null : userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id,
     addressList: isNaN(userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id) ? user.addresses : null,
@@ -675,7 +676,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
     onClick: function onClick() {
       return setModalIsOpen(true);
     }
-  }, isSoldOut || maxProductQuantity <= 0 ? t('SOLD_OUT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag9 = theme.defaultLanguages) === null || _theme$defaultLanguag9 === void 0 ? void 0 : _theme$defaultLanguag9.SOLD_OUT) || 'Sold out') : t('LOGIN_SIGNUP', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag10 = theme.defaultLanguages) === null || _theme$defaultLanguag10 === void 0 ? void 0 : _theme$defaultLanguag10.LOGIN_SIGNUP) || 'Login / Sign Up'))))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+  }, isSoldOut || maxProductQuantity <= 0 ? t('SOLD_OUT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag8 = theme.defaultLanguages) === null || _theme$defaultLanguag8 === void 0 ? void 0 : _theme$defaultLanguag8.SOLD_OUT) || 'Sold out') : t('LOGIN_SIGNUP', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag9 = theme.defaultLanguages) === null || _theme$defaultLanguag9 === void 0 ? void 0 : _theme$defaultLanguag9.LOGIN_SIGNUP) || 'Login / Sign Up'))))), modalIsOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     open: modalIsOpen,
     onClose: function onClose() {
       return closeModal();
@@ -690,7 +691,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         });
       },
       href: "#"
-    }, t('CREATE_ACCOUNT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag11 = theme.defaultLanguages) === null || _theme$defaultLanguag11 === void 0 ? void 0 : _theme$defaultLanguag11.CREATE_ACCOUNT) || 'Create account')),
+    }, t('CREATE_ACCOUNT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag10 = theme.defaultLanguages) === null || _theme$defaultLanguag10 === void 0 ? void 0 : _theme$defaultLanguag10.CREATE_ACCOUNT) || 'Create account')),
     elementLinkToForgotPassword: /*#__PURE__*/_react.default.createElement("a", {
       onClick: function onClick(e) {
         return handleCustomModalClick(e, {
@@ -698,7 +699,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         });
       },
       href: "#"
-    }, t('RESET_PASSWORD', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag12 = theme.defaultLanguages) === null || _theme$defaultLanguag12 === void 0 ? void 0 : _theme$defaultLanguag12.RESET_PASSWORD) || 'Reset password')),
+    }, t('RESET_PASSWORD', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag11 = theme.defaultLanguages) === null || _theme$defaultLanguag11 === void 0 ? void 0 : _theme$defaultLanguag11.RESET_PASSWORD) || 'Reset password')),
     useLoginByCellphone: true,
     isPopup: true,
     useKioskApp: props.useKioskApp
@@ -710,7 +711,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         });
       },
       href: "#"
-    }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag13 = theme.defaultLanguages) === null || _theme$defaultLanguag13 === void 0 ? void 0 : _theme$defaultLanguag13.LOGIN) || 'Login')),
+    }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag12 = theme.defaultLanguages) === null || _theme$defaultLanguag12 === void 0 ? void 0 : _theme$defaultLanguag12.LOGIN) || 'Login')),
     useLoginByCellphone: true,
     useChekoutFileds: true,
     handleSuccessSignup: handleSuccessSignup,
@@ -723,7 +724,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
         });
       },
       href: "#"
-    }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag14 = theme.defaultLanguages) === null || _theme$defaultLanguag14 === void 0 ? void 0 : _theme$defaultLanguag14.LOGIN) || 'Login')),
+    }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag13 = theme.defaultLanguages) === null || _theme$defaultLanguag13 === void 0 ? void 0 : _theme$defaultLanguag13.LOGIN) || 'Login')),
     isPopup: true
   })), error && error.length > 0 && /*#__PURE__*/_react.default.createElement(_NotFoundSource.NotFoundSource, {
     content: ((_error$ = error[0]) === null || _error$ === void 0 ? void 0 : _error$.message) || error[0]

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

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReviewDriver = void 0;
+exports.default = exports.ReviewDriver = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactHookForm = require("react-hook-form");
 var _orderingComponentsExternal = require("ordering-components-external");
@@ -273,4 +273,6 @@ var ReviewDriver = function ReviewDriver(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ReviewDriver, reviewDriverProps);
 };
-exports.ReviewDriver = ReviewDriver;
+exports.ReviewDriver = ReviewDriver;
+var _default = ReviewDriver;
+exports.default = _default;

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

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReviewOrder = void 0;
+exports.default = exports.ReviewOrder = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactHookForm = require("react-hook-form");
 var _orderingComponentsExternal = require("ordering-components-external");
@@ -292,4 +292,6 @@ var ReviewOrder = function ReviewOrder(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderReview, ReviewOrderProps);
 };
-exports.ReviewOrder = ReviewOrder;
+exports.ReviewOrder = ReviewOrder;
+var _default = ReviewOrder;
+exports.default = _default;

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

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReviewProduct = void 0;
+exports.default = exports.ReviewProduct = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsExternal = require("ordering-components-external");
 var _reactHookForm = require("react-hook-form");
@@ -266,4 +266,6 @@ var ReviewProduct = function ReviewProduct(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ReviewProduct, reviewProductProps);
 };
-exports.ReviewProduct = ReviewProduct;
+exports.ReviewProduct = ReviewProduct;
+var _default = ReviewProduct;
+exports.default = _default;

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

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReviewTrigger = void 0;
+exports.default = exports.ReviewTrigger = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsExternal = require("ordering-components-external");
 var _BsArrowRight = _interopRequireDefault(require("@meronex/icons/bs/BsArrowRight"));
@@ -97,4 +97,6 @@ var ReviewTrigger = function ReviewTrigger(props) {
     }, AfterElement);
   }));
 };
-exports.ReviewTrigger = ReviewTrigger;
+exports.ReviewTrigger = ReviewTrigger;
+var _default = ReviewTrigger;
+exports.default = _default;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SignUpApproval = void 0;
+exports.default = exports.SignUpApproval = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
 var _Buttons = require("../../styles/Buttons");
@@ -86,4 +86,6 @@ var SignUpApproval = function SignUpApproval(props) {
     href: "mailto:".concat(t('SIGNUP_DRIVER_EMAIL', contactEmail))
   }, t('SIGNUP_DRIVER_EMAIL', contactEmail)))));
 };
-exports.SignUpApproval = SignUpApproval;
+exports.SignUpApproval = SignUpApproval;
+var _default = SignUpApproval;
+exports.default = _default;

package/_modules/themes/five/src/styles/Buttons/index.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Button = void 0;
+exports.default = exports.Button = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _polished = require("polished");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
@@ -23,7 +23,7 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
     return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      text-align: right;\n    "])));
   }, function (props) {
     var _props$theme2;
-    return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-right: 15%;\n        padding-left: 0\n    "])));
+    return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-right: 15%;\n        padding-left: 0;\n    "])));
   });
 }, function (_ref3) {
   var outline = _ref3.outline;
@@ -212,4 +212,6 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
     });
   });
 });
-exports.Button = Button;
+exports.Button = Button;
+var _default = Button;
+exports.default = _default;

package/_modules/themes/five/src/styles/Inputs/index.js

@@ -50,7 +50,7 @@ var InputGroupRight = (0, _styledComponents.default)(InputGroupLeft)(_templateOb
   return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        border-left-width: 1px;\n        border-right-width: 0;\n        border-radius: 0 0 34px 34px;\n    "])));
 }, _Buttons.Button, function (props) {
   var _props$theme4;
-  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        margin-left: -7px;\n        margin-right: 0\n    "])));
+  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        margin-left: -7px;\n        margin-right: 0;\n    "])));
 });
 exports.InputGroupRight = InputGroupRight;
 var InputPrimary = (0, _styledComponents.default)(Input)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  background: #FFF;\n  color: ", ";\n  border-color: ", ";\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (props) {

package/_modules/themes/seven/src/components/Header/index.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SignUpIcon = exports.SignInIcon = exports.Header = void 0;
+exports.default = exports.SignUpIcon = exports.SignInIcon = exports.Header = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsExternal = require("ordering-components-external");
@@ -391,4 +391,6 @@ var SignUpIcon = function SignUpIcon() {
     d: "M492,397h-55v-55c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v55h-55c-11.046,0-20,8.954-20,20 c0,11.046,8.954,20,20,20h55v55c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20v-55h55c11.046,0,20-8.954,20-20 C512,405.954,503.046,397,492,397z"
   }))));
 };
-exports.SignUpIcon = SignUpIcon;
+exports.SignUpIcon = SignUpIcon;
+var _default = Header;
+exports.default = _default;

package/_modules/themes/six/src/components/Header/index.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Header = void 0;
+exports.default = exports.Header = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsExternal = require("ordering-components-external");
@@ -349,4 +349,6 @@ var styles = {
 };
 Header.defaultProps = {
   isShowOrderOptions: true
-};
+};
+var _default = Header;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "1.9.6",
+  "version": "2.0.0",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -86,7 +86,7 @@
     "libphonenumber-js": "^1.9.4",
     "lodash": "^4.17.19",
     "moment": "^2.29.4",
-    "ordering-components-external": "1.9.2",
+    "ordering-components-external": "2.0.0",
     "polished": "^3.6.6",
     "react-bootstrap-icons": "^1.7.2",
     "react-calendar": "^3.3.1",

package/src/components/CancellationComponent/index.js

@@ -17,45 +17,49 @@ export const CancellationComponent = props => {
     <>
       <Hero>
         {(bgUrl || theme.images?.general?.businessHero) && (
-          <BgImg src={bgUrl || theme.images?.general?.businessHero} alt="bg"/>
+          <BgImg src={bgUrl || theme.images?.general?.businessHero} alt='bg' />
         )}
         <HeroText>
-        {(logoUrl || theme.images?.logos?.logotype) && (
-          <LogoImg src={logoUrl || theme.images?.logos?.logotype} alt="logo"/>
-        )}
-          <h1 className="title">{t('CANCELLATION_TITLE', 'SITE OUT OF SERVICE')}</h1>
-          <h4 className="sub-title" dangerouslySetInnerHTML={{
-            __html:t('CANCELLATION_SUBTITLE', 'This website has been archived or suspended in accordance with our :Terms of Service').replace(':Terms of Service', `<b><i>${t('CANCELLATION_TERMS', 'Terms of Service')}</i></b>`)
-          }}/>
+          {(logoUrl || theme.images?.logos?.logotype) && (
+            <LogoImg src={logoUrl || theme.images?.logos?.logotype} alt='logo' />
+          )}
+          <h1 className='title'>{t('CANCELLATION_TITLE', 'SITE OUT OF SERVICE')}</h1>
+          <h4
+            className='sub-title' dangerouslySetInnerHTML={{
+              __html: t('CANCELLATION_SUBTITLE', 'This website has been archived or suspended in accordance with our :Terms of Service').replace(':Terms of Service', `<b><i>${t('CANCELLATION_TERMS', 'Terms of Service')}</i></b>`)
+            }}
+          />
         </HeroText>
       </Hero>
       <Content>
         <p dangerouslySetInnerHTML={{
-            __html:t('CANCELLATION_OWNER_TEXT', 'If you are the :owner of this website contact us to reactivate your website.').replace(':owner', `<b>${t('CANCELLATION_OWNER', 'owner')}</b>`)
-          }}/>
-          {ButtonComponent &&(
-            <ButtonComponent color='primary'>{t('CANCELLATION_CONTACT_US', 'Contact us')}</ButtonComponent>
-          )}
+          __html: t('CANCELLATION_OWNER_TEXT', 'If you are the :owner of this website contact us to reactivate your website.').replace(':owner', `<b>${t('CANCELLATION_OWNER', 'owner')}</b>`)
+        }}
+        />
+        {ButtonComponent && (
+          <ButtonComponent color='primary'>{t('CANCELLATION_CONTACT_US', 'Contact us')}</ButtonComponent>
+        )}
       </Content>
       <Segment>
-          <p dangerouslySetInnerHTML={{
-            __html:t('CANCELLATION_OWNER_TEXT', 'If you are a :customer let the owner know you midd this website, just write your email below.').replace(':customer', `<b>${t('CANCELLATION_CUSTOMER', 'customer')}</b>`)
-          }}/>
-          <InputWrapper>
+        <p dangerouslySetInnerHTML={{
+          __html: t('CANCELLATION_OWNER_TEXT', 'If you are a :customer let the owner know you midd this website, just write your email below.').replace(':customer', `<b>${t('CANCELLATION_CUSTOMER', 'customer')}</b>`)
+        }}
+        />
+        <InputWrapper>
           <BusinessSearch>
-          {InputComponent &&(
+            {InputComponent && (
               <InputComponent
-              name='Email'
-              placeholder={t('CANCELLATION_INPUT_PLACEHOLDER', 'Email')}
-            />
-          )}
+                name='Email'
+                placeholder={t('CANCELLATION_INPUT_PLACEHOLDER', 'Email')}
+              />
+            )}
           </BusinessSearch>
-          {ButtonComponent &&(
-              <ButtonComponent color='primary'>
-                {t('CANCELLATION_SEND_BUTTON', 'Send')}
-              </ButtonComponent>
+          {ButtonComponent && (
+            <ButtonComponent color='primary'>
+              {t('CANCELLATION_SEND_BUTTON', 'Send')}
+            </ButtonComponent>
           )}
-            </InputWrapper>
+        </InputWrapper>
       </Segment>
     </>
   )

package/src/components/Confirm/index.js

@@ -87,3 +87,5 @@ export const Confirm = (props) => {
 }
 
 export const Alert = Confirm
+
+export default Confirm

package/src/components/Header/index.js

@@ -443,3 +443,5 @@ const styles = {
 Header.defaultProps = {
   isShowOrderOptions: true
 }
+
+export default Header

package/src/components/SmartAppBanner/index.js

@@ -38,3 +38,5 @@ export const SmartAppBanner = (props) => {
   }
   return <SmartAppBannerController {...smartAppBannerProps} />
 }
+
+export default SmartAppBanner

package/src/themes/callcenterOriginal/src/components/Orders/OrdersTable/index.js

@@ -309,7 +309,18 @@ export const OrdersTable = (props) => {
           {!isSelectedOrders && (
             <thead>
               <tr>
-                {allowColumns && Object.keys(allowColumns).filter(col => allowColumns[col]?.visable && allowColumns[col]?.order !== 0)
+                {allowColumns && (Object.keys(allowColumns).filter(col => allowColumns[col]?.visable && allowColumns[col]?.order !== 0)?.length === 0 ?
+                (
+                  <th className='orderPrice' key={`noDragTh-${i}`}>
+                    <ColumnAllowSettingPopover
+                      allowColumns={allowColumns}
+                      optionsDefault={optionsDefault}
+                      handleChangeAllowColumns={handleChangeAllowColumns}
+                      isOrder
+                    />
+                  </th>
+                ) : (
+                  Object.keys(allowColumns).filter(col => allowColumns[col]?.visable && allowColumns[col]?.order !== 0)
                   .sort((col1, col2) => allowColumns[col1]?.order - allowColumns[col2]?.order)
                   .map((column, i, array) => {
                     if (column === 'slaBar') {
@@ -317,24 +328,36 @@ export const OrdersTable = (props) => {
                     }
                     if (column === 'orderNumber') {
                       return (
-                        <th
-                          className={!(allowColumns?.orderNumber?.visable || allowColumns?.dateTime?.visable) ? 'orderNo small' : 'orderNo'}
-                          key={`noDragTh-${i}`}
-                          colSpan={allowColumns?.slaBar?.visable ? 2 : 1}
-                        >
-                          <CheckBox
-                            isChecked={!orderList.loading && isAllChecked}
-                            onClick={() => handleSelecteAllOrder()}
-                            className='orderCheckBox'
+                        <React.Fragment key={i}>
+                          <th
+                            className={!(allowColumns?.orderNumber?.visable || allowColumns?.dateTime?.visable) ? 'orderNo small' : 'orderNo'}
+                            key={`noDragTh-${i}`}
+                            colSpan={allowColumns?.slaBar?.visable ? 2 : 1}
                           >
-                            {(!orderList.loading && isAllChecked) ? (
-                              <RiCheckboxFill />
-                            ) : (
-                              <RiCheckboxBlankLine />
-                            )}
-                          </CheckBox>
-                          {t('ORDER', 'Order')}
-                        </th>
+                            <CheckBox
+                              isChecked={!orderList.loading && isAllChecked}
+                              onClick={() => handleSelecteAllOrder()}
+                              className='orderCheckBox'
+                            >
+                              {(!orderList.loading && isAllChecked) ? (
+                                <RiCheckboxFill />
+                              ) : (
+                                <RiCheckboxBlankLine />
+                              )}
+                            </CheckBox>
+                            {t('ORDER', 'Order')}
+                          </th>
+                          {column === [...array].pop() && (
+                            <th className='orderPrice' key={`noDragTh-${i}`}>
+                              <ColumnAllowSettingPopover
+                                allowColumns={allowColumns}
+                                optionsDefault={optionsDefault}
+                                handleChangeAllowColumns={handleChangeAllowColumns}
+                                isOrder
+                              />
+                            </th>
+                          )}
+                        </React.Fragment>
                       )
                     }
                     if (column === 'total' || (column !== 'total' && column === [...array].pop())) {
@@ -388,7 +411,8 @@ export const OrdersTable = (props) => {
                           <span>{allowColumns[column]?.title}</span>
                         </div>
                       </DragTh>)
-                  })}
+                  })
+                ))}
               </tr>
             </thead>
           )}

package/src/themes/callcenterOriginal/src/components/Orders/OrdersTable/styles.js

@@ -29,6 +29,7 @@ export const OrdersContainer = styled.div`
 export const Table = styled.table`
   width: calc(100% - 10px);
   min-width: 900px;
+  min-height: 35vh;
 
   th,
   td {

package/src/themes/five/src/components/Cart/index.js

@@ -391,7 +391,9 @@ const CartUI = (props) => {
                             )}
                             <IconContainer>
                               <BsInfoCircle size='20' color={theme.colors.primary} onClick={() => setOpenTaxModal({ open: true, data: offer, type: 'offer_target_3' })} />
-                              <MdCloseCircle size='24' color={theme.colors.primary} onClick={() => onRemoveOffer(offer?.id)} />
+                              {!offer?.type && (
+                                <MdCloseCircle size='24' color={theme.colors.primary} onClick={() => onRemoveOffer(offer?.id)} />
+                              )}
                             </IconContainer>
                           </td>
                           <td>
@@ -403,7 +405,7 @@ const CartUI = (props) => {
                     {orderState?.options?.type === 1 && cart?.delivery_price > 0 && !hideDeliveryFee && (
                       <tr>
                         <td>{t('DELIVERY_FEE', 'Delivery Fee')}</td>
-                        <td>{parsePrice(cart?.delivery_price_with_discount ?? cart?.delivery_price)}</td>
+                        <td>{parsePrice(cart?.delivery_price)}</td>
                       </tr>
                     )}
                     {
@@ -416,7 +418,9 @@ const CartUI = (props) => {
                             )}
                             <IconContainer>
                               <BsInfoCircle size='20' color={theme.colors.primary} onClick={() => setOpenTaxModal({ open: true, data: offer, type: 'offer_target_2' })} />
-                              <MdCloseCircle size='24' color={theme.colors.primary} onClick={() => onRemoveOffer(offer?.id)} />
+                              {!offer?.type && (
+                                <MdCloseCircle size='24' color={theme.colors.primary} onClick={() => onRemoveOffer(offer?.id)} />
+                              )}
                             </IconContainer>
                           </td>
                           <td>
@@ -450,7 +454,8 @@ const CartUI = (props) => {
                   </CouponContainer>
                 )}
                 {
-                  isMultiCheckout &&
+                  !isStore &&
+                  !isMultiCheckout &&
                   cart &&
                   cart?.business_id &&
                   orderState?.options?.type === 1 &&

package/src/themes/five/src/components/Checkout/index.js

@@ -784,6 +784,8 @@ export const Checkout = (props) => {
   useEffect(() => {
     if (token && cartUuid) {
       getOrder(cartUuid)
+    } else {
+      setCartState({ ...cartState, loading: false })
     }
   }, [token, cartUuid])
 

package/src/themes/five/src/components/Footer/index.js

@@ -63,3 +63,5 @@ export const Footer = ({ isFooterPage }) => {
     </Container>
   )
 }
+
+export default Footer