ordering-ui-external 1.0.0 → 1.1.1

package/_modules/themes/four/src/components/RenderProductsLayout/styles.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WrappLayout = exports.WrapContent = exports.Title = exports.EmptyCart = exports.EmptyBtnWrapper = exports.BusinessCategoryProductWrapper = exports.BusinessCategoriesContainer = exports.BusinessCartContent = exports.BusinessCartContainer = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Title = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 20px;\n  color: ", ";\n  margin-bottom: 18px;\n"])), function (props) {
+  return props.theme.colors.darkTextColor;
+});
+
+exports.Title = Title;
+
+var WrappLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var isCartOnProductsList = _ref.isCartOnProductsList;
+  return isCartOnProductsList && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n\n    .bp-list,\n    .cart {\n      width: 100%;\n    }\n\n    @media (min-width: 870px) {\n      flex-direction: row;\n      .bp-list {\n        width: 55%;\n      }\n      .cart {\n        width: calc(45% - 20px);\n        margin-left: 20px;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .bp-list {\n        width: 60%;\n      }\n      .cart {\n        width: calc(40% - 20px);\n      }\n    }  \n\n    @media (min-width: 1200px) {\n      .bp-list {\n        width: 70%;\n      }\n      .cart {\n        width: calc(30% - 20px);\n      }\n    }  \n  "])));
+});
+
+exports.WrappLayout = WrappLayout;
+
+var WrapContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: ", ";\n  margin: 0 auto;\n  width: 91%;\n  box-sizing: border-box;\n\n  @media (min-width: 768px ){\n    width: 85%;\n    display: flex;\n    justify-content: space-between;\n    padding: 20px 0;\n  }\n"])), function (props) {
+  return props.theme.colors.backgroundPage;
+});
+
+exports.WrapContent = WrapContent;
+
+var BusinessCategoryProductWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  .category-lists::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .category-lists {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n  @media (min-width: 1024px) {\n    width: 70%;\n  }\n"])));
+
+exports.BusinessCategoryProductWrapper = BusinessCategoryProductWrapper;
+
+var BusinessCategoriesContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin: 0;\n  width: 100%;\n\n  @media (min-width: 768px) {\n    width: 30%;\n\n    ", "\n  }\n"])), function (props) {
+  var _props$theme;
+
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rlt ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      padding-left: 25px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding-right: 25px;\n    "])));
+});
+
+exports.BusinessCategoriesContainer = BusinessCategoriesContainer;
+var BusinessCartContainer = (0, _styledComponents.default)(BusinessCategoriesContainer)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: none;\n\n  @media (min-width: 500px) {\n    display: block;\n  }\n"])));
+exports.BusinessCartContainer = BusinessCartContainer;
+
+var BusinessCartContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background: white;\n  padding: 30px;\n  position: relative;\n\n  .product.accordion {\n    margin: 0;\n  }\n\n  .accordion.active {\n    padding: 10px 0;\n  }\n\n  ", "\n\n  @media (min-width: 1200px) {\n    position: sticky;\n    top: 0;\n  }\n\n  @media (min-width: 768px) {\n    padding: 35px 30px;\n  }\n"])), function (_ref2) {
+  var isModal = _ref2.isModal;
+  return !isModal && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    border: 1px solid #E9ECEF;\n    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    border-radius: 7.6px;\n  "])));
+});
+
+exports.BusinessCartContent = BusinessCartContent;
+
+var EmptyCart = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  .empty-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    svg {\n      font-size: 45px;\n      color: #B1BCCC;\n      margin-top: 10px;\n    }\n\n    p {\n      font-size: 14px;\n      color: #B1BCCC;\n      margin: 23px 0 0 0;\n    }\n  }\n"])));
+
+exports.EmptyCart = EmptyCart;
+
+var EmptyBtnWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 20px;\n\n  span {\n    font-weight: 600;\n    font-size: 16px;\n    color: ", ";\n  }\n\n  button {\n    color: #748194;\n    background: #F8F9FA;\n    border: 1px solid #F8F9FA;\n    border-radius: 7.6px;\n    height: 44px;\n    font-size: 14px;\n    padding-left: 25px;\n    padding-right: 25px;\n  }\n"])), function (props) {
+  return props.theme.colors.darkTextColor;
+});
+
+exports.EmptyBtnWrapper = EmptyBtnWrapper;

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

