ordering-ui-external 1.0.0 → 1.1.1

package/_modules/themes/callcenterOriginal/src/components/PaymentOptionStripe/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _FiMoreVertical = _interopRequireDefault(require("@meronex/icons/fi/FiMoreVertical"));
 
@@ -71,11 +71,11 @@ var PaymentOptionStripeUI = function PaymentOptionStripeUI(props) {
       onSelectCard = props.onSelectCard,
       onPaymentChange = props.onPaymentChange;
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       token = _useSession2[0].token;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -205,7 +205,7 @@ var PaymentCard = function PaymentCard(props) {
       onSelectCard = props.onSelectCard,
       defaultSelected = props.defaultSelected;
 
-  var _useLanguage3 = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage4 = _slicedToArray(_useLanguage3, 2),
       t = _useLanguage4[1];
 
@@ -309,7 +309,7 @@ var PaymentOptionStripe = function PaymentOptionStripe(props) {
     UIComponent: PaymentOptionStripeUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.PaymentOptionStripe, paymentOptionStripeProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PaymentOptionStripe, paymentOptionStripeProps);
 };
 
-exports.PaymentOptionStripe = PaymentOptionStripe;
+exports.PaymentOptionStripe = PaymentOptionStripe;

package/_modules/themes/callcenterOriginal/src/components/PaymentOptions/index.js

@@ -25,7 +25,7 @@ var _EnPaypal = _interopRequireDefault(require("@meronex/icons/en/EnPaypal"));
 
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _Modal = require("../Modal");
 
@@ -159,11 +159,11 @@ var PaymentOptionsUI = function PaymentOptionsUI(props) {
       isOpenMethod = props.isOpenMethod,
       onPaymentChange = props.onPaymentChange;
 
-  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, 1),
       token = _useSession2[0].token;
 
@@ -328,7 +328,7 @@ var PaymentOptions = function PaymentOptions(props) {
     UIComponent: PaymentOptionsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.PaymentOptions, paymentOptions);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PaymentOptions, paymentOptions);
 };
 
-exports.PaymentOptions = PaymentOptions;
+exports.PaymentOptions = PaymentOptions;

package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactSelect = _interopRequireDefault(require("react-select"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styledComponents = require("styled-components");
 
@@ -79,17 +79,17 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
       countryCallingCode = props.countryCallingCode,
       onRedirectPage = props.onRedirectPage;
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 2),
       deleteUserCustomer = _useCustomer2[1].deleteUserCustomer;
 
@@ -343,7 +343,7 @@ var PhoneAutocomplete = function PhoneAutocomplete(props) {
     UIComponent: PhoneAutocompleteUI
   }, props);
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.PhoneAutocomplete, phoneProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PhoneAutocomplete, phoneProps);
 };
 
-exports.PhoneAutocomplete = PhoneAutocomplete;
+exports.PhoneAutocomplete = PhoneAutocomplete;

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

