ordering-ui-external 1.0.0 → 1.1.1

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -35,13 +35,13 @@ var WalletTransactionItem = function WalletTransactionItem(props) {
       type = props.type;
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       _useUtils2$ = _useUtils2[0],
       parsePrice = _useUtils2$.parsePrice,
       parseDate = _useUtils2$.parseDate;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
@@ -57,4 +57,4 @@ var WalletTransactionItem = function WalletTransactionItem(props) {
   }, (item === null || item === void 0 ? void 0 : item.amount) > 0 && '+ ', type !== 'credit_point' ? parsePrice(item === null || item === void 0 ? void 0 : item.amount) : item === null || item === void 0 ? void 0 : item.amount)), /*#__PURE__*/_react.default.createElement(_styles.MessageBlock, null, /*#__PURE__*/_react.default.createElement("span", null, t(LANG_EVENT_KEY, lang_event_text).replace(':author', (_item$event$author$na = item === null || item === void 0 ? void 0 : (_item$event2 = item.event) === null || _item$event2 === void 0 ? void 0 : (_item$event2$author = _item$event2.author) === null || _item$event2$author === void 0 ? void 0 : _item$event2$author.name) !== null && _item$event$author$na !== void 0 ? _item$event$author$na : '').replace(':order_id', (_item$event$order_id = item === null || item === void 0 ? void 0 : (_item$event3 = item.event) === null || _item$event3 === void 0 ? void 0 : _item$event3.order_id) !== null && _item$event$order_id !== void 0 ? _item$event$order_id : ''))), !!(item !== null && item !== void 0 && item.description) && /*#__PURE__*/_react.default.createElement(_styles.DescriptionBlock, null, /*#__PURE__*/_react.default.createElement("span", null, item === null || item === void 0 ? void 0 : item.description)), !!(item !== null && item !== void 0 && item.code) && /*#__PURE__*/_react.default.createElement(_styles.DescriptionBlock, null, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("strong", null, t('CODE', 'Code'), ":"), " ", item === null || item === void 0 ? void 0 : item.code)));
 };
 
-exports.WalletTransactionItem = WalletTransactionItem;
+exports.WalletTransactionItem = WalletTransactionItem;

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

@@ -13,7 +13,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styles = require("./styles");
 
@@ -65,15 +65,15 @@ var WalletsUI = function WalletsUI(props) {
       isWalletCashEnabled = props.isWalletCashEnabled,
       isWalletPointsEnabled = props.isWalletPointsEnabled;
 
-  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 _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configs = _useConfig2[0].configs;
 
@@ -191,7 +191,7 @@ var WalletsUI = function WalletsUI(props) {
 var Wallets = function Wallets(props) {
   var _configs$wallet_cash_, _configs$wallet_credi;
 
-  var _useConfig3 = (0, _orderingComponents.useConfig)(),
+  var _useConfig3 = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig4 = _slicedToArray(_useConfig3, 1),
       configs = _useConfig4[0].configs;
 
@@ -204,7 +204,7 @@ var Wallets = function Wallets(props) {
     isWalletPointsEnabled: isWalletPointsEnabled
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.WalletList, walletsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.WalletList, walletsProps);
 };
 
-exports.Wallets = Wallets;
+exports.Wallets = Wallets;

package/_modules/themes/five/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"));
 
@@ -68,7 +68,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];
 
@@ -151,4 +151,4 @@ var Select = function Select(props) {
   })));
 };
 
-exports.Select = Select;
+exports.Select = Select;

package/_modules/themes/five/src/styles/Select/theme/two/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/four/src/components/AccordionDropdown/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionDropdown = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BiCaretUp = _interopRequireDefault(require("@meronex/icons/bi/BiCaretUp"));
+
+var _styles = require("./styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var AccordionDropdown = function AccordionDropdown(props) {
+  var item = props.item,
+      spaceTab = props.spaceTab,
+      isOpen = props.isOpen,
+      isSelected = props.isSelected,
+      handleClickItem = props.handleClickItem,
+      IterateCategories = props.IterateCategories;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "accordion-item"
+  }, /*#__PURE__*/_react.default.createElement(_styles.CategoryTab, {
+    active: isSelected,
+    className: 'accordion-title',
+    categorySpace: spaceTab,
+    onClick: function onClick() {
+      return handleClickItem();
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", null, item.name), /*#__PURE__*/_react.default.createElement(_BiCaretUp.default, {
+    className: "rotate",
+    style: {
+      transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)'
+    }
+  })), isOpen && /*#__PURE__*/_react.default.createElement("div", {
+    className: "accordion-content"
+  }, /*#__PURE__*/_react.default.createElement(IterateCategories, {
+    list: item.subcategories,
+    isSub: true,
+    currentCat: item
+  })));
+};
+
+exports.AccordionDropdown = AccordionDropdown;

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

