@faststore/core 2.0.100-alpha.0 → 2.0.102-alpha.0

package/.next/server/chunks/8098.js

@@ -1,246 +0,0 @@
-"use strict";
-exports.id = 8098;
-exports.ids = [8098];
-exports.modules = {
-
-/***/ 6074:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "b": () => (/* binding */ useFadeEffect)
-/* 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 useFadeEffect = () => {
-    const [fade, setFade] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('out');
-    const fadeOut = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('out'), []);
-    const fadeIn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('in'), []);
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        fadeIn();
-        return () => {
-            fadeOut();
-        };
-    }, [fadeIn, fadeOut]);
-    return {
-        fade,
-        fadeIn,
-        fadeOut,
-    };
-};
-//# sourceMappingURL=useFadeEffect.js.map
-
-/***/ }),
-
-/***/ 9600:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ Modal_Modal)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(6405);
-;// CONCATENATED MODULE: ../components/dist/atoms/Overlay/Overlay.js
-
-const Overlay = (0,external_react_.forwardRef)(function Overlay({ testId = 'fs-overlay', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-overlay": true, role: "presentation", "data-testid": testId, ...otherProps }));
-});
-/* harmony default export */ const Overlay_Overlay = (Overlay);
-//# sourceMappingURL=Overlay.js.map
-// 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: external "tabbable"
-var external_tabbable_ = __webpack_require__(3823);
-;// CONCATENATED MODULE: ../components/dist/hooks/useTrapFocus.js
-
-
-/*
- * Element that will maintain the focus inside trapFocusRef, focus the first element,
- * and focus back on the element that was in focus when useTrapFocus was triggered.
- *
- * Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
- */
-const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
-    const tabbableNodesRef = (0,external_react_.useRef)();
-    const nodeToRestoreRef = (0,external_react_.useRef)(document.hasFocus() ? document.activeElement : null);
-    // Focus back on the element that was focused when useTrapFocus is triggered.
-    (0,external_react_.useEffect)(() => {
-        const nodeToRestore = nodeToRestoreRef.current;
-        return () => {
-            nodeToRestore?.focus();
-        };
-    }, [nodeToRestoreRef]);
-    // Set focus on first tabbable element
-    (0,external_react_.useEffect)(() => {
-        if (!trapFocusRef.current) {
-            return;
-        }
-        if (!tabbableNodesRef.current) {
-            tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
-        }
-        const [firstTabbable] = tabbableNodesRef.current;
-        if (!firstTabbable) {
-            trapFocusRef.current.focus();
-            return;
-        }
-        firstTabbable.focus();
-    }, [trapFocusRef]);
-    // Handle loop focus. Set keydown and focusin event listeners
-    (0,external_react_.useEffect)(() => {
-        if (!trapFocusRef.current ||
-            !beforeElementRef.current ||
-            !afterElementRef.current) {
-            return;
-        }
-        const beforeElement = beforeElementRef.current;
-        const afterElement = afterElementRef.current;
-        const trapFocus = trapFocusRef.current;
-        const handleLoopFocus = (nativeEvent) => {
-            if (!document.hasFocus()) {
-                return;
-            }
-            tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
-            if (!tabbableNodesRef.current.length) {
-                trapFocus.focus();
-            }
-            /*
-             * Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
-             * It will focus the last element of the trapFocusRef.
-             */
-            if (nativeEvent.target === beforeElement) {
-                tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
-            }
-            /*
-             * Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
-             * It will focus the first element of the trapFocusRef.
-             */
-            if (nativeEvent.target === afterElement) {
-                tabbableNodesRef.current[0]?.focus();
-            }
-        };
-        beforeElement?.addEventListener('focusin', handleLoopFocus);
-        afterElement?.addEventListener('focusin', handleLoopFocus);
-        return () => {
-            beforeElement?.removeEventListener('focusin', handleLoopFocus);
-            afterElement?.removeEventListener('focusin', handleLoopFocus);
-        };
-    }, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
-};
-//# sourceMappingURL=useTrapFocus.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalContent.js
-
-
-const ModalContentPure = ({ beforeElementRef, trapFocusRef, afterElementRef, testId = 'store-modal-content', children, ...otherProps }) => {
-    return (external_react_default().createElement((external_react_default()).Fragment, null,
-        external_react_default().createElement("div", { ref: beforeElementRef, "data-testid": "beforeElement", tabIndex: 0, "aria-hidden": "true" }),
-        external_react_default().createElement("div", { "data-fs-modal-content": true, "data-testid": testId, ref: trapFocusRef, "aria-modal": "true", role: "dialog", tabIndex: -1, ...otherProps }, children),
-        external_react_default().createElement("div", { ref: afterElementRef, "data-testid": "afterElement", tabIndex: 0, "aria-hidden": "true" })));
-};
-const ModalContent = ({ children, ...otherProps }) => {
-    const trapFocusRef = (0,external_react_.useRef)(null);
-    const beforeElementRef = (0,external_react_.useRef)(null);
-    const afterElementRef = (0,external_react_.useRef)(null);
-    useTrapFocus({
-        beforeElementRef,
-        trapFocusRef,
-        afterElementRef,
-    });
-    return (external_react_default().createElement(ModalContentPure, { ...otherProps, trapFocusRef: trapFocusRef, beforeElementRef: beforeElementRef, afterElementRef: afterElementRef, onClick: (event) => {
-            event.stopPropagation();
-        } }, children));
-};
-/* harmony default export */ const Modal_ModalContent = (ModalContent);
-//# sourceMappingURL=ModalContent.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/Modal/Modal.js
-
-
-
-
-
-/*
- * This component is based on @reach/dialog.
- * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
- * https://reach.tech/dialog
- */
-const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, ...otherProps }) => {
-    const { closeModal } = (0,UIProvider/* useUI */.l)();
-    const { fade, fadeOut, fadeIn } = (0,useFadeEffect/* useFadeEffect */.b)();
-    const handleBackdropClick = (event) => {
-        if (event.defaultPrevented) {
-            return;
-        }
-        event.stopPropagation();
-        fadeOut?.();
-        onDismiss?.();
-    };
-    const handleBackdropKeyDown = (event) => {
-        if (event.key !== 'Escape' || event.defaultPrevented) {
-            return;
-        }
-        event.stopPropagation();
-        fadeOut?.();
-        onDismiss?.();
-    };
-    return isOpen
-        ? (0,external_react_dom_.createPortal)(external_react_default().createElement(Overlay_Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown },
-            external_react_default().createElement(Modal_ModalContent, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
-                ? children({ fade, fadeOut, fadeIn })
-                : children)), document.body)
-        : null;
-};
-/* harmony default export */ const Modal_Modal = (Modal);
-//# sourceMappingURL=Modal.js.map
-
-/***/ }),
-
-/***/ 1021:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* 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__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9600);
-
-
-function SlideOver({ isOpen, direction = 'leftSide', size = 'full', fade = 'out', children, onDismiss, testId = 'fs-slide-over', ...otherProps }) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-modal": null, "data-fs-slide-over": true, "data-fs-slide-over-direction": direction, "data-fs-slide-over-size": size, "data-fs-slide-over-state": fade, isOpen: isOpen, onDismiss: onDismiss, ...otherProps }, children));
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOver);
-//# sourceMappingURL=SlideOver.js.map
-
-/***/ }),
-
-/***/ 9648:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* 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__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2765);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5045);
-
-
-const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, }) => {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-slide-over-header": true },
-        children,
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-slide-over-header-icon": true, "aria-label": "Close", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "X" }), onClick: onClose, ...closeBtnProps })));
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOverHeader);
-//# sourceMappingURL=SlideOverHeader.js.map
-
-/***/ })
-
-};
-;

package/.next/server/chunks/810.js

@@ -1,432 +0,0 @@
-exports.id = 810;
-exports.ids = [810];
-exports.modules = {
-
-/***/ 8460:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "_": () => (/* binding */ sendAnalyticsEvent)
-/* harmony export */ });
-/* harmony import */ var _wrap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6716);
-
-const sendAnalyticsEvent = (event) => {
-    try {
-        window.postMessage((0,_wrap__WEBPACK_IMPORTED_MODULE_0__/* .wrap */ .re)(event), window.origin);
-    }
-    catch (e) {
-        // IE and Edge have a bug on postMessage inside promises.
-        // Ignoring for now, will try to find a workaround that
-        // makes postMessage work on those browsers.
-        // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14719328/
-        console.error(e);
-    }
-};
-//# sourceMappingURL=sendAnalyticsEvent.js.map
-
-/***/ }),
-
-/***/ 6716:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Wg": () => (/* binding */ unwrap),
-/* harmony export */   "re": () => (/* binding */ wrap),
-/* harmony export */   "vi": () => (/* binding */ ANALYTICS_EVENT_TYPE)
-/* harmony export */ });
-/* unused harmony export STORE_EVENT_PREFIX */
-const STORE_EVENT_PREFIX = 'store:';
-const ANALYTICS_EVENT_TYPE = 'AnalyticsEvent';
-const wrap = (event) => ({
-    name: ANALYTICS_EVENT_TYPE,
-    params: {
-        ...event,
-        name: `${STORE_EVENT_PREFIX}${event.name}`,
-    },
-});
-const unwrap = (event) => {
-    return {
-        ...event.params,
-        name: event.params.name.slice(STORE_EVENT_PREFIX.length, event.params.name.length),
-    };
-};
-//# sourceMappingURL=wrap.js.map
-
-/***/ }),
-
-/***/ 2834:
-/***/ ((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": () => (__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__);
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
-/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5184);
-/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5534);
-/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6475);
-/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(638);
-/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4867);
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8879);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__]);
-src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-const _excluded = ["title"];
-
-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; }
-
-
-
-
-
-
-
-
-
-
-
-const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
-const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
-
-const getRatio = (products, idx) => {
-  const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
-  const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
-
-  if (expandsFirstTile || expandsFirstTwoTile) {
-    return 5 / 3;
-  }
-
-  return 3 / 4;
-};
-
-const ProductTiles = _ref => {
-  let {
-    title
-  } = _ref,
-      variables = _objectWithoutProperties(_ref, _excluded);
-
-  const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
-  const {
-    ref,
-    inView
-  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
-  const products = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__/* .useProductsQuery */ .kN)(variables);
-  const productEdges = products?.edges ?? [];
-  const {
-    sendViewItemListEvent
-  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_2__/* .useViewItemListEvent */ .m)({
-    products: productEdges,
-    title,
-    page: 0,
-    pageSize: 0
-  });
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    if (inView && !viewedOnce.current && productEdges.length) {
-      sendViewItemListEvent();
-      viewedOnce.current = true;
-    }
-  }, [inView, productEdges.length, sendViewItemListEvent]);
-
-  if (products?.edges.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-    className: "layout__section layout__content",
-    ref: ref,
-    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx("h2", {
-      className: "text__title-section",
-      children: title
-    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx("div", {
-      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-        loading: !products,
-        children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-          children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_3__/* .Tile */ .n, {
-            children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx(src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-              "data-testid": "tile-card",
-              product: product.node,
-              index: idx + 1,
-              variant: "wide",
-              aspectRatio: getRatio(productEdges.length, idx)
-            })
-          }, product.node.id))
-        })
-      })
-    })]
-  });
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductTiles);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 8872:
-/***/ ((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 */ _ProductTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _ProductTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2834);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ProductTiles__WEBPACK_IMPORTED_MODULE_0__]);
-_ProductTiles__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 638:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "s": () => (/* reexport */ ProductTileSkeleton_ProductTileSkeleton),
-  "Z": () => (/* reexport */ ProductTilesSkeleton_ProductTilesSkeleton)
-});
-
-// EXTERNAL MODULE: ./src/components/ui/Tiles/index.ts + 3 modules
-var Tiles = __webpack_require__(5534);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
-
- // TODO: // Replace it when items number become dynamically defined
-
-
-
-const DEFAULT_ITEMS_NUMBER = 3;
-const DEFAULT_ITEMS_NUMBER_TWO = 2;
-
-const getRatio = (products, idx) => {
-  const expandsFirstTile = products === DEFAULT_ITEMS_NUMBER && idx === 0;
-  const expandsFirstTwoTile = products === DEFAULT_ITEMS_NUMBER_TWO && (idx === 0 || idx === 1);
-
-  if (expandsFirstTile || expandsFirstTwoTile) {
-    return 5 / 3;
-  }
-
-  return 3 / 4;
-};
-
-function ProductTilesSkeleton({
-  children,
-  loading = true
-}) {
-  return loading ? /*#__PURE__*/jsx_runtime_.jsx(Tiles/* default */.Z, {
-    children: Array.from({
-      length: DEFAULT_ITEMS_NUMBER
-    }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx(Tiles/* Tile */.n, {
-      children: /*#__PURE__*/jsx_runtime_.jsx(ProductTileSkeleton_ProductTileSkeleton, {
-        index: index + 1,
-        aspectRatio: getRatio(DEFAULT_ITEMS_NUMBER, index)
-      })
-    }, String(index)))
-  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
-    children: children
-  });
-}
-
-/* harmony default export */ const ProductTilesSkeleton_ProductTilesSkeleton = (ProductTilesSkeleton);
-// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(2928);
-// EXTERNAL MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/product-tile-skeleton.module.scss
-var product_tile_skeleton_module = __webpack_require__(2731);
-var product_tile_skeleton_module_default = /*#__PURE__*/__webpack_require__.n(product_tile_skeleton_module);
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx
-
-
-
-
-
-function ProductTileSkeleton({
-  index,
-  aspectRatio = 1
-}) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-    "data-fs-product-tile-skeleton": true,
-    className: (product_tile_skeleton_module_default()).fsProductTileSkeleton,
-    "data-fs-product-tile-skeleton-index": index,
-    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
-      "data-fs-product-tile-skeleton-image": true,
-      "data-fs-product-tile-skeleton-index": index,
-      style: {
-        '--fs-product-tile-skeleton-image-aspect-ratio': aspectRatio
-      },
-      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
-        size: {
-          width: 'auto',
-          height: '100%'
-        },
-        loading: true
-      })
-    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-      "data-fs-product-tile-skeleton-content": true,
-      "data-fs-product-tile-skeleton-index": index,
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-        "data-fs-product-tile-skeleton-heading": true,
-        children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
-          "data-fs-product-tile-skeleton-text": true,
-          "data-fs-product-tile-skeleton-index": index,
-          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
-            size: {
-              width: '70%',
-              height: '1.5rem'
-            }
-          })
-        }), /*#__PURE__*/jsx_runtime_.jsx("div", {
-          "data-fs-product-tile-skeleton-price": true,
-          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
-            size: {
-              width: '60%',
-              height: '1.5rem'
-            }
-          })
-        })]
-      }), /*#__PURE__*/jsx_runtime_.jsx("div", {
-        "data-fs-product-tile-skeleton-badge": true,
-        "data-fs-product-tile-skeleton-index": index,
-        children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
-          size: {
-            width: '6rem',
-            height: '2rem'
-          },
-          border: "pill"
-        })
-      })]
-    })]
-  });
-}
-
-/* harmony default export */ const ProductTileSkeleton_ProductTileSkeleton = (ProductTileSkeleton);
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/index.ts
-
-;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/index.ts
-
-
-
-/***/ }),
-
-/***/ 5534:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "n": () => (/* reexport */ Tiles_Tile),
-  "Z": () => (/* reexport */ ui_Tiles_Tiles)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../ui/dist/components/organisms/Tiles/Tiles.js
-
-
-const MIN_CHILDREN = 2;
-const MAX_CHILDREN = 4;
-const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
-const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
-const Tiles = (0,external_react_.forwardRef)(function Tiles({ testId = 'store-tiles', children, ...otherProps }, ref) {
-    const childrenCount = external_react_.Children.count(children);
-    if (false) {}
-    if (false) {}
-    const expandedClass = childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST
-        ? 'expanded-first'
-        : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
-            ? 'expanded-first-two'
-            : '';
-    return (external_react_default().createElement("ul", { ref: ref, "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const Tiles_Tiles = (Tiles);
-//# sourceMappingURL=Tiles.js.map
-// EXTERNAL MODULE: ./src/components/ui/Tiles/tiles.module.scss
-var tiles_module = __webpack_require__(9728);
-var tiles_module_default = /*#__PURE__*/__webpack_require__.n(tiles_module);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/ui/Tiles/Tiles.tsx
-const _excluded = ["children"];
-
-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; }
-
-
-
-
-
-const Tiles_Tiles_Tiles = _ref => {
-  let {
-    children
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx_runtime_.jsx(Tiles_Tiles, _objectSpread(_objectSpread({
-    className: (tiles_module_default()).fsTiles
-  }, otherProps), {}, {
-    children: children
-  }));
-};
-
-/* harmony default export */ const ui_Tiles_Tiles = (Tiles_Tiles_Tiles);
-;// CONCATENATED MODULE: ../ui/dist/components/organisms/Tiles/Tile.js
-
-const Tile = (0,external_react_.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
-    return (external_react_default().createElement("li", { ref: ref, "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const Tiles_Tile = (Tile);
-//# sourceMappingURL=Tile.js.map
-;// CONCATENATED MODULE: ./src/components/ui/Tiles/index.ts
-
-
-
-/***/ }),
-
-/***/ 2731:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"fs-product-tile-skeleton": "product-tile-skeleton_fs-product-tile-skeleton___HloN",
-	"fsProductTileSkeleton": "product-tile-skeleton_fs-product-tile-skeleton___HloN"
-};
-
-
-/***/ }),
-
-/***/ 9728:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"fs-tiles": "tiles_fs-tiles__N15Au",
-	"fsTiles": "tiles_fs-tiles__N15Au"
-};
-
-
-/***/ })
-
-};
-;