@faststore/core 2.0.113-alpha.0 → 2.0.115-alpha.0

package/.next/server/pages/_app.js

@@ -4,40 +4,6 @@ exports.id = 2888;
 exports.ids = [2888];
 exports.modules = {
 
-/***/ 4933:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "C": () => (/* binding */ useScrollDirection)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const useScrollDirection = () => {
-    const [scrollDirection, setScrollDirection] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
-    const [isPending, startTransition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useTransition)();
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        let lastScrollY = window.scrollY;
-        const updateScrollDirection = () => {
-            const { scrollY } = window;
-            const direction = scrollY > lastScrollY ? 'down' : 'up';
-            if (!isPending &&
-                direction !== scrollDirection &&
-                (scrollY - lastScrollY > 10 || scrollY - lastScrollY < -10)) {
-                startTransition(() => setScrollDirection(direction));
-            }
-            lastScrollY = scrollY > 0 ? scrollY : 0;
-        };
-        window.addEventListener('scroll', updateScrollDirection);
-        return () => window.removeEventListener('scroll', updateScrollDirection);
-    }, [isPending, scrollDirection]);
-    return scrollDirection;
-};
-//# sourceMappingURL=useScrollDirection.js.map
-
-/***/ }),
-
 /***/ 6970:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -129,78 +95,6 @@ function SearchProvider({ onSearchSelection, children, term, terms, products, is
 
 /***/ }),
 
-/***/ 1852:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const Navbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-navbar": true, ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Navbar);
-//# sourceMappingURL=Navbar.js.map
-
-/***/ }),
-
-/***/ 3563:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const NavbarButtons = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function NavbarButtons({ children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-navbar-buttons": true, ref: ref, "data-testid": testId, "data-fs-navbar-search-expanded": searchExpanded, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavbarButtons);
-//# sourceMappingURL=NavbarButtons.js.map
-
-/***/ }),
-
-/***/ 4360:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const NavbarHeader = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function NavbarHeader({ children, testId = 'fs-navbar-header', ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-navbar-header": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavbarHeader);
-//# sourceMappingURL=NavbarHeader.js.map
-
-/***/ }),
-
-/***/ 8204:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const NavbarRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-navbar-row": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavbarRow);
-//# sourceMappingURL=NavbarRow.js.map
-
-/***/ }),
-
 /***/ 6399:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -236,13 +130,13 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5045);
 /* harmony import */ var src_components_common_Alert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(915);
 /* harmony import */ var src_components_common_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1091);
-/* harmony import */ var src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3583);
+/* harmony import */ var src_components_common_Navbar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7783);
 /* harmony import */ var src_components_common_Toast__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7568);
 /* harmony import */ var src_components_region_RegionBar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3921);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__]);
-src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_common_Navbar__WEBPACK_IMPORTED_MODULE_3__]);
+src_components_common_Navbar__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
@@ -277,7 +171,7 @@ function Layout({
       children: ["Get 10% off today:\xA0", /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx("span", {
         children: "NEW10"
       })]
-    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_navigation_Navbar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_common_Toast__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("main", {
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_common_Navbar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_common_Toast__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("main", {
       children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_region_RegionBar__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
         className: "display-mobile"
       }), children]
@@ -870,100 +764,122 @@ Footer.displayName = 'Footer';
 
 /***/ }),
 
-/***/ 7568:
+/***/ 3565:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ common_Toast_Toast)
+  "Z": () => (/* binding */ Navbar_NavLinks)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
+var Button = __webpack_require__(7578);
 // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
 var UIProvider = __webpack_require__(395);