@@ -15,7 +15,7 @@ var _FiMinusCircle = _interopRequireDefault(require("@meronex/icons/fi/FiMinusCi
 
 var _FiPlusCircle = _interopRequireDefault(require("@meronex/icons/fi/FiPlusCircle"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _utils = require("../../../../../utils");
 
@@ -111,14 +111,14 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
       error = productObject.error;
   var windowSize = (0, _useWindowSize.useWindowSize)();
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 2),
       _useSession2$ = _useSession2[0],
       auth = _useSession2$.auth,
       user = _useSession2$.user,
       login = _useSession2[1].login;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -127,11 +127,11 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
       modalIsOpen = _useState2[0],
       setModalIsOpen = _useState2[1];
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
@@ -552,7 +552,7 @@ var ProductForm = function ProductForm(props) {
     UIComponent: ProductOptionsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ProductForm, productOptionsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ProductForm, productOptionsProps);
 };
 
-exports.ProductForm = ProductForm;
+exports.ProductForm = ProductForm;

package/_modules/themes/callcenterOriginal/src/components/ProductIngredient/index.js

@@ -7,7 +7,7 @@ exports.ProductIngredient = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -61,7 +61,7 @@ var ProductIngredient = function ProductIngredient(props) {
     UIComponent: ProductIngredientUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ProductIngredient, productIngredientProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ProductIngredient, productIngredientProps);
 };
 
-exports.ProductIngredient = ProductIngredient;
+exports.ProductIngredient = ProductIngredient;

package/_modules/themes/callcenterOriginal/src/components/ProductItemAccordion/index.js

@@ -13,7 +13,7 @@ var _IosArrowDown = _interopRequireDefault(require("@meronex/icons/ios/IosArrowD
 
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _useWindowSize = require("../../../../../hooks/useWindowSize");
 
@@ -66,15 +66,15 @@ var ProductItemAccordion = function ProductItemAccordion(props) {
       onEditProduct = props.onEditProduct,
       isCheckout = props.isCheckout;
 
-  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 _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
@@ -277,4 +277,4 @@ var ProductItemAccordion = function ProductItemAccordion(props) {
   }));
 };
 
-exports.ProductItemAccordion = ProductItemAccordion;
+exports.ProductItemAccordion = ProductItemAccordion;

package/_modules/themes/callcenterOriginal/src/components/ProductOption/index.js

@@ -7,7 +7,7 @@ exports.ProductOption = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -39,7 +39,7 @@ var ProductOptionUI = function ProductOptionUI(props) {
   var children = props.children,
       option = props.option;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -79,7 +79,7 @@ var ProductOption = function ProductOption(props) {
     UIComponent: ProductOptionUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ProductOption, productOptionProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ProductOption, productOptionProps);
 };
 
-exports.ProductOption = ProductOption;
+exports.ProductOption = ProductOption;

package/_modules/themes/callcenterOriginal/src/components/ProductOptionSubOption/index.js

@@ -9,7 +9,7 @@ exports.ProductOptionSubOption = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _BsCircleFill = _interopRequireDefault(require("@meronex/icons/bs/BsCircleFill"));
 
@@ -67,11 +67,11 @@ var ProductOptionSubOptionUI = function ProductOptionSubOptionUI(props) {
       toggleSelect = props.toggleSelect,
       changePosition = props.changePosition;
 
-  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;
 
@@ -175,7 +175,7 @@ var ProductOptionSubOption = function ProductOptionSubOption(props) {
     UIComponent: ProductOptionSubOptionUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ProductOptionSuboption, productOptionSubOptionProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ProductOptionSuboption, productOptionSubOptionProps);
 };
 
-exports.ProductOptionSubOption = ProductOptionSubOption;
+exports.ProductOptionSubOption = ProductOptionSubOption;

package/_modules/themes/callcenterOriginal/src/components/ProductShare/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _FiShare = _interopRequireDefault(require("@meronex/icons/fi/FiShare2"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -115,7 +115,7 @@ var ProductShare = function ProductShare(props) {
     UIComponent: ProductShareUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.ProductShare, productShareProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ProductShare, productShareProps);
 };
 
-exports.ProductShare = ProductShare;
+exports.ProductShare = ProductShare;

package/_modules/themes/callcenterOriginal/src/components/RenderProductsLayout/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 
@@ -91,17 +91,17 @@ var RenderProductsLayout = function RenderProductsLayout(props) {
       handleCartOpen = props.handleCartOpen;
   var theme = (0, _styledComponents.useTheme)();
 
-  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;
 
   var windowSize = (0, _useWindowSize.useWindowSize)();
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
@@ -287,4 +287,4 @@ var RenderProductsLayout = function RenderProductsLayout(props) {
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Cart3, null), /*#__PURE__*/_react.default.createElement("p", null, t('ADD_PRODUCTS_IN_YOUR_CART', 'Add products in your cart'))), /*#__PURE__*/_react.default.createElement(_styles.EmptyBtnWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, parsePrice(0)), /*#__PURE__*/_react.default.createElement(_Buttons.Button, null, t('EMPTY_CART', 'Empty cart')))))));
 };
 
-exports.RenderProductsLayout = RenderProductsLayout;
+exports.RenderProductsLayout = RenderProductsLayout;

