@faststore/core 3.0.17 → 3.0.21

package/.next/server/chunks/184.js

@@ -0,0 +1,61 @@
+"use strict";
+exports.id = 184;
+exports.ids = [184];
+exports.modules = {
+
+/***/ 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/289.js

@@ -0,0 +1,240 @@
+"use strict";
+exports.id = 289;
+exports.ids = [289];
+exports.modules = {
+
+/***/ 6387:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ product_ProductGrid_ProductGrid)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ProductGrid/ProductGrid.js
+
+const ProductGrid = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("ul", { ref: ref, "data-fs-product-grid": true, ...otherProps }, children));
+});
+/* harmony default export */ const ProductGrid_ProductGrid = (ProductGrid);
+//# sourceMappingURL=ProductGrid.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/ProductGrid/ProductGridItem.js
+
+const ProductGridItem = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid-item', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("li", { ref: ref, "data-fs-product-grid-item": true, ...otherProps }, children));
+});
+/* harmony default export */ const ProductGrid_ProductGridItem = (ProductGridItem);
+//# sourceMappingURL=ProductGridItem.js.map
+// EXTERNAL MODULE: ./src/components/skeletons/ProductGridSkeleton/ProductGridSkeleton.tsx
+var ProductGridSkeleton = __webpack_require__(1708);
+// EXTERNAL MODULE: ./src/components/sections/ProductGallery/Overrides.tsx + 2 modules
+var Overrides = __webpack_require__(6702);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/product/ProductGrid/ProductGrid.tsx
+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 ProductGrid_ProductGrid_ProductGrid({
+  products,
+  page,
+  pageSize,
+  productCard: {
+    showDiscountBadge = Overrides/* __experimentalProductCard.props.showDiscountBadge */.zM.props.showDiscountBadge,
+    bordered = Overrides/* __experimentalProductCard.props.bordered */.zM.props.bordered
+  } = {}
+}) {
+  const aspectRatio = 1;
+  return /*#__PURE__*/jsx_runtime_.jsx(ProductGridSkeleton/* default */.Z, {
+    aspectRatio: aspectRatio,
+    loading: products.length === 0,
+    children: /*#__PURE__*/jsx_runtime_.jsx(ProductGrid_ProductGrid, {
+      children: products.map(({
+        node: product
+      }, idx) => /*#__PURE__*/jsx_runtime_.jsx(ProductGrid_ProductGridItem, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(Overrides/* __experimentalProductCard.Component */.zM.Component, _objectSpread(_objectSpread({
+          aspectRatio: aspectRatio,
+          imgProps: {
+            width: 150,
+            height: 150,
+            sizes: '30vw'
+          }
+        }, Overrides/* __experimentalProductCard.props */.zM.props), {}, {
+          bordered: bordered,
+          showDiscountBadge: showDiscountBadge,
+          product: product,
+          index: pageSize * page + idx + 1
+        }))
+      }, `${product.id}`))
+    })
+  });
+}
+
+/* harmony default export */ const product_ProductGrid_ProductGrid = (/*#__PURE__*/(0,external_react_.memo)(ProductGrid_ProductGrid_ProductGrid));
+
+/***/ }),
+
+/***/ 5289:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6387);
+/* harmony import */ var src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1566);
+/* 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_product_usePageProductsQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8934);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_usePageProductsQuery__WEBPACK_IMPORTED_MODULE_2__]);
+src_sdk_product_usePageProductsQuery__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+
+
+
+function ProductGalleryPage({
+  page,
+  title,
+  productCard,
+  itemsPerPage
+}) {
+  const {
+    data
+  } = (0,src_sdk_product_usePageProductsQuery__WEBPACK_IMPORTED_MODULE_2__/* .useGalleryPage */ .__)(page);
+  const products = data?.search?.products?.edges ?? [];
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment, {
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      products: products,
+      page: page,
+      pageSize: itemsPerPage,
+      title: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+      products: products,
+      page: page,
+      pageSize: itemsPerPage,
+      productCard: productCard
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(ProductGalleryPage));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 1566:
+/***/ ((__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 _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3221);
+/* 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 next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1853);
+/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5184);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+
+
+
+// Adds/Replaces ?page= to the querystring of the page
+const replacePagination = (page, router) => {
+  const url = new URL(window.location.href); // In case the page argument already matches the target page
+
+  if (url.searchParams.get('page') === page) {
+    return;
+  } // Set ?page= parameter and replace route
+
+
+  url.searchParams.set('page', page);
+  router.replace(url, undefined, {
+    shallow: true,
+    scroll: false
+  });
+};
+/**
+ * Use this component to add a boundary between pages so we can
+ * change the current page being viewed on infinite pagination.
+ *
+ * For more info: https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendly
+ *
+ * Also, this component's name is kind of curious. Wikipedia calls is Page Break(https://en.wikipedia.org/wiki/Page_break)
+ * however all codes I've seen online use Sentinel
+ */
+
+
+function Sentinel({
+  page,
+  pageSize,
+  products,
+  title
+}) {
+  const viewedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
+  const {
+    pages
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_4__/* .useSearch */ .R)();
+  const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
+  const {
+    sendViewItemListEvent
+  } = (0,_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__/* .useViewItemListEvent */ .m)({
+    products,
+    title,
+    page,
+    pageSize
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    // Only replace pagination state when infinite scroll
+    // state has more than one page being rendered to the screen
+    if (inView && pages.length > 1) {
+      replacePagination(page.toString(), router);
+    }
+
+    if (inView && !viewedRef.current && products.length) {
+      sendViewItemListEvent();
+      viewedRef.current = true;
+    }
+  }, [pages.length, inView, page, router, sendViewItemListEvent, products.length]);
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx("div", {
+    ref: ref
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Sentinel);
+
+/***/ })
+
+};
+;