@faststore/core 2.0.105-alpha.0 → 2.0.106-alpha.0

package/.next/server/chunks/4312.js

@@ -0,0 +1,674 @@
+"use strict";
+exports.id = 4312;
+exports.ids = [4312];
+exports.modules = {
+
+/***/ 2155:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "R": () => (/* binding */ useSearch)
+/* harmony export */ });
+/* harmony import */ var _molecules_SearchProvider_SearchProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8907);
+/* 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 useSearch = () => {
+    const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_molecules_SearchProvider_SearchProvider__WEBPACK_IMPORTED_MODULE_1__/* .SearchContext */ .c);
+    if (!context) {
+        return { inContext: false };
+    }
+    return { inContext: true, values: context };
+};
+//# sourceMappingURL=useSearch.js.map
+
+/***/ }),
+
+/***/ 6395:
+/***/ ((__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__(2155);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1329);
+
+
+const SearchAutoComplete = ({ testId = 'fs-search-auto-complete', children, ...otherProps }) => {
+    const { inContext, values } = (0,___WEBPACK_IMPORTED_MODULE_1__/* .useSearch */ .R)();
+    if (inContext && (values.terms.length <= 0 || values.term.length <= 0)) {
+        return null;
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-testid": testId, "data-fs-search-auto-complete": true, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { as: "ol" }, children)));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchAutoComplete);
+//# sourceMappingURL=SearchAutoComplete.js.map
+
+/***/ }),
+
+/***/ 6254:
+/***/ ((__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_2__ = __webpack_require__(7865);
+
+
+function formatSearchTerm(indexSubstring, searchTerm, suggestion) {
+    if (indexSubstring === 0) {
+        return searchTerm
+            .split('')
+            .map((char, idx) => idx === 0 && suggestion.indexOf(char.toUpperCase()) === 0
+            ? char.toUpperCase()
+            : char.toLowerCase())
+            .join('');
+    }
+    return searchTerm.toLowerCase();
+}
+const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon, }) => {
+    const iconProps = { "data-fs-search-auto-complete-item-icon": true };
+    const autoCompleteIcon = react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(icon, iconProps)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "MagnifyingGlass", "data-fs-search-auto-complete-item-icon": true }));
+    const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
+            autoCompleteIcon,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, { key: [substring, indexSubstring].join() },
+                substring.length > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", { "data-fs-search-auto-complete-item-suggestion": true }, indexSubstring === 0
+                    ? substring.charAt(0).toUpperCase() + substring.slice(1)
+                    : substring)),
+                indexSubstring !== suggestionSubstring.length - 1 &&
+                    formatSearchTerm(indexSubstring, term, suggestion))))))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchAutoCompleteTerm);
+//# sourceMappingURL=SearchAutoCompleteTerm.js.map
+
+/***/ }),
+
+/***/ 6780:
+/***/ ((__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 _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2155);
+
+
+const SearchLoading = () => {
+    const { inContext, values } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__/* .useSearch */ .R)();
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (inContext && values.isLoading) && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { "data-fs-search-dropdown-loading-text": true }, "Loading...")));
+};
+const SearchDropdown = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function SearchDropdown({ testId = 'fs-search-dropdown', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-search-dropdown": true, "data-testid": testId, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SearchLoading, null),
+            children)));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchDropdown);
+//# sourceMappingURL=SearchDropdown.js.map
+
+/***/ }),
+
+/***/ 7510:
+/***/ ((__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__(2155);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1329);
+
+
+const SearchProductsProps = ({ testId = 'fs-search-products', title = 'Suggested Products', children, ...otherProps }) => {
+    const { inContext, values } = (0,___WEBPACK_IMPORTED_MODULE_1__/* .useSearch */ .R)();
+    if (inContext && (values.products.length <= 0)) {
+        return null;
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-testid": testId, "data-fs-search-products": true, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-search-products-header": true },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { "data-fs-search-products-title": true }, title)),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { as: "ol" }, children)));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchProductsProps);
+//# sourceMappingURL=SearchProducts.js.map
+
+/***/ }),
+
+/***/ 2727:
+/***/ ((__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__(2155);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1329);
+
+
+
+const SearchTop = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function SearchTop({ testId = 'fs-top-search', title = 'Top Search', children, ...otherProps }, ref) {
+    const { inContext, values } = (0,___WEBPACK_IMPORTED_MODULE_1__/* .useSearch */ .R)();
+    if (inContext && (values.term.length !== 0 || values.isLoading)) {
+        return null;
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { ref: ref, "data-testid": testId, "data-fs-search-top": true, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-search-top-header": true },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { "data-fs-search-top-title": true }, title)),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { as: "ol" }, children)));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchTop);
+//# sourceMappingURL=SearchTop.js.map
+
+/***/ }),
+
+/***/ 5629:
+/***/ ((__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__(7865);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+
+
+const SearchTopTerm = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function SearchTopTerm({ testId = 'fs-top-search-term', value, linkProps, index }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { ref: ref, "data-fs-search-top-item": true, "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { ...linkProps, "data-fs-search-top-item-link": true, variant: "display" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { "data-fs-search-top-item-badge": true, variant: "info" }, index + 1),
+            value)));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchTopTerm);
+//# sourceMappingURL=SearchTopTerm.js.map
+
+/***/ }),
+
+/***/ 1612:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__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 _faststore_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2155);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6780);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6395);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6254);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7510);
+/* harmony import */ var _SearchHistory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8941);
+/* harmony import */ var _SearchTop__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(107);
+/* harmony import */ var src_components_search_SearchProductItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2387);
+/* harmony import */ var src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5882);
+/* 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__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SearchTop__WEBPACK_IMPORTED_MODULE_1__]);
+_SearchTop__WEBPACK_IMPORTED_MODULE_1__ = (__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 SearchDropdown(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    values: {
+      onSearchSelection,
+      products,
+      term,
+      terms
+    }
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_4__/* .useSearch */ .R)();
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_faststore_ui__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_SearchHistory__WEBPACK_IMPORTED_MODULE_0__/* .SearchHistory */ .Z, {}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_SearchTop__WEBPACK_IMPORTED_MODULE_1__/* .SearchTop */ .S, {}), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+      children: terms?.map(({
+        value: suggestion
+      }) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+        term: term,
+        suggestion: suggestion,
+        linkProps: {
+          href: (0,src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_8__/* .formatSearchPath */ .u)(suggestion),
+          onClick: () => onSearchSelection?.(suggestion, (0,src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_8__/* .formatSearchPath */ .u)(suggestion))
+        }
+      }, suggestion))
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+      children: products.map((product, index) => {
+        const productParsed = product;
+        return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx(src_components_search_SearchProductItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+          product: productParsed,
+          index: index
+        }, productParsed.id);
+      })
+    })]
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchDropdown);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 4312:
+/***/ ((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": () => (/* reexport safe */ _SearchDropdown__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _SearchDropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1612);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SearchDropdown__WEBPACK_IMPORTED_MODULE_0__]);
+_SearchDropdown__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 8941:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ search_SearchHistory_SearchHistory)
+});
+
+// EXTERNAL MODULE: ../components/dist/hooks/useSearch.js
+var useSearch = __webpack_require__(2155);
+// 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/Button/Button.js + 1 modules
+var Button = __webpack_require__(4842);
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+;// CONCATENATED MODULE: ../components/dist/molecules/SearchHistory/SearchHistory.js
+
+
+const SearchHistory = ({ testId = 'fs-search-history', title = 'History', clearLabel = 'Clear History', onClear, children, ...otherProps }) => {
+    const { inContext, values } = (0,useSearch/* useSearch */.R)();
+    if (inContext && (values.term.length !== 0 || values.isLoading)) {
+        return null;
+    }
+    return (external_react_default().createElement("section", { "data-testid": testId, "data-fs-search-history": true, ...otherProps },
+        external_react_default().createElement("header", { "data-fs-search-history-header": true },
+            external_react_default().createElement("p", { "data-fs-search-history-title": true }, title),
+            external_react_default().createElement(Button/* default */.Z, { variant: "tertiary", onClick: onClear, size: "small" }, clearLabel)),
+        external_react_default().createElement(List/* default */.Z, { as: "ol" }, children)));
+};
+/* harmony default export */ const SearchHistory_SearchHistory = (SearchHistory);
+//# sourceMappingURL=SearchHistory.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(7865);
+;// CONCATENATED MODULE: ../components/dist/molecules/SearchHistory/SearchHistoryTerm.js
+
+
+const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon, }) => {
+    const iconProps = { "data-fs-search-history-item-icon": true };
+    const historyIcon = external_react_default().isValidElement(icon) ? (external_react_default().cloneElement(icon, iconProps)) : (external_react_default().createElement(Icon/* default */.Z, { name: "ClockClockwise", "data-fs-search-history-item-icon": true }));
+    return (external_react_default().createElement("li", { "data-fs-search-history-item": true, "data-testid": testId },
+        external_react_default().createElement(Link/* default */.Z, { ...linkProps, "data-fs-search-history-item-link": true, variant: "display" },
+            historyIcon,
+            external_react_default().createElement("span", null, value))));
+};
+/* harmony default export */ const SearchHistory_SearchHistoryTerm = (SearchHistoryTerm);
+//# sourceMappingURL=SearchHistoryTerm.js.map
+// EXTERNAL MODULE: ./src/sdk/search/useSearchHistory.ts
+var useSearchHistory = __webpack_require__(5098);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/SearchHistory/SearchHistory.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 SearchHistory_SearchHistory_SearchHistory = _ref => {
+  let props = Object.assign({}, _ref);
+  const {
+    values: {
+      onSearchSelection
+    }
+  } = (0,useSearch/* useSearch */.R)();
+  const {
+    searchHistory,
+    clearSearchHistory
+  } = (0,useSearchHistory/* default */.Z)();
+
+  if (!searchHistory.length) {
+    return null;
+  }
+
+  return /*#__PURE__*/jsx_runtime_.jsx(SearchHistory_SearchHistory, _objectSpread(_objectSpread({
+    title: "History",
+    onClear: clearSearchHistory
+  }, props), {}, {
+    children: searchHistory.map(item => /*#__PURE__*/jsx_runtime_.jsx(SearchHistory_SearchHistoryTerm, {
+      value: item.term,
+      linkProps: {
+        href: item.path,
+        onClick: () => onSearchSelection?.(item.term, item.path)
+      }
+    }, item.term))
+  }));
+};
+
+/* harmony default export */ const search_SearchHistory_SearchHistory = (SearchHistory_SearchHistory_SearchHistory);
+;// CONCATENATED MODULE: ./src/components/search/SearchHistory/index.ts
+
+
+/***/ }),
+
+/***/ 2387:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ search_SearchProductItem_SearchProductItem)
+});
+
+// EXTERNAL MODULE: ../components/dist/hooks/useSearch.js
+var useSearch = __webpack_require__(2155);
+// 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/Link/Link.js
+var Link = __webpack_require__(7865);
+;// CONCATENATED MODULE: ../components/dist/molecules/SearchProducts/SearchProductItem.js
+
+
+const SearchProductItem = (0,external_react_.forwardRef)(function ProductItem({ testId = 'fs-search-product-item', linkProps, children }, ref) {
+    return (external_react_default().createElement("li", { ref: ref, "data-fs-search-product-item": true, "data-testid": testId },
+        external_react_default().createElement(Link/* default */.Z, { ...linkProps, "data-fs-search-product-item-link": true, variant: "display" }, children)));
+});
+/* harmony default export */ const SearchProducts_SearchProductItem = (SearchProductItem);
+//# sourceMappingURL=SearchProductItem.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/SearchProducts/SearchProductItemImage.js
+
+const SearchProductItemImage = (0,external_react_.forwardRef)(function SearchProductItemImage({ testId = 'fs-search-product-item-image', children, ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-search-product-item-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const SearchProducts_SearchProductItemImage = (SearchProductItemImage);
+//# sourceMappingURL=SearchProductItemImage.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
+var Price = __webpack_require__(7549);
+;// CONCATENATED MODULE: ../components/dist/molecules/SearchProducts/SearchProductItemContent.js
+
+
+const SearchProductItemContent = (0,external_react_.forwardRef)(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-search-product-item-content": true, ...otherProps },
+        external_react_default().createElement("p", { "data-fs-search-product-item-title": true }, title),
+        external_react_default().createElement("span", { "data-fs-search-product-item-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: "Price:" }))));
+});
+/* harmony default export */ const SearchProducts_SearchProductItemContent = (SearchProductItemContent);
+//# sourceMappingURL=SearchProductItemContent.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: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/search/SearchProductItem/SearchProductItem.tsx
+const _excluded = ["product", "index"],
+      _excluded2 = ["href", "onClick"];
+
+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 SearchProductItem_SearchProductItem(_ref) {
+  let {
+    product,
+    index
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    values: {
+      onSearchSelection
+    }
+  } = (0,useSearch/* useSearch */.R)();
+
+  const _useProductLink = (0,useProductLink/* useProductLink */.w)({
+    product,
+    selectedOffer: 0,
+    index
+  }),
+        {
+    href,
+    onClick
+  } = _useProductLink,
+        baseLinkProps = _objectWithoutProperties(_useProductLink, _excluded2);
+
+  const {
+    isVariantOf: {
+      name
+    },
+    image: [img],
+    offers: {
+      lowPrice: spotPrice,
+      offers: [{
+        listPrice
+      }]
+    }
+  } = product;
+
+  const linkProps = _objectSpread({
+    href,
+    onClick: () => {
+      onClick();
+      onSearchSelection?.(name, href);
+    }
+  }, baseLinkProps);
+
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchProducts_SearchProductItem, _objectSpread(_objectSpread({
+    linkProps: linkProps
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(SearchProducts_SearchProductItemImage, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+        src: img.url,
+        alt: img.alternateName,
+        width: 56,
+        height: 56
+      })
+    }), /*#__PURE__*/jsx_runtime_.jsx(SearchProducts_SearchProductItemContent, {
+      title: name,
+      price: {
+        value: spotPrice,
+        listPrice: listPrice,
+        formatter: useFormattedPrice/* useFormattedPrice */.P
+      }
+    })]
+  }));
+}
+
+/* harmony default export */ const search_SearchProductItem_SearchProductItem = (SearchProductItem_SearchProductItem);
+;// CONCATENATED MODULE: ./src/components/search/SearchProductItem/index.ts
+
+
+/***/ }),
+
+/***/ 5299:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__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 _faststore_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2155);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2727);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5629);
+/* harmony import */ var src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5882);
+/* harmony import */ var src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1363);
+/* 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_search_useTopSearch__WEBPACK_IMPORTED_MODULE_0__]);
+src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["topTerms"];
+
+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 SearchTop(_ref) {
+  let {
+    topTerms
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    values: {
+      onSearchSelection
+    }
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
+  const {
+    terms
+  } = (0,src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(topTerms);
+
+  if (terms.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+    title: "Top Search"
+  }, otherProps), {}, {
+    children: terms.map((term, index) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+      value: term.value,
+      index: index,
+      linkProps: {
+        href: (0,src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_5__/* .formatSearchPath */ .u)(term.value),
+        onClick: () => onSearchSelection?.(term.value, (0,src_sdk_search_formatSearchPath__WEBPACK_IMPORTED_MODULE_5__/* .formatSearchPath */ .u)(term.value))
+      }
+    }, index))
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchTop);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 107:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "S": () => (/* reexport safe */ _SearchTop__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _SearchTop__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5299);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SearchTop__WEBPACK_IMPORTED_MODULE_0__]);
+_SearchTop__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 1363:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__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 src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7732);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5971);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__]);
+src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+const MAX_TOP_SEARCH_TERMS = 5;
+const query = "TopSearchSuggestionsQuery";
+
+function useTopSearch(initialTerms = [], limit = MAX_TOP_SEARCH_TERMS) {
+  const {
+    channel,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  const {
+    data,
+    error
+  } = (0,src_sdk_graphql_useQuery__WEBPACK_IMPORTED_MODULE_0__/* .useQuery */ .aM)(query, {
+    term: '',
+    selectedFacets: [{
+      key: 'channel',
+      value: channel ?? ''
+    }, {
+      key: 'locale',
+      value: locale
+    }]
+  });
+  return {
+    terms: (data?.search.suggestions.terms ?? initialTerms).slice(0, limit),
+    isLoading: !error && !data
+  };
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useTopSearch);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ })
+
+};
+;