@@ -9,7 +9,7 @@ exports.SearchBar = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _IosSearch = _interopRequireDefault(require("@meronex/icons/ios/IosSearch"));
 
@@ -44,7 +44,7 @@ var SearchBar = function SearchBar(props) {
       lazyLoad = props.lazyLoad,
       isCustomLayout = props.isCustomLayout;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -97,4 +97,4 @@ var SearchBar = function SearchBar(props) {
   }, t('CLEAR', 'Clear')) : /*#__PURE__*/_react.default.createElement(_IosSearch.default, null))));
 };
 
-exports.SearchBar = SearchBar;
+exports.SearchBar = SearchBar;

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

@@ -21,7 +21,7 @@ var _libphonenumberJs = _interopRequireDefault(require("libphonenumber-js"));
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _Confirm = require("../../../../../components/Confirm");
 
@@ -95,11 +95,11 @@ var SignUpFormUI = function SignUpFormUI(props) {
       fieldsNotValid = props.fieldsNotValid,
       signupData = props.signupData;
 
-  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;
 
@@ -113,7 +113,7 @@ var SignUpFormUI = function SignUpFormUI(props) {
       alertState = _useState2[0],
       setAlertState = _useState2[1];
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 2),
       login = _useSession2[1].login;
 
@@ -237,7 +237,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 () {
@@ -448,7 +451,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/four/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");
 
@@ -40,23 +40,27 @@ var SingleProductCard = function SingleProductCard(props) {
       isSoldOut = props.isSoldOut,
       isSkeleton = props.isSkeleton,
       onProductClick = props.onProductClick,
-      isCartOnProductsList = props.isCartOnProductsList;
+      isCartOnProductsList = props.isCartOnProductsList,
+      useCustomFunctionality = props.useCustomFunctionality,
+      onCustomClick = props.onCustomClick,
+      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];
 
@@ -86,10 +90,11 @@ var SingleProductCard = function SingleProductCard(props) {
   }), /*#__PURE__*/_react.default.createElement(_styles.CardContainer, {
     soldOut: isSoldOut || maxProductQuantity <= 0,
     onClick: function onClick() {
-      return !isSkeleton && onProductClick(product);
+      return (!isSkeleton && !useCustomFunctionality && onProductClick && onProductClick(product) || useCustomFunctionality) && onCustomClick && onCustomClick();
     },
-    isCartOnProductsList: isCartOnProductsList
-  }, !isSkeleton ? /*#__PURE__*/_react.default.createElement(_styles.WrapLogo, null, /*#__PURE__*/_react.default.createElement(_styles.CardLogo, {
+    isCartOnProductsList: isCartOnProductsList,
+    style: useCustomFunctionality && customStyle
+  }, !useCustomFunctionality && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isSkeleton ? /*#__PURE__*/_react.default.createElement(_styles.WrapLogo, null, /*#__PURE__*/_react.default.createElement(_styles.CardLogo, {
     className: "image",
     soldOut: isSoldOut || maxProductQuantity <= 0,
     bgimage: optimizeImage((product === null || product === void 0 ? void 0 : product.images) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.product), 'h_200,c_limit')
@@ -104,7 +109,12 @@ var SingleProductCard = function SingleProductCard(props) {
     width: 100
   }), !isSkeleton ? /*#__PURE__*/_react.default.createElement("p", null, product === null || product === void 0 ? void 0 : product.description) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     width: 100
-  })), (isSoldOut || maxProductQuantity <= 0) && /*#__PURE__*/_react.default.createElement(_styles.SoldOut, null, t('SOLD_OUT', 'SOLD OUT')), cartAmount > 0 && /*#__PURE__*/_react.default.createElement(_styles.CartAmount, null, cartAmount)), (_props$afterComponent = props.afterComponents) === null || _props$afterComponent === void 0 ? void 0 : _props$afterComponent.map(function (AfterComponent, i) {
+  })), (isSoldOut || maxProductQuantity <= 0) && /*#__PURE__*/_react.default.createElement(_styles.SoldOut, null, t('SOLD_OUT', 'SOLD OUT')), cartAmount > 0 && /*#__PURE__*/_react.default.createElement(_styles.CartAmount, null, cartAmount)), useCustomFunctionality && customText && /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      fontSize: 16,
+      fontWeight: 500
+    }
+  }, customText)), (_props$afterComponent = props.afterComponents) === null || _props$afterComponent === void 0 ? void 0 : _props$afterComponent.map(function (AfterComponent, i) {
     return /*#__PURE__*/_react.default.createElement(AfterComponent, _extends({
       key: i
     }, props));
@@ -115,4 +125,4 @@ var SingleProductCard = function SingleProductCard(props) {
   }));
 };
 