package/_modules/themes/callcenterOriginal/src/components/SearchBar/index.js

@@ -13,7 +13,7 @@ var _Inputs = require("../../styles/Inputs");
 
 var _ThemeContext = require("../../../../../contexts/ThemeContext");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -48,7 +48,7 @@ var SearchBar = function SearchBar(props) {
       _useTheme2 = _slicedToArray(_useTheme, 1),
       theme = _useTheme2[0];
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -120,4 +120,4 @@ var SearchBar = function SearchBar(props) {
   }));
 };
 
-exports.SearchBar = SearchBar;
+exports.SearchBar = SearchBar;

package/_modules/themes/callcenterOriginal/src/components/SidebarMenu/index.js

@@ -29,7 +29,7 @@ var _FaUserCircle = _interopRequireDefault(require("@meronex/icons/fa/FaUserCirc
 
 var _BiHelpCircle = _interopRequireDefault(require("@meronex/icons/bi/BiHelpCircle"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styledComponents = require("styled-components");
 
@@ -75,19 +75,19 @@ var SidebarMenu = function SidebarMenu(props) {
       userCustomer = props.userCustomer,
       isCustomerMode = props.isCustomerMode;
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       login = _useSession2[0].login;
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
-  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),
       options = _useOrder2[0].options;
 
@@ -340,4 +340,4 @@ var SidebarMenu = function SidebarMenu(props) {
   }));
 };
 
-exports.SidebarMenu = SidebarMenu;
+exports.SidebarMenu = SidebarMenu;

package/_modules/themes/callcenterOriginal/src/components/SignUpBusiness/index.js

@@ -33,7 +33,7 @@ var _AiOutlineEye = _interopRequireDefault(require("@meronex/icons/ai/AiOutlineE
 
 var _AiOutlineEyeInvisible = _interopRequireDefault(require("@meronex/icons/ai/AiOutlineEyeInvisible"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -93,11 +93,11 @@ var SignUpBusinessUI = function SignUpBusinessUI(props) {
       enableReCaptcha = props.enableReCaptcha;
   var theme = (0, _styledComponents.useTheme)();
 
-  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;
 
@@ -211,7 +211,10 @@ var SignUpBusinessUI = function SignUpBusinessUI(props) {
       }
     });
     formMethods.setValue('email', e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, ''));
-    emailInput.current.value = e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, '');
+
+    if (emailInput !== null && emailInput !== void 0 && emailInput.current) {
+      emailInput.current.value = e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, '');
+    }
   };
 
   (0, _react.useEffect)(function () {
@@ -353,7 +356,7 @@ var SignUpBusinessUI = function SignUpBusinessUI(props) {
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       height: 43
     }));
-  })), 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
   })), (configs === null || configs === void 0 ? void 0 : (_configs$terms_and_co = configs.terms_and_conditions) === null || _configs$terms_and_co === void 0 ? void 0 : _configs$terms_and_co.value) === 'true' && /*#__PURE__*/_react.default.createElement(_styles.TermsConditionWrapper, null, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
     name: "acceptTerms",
@@ -391,7 +394,7 @@ var SignUpBusiness = function SignUpBusiness(props) {
     UIComponent: SignUpBusinessUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.SignupForm, signUpBusinessProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.SignupForm, signUpBusinessProps);
 };
 
-exports.SignUpBusiness = SignUpBusiness;
+exports.SignUpBusiness = SignUpBusiness;

package/_modules/themes/callcenterOriginal/src/components/SignUpForm/index.js

@@ -19,7 +19,7 @@ var _InputPhoneNumber = require("../InputPhoneNumber");
 
 var _libphonenumberJs = _interopRequireDefault(require("libphonenumber-js"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -89,11 +89,11 @@ var SignUpFormUI = function SignUpFormUI(props) {
       signupData = props.signupData,
       enableReCaptcha = props.enableReCaptcha;
 
-  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;
 
@@ -212,7 +212,10 @@ var SignUpFormUI = function SignUpFormUI(props) {
       }
     });
     formMethods.setValue('email', e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, ''));
