@faststore/core 2.0.123-alpha.0 → 2.0.125-alpha.0

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

@@ -0,0 +1,322 @@
+"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: ./src/components/ui/Image/index.ts + 3 modules
+var Image = __webpack_require__(2154);
+// 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: ./node_modules/next/link.js
+var next_link = __webpack_require__(1664);
+var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
+// 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", "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,
+    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
+  });
+
+  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,
+        width: 360,
+        height: 360 / aspectRatio,
+        sizes: "(max-width: 768px) 25vw, 30vw",
+        loading: "lazy"
+      })
+    }), /*#__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
+  };
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/287.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.id = 287;
+exports.ids = [287];
+exports.modules = {
+
+/***/ 7216:
+/***/ ((__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__);
+
+const Label = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
+//# sourceMappingURL=Label.js.map
+
+/***/ }),
+
+/***/ 8287:
+/***/ ((__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__(875);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7216);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2765);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7578);
+
+
+const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
+inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
+    const shouldDisplayError = !disabled && error && error !== '';
+    const shouldDisplayButton = actionable && !disabled && value !== '';
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-input-field": true, "data-fs-input-field-actionable": actionable, "data-fs-input-field-error": error && error !== '', "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { htmlFor: id }, label),
+        shouldDisplayButton &&
+            (displayClearButton || error ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-button-size": "small", "aria-label": "Clear Field", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { name: "XCircle" }), onClick: () => {
+                    onClear?.();
+                    inputRef?.current?.focus();
+                } })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
+        shouldDisplayError && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "data-fs-input-field-error-message": true }, error))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputField);
+//# sourceMappingURL=InputField.js.map
+
+/***/ })
+
+};
+;