-;// CONCATENATED MODULE: ../components/dist/molecules/Toast/Toast.js
-
-
-function Toast() {
-    const { toasts, popToast } = (0,UIProvider/* useUI */.l)();
-    const toast = toasts[toasts.length - 1];
-    const timeoutRef = (0,external_react_.useRef)();
-    const [visible, setVisible] = (0,external_react_.useState)(false);
-    (0,external_react_.useEffect)(() => {
-        if (!toast) {
-            return undefined;
-        }
-        const timeout = setTimeout(() => setVisible(true), 10);
-        return () => clearTimeout(timeout);
-    }, [toast]);
-    (0,external_react_.useEffect)(() => {
-        timeoutRef.current = setTimeout(() => setVisible(false), 6e3);
-        return () => timeoutRef.current && clearTimeout(timeoutRef.current);
-    }, [toast]);
-    if (toast === undefined) {
-        return null;
-    }
-    return (external_react_default().createElement("div", { role: "status", "data-fs-toast": true, "data-fs-toast-visible": visible, onTransitionEnd: () => !visible && popToast() },
-        toast.icon && (external_react_default().createElement("div", { "data-fs-toast-icon-container": true }, external_react_default().isValidElement(toast.icon) && toast.icon)),
-        external_react_default().createElement("div", { "data-fs-toast-content": true },
-            toast.title && external_react_default().createElement("p", { "data-fs-toast-title": true }, toast.title),
-            external_react_default().createElement("p", { "data-fs-toast-message": true }, toast.message))));
-}
-/* harmony default export */ const Toast_Toast = (Toast);
-//# sourceMappingURL=Toast.js.map
-// EXTERNAL MODULE: ./src/sdk/cart/index.ts
-var cart = __webpack_require__(7566);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ./src/sdk/session/index.ts
+var session = __webpack_require__(5971);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/common/Toast/Toast.tsx
-
+;// CONCATENATED MODULE: ./src/components/region/RegionButton/RegionButton.tsx
 
 
 
 
 
-function Toast_Toast_Toast() {
+function RegionButton() {
   const {
-    toasts,
-    pushToast
+    openModal
   } = (0,UIProvider/* useUI */.l)();
   const {
-    messages
-  } = (0,cart/* useCart */.jD)();
-  /**
-   * Send cart notifications to toast in case the cart
-   * returns warnings
-   */
+    postalCode
+  } = (0,session/* useSession */.kP)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
+    variant: "tertiary",
+    size: "small",
+    icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+      name: "MapPin",
+      width: 24,
+      height: 24
+    }),
+    iconPosition: "left",
+    onClick: openModal,
+    children: /*#__PURE__*/jsx_runtime_.jsx("span", {
+      children: postalCode ?? 'Set your location'
+    })
+  });
+}
 
-  (0,external_react_.useEffect)(() => {
-    if (!messages) {
-      return;
-    }
+/* harmony default export */ const RegionButton_RegionButton = (RegionButton);
+;// CONCATENATED MODULE: ./src/components/region/RegionButton/index.ts
 
-    messages.forEach(message => pushToast({
-      message: message.text,
-      status: message.status
-    }));
-  }, [messages, pushToast]);
-  return /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
-    children: toasts.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
-      fallback: null,
-      children: /*#__PURE__*/jsx_runtime_.jsx(Toast_Toast, {})
+// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
+var Link = __webpack_require__(1093);
+// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
+var mark = __webpack_require__(2541);
+// EXTERNAL MODULE: ./src/components/common/Navbar/navlinks.module.scss
+var navlinks_module = __webpack_require__(844);
+var navlinks_module_default = /*#__PURE__*/__webpack_require__.n(navlinks_module);
+;// CONCATENATED MODULE: ./src/components/common/Navbar/NavLinks.tsx
+
+
+
+
+
+
+
+const collections = [{
+  name: 'Office',
+  href: '/office'
+}, {
+  name: 'Home Appliances',
+  href: '/kitchen---home-appliances'
+}, {
+  name: 'Computer and Software',
+  href: '/computer---software'
+}, {
+  name: 'Technology',
+  href: '/technology'
+}];
+
+function NavLinks({
+  onClickLink,
+  classes = ''
+}) {
+  return /*#__PURE__*/jsx_runtime_.jsx("nav", {
+    className: `${(navlinks_module_default()).fsNavlinks} ${classes}`,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      className: "layout__content",
+      children: [/*#__PURE__*/jsx_runtime_.jsx(RegionButton_RegionButton, {}), /*#__PURE__*/jsx_runtime_.jsx(List/* default */.Z, {
+        "data-fs-navlinks-list": true,
+        children: collections.map(({
+          href,
+          name
+        }) => /*#__PURE__*/jsx_runtime_.jsx("li", {
+          "data-fs-navlinks-list-item": true,
+          children: /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
+            "data-fs-navlinks-link": true,
+            variant: "display",
+            href: href,
+            onClick: onClickLink,
+            children: name
+          })
+        }, name))
+      })]
     })
   });
 }
 
