ordering-ui-external 1.0.0 → 1.1.1

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

@@ -15,7 +15,9 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _Modal = require("../Modal");
+
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _UpsellingPage = require("../UpsellingPage");
 
@@ -100,7 +102,7 @@ var mapConfigs = {
 };
 
 var CheckoutUI = function CheckoutUI(props) {
-  var _businessDetails$busi, _businessDetails$busi2, _businessConfigs$find, _businessConfigs$find2, _configs$cash_wallet, _configs$wallet_enabl, _validationFields$fie, _validationFields$fie2, _validationFields$fie3, _validationFields$fie4, _validationFields$fie5, _validationFields$fie6, _configs$driver_tip_o, _configs$driver_tip_o2, _configs$driver_tip_o3, _instructionsOptions$, _instructionsOptions$2, _businessDetails$busi3, _businessDetails$busi4, _theme$images, _theme$images$dummies, _configs$google_maps_, _customerState$user, _customerState$user2, _Object$values, _businessDetails$busi5, _businessDetails$busi6, _businessDetails$busi7, _businessDetails$busi8, _businessDetails$erro, _businessDetails$erro2, _businessDetails$busi9, _businessDetails$busi10, _businessDetails$busi11, _cartState$cart$spot_, _cartState$cart, _validationFields$fie15, _validationFields$fie16, _validationFields$fie17, _configs$driver_tip_t, _configs$driver_tip_u, _configs$driver_tip_t2, _cart$products2, _validationFields$fie18, _validationFields$fie19, _validationFields$fie20, _validationFields$fie21, _validationFields$fie22, _validationFields$fie23;
+  var _businessDetails$busi, _businessDetails$busi2, _businessConfigs$find, _businessConfigs$find2, _configs$cash_wallet, _configs$wallet_enabl, _validationFields$fie, _validationFields$fie2, _validationFields$fie3, _validationFields$fie4, _validationFields$fie5, _validationFields$fie6, _configs$driver_tip_o, _configs$driver_tip_o2, _configs$driver_tip_o3, _instructionsOptions$, _instructionsOptions$2, _businessDetails$busi3, _businessDetails$busi4, _theme$images, _theme$images$dummies, _configs$google_maps_, _customerState$user, _customerState$user2, _Object$values, _businessDetails$busi5, _businessDetails$busi6, _businessDetails$busi7, _businessDetails$busi8, _businessDetails$erro, _businessDetails$erro2, _businessDetails$busi9, _businessDetails$busi10, _businessDetails$busi11, _cartState$cart$spot_, _cartState$cart, _validationFields$fie15, _validationFields$fie16, _validationFields$fie17, _configs$driver_tip_t, _configs$driver_tip_u, _configs$driver_tip_t2, _cart$products2, _validationFields$fie18, _validationFields$fie19, _validationFields$fie20, _validationFields$fie21, _validationFields$fie22, _validationFields$fie23, _customerState$user3;
 
   var cart = props.cart,
       errors = props.errors,
@@ -122,38 +124,38 @@ var CheckoutUI = function CheckoutUI(props) {
       onPlaceOrderClick = props.onPlaceOrderClick;
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useValidationFields = (0, _orderingComponents.useValidationFields)(),
+  var _useValidationFields = (0, _orderingComponentsExternal.useValidationFields)(),
       _useValidationFields2 = _slicedToArray(_useValidationFields, 1),
       validationFields = _useValidationFields2[0]; // const [{ options, loading }, { changePaymethod }] = useOrder()
 
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       _useOrder2$ = _useOrder2[0],
       options = _useOrder2$.options,
       loading = _useOrder2$.loading;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       user = _useSession2[0].user;
 
-  var _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configs = _useConfig2[0].configs;
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 1),
       customerState = _useCustomer2[0];
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
@@ -187,6 +189,21 @@ var CheckoutUI = function CheckoutUI(props) {
       behalfName = _useState10[0],
       setBehalfName = _useState10[1];
 
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isOpen = _useState12[0],
+      setIsOpen = _useState12[1];
+
+  var _useState13 = (0, _react.useState)([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      requiredFields = _useState14[0],
+      setRequiredFields = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      isSuccess = _useState16[0],
+      setIsSuccess = _useState16[1];
+
   var businessConfigs = (_businessDetails$busi = businessDetails === null || businessDetails === void 0 ? void 0 : (_businessDetails$busi2 = businessDetails.business) === null || _businessDetails$busi2 === void 0 ? void 0 : _businessDetails$busi2.configs) !== null && _businessDetails$busi !== void 0 ? _businessDetails$busi : [];
   var isWalletCashEnabled = ((_businessConfigs$find = businessConfigs.find(function (config) {
     return config.key === 'wallet_cash_enabled';
@@ -212,7 +229,7 @@ var CheckoutUI = function CheckoutUI(props) {
   }));
 
   var handlePlaceOrder = function handlePlaceOrder() {
-    if (!userErrors.length) {
+    if (!userErrors.length && !(requiredFields !== null && requiredFields !== void 0 && requiredFields.length)) {
       var body = {};
 
       if (behalfName) {
@@ -223,6 +240,11 @@ var CheckoutUI = function CheckoutUI(props) {
       return;
     }
 
+    if (requiredFields !== null && requiredFields !== void 0 && requiredFields.length) {
+      setIsOpen(true);
+      return;
+    }
+
     setAlertState({
       open: true,
       content: Object.values(userErrors).map(function (error) {
@@ -247,18 +269,21 @@ var CheckoutUI = function CheckoutUI(props) {
     var errors = [];
     var notFields = ['coupon', 'driver_tip', 'mobile_phone', 'address', 'zipcode', 'address_notes'];
     var userSelected = isCustomerMode ? customerState.user : user;
+    var _requiredFields = [];
     Object.values(validationFields === null || validationFields === void 0 ? void 0 : (_validationFields$fie7 = validationFields.fields) === null || _validationFields$fie7 === void 0 ? void 0 : _validationFields$fie7.checkout).map(function (field) {
       if (field !== null && field !== void 0 && field.enabled && field !== null && field !== void 0 && field.required && !notFields.includes(field.code)) {
         if (userSelected && !userSelected[field === null || field === void 0 ? void 0 : field.code]) {
-          errors.push(t("VALIDATION_ERROR_".concat(field.code.toUpperCase(), "_REQUIRED"), "The field ".concat(field === null || field === void 0 ? void 0 : field.name, " is required")));
+          _requiredFields.push(field === null || field === void 0 ? void 0 : field.code);
         }
       }
     });
 
     if (userSelected && !(userSelected !== null && userSelected !== void 0 && userSelected.cellphone) && (validationFields !== null && validationFields !== void 0 && (_validationFields$fie8 = validationFields.fields) !== null && _validationFields$fie8 !== void 0 && (_validationFields$fie9 = _validationFields$fie8.checkout) !== null && _validationFields$fie9 !== void 0 && (_validationFields$fie10 = _validationFields$fie9.cellphone) !== null && _validationFields$fie10 !== void 0 && _validationFields$fie10.enabled && validationFields !== null && validationFields !== void 0 && (_validationFields$fie11 = validationFields.fields) !== null && _validationFields$fie11 !== void 0 && (_validationFields$fie12 = _validationFields$fie11.checkout) !== null && _validationFields$fie12 !== void 0 && (_validationFields$fie13 = _validationFields$fie12.cellphone) !== null && _validationFields$fie13 !== void 0 && _validationFields$fie13.required || (configs === null || configs === void 0 ? void 0 : (_configs$verification = configs.verification_phone_required) === null || _configs$verification === void 0 ? void 0 : _configs$verification.value) === '1')) {
-      errors.push(t('VALIDATION_ERROR_MOBILE_PHONE_REQUIRED', 'The field Phone number is required'));
+      _requiredFields.push('cellphone');
     }
 
+    setRequiredFields(_requiredFields);
+
     if (userSelected && userSelected !== null && userSelected !== void 0 && userSelected.cellphone) {
       if (userSelected !== null && userSelected !== void 0 && userSelected.country_phone_code) {
         var phone = null;
@@ -374,6 +399,7 @@ var CheckoutUI = function CheckoutUI(props) {
     isCustomerMode: isCustomerMode,
     userData: isCustomerMode && customerState.user,
     userId: isCustomerMode && (customerState === null || customerState === void 0 ? void 0 : (_customerState$user2 = customerState.user) === null || _customerState$user2 === void 0 ? void 0 : _customerState$user2.id),
+    isSuccess: isSuccess,
     isCheckout: true
   }))), /*#__PURE__*/_react.default.createElement(_styles.BusinessDetailsContainer, null, ((businessDetails === null || businessDetails === void 0 ? void 0 : businessDetails.loading) || cartState.loading) && !(businessDetails !== null && businessDetails !== void 0 && businessDetails.error) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 35,
@@ -493,7 +519,32 @@ var CheckoutUI = function CheckoutUI(props) {
       return closeAlert();
     },
     closeOnBackdrop: false
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+    open: isOpen,
+    width: "760px",
+    padding: "30px",
+    onClose: function onClose() {
+      return setIsOpen(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_UserDetails.UserDetails, {
+    isUserDetailsEdit: isUserDetailsEdit,
+    cartStatus: cart === null || cart === void 0 ? void 0 : cart.status,
+    businessId: cart === null || cart === void 0 ? void 0 : cart.business_id,
+    useValidationFields: true,
+    useDefualtSessionManager: true,
+    useSessionUser: !isCustomerMode,
+    isCustomerMode: isCustomerMode,
+    userData: isCustomerMode && customerState.user,
+    userId: isCustomerMode && (customerState === null || customerState === void 0 ? void 0 : (_customerState$user3 = customerState.user) === null || _customerState$user3 === void 0 ? void 0 : _customerState$user3.id),
+    requiredFields: requiredFields,
+    setIsSuccess: setIsSuccess,
+    isCheckout: true,
+    isEdit: true,
+    isModal: true,
+    onClose: function onClose() {
+      return setIsOpen(false);
+    }
+  })));
 };
 
 var Checkout = function Checkout(props) {
@@ -507,59 +558,59 @@ var Checkout = function Checkout(props) {
       handleSearchRedirect = props.handleSearchRedirect,
       handleCheckoutListRedirect = props.handleCheckoutListRedirect;
 
-  var _useOrder3 = (0, _orderingComponents.useOrder)(),
+  var _useOrder3 = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder4 = _slicedToArray(_useOrder3, 2),
       orderState = _useOrder4[0],
       confirmCart = _useOrder4[1].confirmCart;
 
-  var _useSession3 = (0, _orderingComponents.useSession)(),
+  var _useSession3 = (0, _orderingComponentsExternal.useSession)(),
       _useSession4 = _slicedToArray(_useSession3, 1),
       token = _useSession4[0].token;
 
-  var _useApi = (0, _orderingComponents.useApi)(),
+  var _useApi = (0, _orderingComponentsExternal.useApi)(),
       _useApi2 = _slicedToArray(_useApi, 1),
       ordering = _useApi2[0];
 
-  var _useLanguage3 = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage4 = _slicedToArray(_useLanguage3, 2),
       t = _useLanguage4[1];
 
-  var _useState11 = (0, _react.useState)({
+  var _useState17 = (0, _react.useState)({
     loading: true,
     error: null,
     cart: null
   }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      cartState = _useState12[0],
-      setCartState = _useState12[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      cartState = _useState18[0],
+      setCartState = _useState18[1];
 
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      openUpselling = _useState14[0],
-      setOpenUpselling = _useState14[1];
+  var _useState19 = (0, _react.useState)(false),
+      _useState20 = _slicedToArray(_useState19, 2),
+      openUpselling = _useState20[0],
+      setOpenUpselling = _useState20[1];
 
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      canOpenUpselling = _useState16[0],
-      setCanOpenUpselling = _useState16[1];
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = _slicedToArray(_useState21, 2),
+      canOpenUpselling = _useState22[0],
+      setCanOpenUpselling = _useState22[1];
 
-  var _useState17 = (0, _react.useState)(null),
-      _useState18 = _slicedToArray(_useState17, 2),
-      currentCart = _useState18[0],
-      setCurrentCart = _useState18[1];
+  var _useState23 = (0, _react.useState)(null),
+      _useState24 = _slicedToArray(_useState23, 2),
+      currentCart = _useState24[0],
+      setCurrentCart = _useState24[1];
 
-  var _useState19 = (0, _react.useState)({
+  var _useState25 = (0, _react.useState)({
     open: false,
     content: []
   }),
-      _useState20 = _slicedToArray(_useState19, 2),
-      alertState = _useState20[0],
-      setAlertState = _useState20[1];
+      _useState26 = _slicedToArray(_useState25, 2),
+      alertState = _useState26[0],
+      setAlertState = _useState26[1];
 
-  var _useState21 = (0, _react.useState)(false),
-      _useState22 = _slicedToArray(_useState21, 2),
-      isResetPaymethod = _useState22[0],
-      setIsResetPaymethod = _useState22[1];
+  var _useState27 = (0, _react.useState)(false),
+      _useState28 = _slicedToArray(_useState27, 2),
+      isResetPaymethod = _useState28[0],
+      setIsResetPaymethod = _useState28[1];
 
   var cartsWithProducts = (orderState === null || orderState === void 0 ? void 0 : orderState.carts) && (((_Object$values2 = Object.values(orderState === null || orderState === void 0 ? void 0 : orderState.carts)) === null || _Object$values2 === void 0 ? void 0 : _Object$values2.filter(function (cart) {
     var _cart$products3;
@@ -808,7 +859,7 @@ var Checkout = function Checkout(props) {
     }
   }), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 25
-  }))), cartUuid && cartState.cart && ((_cartState$cart2 = cartState.cart) === null || _cartState$cart2 === void 0 ? void 0 : _cartState$cart2.status) !== 1 && /*#__PURE__*/_react.default.createElement(_orderingComponents.Checkout, checkoutProps), (currentCart === null || currentCart === void 0 ? void 0 : currentCart.products) && /*#__PURE__*/_react.default.createElement(_UpsellingPage.UpsellingPage, {
+  }))), cartUuid && cartState.cart && ((_cartState$cart2 = cartState.cart) === null || _cartState$cart2 === void 0 ? void 0 : _cartState$cart2.status) !== 1 && /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.Checkout, checkoutProps), (currentCart === null || currentCart === void 0 ? void 0 : currentCart.products) && /*#__PURE__*/_react.default.createElement(_UpsellingPage.UpsellingPage, {
     businessId: currentCart === null || currentCart === void 0 ? void 0 : currentCart.business_id,
     cartProducts: currentCart === null || currentCart === void 0 ? void 0 : currentCart.products,
     business: currentCart === null || currentCart === void 0 ? void 0 : currentCart.business,
@@ -831,4 +882,4 @@ var Checkout = function Checkout(props) {
   }));
 };
 
-exports.Checkout = Checkout;
+exports.Checkout = Checkout;

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

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _MdClose = _interopRequireDefault(require("@meronex/icons/md/MdClose"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -59,7 +59,7 @@ var ConfirmUI = function ConfirmUI(props) {
       acceptText = props.acceptText,
       cancelText = props.cancelText;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -122,9 +122,9 @@ var Confirm = function Confirm(props) {
   });
 
   var theme = (0, _styledComponents.useTheme)();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, theme && /*#__PURE__*/_react.default.createElement(_orderingComponents.Popup, popupProps));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, theme && /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.Popup, popupProps));
 };
 
 exports.Confirm = Confirm;
 var Alert = Confirm;
-exports.Alert = Alert;
+exports.Alert = Alert;

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

@@ -9,7 +9,7 @@ exports.DriverTips = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -50,15 +50,15 @@ var DriverTipsUI = function DriverTipsUI(props) {
       isDriverTipUseCustom = props.isDriverTipUseCustom,
       handlerChangeOption = props.handlerChangeOption;
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configs = _useConfig2[0].configs;
 
@@ -125,7 +125,7 @@ var DriverTips = function DriverTips(props) {
     UIComponent: DriverTipsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.DriverTips, driverTipsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.DriverTips, driverTipsProps);
 };
 
-exports.DriverTips = DriverTips;
+exports.DriverTips = DriverTips;

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

@@ -7,7 +7,7 @@ exports.FacebookLoginButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _FaFacebook = _interopRequireDefault(require("@meronex/icons/fa/FaFacebook"));
 
@@ -34,7 +34,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var FacebookLoginButtonUI = function FacebookLoginButtonUI(props) {
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -53,7 +53,7 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
     UIComponent: FacebookLoginButtonUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.FacebookLoginButton, facebookLoginProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.FacebookLoginButton, facebookLoginProps);
 };
 
-exports.FacebookLoginButton = FacebookLoginButton;
+exports.FacebookLoginButton = FacebookLoginButton;

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

@@ -9,7 +9,7 @@ exports.Favorite = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _FavoriteList = require("../FavoriteList");
 
@@ -38,11 +38,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Favorite = function Favorite(props) {
   var _props$beforeElements, _props$beforeComponen, _orderState$options, _orderState$options$a, _orderState$options$a2, _orderState$options2, _orderState$options2$, _orderState$options2$2, _props$afterComponent, _props$afterElements;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
@@ -105,4 +105,4 @@ var Favorite = function Favorite(props) {
   }));
 };
 
-exports.Favorite = Favorite;
+exports.Favorite = Favorite;

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

@@ -9,7 +9,7 @@ exports.FavoriteList = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _BusinessController = require("../BusinessController");
 
@@ -80,19 +80,19 @@ var FavoriteListUI = function FavoriteListUI(props) {
       handleReorder = props.handleReorder,
       reorderState = props.reorderState;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
-  var _useSite = (0, _orderingComponents.useSite)(),
+  var _useSite = (0, _orderingComponentsExternal.useSite)(),
       _useSite2 = _slicedToArray(_useSite, 1),
       site = _useSite2[0].site;
 
@@ -511,7 +511,7 @@ var FavoriteList = function FavoriteList(props) {
     UIComponent: FavoriteListUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.FavoriteList, favoriteListProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.FavoriteList, favoriteListProps);
 };
 
-exports.FavoriteList = FavoriteList;
+exports.FavoriteList = FavoriteList;

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

@@ -9,7 +9,7 @@ exports.Footer = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 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); }
 
@@ -49,7 +49,7 @@ var Footer = function Footer() {
       footerState = _useState2[0],
       setfooterState = _useState2[1];
 
-  var _useApi = (0, _orderingComponents.useApi)(),
+  var _useApi = (0, _orderingComponentsExternal.useApi)(),
       _useApi2 = _slicedToArray(_useApi, 1),
       ordering = _useApi2[0];
 
@@ -139,4 +139,4 @@ var Footer = function Footer() {
   }));
 };
 
-exports.Footer = Footer;
+exports.Footer = Footer;

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

@@ -13,7 +13,7 @@ var _reactHookForm = require("react-hook-form");
 
 var _Confirm = require("../Confirm");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -70,7 +70,7 @@ var ForgotPasswordUI = function ForgotPasswordUI(props) {
       alertState = _useState2[0],
       setAlertState = _useState2[1];
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -178,7 +178,7 @@ var ForgotPasswordUI = function ForgotPasswordUI(props) {
     }),
     onChange: handleChangeInputEmail,
     autoComplete: "off"
-  }), props.isRecaptchaEnable && enableReCaptcha && /*#__PURE__*/_react.default.createElement(_styles.ReCaptchaWrapper, null, /*#__PURE__*/_react.default.createElement(_orderingComponents.ReCaptcha, {
+  }), props.isRecaptchaEnable && enableReCaptcha && /*#__PURE__*/_react.default.createElement(_styles.ReCaptchaWrapper, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ReCaptcha, {
     handleReCaptcha: handleReCaptcha
   })), (_props$afterMidElemen = props.afterMidElements) === null || _props$afterMidElemen === void 0 ? void 0 : _props$afterMidElemen.map(function (MidElement, i) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -224,7 +224,7 @@ var ForgotPasswordForm = function ForgotPasswordForm(props) {
     UIComponent: ForgotPasswordUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ForgotPasswordForm, ForgotPasswordProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ForgotPasswordForm, ForgotPasswordProps);
 };
 
-exports.ForgotPasswordForm = ForgotPasswordForm;
+exports.ForgotPasswordForm = ForgotPasswordForm;

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

@@ -9,7 +9,7 @@ exports.GoogleLoginButtonUI = exports.GoogleIdentityButton = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -42,7 +42,7 @@ var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
       handleSigninSuccess = props.handleSigninSuccess,
       formState = props.formState;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -108,7 +108,7 @@ var GoogleIdentityButton = function GoogleIdentityButton(props) {
     UIComponent: GoogleLoginButtonUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleIdentityButton, googleLoginProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleIdentityButton, googleLoginProps);
 };
 
-exports.GoogleIdentityButton = GoogleIdentityButton;
+exports.GoogleIdentityButton = GoogleIdentityButton;

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

@@ -7,7 +7,7 @@ exports.GoogleLoginButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _FcGoogle = _interopRequireDefault(require("@meronex/icons/fc/FcGoogle"));
 
@@ -34,7 +34,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -51,7 +51,7 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
     UIComponent: GoogleLoginButtonUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.FirebaseGoogleLoginButton, googleLoginProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.FirebaseGoogleLoginButton, googleLoginProps);
 };
 
-exports.GoogleLoginButton = GoogleLoginButton;
+exports.GoogleLoginButton = GoogleLoginButton;

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styledComponents = require("styled-components");
 
@@ -103,24 +103,24 @@ var Header = function Header(props) {
   var _useLocation = (0, _reactRouterDom.useLocation)(),
       pathname = _useLocation.pathname;
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parseDate = _useUtils2[0].parseDate;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 2),
       auth = _useSession2[0].auth,
       login = _useSession2[1].login;
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 2),
       orderState = _useOrder2[0],
       refreshOrderOptions = _useOrder2[1].refreshOrderOptions;
