@faststore/core 2.2.69 → 2.2.71

package/.next/server/chunks/779.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.id = 779;
+exports.ids = [779];
+exports.modules = {
+
+/***/ 1953:
+/***/ ((__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
+
+/***/ }),
+
+/***/ 3779:
+/***/ ((__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__(2256);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1953);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7041);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2614);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3339);
+
+
+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, { 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
+
+/***/ })
+
+};
+;

package/.next/server/chunks/854.js

@@ -0,0 +1,72 @@
+"use strict";
+exports.id = 854;
+exports.ids = [854];
+exports.modules = {
+
+/***/ 9854:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "w": () => (/* binding */ useProductLink)
+/* 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 _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7295);
+
+
+
+const useProductLink = ({
+  index,
+  product,
+  selectedOffer
+}) => {
+  const {
+    slug
+  } = product;
+  const {
+    currency: {
+      code
+    }
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'select_item',
+      params: {
+        items: [{
+          item_id: product.isVariantOf.productGroupID,
+          item_name: product.isVariantOf.name,
+          item_brand: product.brand.name,
+          item_variant: product.sku,
+          index,
+          price: product.offers.offers[selectedOffer].price,
+          discount: product.offers.offers[selectedOffer].listPrice - product.offers.offers[selectedOffer].price,
+          currency: code,
+          item_variant_name: product.name,
+          product_reference_id: product.gtin
+        }]
+      }
+    });
+    (0,_faststore_sdk__WEBPACK_IMPORTED_MODULE_2__/* .sendAnalyticsEvent */ ._)({
+      name: 'search_select_item',
+      params: {
+        url: window.location.href,
+        items: [{
+          item_id: product.isVariantOf.productGroupID,
+          item_variant: product.sku,
+          index
+        }]
+      }
+    });
+  }, [code, product, index, selectedOffer]);
+  return {
+    href: `/${slug}/p`,
+    onClick,
+    'data-testid': 'product-link'
+  };
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/863.js

@@ -2,6 +2,28 @@ exports.id = 863;
 exports.ids = [863];
 exports.modules = {
 
+/***/ 6133:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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__);
+
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
+        title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, titleIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, title))),
+        children));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
+//# sourceMappingURL=EmptyState.js.map
+
+/***/ }),
+
 /***/ 4863:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 

package/.next/server/chunks/{520.js → 898.js}