-exports.SingleProductCard = SingleProductCard;
+exports.SingleProductCard = SingleProductCard;

package/_modules/themes/four/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");
 
@@ -31,7 +31,7 @@ var TaxInformation = function TaxInformation(props) {
   var data = props.data,
       products = props.products;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -51,4 +51,4 @@ var TaxInformation = function TaxInformation(props) {
   })));
 };
 
-exports.TaxInformation = TaxInformation;
+exports.TaxInformation = TaxInformation;

package/_modules/themes/four/src/components/UserDetails/index.js

@@ -23,7 +23,7 @@ var _Buttons = require("../../styles/Buttons");
 
 var _styles = require("./styles");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _UserFormDetails = require("../UserFormDetails");
 
@@ -65,11 +65,11 @@ var UserDetailsUI = function UserDetailsUI(props) {
       isUserDetailsEdit = props.isUserDetailsEdit,
       isCustomerMode = props.isCustomerMode;
 
-  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),
       user = _useSession2[0].user;
 
@@ -161,7 +161,7 @@ var UserDetails = function UserDetails(props) {
     UIComponent: UserDetailsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.UserFormDetails, userDetailsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.UserFormDetails, userDetailsProps);
 };
 
-exports.UserDetails = UserDetails;
+exports.UserDetails = UserDetails;

package/_modules/themes/four/src/components/UserFormDetails/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 _reactHookForm = require("react-hook-form");
 
@@ -75,11 +75,11 @@ var UserFormDetailsUI = function UserFormDetailsUI(props) {
       isCustomerMode = props.isCustomerMode;
   var formMethods = (0, _reactHookForm.useForm)();
 
-  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),
       userSession = _useSession2[0].user;
 
@@ -101,7 +101,7 @@ var UserFormDetailsUI = function UserFormDetailsUI(props) {
       alertState = _useState6[0],
       setAlertState = _useState6[1];
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 2),
       setUserCustomer = _useCustomer2[1].setUserCustomer;
 
@@ -245,7 +245,10 @@ var UserFormDetailsUI = function UserFormDetailsUI(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 () {
@@ -428,4 +431,4 @@ var UserFormDetailsUI = function UserFormDetailsUI(props) {
   }));
 };
 
-exports.UserFormDetailsUI = UserFormDetailsUI;
+exports.UserFormDetailsUI = UserFormDetailsUI;

package/_modules/themes/four/src/components/UserProfileForm/ProfileOptions/index.js