-    emailInput.current.value = e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, '');
+
+    if (emailInput !== null && emailInput !== void 0 && emailInput.current) {
+      emailInput.current.value = e.target.value.toLowerCase().replace(/[&,()%";:ç?<>{}\\[\]\s]/g, '');
+    }
   };
 
   (0, _react.useEffect)(function () {
@@ -370,7 +373,7 @@ var SignUpFormUI = function SignUpFormUI(props) {
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       height: 43
     }));
-  })), 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
   })), (configs === null || configs === void 0 ? void 0 : (_configs$terms_and_co = configs.terms_and_conditions) === null || _configs$terms_and_co === void 0 ? void 0 : _configs$terms_and_co.value) === 'true' && /*#__PURE__*/_react.default.createElement(_styles.TermsConditionWrapper, null, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
     name: "acceptTerms",
@@ -419,7 +422,7 @@ var SignUpForm = function SignUpForm(props) {
     UIComponent: SignUpFormUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.SignupForm, loginControllerProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.SignupForm, loginControllerProps);
 };
 
-exports.SignUpForm = SignUpForm;
+exports.SignUpForm = SignUpForm;

package/_modules/themes/callcenterOriginal/src/components/SingleProductCard/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -45,21 +45,21 @@ var SingleProductCard = function SingleProductCard(props) {
       customText = props.customText,
       customStyle = props.customStyle;
 
-  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),
       stateConfig = _useConfig2[0];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       _useUtils2$ = _useUtils2[0],
       parsePrice = _useUtils2$.parsePrice,
       optimizeImage = _useUtils2$.optimizeImage;
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
@@ -126,4 +126,4 @@ var SingleProductCard = function SingleProductCard(props) {
   }));
 };
 
-exports.SingleProductCard = SingleProductCard;
+exports.SingleProductCard = SingleProductCard;

package/_modules/themes/callcenterOriginal/src/components/StripeElementsForm/index.js

@@ -7,7 +7,7 @@ exports.StripeElementsForm = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _pure = require("@stripe/stripe-js/pure");
 
@@ -50,7 +50,7 @@ var StripeElementsFormUI = function StripeElementsFormUI(props) {
       toSave = props.toSave,
       onCancel = props.onCancel;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -87,7 +87,7 @@ var StripeElementsForm = function StripeElementsForm(props) {
     UIComponent: StripeElementsFormUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.StripeElementsForm, stripeElementsFormProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.StripeElementsForm, stripeElementsFormProps);
 };
 
-exports.StripeElementsForm = StripeElementsForm;
+exports.StripeElementsForm = StripeElementsForm;

package/_modules/themes/callcenterOriginal/src/components/StripeRedirectForm/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -45,7 +45,7 @@ var StripeRedirectFormUI = function StripeRedirectFormUI(props) {
   var paymethods = props.paymethods,
       handleSubmitPaymentMethod = props.handleSubmitPaymentMethod;
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       user = _useSession2[0].user;
 
@@ -55,7 +55,7 @@ var StripeRedirectFormUI = function StripeRedirectFormUI(props) {
       errors = _useForm.errors,
       formState = _useForm.formState;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -118,7 +118,7 @@ var StripeRedirectForm = function StripeRedirectForm(props) {
     UIComponent: StripeRedirectFormUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.StripeRedirectForm, stripeRedirectFormProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.StripeRedirectForm, stripeRedirectFormProps);
 };
 
-exports.StripeRedirectForm = StripeRedirectForm;
+exports.StripeRedirectForm = StripeRedirectForm;

package/_modules/themes/callcenterOriginal/src/components/TaxInformation/index.js

@@ -7,7 +7,7 @@ exports.TaxInformation = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _SingleProductCard = require("../SingleProductCard");
 
@@ -32,7 +32,7 @@ var TaxInformation = function TaxInformation(props) {
       products = props.products,
       type = props.type;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -61,4 +61,4 @@ var TaxInformation = function TaxInformation(props) {
   }))));
 };
 
-exports.TaxInformation = TaxInformation;
+exports.TaxInformation = TaxInformation;