-/* harmony default export */ const common_Toast_Toast = (Toast_Toast_Toast);
-;// CONCATENATED MODULE: ./src/components/common/Toast/index.ts
-
+/* harmony default export */ const Navbar_NavLinks = ((0,mark/* mark */.B)(NavLinks));
 
 /***/ }),
 
-/***/ 2024:
+/***/ 6259:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -973,24 +889,22 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4933);
 /* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(395);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(1852);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(4360);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(8204);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2765);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(5045);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(3563);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2765);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(5045);
 /* harmony import */ var src_components_cart_CartToggle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1419);
 /* harmony import */ var src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(475);
-/* harmony import */ var src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5811);
+/* harmony import */ var src_components_ui_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7758);
 /* harmony import */ var src_components_ui_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1093);
-/* harmony import */ var src_components_ui_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7758);
+/* harmony import */ var src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5811);
 /* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2541);
-/* harmony import */ var _NavbarSlider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5029);
-/* harmony import */ var _NavbarLinks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6670);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var src_sdk_ui_useScrollDirection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3428);
+/* harmony import */ var _navbar_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(3460);
+/* harmony import */ var _navbar_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_navbar_module_scss__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _NavbarSlider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(781);
+/* harmony import */ var _NavLinks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3565);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__]);
 src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1007,8 +921,10 @@ src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_asyn
 
 
 
+
+
 function Navbar() {
-  const scrollDirection = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_10__/* .useScrollDirection */ .C)();
+  const scrollDirection = (0,src_sdk_ui_useScrollDirection__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)();
   const {
     openNavbar,
     navbar: displayNavbar
@@ -1024,35 +940,39 @@ function Navbar() {
     searchMobileRef.current?.inputRef?.focus();
   };
 
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-    className: "layout__content-full",
-    scrollDirection: scrollDirection,
-    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
-      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("header", {
+    "data-fs-navbar": true,
+    "data-fs-navbar-scroll": scrollDirection,
+    className: `${(_navbar_module_scss__WEBPACK_IMPORTED_MODULE_12___default().fsNavbar)} layout__content-full`,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx("section", {
+      "data-fs-navbar-header": true,
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
         className: "layout__content",
-        children: [!searchExpanded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment, {
-          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
+        "data-fs-navbar-row": true,
+        children: [!searchExpanded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.Fragment, {
+          children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
             "data-fs-navbar-button-menu": true,
             "aria-label": "Open Menu",
-            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
               name: "List",
               width: 32,
               height: 32
             }),
             onClick: openNavbar
-          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_ui_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
             href: "/",
             "aria-label": "Go to Faststore home",
             title: "Go to Faststore home",
             "data-fs-navbar-logo": true,
-            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
+            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
           })]
-        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
-          searchExpanded: searchExpanded,
-          children: [searchExpanded && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
+        }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
+          "data-fs-navbar-buttons": true,
+          "data-fs-navbar-search-expanded": searchExpanded,
+          children: [searchExpanded && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
             "data-fs-button-collapse": true,
             "aria-label": "Collapse search bar",
-            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+            icon: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
               name: "CaretLeft",
               width: 32,
               height: 32
@@ -1061,21 +981,21 @@ function Navbar() {
               setSearchExpanded(false);
               searchMobileRef.current?.resetSearchInput();
             }
-          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_search_SearchInput__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
             placeholder: "",
             ref: searchMobileRef,
             testId: "store-input-mobile",
             buttonTestId: "store-input-mobile-button",
             onSearchClick: handlerExpandSearch
-          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
-            fallback: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonSignInFallback */ .A, {}),
-            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonSignIn */ .p, {})
-          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(src_components_cart_CartToggle__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {})]
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
+            fallback: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSignInFallback */ .A, {}),
+            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSignIn */ .p, {})
+          }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(src_components_cart_CartToggle__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {})]
         })]
       })