@@ -13,7 +13,7 @@ var _FiSettings = _interopRequireDefault(require("@meronex/icons/fi/FiSettings")
 
 var _AiOutlineUnorderedList = _interopRequireDefault(require("@meronex/icons/ai/AiOutlineUnorderedList"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -42,11 +42,11 @@ var ProfileOptions = function ProfileOptions(_ref) {
       _useState2 = _slicedToArray(_useState, 1),
       tabValue = _useState2[0];
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
@@ -73,4 +73,4 @@ var ProfileOptions = function ProfileOptions(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_FiSettings.default, null), " ", t('YOUR_ACCOUNT_SETTINGS', 'Your account settings')))));
 };
 
-exports.ProfileOptions = ProfileOptions;
+exports.ProfileOptions = ProfileOptions;

package/_modules/themes/four/src/components/UserProfileForm/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 _UserFormDetails = require("../UserFormDetails");
 
@@ -70,11 +70,11 @@ var UserProfileFormUI = function UserProfileFormUI(props) {
       toggleIsEdit = props.toggleIsEdit,
       isHiddenAddress = props.isHiddenAddress;
 
-  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),
       user = _useSession2[0].user;
 
@@ -168,14 +168,14 @@ var UserProfileFormUI = function UserProfileFormUI(props) {
       return handleClickImage();
     },
     isImage: (user === null || user === void 0 ? void 0 : user.photo) || (formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.photo) && !formState.result.error
-  }, /*#__PURE__*/_react.default.createElement(_orderingComponents.ExamineClick, {
+  }, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ExamineClick, {
     onFiles: handleFiles,
     childRef: function childRef(e) {
       inputRef.current = e;
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: formState.loading
-  }, /*#__PURE__*/_react.default.createElement(_orderingComponents.DragAndDrop, {
+  }, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.DragAndDrop, {
     onDrop: function onDrop(dataTransfer) {
       return handleFiles(dataTransfer.files);
     },
@@ -255,7 +255,7 @@ var UserProfileForm = function UserProfileForm(props) {
     UIComponent: UserProfileFormUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.UserFormDetails, UserProfileProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.UserFormDetails, UserProfileProps);
 };
 
-exports.UserProfileForm = UserProfileForm;
+exports.UserProfileForm = UserProfileForm;

package/_modules/themes/four/src/components/VerticalOrdersLayout/index.js

@@ -7,7 +7,7 @@ exports.VerticalOrdersLayout = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styledComponents = require("styled-components");
 
@@ -46,11 +46,11 @@ var VerticalOrdersLayout = function VerticalOrdersLayout(props) {
       orderID = props.orderID;
   var theme = (0, _styledComponents.useTheme)();
 
-  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),
       parseDate = _useUtils2[0].parseDate;
 
@@ -110,4 +110,4 @@ var VerticalOrdersLayout = function VerticalOrdersLayout(props) {
   }));
 };
 
-exports.VerticalOrdersLayout = VerticalOrdersLayout;
+exports.VerticalOrdersLayout = VerticalOrdersLayout;

package/_modules/themes/four/src/styles/Select/index.js

@@ -9,7 +9,7 @@ exports.Select = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _BsChevronDown = _interopRequireDefault(require("@meronex/icons/bs/BsChevronDown"));
 
@@ -63,7 +63,7 @@ var Select = function Select(props) {
 
   var dropdownReference = (0, _react.useRef)();
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 1),
       orderState = _useOrder2[0];
 
@@ -136,4 +136,4 @@ var Select = function Select(props) {
   })));
 };
 
-exports.Select = Select;
+exports.Select = Select;

package/_modules/themes/franchise/src/components/AddressDetails/index.js

@@ -9,7 +9,7 @@ exports.AddressDetails = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -53,11 +53,11 @@ var AddressDetailsUI = function AddressDetailsUI(props) {
       apiKey = props.apiKey,
       isFromCheckout = props.isFromCheckout;
 
-  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];
 
@@ -76,7 +76,7 @@ var AddressDetailsUI = function AddressDetailsUI(props) {
 
   var userCustomer = JSON.parse(window.localStorage.getItem('user-customer'));
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 1),
       user = _useCustomer2[0].user;
 