@@ -0,0 +1,31 @@
+"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.CategoryTab = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+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 CategoryTab = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 10px 15px;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: ", "px;\n  border-radius: 8px;\n  text-align: left;\n\n  span {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 80%;\n  }\n\n\n  ", "\n"])), function (props) {
+  var _props$categorySpace;
+
+  return (_props$categorySpace = props.categorySpace) !== null && _props$categorySpace !== void 0 ? _props$categorySpace : 0;
+}, function (_ref) {
+  var active = _ref.active;
+  return active && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    font-weight: bold;\n  "])), function (props) {
+    return props.theme.colors.primaryContrast;
+  });
+});
+
+exports.CategoryTab = CategoryTab;

package/_modules/themes/four/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 _IosArrowDown = _interopRequireDefault(require("@meronex/icons/ios/IosArrowDown"));
 
@@ -57,11 +57,11 @@ var AddressDetailsUI = function AddressDetailsUI(props) {
       googleMapsUrl = props.googleMapsUrl,
       isCustomerMode = props.isCustomerMode;
 
-  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];
 
@@ -77,7 +77,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;
 
@@ -187,7 +187,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/four/src/components/AddressForm/index.js

@@ -27,7 +27,7 @@ var _CgSearchLoading = _interopRequireDefault(require("@meronex/icons/cg/CgSearc
 
 var _reactHookForm = require("react-hook-form");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _Confirm = require("../../../../../components/Confirm");
 
@@ -105,22 +105,22 @@ 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 theme = (0, _styledComponents.useTheme)();
   var formMethods = (0, _reactHookForm.useForm)();
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       auth = _useSession2[0].auth;
 
@@ -556,7 +556,7 @@ var AddressFormUI = function AddressFormUI(props) {
     return /*#__PURE__*/_react.default.createElement(BeforeMidComponents, _extends({
       key: i
     }, props));
-  }), locationChange && toggleMap && /*#__PURE__*/_react.default.createElement(_styles.WrapperMap, null, /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleMapsMap, {
+  }), locationChange && toggleMap && /*#__PURE__*/_react.default.createElement(_styles.WrapperMap, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleMapsMap, {
     apiKey: googleMapsApiKey,
     location: locationChange,
     fixedLocation: !isEditing ? firstLocationNoEdit.value : null,
@@ -571,7 +571,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(_HiOutlineLocationMarker.default, null), /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleAutocompleteInput, {
+    }, /*#__PURE__*/_react.default.createElement(_styles.WrapAddressInput, null, /*#__PURE__*/_react.default.createElement(_HiOutlineLocationMarker.default, null), /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleAutocompleteInput, {
       className: "input-autocomplete",
       apiKey: googleMapsApiKey,
       placeholder: t('ADDRESS', 'Address'),
@@ -738,7 +738,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/four/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");
 
@@ -89,15 +89,15 @@ var AddressListUI = function AddressListUI(props) {
       isEnableContinueButton = props.isEnableContinueButton,
       setCustomerModalOpen = props.setCustomerModalOpen;
 
-  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];
 
@@ -122,7 +122,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;
 
@@ -381,7 +381,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;

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

@@ -9,7 +9,7 @@ exports.AddressesPopover = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _reactPopper = require("react-popper");
 
@@ -56,15 +56,15 @@ var AddressesPopover = function AddressesPopover(props) {
       auth = props.auth,
       addressState = props.addressState;
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[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];
 
@@ -199,4 +199,4 @@ var AddressesPopover = function AddressesPopover(props) {
   }));
 };
 
-exports.AddressesPopover = AddressesPopover;
+exports.AddressesPopover = AddressesPopover;

package/_modules/themes/four/src/components/AppleLogin/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 _styles = require("./styles");
 
@@ -46,11 +46,11 @@ var AppleLoginUI = function AppleLoginUI(props) {
       handleAppleLoginClick = props.handleAppleLoginClick;
   var location = (0, _reactRouterDom.useLocation)();
 
-  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;
 
@@ -88,7 +88,7 @@ var AppleLogin = function AppleLogin(props) {
     UIComponent: AppleLoginUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.AppleLogin, propss);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.AppleLogin, propss);
 };
 
-exports.AppleLogin = AppleLogin;
+exports.AppleLogin = AppleLogin;

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

@@ -25,7 +25,7 @@ var _Modal = require("../../../../../components/Modal");
 
 var _BusinessInformation = require("../../../../../components/BusinessInformation");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _utils = require("../../../../../utils");
 
@@ -70,15 +70,15 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
       loading = businessState.loading;
   var theme = (0, _styledComponents.useTheme)();
 
-  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 _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       _useUtils2$ = _useUtils2[0],
       parsePrice = _useUtils2$.parsePrice,
@@ -153,7 +153,7 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
     onClick: function onClick() {
       return setOpenBusinessInformation(true);
     }
-  })))))), !isSkeleton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (categoryState.products.length !== 0 || searchValue) && !errorQuantityProducts && /*#__PURE__*/_react.default.createElement(_styles.WrapperSearch, null, /*#__PURE__*/_react.default.createElement(_SearchBar.SearchBar, {
+  })))))), !errorQuantityProducts && /*#__PURE__*/_react.default.createElement(_styles.WrapperSearch, null, /*#__PURE__*/_react.default.createElement(_SearchBar.SearchBar, {
     onSearch: handleChangeSearch,
     search: searchValue,
     placeholder: t('SEARCH_PRODUCTS', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.SEARCH_PRODUCTS) || 'Search Products'),
@@ -166,10 +166,7 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
     onChange: function onChange(val) {
       return handleChangeSortBy && handleChangeSortBy(val);
     }
-  }))) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
-    width: 300,
-    height: 40
-  })), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+  }))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     width: "70%",
     open: openBusinessInformation,
     onClose: setOpenBusinessInformation,