@@ -132,11 +132,11 @@ var Header = function Header(props) {
 
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configState = _useConfig2[0];
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 2),
       customerState = _useCustomer2[0],
       deleteUserCustomer = _useCustomer2[1].deleteUserCustomer;
@@ -475,12 +475,11 @@ var Header = function Header(props) {
       return openModal(variant);
     }
   }))), modalIsOpen && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
-    title: modalSelected === 'address' ? t('WHAT_IS_YOUR_ADDRESS', 'What\'s your address?') : null,
     open: modalIsOpen,
     onClose: function onClose() {
       return setModalIsOpen(false);
     },
-    width: "700px"
+    width: modalSelected === 'address' ? '70%' : '700px'
   }, modalSelected === 'cart' && /*#__PURE__*/_react.default.createElement(_CartContent.CartContent, {
     carts: cartsWithProducts,
     isOrderStateCarts: !!orderState.carts,
@@ -494,9 +493,6 @@ var Header = function Header(props) {
     onCancel: function onCancel() {
       return setModalIsOpen(false);
     },
-    onAccept: function onAccept() {
-      return setModalIsOpen(false);
-    },
     isCustomerMode: isCustomerMode
   }) : /*#__PURE__*/_react.default.createElement(_AddressForm.AddressForm, {
     useValidationFileds: true,
@@ -645,4 +641,4 @@ var Header = function Header(props) {
 exports.Header = Header;
 Header.defaultProps = {
   isShowOrderOptions: true
-};
+};