ordering-ui-external 8.0.0 → 8.0.2

package/_modules/components/AddressForm/index.js

@@ -130,9 +130,9 @@ var AddressFormUI = function AddressFormUI(props) {
     });
   };
 
-  /**
-   * Returns true when the user made no changes
-   * @param {object} address
+  /**
+   * Returns true when the user made no changes
+   * @param {object} address
    */
   var checkAddress = function checkAddress(address, addressToCompare) {
     var props = ['address', 'address_notes', 'zipcode', 'location', 'internal_number'];

package/_modules/components/AddressList/index.js

@@ -169,8 +169,8 @@ var AddressListUI = function AddressListUI(props) {
     });
   };
 
-  /**
-   * Close modals and alerts
+  /**
+   * Close modals and alerts
    */
   (0, _react.useEffect)(function () {
     return function () {

package/_modules/contexts/InfoShareContext/index.js

@@ -20,15 +20,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Create InfoShareContext
- * This context will manage the info between pages and provide an easy interface
+/**
+ * Create InfoShareContext
+ * This context will manage the info between pages and provide an easy interface
  */
 var InfoShareContext = /*#__PURE__*/(0, _react.createContext)();
 
-/**
-  * Custom provider to mange shared info
-  * @param {props} props
+/**
+  * Custom provider to mange shared info
+  * @param {props} props
   */
 exports.InfoShareContext = InfoShareContext;
 var InfoShareProvider = function InfoShareProvider(_ref) {

package/_modules/contexts/ThemeContext/index.js

@@ -25,15 +25,15 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Create ThemeContext
- * Context to use theme on the app
+/**
+ * Create ThemeContext
+ * Context to use theme on the app
  */
 var ThemeContext = /*#__PURE__*/(0, _react.createContext)();
 
-/**
- * Api provider to manage theme
- * @param {props} props
+/**
+ * Api provider to manage theme
+ * @param {props} props
  */
 exports.ThemeContext = ThemeContext;
 var ThemeProvider = function ThemeProvider(_ref) {
@@ -87,8 +87,8 @@ var ThemeProvider = function ThemeProvider(_ref) {
   }, /*#__PURE__*/_react.default.createElement(GlobalStyle, null), children));
 };
 
-/**
- * Hook to get theme state
+/**
+ * Hook to get theme state
  */
 exports.ThemeProvider = ThemeProvider;
 var useTheme = function useTheme() {

package/_modules/hooks/useCountdownTimer.js

@@ -11,10 +11,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Hook for countdown seconds
- * @param {int} initialCount
- * @param {boolean} start
+/**
+ * Hook for countdown seconds
+ * @param {int} initialCount
+ * @param {boolean} start
  */
 function useCountdownTimer(initialCount, start) {
   var _useState = (0, _react.useState)(initialCount),

package/_modules/hooks/useIntersectionObserver.js

@@ -17,8 +17,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Hook for Intersection Observer API (observe changes in the intersection of a target elemen based on viewport)
+/**
+ * Hook for Intersection Observer API (observe changes in the intersection of a target elemen based on viewport)
  */
 
 function useIntersectionObserver() {

package/_modules/hooks/useOutsideClick.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useOutsideClick = void 0;
 var _react = require("react");
-/**
- * Execute the cb function when an event click
- * is triggered outside ref component
- * @param {object} ref
- * @param {Function} cb
+/**
+ * Execute the cb function when an event click
+ * is triggered outside ref component
+ * @param {object} ref
+ * @param {Function} cb
  */
 var useOutsideClick = function useOutsideClick(ref, cb) {
   (0, _react.useEffect)(function () {

package/_modules/hooks/useRecaptcha.js

@@ -12,9 +12,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Hook to mangage Recaptcha version
- * @param {boolean} enableRecaptcha
+/**
+ * Hook to mangage Recaptcha version
+ * @param {boolean} enableRecaptcha
  */
 var useRecaptcha = function useRecaptcha(enableRecaptcha) {
   var _useConfig = (0, _orderingComponentsExternal.useConfig)(),

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

@@ -121,9 +121,9 @@ var AddressFormUI = function AddressFormUI(props) {
     });
   };
 
-  /**
-   * Returns true when the user made no changes
-   * @param {object} address
+  /**
+   * Returns true when the user made no changes
+   * @param {object} address
    */
   var checkAddress = function checkAddress(address, addressToCompare) {
     var props = ['address', 'address_notes', 'zipcode', 'location', 'internal_number'];

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

@@ -173,8 +173,8 @@ var AddressListUI = function AddressListUI(props) {
     setIsAddressFormOpen && setIsAddressFormOpen(false);
   };
 
-  /**
-   * Close modals and alerts
+  /**
+   * Close modals and alerts
    */
   (0, _react.useEffect)(function () {
     return function () {

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

@@ -26,7 +26,8 @@ var CartContent = function CartContent(props) {
     isOrderStateCarts = props.isOrderStateCarts,
     isCartPopover = props.isCartPopover,
     isForceOpenCart = props.isForceOpenCart,
-    setPreorderBusiness = props.setPreorderBusiness;
+    setPreorderBusiness = props.setPreorderBusiness,
+    isCustomerMode = props.isCustomerMode;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -111,7 +112,8 @@ var CartContent = function CartContent(props) {
       currentCartUuid: currentCartUuid,
       isProducts: cart.products.length,
       onClickCheckout: props.onClose,
-      setPreorderBusiness: setPreorderBusiness
+      setPreorderBusiness: setPreorderBusiness,
+      isCustomerMode: isCustomerMode
     }));
   }), (!carts || (carts === null || carts === void 0 ? void 0 : carts.length) === 0) && /*#__PURE__*/_react.default.createElement(_styles.NotCarts, null, /*#__PURE__*/_react.default.createElement("img", {
     src: (_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$general = _theme$images.general) === null || _theme$images$general === void 0 ? void 0 : _theme$images$general.notFound,

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

@@ -124,6 +124,7 @@ var CartPopover = function CartPopover(props) {
     ref: popperElement,
     style: popStyle
   }, attributes.popper), /*#__PURE__*/_react.default.createElement(_CartContent.CartContent, {
+    isCustomerMode: isCustomerMode,
     isCartPopover: true,
     isOpenCart: open,
     onClick: props.onClick,

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

@@ -289,8 +289,8 @@ var OrdersTable = function OrdersTable(props) {
       setSelectedOrderIds(updatedSelectedOrderIds);
     }
   };
-  /**
-   * Method to handle drag start
+  /**
+   * Method to handle drag start
    */
   var handleDragStart = function handleDragStart(event, columnName) {
     var _allowColumns$columnN;
@@ -301,16 +301,16 @@ var OrdersTable = function OrdersTable(props) {
     document.body.appendChild(ghostEle);
     event.dataTransfer.setDragImage(ghostEle, 0, 0);
   };
-  /**
-   * Method to handle drag over
+  /**
+   * Method to handle drag over
    */
   var handleDragOver = function handleDragOver(event, columnName) {
     event.preventDefault();
     setDragOverd(columnName);
   };
 
-  /**
-   * Method to handle drag end
+  /**
+   * Method to handle drag end
    */
   var handleDragEnd = function handleDragEnd() {
     var elements = document.getElementsByClassName('ghostDragging');

package/_modules/themes/callcenterOriginal/src/components/Shared/ProgressRing/index.js

@@ -72,17 +72,17 @@ var ProgressRing = function ProgressRing(props) {
   }, Math.round(percent), "%"));
 };
 
-/*
-  interface Props
-
-  caps?: "butt" | "round";
-  children?: React.ReactNode;
-  lineWidth?: number;
-  percent?: number;
-  progressColor?: string;
-  size?: number;
-  spin?: boolean;
-  trackColor?: string;
-  transitionDuration?: number;
+/*
+  interface Props
+
+  caps?: "butt" | "round";
+  children?: React.ReactNode;
+  lineWidth?: number;
+  percent?: number;
+  progressColor?: string;
+  size?: number;
+  spin?: boolean;
+  trackColor?: string;
+  transitionDuration?: number;
 */
 exports.ProgressRing = ProgressRing;

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

@@ -131,9 +131,9 @@ var AddressFormUI = function AddressFormUI(props) {
     });
   };
 
-  /**
-   * Returns true when the user made no changes
-   * @param {object} address
+  /**
+   * Returns true when the user made no changes
+   * @param {object} address
    */
   var checkAddress = function checkAddress(address, addressToCompare) {
     var props = ['address', 'address_notes', 'zipcode', 'location', 'internal_number'];

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

@@ -183,8 +183,8 @@ var AddressListUI = function AddressListUI(props) {
     });
   }, [actionStatus, isSelectedNewAddress]);
 
-  /**
-   * Close modals and alerts
+  /**
+   * Close modals and alerts
    */
   (0, _react.useEffect)(function () {
     return function () {

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

@@ -126,9 +126,9 @@ var AddressFormUI = function AddressFormUI(props) {
     });
   };
 
-  /**
-   * Returns true when the user made no changes
-   * @param {object} address
+  /**
+   * Returns true when the user made no changes
+   * @param {object} address
    */
   var checkAddress = function checkAddress(address, addressToCompare) {
     var props = ['address', 'address_notes', 'zipcode', 'location', 'internal_number'];

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

@@ -206,8 +206,8 @@ var AddressListUI = function AddressListUI(props) {
     setIsAddressFormOpen && setIsAddressFormOpen(false);
   };
 
-  /**
-   * Close modals and alerts
+  /**
+   * Close modals and alerts
    */
   (0, _react.useEffect)(function () {
     return function () {

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/OrdersSection/index.js

@@ -42,6 +42,19 @@ var OrdersSection = function OrdersSection(props) {
     isBusinessesLoading: businessesList.loading,
     isCustomerMode: isCustomerMode,
     franchiseId: props.franchiseId
+  }), /*#__PURE__*/_react.default.createElement(_OrdersOption.OrdersOption, {
+    activeOrders: true,
+    horizontal: true,
+    asDashboard: true,
+    isBusinessesPage: true,
+    titleContent: t('ACTIVE_ORDERS', 'Active orders'),
+    businessesIds: businessesIds,
+    onRedirectPage: onRedirectPage,
+    userCustomerId: userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id,
+    isCustomLayout: true,
+    isBusinessesLoading: businessesList.loading,
+    isCustomerMode: isCustomerMode,
+    franchiseId: props.franchiseId
   }), /*#__PURE__*/_react.default.createElement(_OrdersOption.OrdersOption, {
     pastOrders: true,
     horizontal: true,

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js

@@ -216,6 +216,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
   }, [preorderBusiness]);
   (0, _react.useEffect)(function () {
     var _businessesList$busin2;
+    setActiveMap(false);
     if (!(businessesList !== null && businessesList !== void 0 && (_businessesList$busin2 = businessesList.businesses) !== null && _businessesList$busin2 !== void 0 && _businessesList$busin2.length)) return;
     var ids = _toConsumableArray(favoriteIds);
     businessesList.businesses.forEach(function (business) {

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

@@ -86,9 +86,7 @@ var CardFormUI = function CardFormUI(props) {
     name: "zipcode",
     placeholder: "".concat(t('ZIPCODE', 'Zipcode')).concat(zipCodeRequired ? '*' : ''),
     options: CARD_ELEMENT_OPTIONS,
-    onChange: handleChange,
-    pattern: "[0-9]",
-    type: "number"
+    onChange: handleChange
   }), errorZipcode && /*#__PURE__*/_react.default.createElement(_styles.ErrorMessage, null, t('ZIPCODE_IS_INCOMPLETED', 'The zipcode is incompleted.'))))), /*#__PURE__*/_react.default.createElement(_styles.FormActions, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: "primary",
     type: "submit",

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

@@ -71,7 +71,8 @@ var CartUI = function CartUI(props) {
     hideDriverTip = props.hideDriverTip,
     hideCouponInput = props.hideCouponInput,
     businessConfigs = props.businessConfigs,
-    loyaltyRewardRate = props.loyaltyRewardRate;
+    loyaltyRewardRate = props.loyaltyRewardRate,
+    isCustomerMode = props.isCustomerMode;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -229,18 +230,27 @@ var CartUI = function CartUI(props) {
     onClickCheckout && onClickCheckout();
   };
   var handleStoreRedirect = function handleStoreRedirect(slug) {
-    if (businessUrlTemplate === '/store/:business_slug' || businessUrlTemplate === '/:business_slug') {
+    if (isCustomerMode) {
       events.emit('go_to_page', {
         page: 'business',
         params: {
-          business_slug: slug
+          store: slug
         }
       });
     } else {
-      events.emit('go_to_page', {
-        page: 'business',
-        search: "?".concat(businessUrlTemplate.split('?')[1].replace(':business_slug', '')).concat(slug)
-      });
+      if (businessUrlTemplate === '/store/:business_slug' || businessUrlTemplate === '/:business_slug') {
+        events.emit('go_to_page', {
+          page: 'business',
+          params: {
+            business_slug: slug
+          }
+        });
+      } else {
+        events.emit('go_to_page', {
+          page: 'business',
+          search: "?".concat(businessUrlTemplate.split('?')[1].replace(':business_slug', '')).concat(slug)
+        });
+      }
     }
     if (windowSize.width <= 768) {
       onClickCheckout && onClickCheckout();

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

@@ -27,7 +27,8 @@ var CartContent = function CartContent(props) {
     isForceOpenCart = props.isForceOpenCart,
     setPreorderBusiness = props.setPreorderBusiness,
     isOpenCart = props.isOpenCart,
-    isSlideBar = props.isSlideBar;
+    isSlideBar = props.isSlideBar,
+    isCustomerMode = props.isCustomerMode;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -129,7 +130,8 @@ var CartContent = function CartContent(props) {
       businessConfigs: cart === null || cart === void 0 ? void 0 : (_cart$business = cart.business) === null || _cart$business === void 0 ? void 0 : _cart$business.configs,
       hideCouponInput: (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine = configs.multi_business_checkout_coupon_input_style) === null || _configs$multi_busine === void 0 ? void 0 : _configs$multi_busine.value) === 'group',
       hideDeliveryFee: (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine2 = configs.multi_business_checkout_show_combined_delivery_fee) === null || _configs$multi_busine2 === void 0 ? void 0 : _configs$multi_busine2.value) === '1',
-      hideDriverTip: (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine3 = configs.multi_business_checkout_show_combined_driver_tip) === null || _configs$multi_busine3 === void 0 ? void 0 : _configs$multi_busine3.value) === '1'
+      hideDriverTip: (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine3 = configs.multi_business_checkout_show_combined_driver_tip) === null || _configs$multi_busine3 === void 0 ? void 0 : _configs$multi_busine3.value) === '1',
+      isCustomerMode: isCustomerMode
     }));
   }), checkoutMultiBusinessEnabled && !!carts.length && /*#__PURE__*/_react.default.createElement(_styles.MultiCartPriceContainer, null, !!totalCartsFee && (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine4 = configs.multi_business_checkout_show_combined_delivery_fee) === null || _configs$multi_busine4 === void 0 ? void 0 : _configs$multi_busine4.value) === '1' && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("p", null, t('TOTAL_DELIVERY_FEE', 'Total delivery fee')), /*#__PURE__*/_react.default.createElement("p", null, parsePrice(totalCartsFee))), carts.reduce(function (sum, cart) {
     return sum + (cart === null || cart === void 0 ? void 0 : cart.driver_tip);

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

@@ -157,7 +157,8 @@ var CartPopover = function CartPopover(props) {
     setPreorderBusiness: setPreorderBusiness,
     isOpenCart: open,
     onClick: props.onClick,
-    isSlideBar: isSlideBar
+    isSlideBar: isSlideBar,
+    isCustomerMode: isCustomerMode
   })) : /*#__PURE__*/_react.default.createElement(_styles.PopoverBody, _extends({
     className: "cart-popover",
     ref: popperElement,
@@ -169,7 +170,8 @@ var CartPopover = function CartPopover(props) {
     onClose: props.onClose,
     setPreorderBusiness: setPreorderBusiness,
     isOpenCart: open,
-    onClick: props.onClick
+    onClick: props.onClick,
+    isCustomerMode: isCustomerMode
   }), /*#__PURE__*/_react.default.createElement(_styles.PopoverArrow, {
     key: "arrow",
     ref: arrowElement,

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

@@ -18,7 +18,8 @@ var HorizontalOrdersLayout = function HorizontalOrdersLayout(props) {
     customArray = props.customArray,
     businessesIds = props.businessesIds,
     isCustomerMode = props.isCustomerMode,
-    handleChangePage = props.handleChangePage;
+    handleChangePage = props.handleChangePage,
+    titleContent = props.titleContent;
   var orders = customArray || props.orders;
   var ordersToShow = businessesIds && isCustomerMode ? orders.filter(function (order) {
     return businessesIds === null || businessesIds === void 0 ? void 0 : businessesIds.includes(order === null || order === void 0 ? void 0 : order.business_id);
@@ -33,19 +34,23 @@ var HorizontalOrdersLayout = function HorizontalOrdersLayout(props) {
     }));
   }) : orders;
   return orders.length > 0 && ordersToShow.length > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.OrdersContainer, {
-    id: "orders-container",
+    id: isBusinessesPage && titleContent ? "".concat(titleContent, "-container") : 'orders-container',
     activeOrders: true,
     ordersLength: (orders === null || orders === void 0 ? void 0 : orders.length) <= 1,
     isBusinessesPage: isBusinessesPage
-  }, /*#__PURE__*/_react.default.createElement(_styles.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.CardsContainerWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.CardsContainer, null, /*#__PURE__*/_react.default.createElement(_AutoScroll.AutoScroll, {
-    scrollId: "orderScroll"
+  }, /*#__PURE__*/_react.default.createElement(_styles.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.CardsContainerWrapper, {
+    isBusinessesPage: isBusinessesPage
+  }, /*#__PURE__*/_react.default.createElement(_styles.CardsContainer, {
+    isBusinessesPage: isBusinessesPage
+  }, /*#__PURE__*/_react.default.createElement(_AutoScroll.AutoScroll, {
+    scrollId: isBusinessesPage && titleContent ? "".concat(titleContent, "Scroll") : 'orderScroll'
   }, orders.length > 0 && ordersToShow.map(function (order, i) {
     var _order$id;
     return /*#__PURE__*/_react.default.createElement(_SingleOrderCard.SingleOrderCard, _extends({}, props, {
       key: order.id || ((_order$id = order.id) === null || _order$id === void 0 ? void 0 : _order$id[0]) || i,
       order: order
     }));
-  })))), orders.length > 0 && ordersToShow.length > 0 && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
+  })))), orders.length > 0 && ordersToShow.length > 0 && Math.ceil(pagination === null || pagination === void 0 ? void 0 : pagination.totalPages) > 1 && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
     currentPage: pagination.currentPage,
     totalPages: Math.ceil(pagination === null || pagination === void 0 ? void 0 : pagination.totalPages),
     handleChangePage: handleChangePage