@faststore/core 2.2.4 → 2.2.7

package/.next/server/chunks/386.js

@@ -0,0 +1,200 @@
+exports.id = 386;
+exports.ids = [386];
+exports.modules = {
+
+/***/ 1386:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ search_Filter_FilterSlider)
+});
+
+// EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
+var useSearch = __webpack_require__(3221);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/esm/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(3666);
+// EXTERNAL MODULE: ../components/dist/esm/hooks/UIProvider.js
+var UIProvider = __webpack_require__(6652);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOver.js
+var SlideOver = __webpack_require__(7215);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/SlideOver/SlideOverHeader.js
+var SlideOverHeader = __webpack_require__(5049);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
+var Button = __webpack_require__(3339);
+;// CONCATENATED MODULE: ../components/dist/esm/organisms/Filter/FilterSlider.js
+
+
+function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
+    const { closeFilter } = (0,UIProvider/* useUI */.l)();
+    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-filter-slider-content": true },
+            external_react_default().createElement(SlideOverHeader/* default */.Z, { onClose: () => {
+                    onClose();
+                    fadeOut();
+                } },
+                external_react_default().createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+            children),
+        external_react_default().createElement("footer", { "data-fs-filter-slider-footer": true },
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+                    applyBtnProps?.onClick?.(e);
+                    fadeOut();
+                } }))));
+}
+/* harmony default export */ const Filter_FilterSlider = (FilterSlider);
+//# sourceMappingURL=FilterSlider.js.map
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/Filter.js
+var Filter = __webpack_require__(5699);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacets.js
+var FilterFacets = __webpack_require__(4199);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetBoolean.js
+var FilterFacetBoolean = __webpack_require__(2815);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
+var FilterFacetBooleanItem = __webpack_require__(1305);
+// EXTERNAL MODULE: ../components/dist/esm/organisms/Filter/FilterFacetRange.js + 2 modules
+var FilterFacetRange = __webpack_require__(1355);
+// EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
+var useFormattedPrice = __webpack_require__(5346);
+// EXTERNAL MODULE: ./src/components/search/Filter/section.module.scss
+var section_module = __webpack_require__(5813);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/Filter/FilterSlider.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 FilterSlider_FilterSlider({
+  facets,
+  testId,
+  dispatch,
+  expanded,
+  selected,
+  title,
+  clearButtonLabel,
+  applyButtonLabel
+}) {
+  const {
+    resetInfiniteScroll,
+    setState,
+    state
+  } = (0,useSearch/* useSearch */.R)();
+  return /*#__PURE__*/jsx_runtime_.jsx(Filter_FilterSlider, {
+    overlayProps: {
+      className: `section ${(section_module_default()).section} section-filter-slider`
+    },
+    title: title,
+    size: "partial",
+    direction: "rightSide",
+    clearBtnProps: {
+      variant: 'secondary',
+      onClick: () => dispatch({
+        type: 'selectFacets',
+        payload: []
+      }),
+      children: clearButtonLabel ?? 'Clear All'
+    },
+    applyBtnProps: {
+      variant: 'primary',
+      onClick: () => {
+        resetInfiniteScroll(0);
+        setState(_objectSpread(_objectSpread({}, state), {}, {
+          selectedFacets: selected,
+          page: 0
+        }));
+      },
+      children: applyButtonLabel ?? 'Apply'
+    },
+    onClose: () => {
+      dispatch({
+        type: 'selectFacets',
+        payload: state.selectedFacets
+      });
+    },
+    children: /*#__PURE__*/jsx_runtime_.jsx(Filter/* default */.Z, {
+      testId: `mobile-${testId}`,
+      indicesExpanded: expanded,
+      onAccordionChange: index => dispatch({
+        type: 'toggleExpanded',
+        payload: index
+      }),
+      children: facets.map((facet, index) => {
+        const {
+          __typename: type,
+          label
+        } = facet;
+        const isExpanded = expanded.has(index);
+        return /*#__PURE__*/(0,jsx_runtime_.jsxs)(FilterFacets/* default */.Z, {
+          testId: `mobile-${testId}`,
+          index: index,
+          type: type,
+          label: label,
+          children: [type === 'StoreFacetBoolean' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBoolean/* default */.Z, {
+            children: facet.values.map(item => /*#__PURE__*/jsx_runtime_.jsx(FilterFacetBooleanItem/* default */.Z, {
+              id: `${testId}-${facet.label}-${item.label}`,
+              testId: `mobile-${testId}`,
+              onFacetChange: facet => dispatch({
+                type: 'toggleFacet',
+                payload: facet
+              }),
+              selected: item.selected,
+              value: item.value,
+              quantity: item.quantity,
+              facetKey: facet.key,
+              label: item.label
+            }, `${testId}-${facet.label}-${item.label}`))
+          }), type === 'StoreFacetRange' && isExpanded && /*#__PURE__*/jsx_runtime_.jsx(FilterFacetRange/* default */.Z, {
+            facetKey: facet.key,
+            min: facet.min,
+            max: facet.max,
+            formatter: useFormattedPrice/* useFormattedPrice */.P,
+            onFacetChange: facet => dispatch({
+              type: 'setFacet',
+              payload: {
+                facet,
+                unique: true
+              }
+            })
+          })]
+        }, `${testId}-${label}-${index}`);
+      })
+    })
+  });
+}
+
+/* harmony default export */ const search_Filter_FilterSlider = (FilterSlider_FilterSlider);
+
+/***/ }),
+
+/***/ 5813:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__QVEy3"
+};
+
+
+/***/ })
+
+};
+;