@@ -171,7 +171,7 @@ var AddressDetails = function AddressDetails(props) {
     UIComponent: AddressDetailsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.AddressDetails, addressDetailsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.AddressDetails, addressDetailsProps);
 };
 
-exports.AddressDetails = AddressDetails;
+exports.AddressDetails = AddressDetails;

package/_modules/themes/franchise/src/components/AddressForm/index.js

@@ -27,7 +27,7 @@ var _BsArrowRight = _interopRequireDefault(require("@meronex/icons/bs/BsArrowRig
 
 var _reactHookForm = require("react-hook-form");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _Confirm = require("../Confirm");
 
@@ -103,21 +103,21 @@ var AddressFormUI = function AddressFormUI(props) {
       setIsEdit = props.setIsEdit,
       userCustomerSetup = props.userCustomerSetup;
 
-  var _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configState = _useConfig2[0];
 
-  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 formMethods = (0, _reactHookForm.useForm)();
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       auth = _useSession2[0].auth;
 
@@ -557,7 +557,7 @@ var AddressFormUI = function AddressFormUI(props) {
       key: field.name
     }, /*#__PURE__*/_react.default.createElement(_styles.AddressWrap, {
       className: "google-control"
-    }, /*#__PURE__*/_react.default.createElement(_styles.WrapAddressInput, null, /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleAutocompleteInput, {
+    }, /*#__PURE__*/_react.default.createElement(_styles.WrapAddressInput, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleAutocompleteInput, {
       className: "input-autocomplete",
       apiKey: googleMapsApiKey,
       placeholder: t('ADDRESS', 'Address'),
@@ -587,7 +587,7 @@ var AddressFormUI = function AddressFormUI(props) {
       onError: setMapErrors,
       IconButton: _HiOutlineLocationMarker.default,
       IconLoadingButton: _CgSearchLoading.default
-    })), locationChange && ((addressState === null || addressState === void 0 ? void 0 : (_addressState$address12 = addressState.address) === null || _addressState$address12 === void 0 ? void 0 : _addressState$address12.location) || (formState === null || formState === void 0 ? void 0 : (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.location)) && /*#__PURE__*/_react.default.createElement(_styles.WrapperMap, null, /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleMapsMap, {
+    })), locationChange && ((addressState === null || addressState === void 0 ? void 0 : (_addressState$address12 = addressState.address) === null || _addressState$address12 === void 0 ? void 0 : _addressState$address12.location) || (formState === null || formState === void 0 ? void 0 : (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.location)) && /*#__PURE__*/_react.default.createElement(_styles.WrapperMap, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleMapsMap, {
       apiKey: googleMapsApiKey,
       location: locationChange,
       fixedLocation: !isEditing ? firstLocationNoEdit.value : null,
@@ -724,7 +724,7 @@ var AddressForm = function AddressForm(props) {
     isSelectedAfterAdd: true
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.AddressForm, addressFormProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.AddressForm, addressFormProps);
 };
 
-exports.AddressForm = AddressForm;
+exports.AddressForm = AddressForm;

package/_modules/themes/franchise/src/components/AddressList/index.js

@@ -25,7 +25,7 @@ var _IosRadioButtonOn = _interopRequireDefault(require("@meronex/icons/ios/IosRa
 
 var _IosRadioButtonOff = _interopRequireDefault(require("@meronex/icons/ios/IosRadioButtonOff"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -91,15 +91,15 @@ var AddressListUI = function AddressListUI(props) {
       isCustomerMode = props.isCustomerMode,
       isFromCheckout = props.isFromCheckout;
 
-  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];
 
@@ -124,7 +124,7 @@ var AddressListUI = function AddressListUI(props) {
 
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 1),
       user = _useCustomer2[0].user;
 
@@ -385,7 +385,7 @@ var AddressList = function AddressList(props) {
     UIComponent: AddressListUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.AddressList, addressListProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.AddressList, addressListProps);
 };
 
-exports.AddressList = AddressList;
+exports.AddressList = AddressList;