-    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_NavbarLinks__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-      className: "hidden-mobile"
-    }), displayNavbar && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx(_NavbarSlider__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {})]
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_NavLinks__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+      classes: "hidden-mobile"
+    }), displayNavbar && /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx(_NavbarSlider__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {})]
   });
 }
 
@@ -1086,167 +1006,116 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 3583:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 781:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _Navbar__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Navbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2024);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Navbar__WEBPACK_IMPORTED_MODULE_0__]);
-_Navbar__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1021);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9648);
+/* harmony import */ var src_components_ui_Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7758);
+/* harmony import */ var src_components_ui_Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1093);
+/* harmony import */ var src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5811);
+/* harmony import */ var src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2541);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(395);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6074);
+/* harmony import */ var _navbar_slider_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4325);
+/* harmony import */ var _navbar_slider_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_navbar_slider_module_scss__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _NavLinks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3565);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
 
-/***/ 6670:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ navigation_NavbarLinks_NavbarLinks)
-});
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../components/dist/molecules/NavbarLinks/NavbarLinks.js
 
-const NavbarLinks = (0,external_react_.forwardRef)(function NavbarLinks({ children, testId = 'fs-navbar-links', ...otherProps }, ref) {
-    return (external_react_default().createElement("nav", { "data-fs-navbar-links": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarLinks_NavbarLinks = (NavbarLinks);
-//# sourceMappingURL=NavbarLinks.js.map
-// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
-var List = __webpack_require__(1329);
-// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(7578);
-// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
-var UIProvider = __webpack_require__(395);
-// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(5045);
-// EXTERNAL MODULE: ./src/sdk/session/index.ts
-var session = __webpack_require__(5971);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/region/RegionButton/RegionButton.tsx
 
 
 
 
 
-function RegionButton() {
+
+function NavbarSlider() {
   const {
-    openModal
-  } = (0,UIProvider/* useUI */.l)();
+    closeNavbar
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_7__/* .useUI */ .l)();
   const {
-    postalCode
-  } = (0,session/* useSession */.kP)();
-  return /*#__PURE__*/jsx_runtime_.jsx(Button/* default */.Z, {
-    variant: "tertiary",
-    size: "small",
-    icon: /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
-      name: "MapPin",
-      width: 24,
-      height: 24
-    }),
-    iconPosition: "left",
-    onClick: openModal,
-    children: /*#__PURE__*/jsx_runtime_.jsx("span", {
-      children: postalCode ?? 'Set your location'
-    })
+    fade,
+    fadeOut
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_8__/* .useFadeEffect */ .b)();
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+    isOpen: true,
+    fade: fade,
+    onDismiss: fadeOut,
+    size: "full",
+    direction: "leftSide",
+    className: (_navbar_slider_module_scss__WEBPACK_IMPORTED_MODULE_10___default().fsNavbarSlider),
+    onTransitionEnd: () => fade === 'out' && closeNavbar(),
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+      "data-fs-navbar-slider-header": true,
+      onClose: fadeOut,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_ui_Link__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        href: "/",
+        onClick: fadeOut,
+        "aria-label": "Go to FastStore home",
+        title: "Go to FastStore home",
+        "data-fs-navbar-slider-logo": true,
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_ui_Logo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
+      })
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx("div", {
+      "data-fs-navbar-slider-content": true,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(_NavLinks__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+        onClickLink: fadeOut
+      })
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx("footer", {
+      "data-fs-navbar-slider-footer": true,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
+        fallback: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_1__/* .ButtonSignInFallback */ .A, {}),
+        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx(src_components_ui_Button__WEBPACK_IMPORTED_MODULE_1__/* .ButtonSignIn */ .p, {})
+      })
+    })]
   });
 }
 