@@ -192,4 +189,4 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
   }));
 };
 
-exports.BusinessBasicInformation = BusinessBasicInformation;
+exports.BusinessBasicInformation = BusinessBasicInformation;

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

@@ -7,7 +7,7 @@ exports.BusinessController = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 
@@ -60,11 +60,11 @@ var BusinessControllerUI = function BusinessControllerUI(props) {
       orderType = props.orderType;
   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),
       _useUtils2$ = _useUtils2[0],
       parsePrice = _useUtils2$.parsePrice,
@@ -149,7 +149,7 @@ var BusinessController = function BusinessController(props) {
     UIComponent: BusinessControllerUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.BusinessController, businessControllerProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessController, businessControllerProps);
 };
 
-exports.BusinessController = BusinessController;
+exports.BusinessController = BusinessController;

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

@@ -17,7 +17,7 @@ var _BiStoreAlt = _interopRequireDefault(require("@meronex/icons/bi/BiStoreAlt")
 
 var _VscTrash = _interopRequireDefault(require("@meronex/icons/vsc/VscTrash"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _styledComponents = require("styled-components");
 
@@ -65,19 +65,19 @@ var BusinessItemAccordion = function BusinessItemAccordion(props) {
       handleCartOpen = props.handleCartOpen;
   var theme = (0, _styledComponents.useTheme)();
 
-  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 _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parsePrice = _useUtils2[0].parsePrice;
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
@@ -233,4 +233,4 @@ var BusinessItemAccordion = function BusinessItemAccordion(props) {
   }));
 };
 
-exports.BusinessItemAccordion = BusinessItemAccordion;
+exports.BusinessItemAccordion = BusinessItemAccordion;

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

@@ -11,7 +11,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 
 var _EnChevronRight = _interopRequireDefault(require("@meronex/icons/en/EnChevronRight"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _AutoScroll = require("../AutoScroll");
 
@@ -77,7 +77,8 @@ var BusinessProductsCategoriesUI = function BusinessProductsCategoriesUI(props)
     return /*#__PURE__*/_react.default.createElement(_styles.Tab, {
       key: i
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
-      width: 100
+      width: 150,
+      height: 25
     }));
   })))));
 };
@@ -87,7 +88,7 @@ var BusinessProductsCategories = function BusinessProductsCategories(props) {
     UIComponent: BusinessProductsCategoriesUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.BusinessProductsCategories, businessProductsCategoriesProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessProductsCategories, businessProductsCategoriesProps);
 };
 
-exports.BusinessProductsCategories = BusinessProductsCategories;
+exports.BusinessProductsCategories = BusinessProductsCategories;