@faststore/core 2.1.27 → 2.1.28

package/.next/server/chunks/289.js

@@ -0,0 +1,242 @@
+"use strict";
+exports.id = 289;
+exports.ids = [289];
+exports.modules = {
+
+/***/ 84436:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ product_ProductGrid_ProductGrid)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/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/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/index.ts + 1 modules
+var ProductGridSkeleton = __webpack_require__(89913);
+// EXTERNAL MODULE: ./src/components/sections/ProductGallery/Overrides.tsx + 2 modules
+var Overrides = __webpack_require__(90217);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// 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; }
+
+
+
+
+
+const {
+  __experimentalProductCard: ProductCard
+} = Overrides/* Components */.z;
+
+function ProductGrid_ProductGrid_ProductGrid({
+  products,
+  page,
+  pageSize,
+  productCard: {
+    showDiscountBadge = Overrides/* Props.ProductCard.showDiscountBadge */.x.ProductCard.showDiscountBadge,
+    bordered = Overrides/* Props.ProductCard.bordered */.x.ProductCard.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(ProductCard, _objectSpread(_objectSpread({
+          aspectRatio: aspectRatio,
+          imgProps: {
+            width: 150,
+            height: 150,
+            sizes: '30vw'
+          }
+        }, Overrides/* Props.__experimentalProductCard */.x.__experimentalProductCard), {}, {
+          bordered: showDiscountBadge,
+          showDiscountBadge: bordered,
+          product: product,
+          index: pageSize * page + idx + 1
+        }))
+      }, `${product.id}`))
+    })
+  });
+}
+
+/* harmony default export */ const product_ProductGrid_ProductGrid = (ProductGrid_ProductGrid_ProductGrid);
+;// CONCATENATED MODULE: ./src/components/product/ProductGrid/index.ts
+
+
+/***/ }),
+
+/***/ 75289:
+/***/ ((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 _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(73221);
+/* harmony import */ var src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(84436);
+/* harmony import */ var src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1566);
+/* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49521);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_usePageProducts__WEBPACK_IMPORTED_MODULE_2__]);
+_usePageProducts__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+
+
+
+function GalleryPage({
+  page,
+  title,
+  productCard
+}) {
+  const products = (0,_usePageProducts__WEBPACK_IMPORTED_MODULE_2__/* .useProducts */ .r)(page) ?? [];
+  const {
+    itemsPerPage
+  } = (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_4__/* .useSearch */ .R)();
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+      products: products,
+      page: page,
+      pageSize: itemsPerPage,
+      title: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, {
+      products: products,
+      page: page,
+      pageSize: itemsPerPage,
+      productCard: productCard
+    })]
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GalleryPage);
+__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_5__ = __webpack_require__(73221);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
+/* 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__(19785);
+/* 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__(71853);
+/* 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_3__ = __webpack_require__(55184);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+
+
+// 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_5__/* .useSearch */ .R)();
+  const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
+  const {
+    sendViewItemListEvent
+  } = (0,_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_3__/* .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_4__.jsx("div", {
+    ref: ref
+  });
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Sentinel);
+
+/***/ })
+
+};
+;