-/* harmony default export */ const RegionButton_RegionButton = (RegionButton);
-;// CONCATENATED MODULE: ./src/components/region/RegionButton/index.ts
-
-// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
-var Link = __webpack_require__(1093);
-// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
-var mark = __webpack_require__(2541);
-;// CONCATENATED MODULE: ./src/components/navigation/NavbarLinks/NavbarLinks.tsx
-const _excluded = ["onClickLink"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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; }
-
-
-
-
-
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,src_sdk_tests_mark__WEBPACK_IMPORTED_MODULE_4__/* .mark */ .B)(NavbarSlider));
 
+/***/ }),
 
-const collections = [{
-  name: 'Office',
-  href: '/office'
-}, {
-  name: 'Home Appliances',
-  href: '/kitchen---home-appliances'
-}, {
-  name: 'Computer and Software',
-  href: '/computer---software'
-}, {
-  name: 'Technology',
-  href: '/technology'
-}];
+/***/ 7783:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-function NavbarLinks_NavbarLinks_NavbarLinks(_ref) {
-  let {
-    onClickLink
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ZP": () => (/* reexport safe */ _Navbar__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Navbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6259);
+/* harmony import */ var _NavbarSlider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(781);
+/* harmony import */ var _NavLinks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3565);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Navbar__WEBPACK_IMPORTED_MODULE_0__]);
+_Navbar__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
-  return /*#__PURE__*/jsx_runtime_.jsx(NavbarLinks_NavbarLinks, _objectSpread(_objectSpread({}, otherProps), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-      className: "layout__content",
-      children: [/*#__PURE__*/jsx_runtime_.jsx(RegionButton_RegionButton, {}), /*#__PURE__*/jsx_runtime_.jsx(List/* default */.Z, {
-        "data-fs-navbar-links-list": true,
-        children: collections.map(({
-          href,
-          name
-        }) => /*#__PURE__*/jsx_runtime_.jsx("li", {
-          "data-fs-navbar-links-list-item": true,
-          children: /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
-            "data-fs-navbar-links-link": true,
-            variant: "display",
-            href: href,
-            onClick: onClickLink,
-            children: name
-          })
-        }, name))
-      })]
-    })
-  }));
-}
 
-/* harmony default export */ const navigation_NavbarLinks_NavbarLinks = ((0,mark/* mark */.B)(NavbarLinks_NavbarLinks_NavbarLinks));
-;// CONCATENATED MODULE: ./src/components/navigation/NavbarLinks/index.ts
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 5029:
+/***/ 7568:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ navigation_NavbarSlider_NavbarSlider)
+  "Z": () => (/* reexport */ common_Toast_Toast)
 });
 
 // EXTERNAL MODULE: external "react"
@@ -1254,102 +1123,80 @@ var external_react_ = __webpack_require__(6689);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
 var UIProvider = __webpack_require__(395);
-// EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
-var useFadeEffect = __webpack_require__(6074);
-// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
-var SlideOver = __webpack_require__(1021);
-;// CONCATENATED MODULE: ../components/dist/molecules/NavbarSlider/NavbarSlider.js
-
-
-function NavbarSlider({ children, size = 'full', isOpen = true, direction = 'leftSide', testId = 'fs-navbar-slider', ...otherProps }) {
-    return (external_react_default().createElement(SlideOver/* default */.Z, { size: "full", isOpen: isOpen, direction: "leftSide", "data-fs-navbar-slider": true, "data-testid": testId, ...otherProps }, children));
-}
-/* harmony default export */ const NavbarSlider_NavbarSlider = (NavbarSlider);
-//# sourceMappingURL=NavbarSlider.js.map
-// EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
-var SlideOverHeader = __webpack_require__(9648);
-;// CONCATENATED MODULE: ../components/dist/molecules/NavbarSlider/NavbarSliderHeader.js
+;// CONCATENATED MODULE: ../components/dist/molecules/Toast/Toast.js
 
 
-function NavbarSliderHeader({ children, testId = 'fs-navbar-slider-header', ...otherProps }) {
-    return (external_react_default().createElement(SlideOverHeader/* default */.Z, { "data-fs-navbar-slider-header": true, "data-testid": testId, ...otherProps }, children));
+function Toast() {
+    const { toasts, popToast } = (0,UIProvider/* useUI */.l)();
+    const toast = toasts[toasts.length - 1];
+    const timeoutRef = (0,external_react_.useRef)();
+    const [visible, setVisible] = (0,external_react_.useState)(false);
+    (0,external_react_.useEffect)(() => {
+        if (!toast) {
+            return undefined;
+        }
+        const timeout = setTimeout(() => setVisible(true), 10);
+        return () => clearTimeout(timeout);
+    }, [toast]);
+    (0,external_react_.useEffect)(() => {
+        timeoutRef.current = setTimeout(() => setVisible(false), 6e3);
+        return () => timeoutRef.current && clearTimeout(timeoutRef.current);
+    }, [toast]);
+    if (toast === undefined) {
+        return null;
+    }
+    return (external_react_default().createElement("div", { role: "status", "data-fs-toast": true, "data-fs-toast-visible": visible, onTransitionEnd: () => !visible && popToast() },
+        toast.icon && (external_react_default().createElement("div", { "data-fs-toast-icon-container": true }, external_react_default().isValidElement(toast.icon) && toast.icon)),
+        external_react_default().createElement("div", { "data-fs-toast-content": true },
+            toast.title && external_react_default().createElement("p", { "data-fs-toast-title": true }, toast.title),
+            external_react_default().createElement("p", { "data-fs-toast-message": true }, toast.message))));
 }
-/* harmony default export */ const NavbarSlider_NavbarSliderHeader = (NavbarSliderHeader);
-//# sourceMappingURL=NavbarSliderHeader.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/NavbarSlider/NavbarSliderContent.js
-
-const NavbarSliderContent = (0,external_react_.forwardRef)(function NavbarSliderContent({ children, testId = 'fs-navbar-slider-content', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { "data-fs-navbar-slider-content": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarSlider_NavbarSliderContent = (NavbarSliderContent);
-//# sourceMappingURL=NavbarSliderContent.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/NavbarSlider/NavbarSliderFooter.js
-
-const NavbarSliderFooter = (0,external_react_.forwardRef)(function NavbarSliderFooter({ children, testId = 'fs-navbar-slider-footer', ...otherProps }, ref) {
-    return (external_react_default().createElement("footer", { "data-fs-navbar-slider-footer": true, ref: ref, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const NavbarSlider_NavbarSliderFooter = (NavbarSliderFooter);
-//# sourceMappingURL=NavbarSliderFooter.js.map
-// EXTERNAL MODULE: ./src/sdk/tests/mark.tsx
-var mark = __webpack_require__(2541);
-// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
-var Link = __webpack_require__(1093);
-// EXTERNAL MODULE: ./src/components/ui/Logo/index.ts + 1 modules
-var Logo = __webpack_require__(5811);
-// EXTERNAL MODULE: ./src/components/ui/Button/index.ts + 4 modules
-var Button = __webpack_require__(7758);
-// EXTERNAL MODULE: ./src/components/navigation/NavbarLinks/index.ts + 4 modules
-var NavbarLinks = __webpack_require__(6670);
+/* harmony default export */ const Toast_Toast = (Toast);
+//# sourceMappingURL=Toast.js.map
+// EXTERNAL MODULE: ./src/sdk/cart/index.ts
+var cart = __webpack_require__(7566);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/navigation/NavbarSlider/NavbarSlider.tsx
-
-
-
-
+;// CONCATENATED MODULE: ./src/components/common/Toast/Toast.tsx
 
 
 
 
 
 
-function NavbarSlider_NavbarSlider_NavbarSlider() {
+function Toast_Toast_Toast() {
   const {
-    closeNavbar
+    toasts,
+    pushToast
   } = (0,UIProvider/* useUI */.l)();
   const {
-    fade,
-    fadeOut
-  } = (0,useFadeEffect/* useFadeEffect */.b)();
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(NavbarSlider_NavbarSlider, {
-    fade: fade,
-    onDismiss: fadeOut,
-    onTransitionEnd: () => fade === 'out' && closeNavbar(),
-    children: [/*#__PURE__*/jsx_runtime_.jsx(NavbarSlider_NavbarSliderHeader, {
-      onClose: fadeOut,
-      children: /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
-        href: "/",
-        onClick: fadeOut,
-        "aria-label": "Go to FastStore home",
-        title: "Go to FastStore home",
-        "data-fs-navbar-slider-logo": true,
-        children: /*#__PURE__*/jsx_runtime_.jsx(Logo/* default */.Z, {})
-      })
-    }), /*#__PURE__*/jsx_runtime_.jsx(NavbarSlider_NavbarSliderContent, {
-      children: /*#__PURE__*/jsx_runtime_.jsx(NavbarLinks/* default */.Z, {
-        onClickLink: fadeOut
-      })
-    }), /*#__PURE__*/jsx_runtime_.jsx(NavbarSlider_NavbarSliderFooter, {
-      children: /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
-        fallback: /*#__PURE__*/jsx_runtime_.jsx(Button/* ButtonSignInFallback */.A, {}),
-        children: /*#__PURE__*/jsx_runtime_.jsx(Button/* ButtonSignIn */.p, {})
-      })
-    })]
+    messages
+  } = (0,cart/* useCart */.jD)();
+  /**
+   * Send cart notifications to toast in case the cart
+   * returns warnings
+   */
+
+  (0,external_react_.useEffect)(() => {
+    if (!messages) {
+      return;
+    }
+
+    messages.forEach(message => pushToast({
+      message: message.text,
+      status: message.status
+    }));
+  }, [messages, pushToast]);
+  return /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: toasts.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/jsx_runtime_.jsx(Toast_Toast, {})
+    })
   });
 }
 
-/* harmony default export */ const navigation_NavbarSlider_NavbarSlider = ((0,mark/* mark */.B)(NavbarSlider_NavbarSlider_NavbarSlider));
-;// CONCATENATED MODULE: ./src/components/navigation/NavbarSlider/index.ts
+/* harmony default export */ const common_Toast_Toast = (Toast_Toast_Toast);
+;// CONCATENATED MODULE: ./src/components/common/Toast/index.ts
 
 
 /***/ }),
@@ -2032,6 +1879,49 @@ function useOnClickOutside(ref, handler) {
 
 /***/ }),
 
+/***/ 3428:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* binding */ useScrollDirection)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+function useScrollDirection() {
+  const {
+    0: scrollDirection,
+    1: setScrollDirection
+  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+  const {
+    0: isPending,
+    1: startTransition
+  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useTransition)();
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    let lastScrollY = window.scrollY;
+
+    const updateScrollDirection = () => {
+      const {
+        scrollY
+      } = window;
+      const direction = scrollY > lastScrollY ? 'down' : 'up';
+
+      if (!isPending && direction !== scrollDirection && (scrollY - lastScrollY > 10 || scrollY - lastScrollY < -10)) {
+        startTransition(() => setScrollDirection(direction));
+      }
+
+      lastScrollY = scrollY > 0 ? scrollY : 0;
+    };
+
+    window.addEventListener('scroll', updateScrollDirection);
+    return () => window.removeEventListener('scroll', updateScrollDirection);
+  }, [isPending, scrollDirection]);
+  return scrollDirection;
+}
+
+/***/ }),
+
 /***/ 1893:
 /***/ ((module) => {
 
@@ -2042,6 +1932,42 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 4325:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-navbar-slider": "navbar-slider_fs-navbar-slider__bAYHh",
+	"fsNavbarSlider": "navbar-slider_fs-navbar-slider__bAYHh"
+};
+
+
+/***/ }),
+
+/***/ 3460:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-navbar": "navbar_fs-navbar__JA7gD",
+	"fsNavbar": "navbar_fs-navbar__JA7gD"
+};
+
+
+/***/ }),
+
+/***/ 844:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-navlinks": "navlinks_fs-navlinks__nbR4q",
+	"fsNavlinks": "navlinks_fs-navlinks__nbR4q"
+};
+
+
 /***/ }),
 
 /***/ 4635: