@faststore/core 2.0.147-alpha.0 → 2.0.151-alpha.0

package/.next/server/chunks/123.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.id = 123;
+exports.ids = [123];
+exports.modules = {
+
+/***/ 123:
+/***/ ((__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);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(875);
+
+
+const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, testId = 'fs-quantity-selector', ...otherProps }) => {
+    const [quantity, setQuantity] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initial ?? min);
+    const isLeftDisabled = quantity === min;
+    const isRightDisabled = quantity === max;
+    const changeQuantity = (increaseValue) => {
+        const quantityValue = validateQuantityBounds(quantity + increaseValue);
+        onChange?.(quantityValue);
+        setQuantity(quantityValue);
+    };
+    const increase = () => changeQuantity(1);
+    const decrease = () => changeQuantity(-1);
+    function validateQuantityBounds(n) {
+        const maxValue = min ? Math.max(n, min) : n;
+        return max ? Math.min(maxValue, max) : maxValue;
+    }
+    function validateInput(e) {
+        const val = e.currentTarget.value;
+        if (!Number.isNaN(Number(val))) {
+            setQuantity(() => {
+                const quantityValue = validateQuantityBounds(Number(val));
+                onChange?.(quantityValue);
+                return quantityValue;
+            });
+        }
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        initial && setQuantity(initial);
+    }, [initial]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-quantity-selector": disabled ? 'disabled' : 'true', "data-testid": testId, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "left", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Minus", width: 16, height: 16, weight: "bold" }), "aria-label": "Decrement Quantity", "aria-controls": "quantity-selector-input", disabled: isLeftDisabled || disabled, onClick: decrease, testId: `${testId}-left-button`, size: "small" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-quantity-selector-input": true, id: "quantity-selector-input", "aria-label": "Quantity", value: quantity, onChange: validateInput, disabled: disabled }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "right", "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", disabled: isRightDisabled || disabled, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Plus", width: 16, height: 16, weight: "bold" }), onClick: increase, testId: `${testId}-right-button`, size: "small" })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuantitySelector);
+//# sourceMappingURL=QuantitySelector.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/143.js

@@ -0,0 +1,106 @@
+"use strict";
+exports.id = 143;
+exports.ids = [143];
+exports.modules = {
+
+/***/ 9143:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7183);
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_faststore_config__WEBPACK_IMPORTED_MODULE_0__);
+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; }
+
+/**
+ * More info at: https://www.notion.so/vtexhandbook/Event-API-Documentation-48eee26730cf4d7f80f8fd7262231f84
+ */
+
+const THIRTY_MINUTES_S = 30 * 60;
+const ONE_YEAR_S = 365 * 24 * 3600;
+
+const randomUUID = () => typeof crypto.randomUUID === 'function' ? crypto.randomUUID() : (Math.random() * 1e6).toFixed(0);
+
+const createStorage = (key, expiresSecond) => {
+  const timelapsed = past => (Date.now() - past) / 1e3;
+
+  return () => {
+    const item = JSON.parse(localStorage.getItem(key) ?? 'null');
+    const isExpired = !item || timelapsed(item.createdAt) > expiresSecond;
+    const payload = isExpired ? randomUUID() : item.payload;
+
+    if (isExpired) {
+      const data = {
+        payload,
+        createdAt: Date.now()
+      };
+      localStorage.setItem(key, JSON.stringify(data));
+    }
+
+    return payload;
+  };
+};
+
+const user = {
+  anonymous: createStorage('vtex.search.anonymous', ONE_YEAR_S),
+  session: createStorage('vtex.search.session', THIRTY_MINUTES_S)
+};
+
+const sendEvent = options => fetch(`https://sp.vtex.com/event-api/v1/${(_faststore_config__WEBPACK_IMPORTED_MODULE_0___default().api.storeId)}/event`, {
+  method: 'POST',
+  body: JSON.stringify(_objectSpread(_objectSpread({}, options), {}, {
+    userAgent: navigator.userAgent,
+    anonymous: user.anonymous(),
+    session: user.session()
+  })),
+  headers: {
+    'content-type': 'application/json'
+  }
+});
+
+const isFullTextSearch = url => typeof url.searchParams.get('q') === 'string' && /^\/s(\/)?$/g.test(url.pathname);
+
+const handleEvent = event => {
+  if (event.name !== 'search_select_item') {
+    return;
+  }
+
+  const url = new URL(event.params.url);
+
+  if (!isFullTextSearch(url)) {
+    return;
+  }
+
+  for (const item of event.params.items ?? []) {
+    const productId = item.item_id ?? item.item_variant;
+    const position = item.index;
+
+    if (productId && position) {
+      sendEvent({
+        type: 'search.click',
+        productId,
+        position,
+        url: url.href,
+        text: url.searchParams.get('q') ?? '<empty>'
+      });
+    }
+  }
+};
+
+setInterval(() => sendEvent({
+  type: 'session.ping'
+}), 60 * 1e3
+/* One minute */
+);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (handleEvent);
+
+/***/ })
+
+};
+;

package/.next/server/chunks/183.js

@@ -0,0 +1,80 @@
+exports.id = 183;
+exports.ids = [183];
+exports.modules = {
+
+/***/ 7183:
+/***/ ((module) => {
+
+module.exports = {
+  seo: {
+    title: 'NextJSStore',
+    description: 'Fast Demo Store',
+    titleTemplate: '%s | FastStore',
+    author: 'Store Framework'
+  },
+  // Theming
+  theme: 'custom-theme',
+  // Ecommerce Platform
+  platform: 'vtex',
+  // Platform specific configs for API
+  api: {
+    storeId: 'storeframework',
+    workspace: 'master',
+    environment: 'vtexcommercestable',
+    hideUnavailableItems: true
+  },
+  // Default session
+  session: {
+    currency: {
+      code: 'USD',
+      symbol: '$'
+    },
+    locale: 'en-US',
+    channel: '{"salesChannel":"1","regionId":""}',
+    country: 'USA',
+    postalCode: null,
+    geoCoordinates: null,
+    person: null
+  },
+  // Default cart
+  cart: {
+    id: '',
+    items: [],
+    messages: [],
+    shouldSplitItem: true
+  },
+  // Production URLs
+  storeUrl: 'https://vtexfaststore.com',
+  secureSubdomain: 'https://secure.vtexfaststore.com',
+  checkoutUrl: 'https://secure.vtexfaststore.com/checkout',
+  loginUrl: 'https://secure.vtexfaststore.com/api/io/login',
+  accountUrl: 'https://secure.vtexfaststore.com/api/io/account',
+  // Lighthouse CI
+  lighthouse: {
+    server: process.env.BASE_SITE_URL || 'http://localhost:3000',
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office'
+    }
+  },
+  // E2E CI
+  cypress: {
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office',
+      collection_filtered: '/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
+      search: '/s?q=orange'
+    }
+  },
+  analytics: {
+    // https://developers.google.com/tag-platform/tag-manager/web#standard_web_page_installation,
+    gtmContainerId: 'GTM-PGHZ95N'
+  }
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/247.js

@@ -0,0 +1,61 @@
+"use strict";
+exports.id = 247;
+exports.ids = [247];
+exports.modules = {
+
+/***/ 7549:
+/***/ ((__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__(2691);
+
+
+const Price = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Price({ value, as: Component = 'span', variant = 'selling', testId = 'fs-price', formatter = (price) => price, SRText, ...otherProps }, ref) {
+    const formattedPrice = formatter(value, variant);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps },
+        SRText && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { text: SRText }),
+        formattedPrice));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Price);
+//# sourceMappingURL=Price.js.map
+
+/***/ }),
+
+/***/ 5346:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "P": () => (/* binding */ useFormattedPrice)
+/* harmony export */ });
+/* unused harmony export usePriceFormatter */
+/* 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 _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+const usePriceFormatter = ({
+  decimals
+} = {}) => {
+  const {
+    currency,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(price => Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency.code,
+    minimumFractionDigits: decimals ? 2 : 0
+  }).format(price), [currency.code, locale, decimals]);
+};
+const useFormattedPrice = price => {
+  const formatter = usePriceFormatter();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => formatter(price), [formatter, price]);
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/280.js

@@ -0,0 +1,324 @@
+"use strict";
+exports.id = 280;
+exports.ids = [280];
+exports.modules = {
+
+/***/ 9875:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ DiscountBadge_DiscountBadge)
+});
+
+// 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/Badge/Badge.js
+var Badge = __webpack_require__(44);
+;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/useDiscountPercent.js
+
+const useDiscountPercent = (listPrice, spotPrice) => {
+    return (0,external_react_.useMemo)(() => {
+        const diff = listPrice - spotPrice;
+        const discount = (diff * 100) / listPrice;
+        return Math.round(discount);
+    }, [spotPrice, listPrice]);
+};
+//# sourceMappingURL=useDiscountPercent.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js
+
+
+
+const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
+    const discountPercent = useDiscountPercent(listPrice, spotPrice);
+    if (discountPercent === 0) {
+        return external_react_default().createElement((external_react_default()).Fragment, null);
+    }
+    const discountVariant = discountPercent <= thresholdLow
+        ? 'low'
+        : discountPercent <= thresholdHigh
+            ? 'medium'
+            : 'high';
+    return (external_react_default().createElement(Badge/* default */.Z, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
+        discountPercent,
+        "% off"));
+};
+/* harmony default export */ const DiscountBadge_DiscountBadge = (DiscountBadge);
+//# sourceMappingURL=DiscountBadge.js.map
+
+/***/ }),
+
+/***/ 783:
+/***/ ((__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__(5045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2765);
+/* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1329);
+
+
+
+const Rating = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
+    const [hover, setHover] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const outlineProps = { 'data-fs-rating-icon-outline': true };
+    const ratingIcon = react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? icon : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star" });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms_List__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ref: ref, "data-fs-rating": true, "data-fs-rating-actionable": typeof onChange === 'function', "data-testid": testId, ...otherProps }, Array.from({ length }).map((_, index) => {
+        const tempIndex = index + 1;
+        const fillCheck = () => {
+            if (tempIndex <= (hover || value)) {
+                return 'full';
+            }
+            if (tempIndex - value > 0 && tempIndex - value < 1) {
+                return 'partial';
+            }
+            return 'empty';
+        };
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
+                onChange(tempIndex);
+            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(icon, outlineProps)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star", "data-fs-rating-icon-outline": true }))))));
+    })));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rating);
+//# sourceMappingURL=Rating.js.map
+
+/***/ }),
+
+/***/ 6475:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ product_ProductCard_ProductCard)
+});
+
+// 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/ProductCard/ProductCard.js
+
+const ProductCard = (0,external_react_.forwardRef)(function ProductCard({ testId = 'fs-product-card', variant = 'default', bordered = false, outOfStock, children, ...otherProps }, ref) {
+    return (external_react_default().createElement("article", { ref: ref, "data-fs-product-card": outOfStock ? 'out-of-stock' : '', "data-fs-product-card-variant": variant, "data-fs-product-card-bordered": bordered, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const ProductCard_ProductCard = (ProductCard);
+//# sourceMappingURL=ProductCard.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/ProductCard/ProductCardImage.js
+
+const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImage({ testId = 'fs-product-card-image', aspectRatio = 1, children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
+            '--fs-product-card-image-aspect-ratio': aspectRatio
+        }, ...otherProps }, children));
+});
+/* harmony default export */ const ProductCard_ProductCardImage = (ProductCardImage);
+//# sourceMappingURL=ProductCardImage.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(7865);
+// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
+var Price = __webpack_require__(7549);
+// EXTERNAL MODULE: ../components/dist/molecules/Rating/Rating.js
+var Rating = __webpack_require__(783);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js + 1 modules
+var DiscountBadge = __webpack_require__(9875);
+// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
+var Badge = __webpack_require__(44);
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
+var Button = __webpack_require__(7578);
+;// CONCATENATED MODULE: ../components/dist/molecules/ProductCard/ProductCardContent.js
+
+
+const ProductCardContent = (0,external_react_.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-product-card-heading": true },
+            external_react_default().createElement("h3", { "data-fs-product-card-title": true },
+                external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title }, title)),
+            external_react_default().createElement("div", { "data-fs-product-card-prices": true },
+                external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
+                external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
+            ratingValue && external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) })),
+        showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
+        outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
+        onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
+            external_react_default().createElement(Button/* default */.Z, { variant: "primary", icon: external_react_default().createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
+});
+/* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
+//# sourceMappingURL=ProductCardContent.js.map
+// EXTERNAL MODULE: ./node_modules/next/link.js
+var next_link = __webpack_require__(1664);
+var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
+var Image = __webpack_require__(9266);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: ./src/sdk/product/useProductLink.ts
+var useProductLink = __webpack_require__(9854);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/product/ProductCard/ProductCard.tsx
+const _excluded = ["product", "index", "bordered", "variant", "aspectRatio", "imgProps", "ratingValue", "buttonLabel", "onButtonClick", "showDiscountBadge"];
+
+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; }
+
+
+
+
+
+
+
+
+
+
+function ProductCard_ProductCard_ProductCard(_ref) {
+  let {
+    product,
+    index,
+    bordered = false,
+    variant = 'default',
+    aspectRatio = 1,
+    imgProps,
+    ratingValue,
+    buttonLabel = 'Add',
+    onButtonClick,
+    showDiscountBadge = true
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    sku,
+    isVariantOf: {
+      name
+    },
+    image: [img],
+    offers: {
+      lowPrice: spotPrice,
+      offers: [{
+        listPrice,
+        availability
+      }]
+    }
+  } = product;
+
+  const linkProps = _objectSpread(_objectSpread({}, (0,useProductLink/* useProductLink */.w)({
+    product,
+    selectedOffer: 0,
+    index
+  })), {}, {
+    as: (link_default()),
+    passHref: true,
+    legacyBehavior: false,
+    prefetch: false
+  });
+
+  const outOfStock = availability !== 'https://schema.org/InStock';
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(ProductCard_ProductCard, _objectSpread(_objectSpread({
+    outOfStock: outOfStock,
+    bordered: bordered,
+    variant: variant,
+    "data-fs-product-card-sku": sku
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardImage, {
+      aspectRatio: aspectRatio,
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+        src: img.url,
+        alt: img.alternateName,
+        sizes: `${imgProps?.sizes ?? '(max-width: 768px) 40vw, 30vw'}`,
+        width: imgProps?.width ?? 360,
+        height: Math.round((Number(imgProps?.height) || 360) / aspectRatio),
+        loading: imgProps?.loading
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(ProductCard_ProductCardContent, {
+      title: name,
+      price: {
+        value: spotPrice,
+        listPrice: listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      },
+      ratingValue: ratingValue,
+      outOfStock: outOfStock,
+      onButtonClick: onButtonClick,
+      linkProps: linkProps,
+      showDiscountBadge: showDiscountBadge
+    })]
+  }));
+}
+
+const fragment = "unknown";
+/* harmony default export */ const product_ProductCard_ProductCard = (/*#__PURE__*/(0,external_react_.memo)(ProductCard_ProductCard_ProductCard));
+;// CONCATENATED MODULE: ./src/components/product/ProductCard/index.ts
+
+
+/***/ }),
+
+/***/ 5184:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "m": () => (/* binding */ useViewItemListEvent)
+/* harmony export */ });
+/* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1072);
+/* 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 src_sdk_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+
+const useViewItemListEvent = ({
+  products,
+  title,
+  page,
+  pageSize
+}) => {
+  const {
+    currency: {
+      code
+    }
+  } = (0,src_sdk_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const sendViewItemListEvent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'view_item_list',
+      params: {
+        item_list_name: title,
+        item_list_id: title,
+        items: products.map(({
+          node: product
+        }, index) => ({
+          item_id: product.isVariantOf.productGroupID,
+          item_name: product.isVariantOf.name,
+          item_brand: product.brand.name,
+          item_variant: product.sku,
+          price: product.offers.offers[0].price,
+          index: page * pageSize + index + 1,
+          discount: product.offers.offers[0].listPrice - product.offers.offers[0].price,
+          currency: code,
+          item_variant_name: product.name,
+          product_reference_id: product.gtin
+        }))
+      }
+    });
+  }, [code, products, title, page, pageSize]);
+  return {
+    sendViewItemListEvent
+  };
+};
+
+/***/ })
+
+};
+;