@@ -1,19 +1,157 @@
-exports.id = 520;
-exports.ids = [520];
+exports.id = 898;
+exports.ids = [898];
 exports.modules = {
 
-/***/ 1065:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 1635:
+/***/ ((__unused_webpack_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 */   "V": () => (/* binding */ OverriddenDefaultHero)
-/* harmony export */ });
-/* harmony import */ var src_customizations_src_components_overrides_Hero__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4906);
-/* harmony import */ var src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8788);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__]);
-src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "V": () => (/* binding */ OverriddenDefaultHero)
+});
+
+;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Hero.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'Hero';
+const override = {
+  section: SECTION
+};
+
+// EXTERNAL MODULE: ./src/sdk/overrides/getOverriddenSection.tsx
+var getOverriddenSection = __webpack_require__(8788);
+// EXTERNAL MODULE: ./src/components/ui/Image/Image.tsx + 1 modules
+var Image = __webpack_require__(5731);
+// EXTERNAL MODULE: ./src/sdk/overrides/OverrideContext.tsx
+var OverrideContext = __webpack_require__(5522);
+// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
+var Section = __webpack_require__(3271);
+// EXTERNAL MODULE: ./src/components/sections/Hero/section.module.scss
+var section_module = __webpack_require__(6717);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// 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/Hero/Hero.js
+
+const HeroContext = (0,external_react_.createContext)(undefined);
+const Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(HeroContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useHero() {
+    const context = (0,external_react_.useContext)(HeroContext);
+    if (context === undefined) {
+        throw new Error('Do not use Hero components outside the Hero context.');
+    }
+    return context;
+}
+/* harmony default export */ const Hero_Hero = (Hero);
+//# sourceMappingURL=Hero.js.map
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroImage.js
+
+const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Hero_HeroImage = (HeroImage);
+//# sourceMappingURL=HeroImage.js.map
+// EXTERNAL MODULE: ../components/dist/esm/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(3922);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
+var Icon = __webpack_require__(2614);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Hero/HeroHeader.js
+
+
+
+const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, linkTargetBlank, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            external_react_default().createElement("div", { "data-fs-hero-info": true },
+                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right", target: linkTargetBlank ? '_blank' : undefined }, linkText))),
+            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
+;// CONCATENATED MODULE: ./src/components/sections/Hero/DefaultComponents.ts
+
+const HeroDefaultComponents = {
+  Hero: Hero_Hero,
+  HeroImage: Hero_HeroImage,
+  HeroHeader: Hero_HeroHeader
+};
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/Hero.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 Hero_Hero_Hero = ({
+  link,
+  title,
+  subtitle,
+  image,
+  variant,
+  colorVariant,
+  icon
+}) => {
+  const {
+    Hero: HeroWrapper,
+    HeroImage,
+    HeroHeader
+  } = (0,OverrideContext/* useOverrideComponents */.r3)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-hero`,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeroWrapper.Component, _objectSpread(_objectSpread({}, HeroWrapper.props), {}, {
+      variant: variant ?? HeroWrapper.props.variant ?? 'primary',
+      colorVariant: colorVariant ?? HeroWrapper.props.colorVariant ?? 'main',
+      children: [/*#__PURE__*/jsx_runtime_.jsx(HeroImage.Component, _objectSpread(_objectSpread({}, HeroImage.props), {}, {
+        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* default */.Z, {
+          loading: "eager",
+          src: image.src,
+          alt: image.alt,
+          width: 360,
+          height: 240,
+          sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw"
+        })
+      })), /*#__PURE__*/jsx_runtime_.jsx(HeroHeader.Component, _objectSpread({
+        title: title,
+        subtitle: subtitle,
+        link: link?.url,
+        linkText: link?.text,
+        linkTargetBlank: link?.linkTargetBlank,
+        icon: icon
+      }, HeroHeader.props))]
+    }))
+  });
+};
+
+const OverridableHero = (0,getOverriddenSection/* getOverridableSection */.B)('Hero', Hero_Hero_Hero, HeroDefaultComponents);
+/* harmony default export */ const sections_Hero_Hero = (OverridableHero);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/OverriddenDefaultHero.ts
+function OverriddenDefaultHero_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 OverriddenDefaultHero_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? OverriddenDefaultHero_ownKeys(Object(source), !0).forEach(function (key) { OverriddenDefaultHero_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : OverriddenDefaultHero_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function OverriddenDefaultHero_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; }
+
+
 
 
 
@@ -22,9 +160,9 @@ src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack
  *
  * This allows users to override the default Hero section present in the Headless CMS
  */
-const OverriddenDefaultHero = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_Hero__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
+const OverriddenDefaultHero = (0,getOverriddenSection/* getOverriddenSection */.v)(OverriddenDefaultHero_objectSpread(OverriddenDefaultHero_objectSpread({}, override), {}, {
+  Section: sections_Hero_Hero
+}));
 
 /***/ }),
 
@@ -62,6 +200,27 @@ function Incentives({
 
 /***/ }),
 
+/***/ 2432:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "B": () => (/* binding */ ProductShelfDefaultComponents)
+/* harmony export */ });
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6737);
+/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8553);
+/* harmony import */ var src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8619);
+
+
+
+const ProductShelfDefaultComponents = {
+  ProductShelf: _faststore_ui__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
+  __experimentalCarousel: src_components_ui_Carousel__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
+  __experimentalProductCard: src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z
+};
+
+/***/ }),
+
 /***/ 8195:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -72,8 +231,16 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var src_customizations_src_components_overrides_ProductShelf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2009);
 /* harmony import */ var src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8788);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__]);
-src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8569);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([___WEBPACK_IMPORTED_MODULE_2__]);
+___WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[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; }
+
+
 
 
 
@@ -82,7 +249,65 @@ src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__ = (__webpack
  *
  * This allows users to override the default ProductShelf section present in the Headless CMS
  */
-const OverriddenDefaultProductShelf = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(src_customizations_src_components_overrides_ProductShelf__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K);
+const OverriddenDefaultProductShelf = (0,src_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_0__/* .getOverriddenSection */ .v)(_objectSpread(_objectSpread({}, src_customizations_src_components_overrides_ProductShelf__WEBPACK_IMPORTED_MODULE_1__/* .override */ .K), {}, {
+  Section: ___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z
+}));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 8569:
+/***/ ((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_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var _components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _DefaultComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2432);
+/* harmony import */ var _sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8788);
+/* 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__([_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
+_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[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; }
+
+
+
+
+
+
+
+
+
+function ProductShelfSection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
+    ref: ref,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
+      inView: inView
+    }, otherProps))
+  });
+}
+
+const OverridableProductShelf = (0,_sdk_overrides_getOverriddenSection__WEBPACK_IMPORTED_MODULE_5__/* .getOverridableSection */ .B)('ProductShelf', ProductShelfSection, _DefaultComponents__WEBPACK_IMPORTED_MODULE_6__/* .ProductShelfDefaultComponents */ .B);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverridableProductShelf);
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
@@ -414,7 +639,7 @@ const Tiles_Tiles_Tiles = _ref => {
 
 /***/ }),
 
-/***/ 4906:
+/***/ 2009:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -422,7 +647,7 @@ const Tiles_Tiles_Tiles = _ref => {
 /* harmony export */   "K": () => (/* binding */ override)
 /* harmony export */ });
 // This is an example of how it can be used on the starter.
-const SECTION = 'Hero';
+const SECTION = 'ProductShelf';
 const override = {
   section: SECTION
 };
@@ -430,17 +655,12 @@ const override = {
 
 /***/ }),
 
-/***/ 2009:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 6717:
+/***/ ((module) => {
 
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "K": () => (/* binding */ override)
-/* harmony export */ });
-// This is an example of how it can be used on the starter.
-const SECTION = 'ProductShelf';
-const override = {
-  section: SECTION
+// Exports
+module.exports = {
+	"section": "section_section__WY2pp"
 };