@faststore/core 2.0.85-alpha.0 → 2.0.88-alpha.0

package/.next/server/chunks/312.js

@@ -3,6 +3,148 @@ exports.id = 312;
 exports.ids = [312];
 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__(6389);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7865);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5045);
+
+
+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 autoCompleteIcon = icon ? icon : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, null);
+    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(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { component: autoCompleteIcon, "data-fs-search-auto-complete-item-icon": true })),
+            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__) => {
 
@@ -11,15 +153,20 @@ exports.modules = {
 /* 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__(1329);
+/* 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', loadingMessage = 'Loading...', isLoading, children, ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { ref: ref, "data-testid": testId, "data-fs-search-top": true, ...otherProps }, isLoading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { "data-fs-search-top-input-loading-text": true }, loadingMessage)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+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_1__/* ["default"] */ .Z, { as: "ol" }, children)))));
+        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
@@ -56,26 +203,25 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var src_components_search_SearchSuggestions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(789);
-/* harmony import */ var src_sdk_search_useSuggestions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6344);
-/* harmony import */ var _SearchHistory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7840);
-/* harmony import */ var _SearchTop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(107);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_search_useSuggestions__WEBPACK_IMPORTED_MODULE_1__, _SearchTop__WEBPACK_IMPORTED_MODULE_3__]);
-([src_sdk_search_useSuggestions__WEBPACK_IMPORTED_MODULE_1__, _SearchTop__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-const _excluded = ["term", "style"];
-
+/* 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__(7840);
+/* 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 _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; }
-
 
 
 
@@ -85,44 +231,37 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 function SearchDropdown(_ref) {
-  let {
-    term = '',
-    style
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+  let otherProps = Object.assign({}, _ref);
   const {
-    terms,
-    products,
-    isLoading
-  } = (0,src_sdk_search_useSuggestions__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(term);
-
-  if (term.length === 0 && !isLoading) {
-    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
-      children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx(_SearchHistory__WEBPACK_IMPORTED_MODULE_2__/* .SearchHistory */ .Z, {
-        "data-fs-search-section": true
-      }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx(_SearchTop__WEBPACK_IMPORTED_MODULE_3__/* .SearchTop */ .S, {
-        "data-fs-search-section": true
-      })]
-    });
-  }
-
-  if (isLoading) {
-    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx("p", {
-      "data-fs-search-input-loading-text": true,
-      children: "Loading..."
-    });
-  }
-
-  if (terms.length === 0 && products.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx(src_components_search_SearchSuggestions__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, _objectSpread({
-    term: term,
-    terms: terms,
-    products: products
-  }, otherProps));
+    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);
@@ -157,6 +296,8 @@ __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_);
@@ -168,6 +309,10 @@ var List = __webpack_require__(1329);
 
 
 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),
@@ -205,8 +350,6 @@ const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps
 //# sourceMappingURL=SearchHistoryTerm.js.map
 // EXTERNAL MODULE: ./src/sdk/search/useSearchHistory.ts
 var useSearchHistory = __webpack_require__(5098);
-// EXTERNAL MODULE: ./src/sdk/search/useSearchInput.tsx
-var useSearchInput = __webpack_require__(3588);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(997);
 ;// CONCATENATED MODULE: ./src/components/search/SearchHistory/SearchHistory.tsx
@@ -220,12 +363,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 const SearchHistory_SearchHistory_SearchHistory = _ref => {
   let props = Object.assign({}, _ref);
   const {
-    onSearchInputSelection
-  } = (0,useSearchInput/* default */.ZP)();
+    values: {
+      onSearchSelection
+    }
+  } = (0,useSearch/* useSearch */.R)();
   const {
     searchHistory,
     clearSearchHistory
@@ -243,7 +387,7 @@ const SearchHistory_SearchHistory_SearchHistory = _ref => {
       value: item.term,
       linkProps: {
         href: item.path,
-        onClick: () => onSearchInputSelection?.(item.term, item.path)
+        onClick: () => onSearchSelection?.(item.term, item.path)
       }
     }, item.term))
   }));
@@ -255,82 +399,22 @@ const SearchHistory_SearchHistory_SearchHistory = _ref => {
 
 /***/ }),
 
-/***/ 789:
+/***/ 2387:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ SearchSuggestions_SearchSuggestions)
+  "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/List/List.js
-var List = __webpack_require__(1329);
-;// CONCATENATED MODULE: ../components/dist/molecules/SearchAutoComplete/SearchAutoComplete.js
-
-
-const SearchAutoComplete = ({ testId = 'fs-search-auto-complete', children, ...otherProps }) => {
-    return (external_react_default().createElement("section", { "data-testid": testId, "data-fs-search-auto-complete": true, ...otherProps },
-        external_react_default().createElement(List/* default */.Z, { as: "ol" }, children)));
-};
-/* harmony default export */ const SearchAutoComplete_SearchAutoComplete = (SearchAutoComplete);
-//# sourceMappingURL=SearchAutoComplete.js.map
-;// CONCATENATED MODULE: ../components/dist/assets/MagnifyingGlass.js
-
-// Icon from Phosphor Icons
-const MagnifyingGlass = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
-    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
-    external_react_default().createElement("circle", { cx: "116", cy: "116", r: "84", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
-    external_react_default().createElement("line", { x1: "175.4", y1: "175.4", x2: "224", y2: "224", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" })));
-/* harmony default export */ const assets_MagnifyingGlass = (MagnifyingGlass);
-//# sourceMappingURL=MagnifyingGlass.js.map
 // EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
 var Link = __webpack_require__(7865);
-// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(5045);
-;// CONCATENATED MODULE: ../components/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js
-
-
-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 autoCompleteIcon = icon ? icon : external_react_default().createElement(assets_MagnifyingGlass, null);
-    const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
-    return (external_react_default().createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
-        external_react_default().createElement(Link/* default */.Z, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
-            autoCompleteIcon && (external_react_default().createElement(Icon/* default */.Z, { component: autoCompleteIcon, "data-fs-search-auto-complete-item-icon": true })),
-            external_react_default().createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (external_react_default().createElement(external_react_.Fragment, { key: [substring, indexSubstring].join() },
-                substring.length > 0 && (external_react_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 SearchAutoComplete_SearchAutoCompleteTerm = (SearchAutoCompleteTerm);
-//# sourceMappingURL=SearchAutoCompleteTerm.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/SearchProducts/SearchProducts.js
-
-
-const SearchProductsProps = ({ testId = 'fs-search-products', title = 'Suggested Products', children, ...otherProps }) => {
-    return (external_react_default().createElement("section", { "data-testid": testId, "data-fs-search-products": true, ...otherProps },
-        external_react_default().createElement("header", { "data-fs-search-products-header": true },
-            external_react_default().createElement("p", { "data-fs-search-products-title": true }, title)),
-        external_react_default().createElement(List/* default */.Z, { as: "ol" }, children)));
-};
-/* harmony default export */ const SearchProducts = (SearchProductsProps);
-//# sourceMappingURL=SearchProducts.js.map
 ;// CONCATENATED MODULE: ../components/dist/molecules/SearchProducts/SearchProductItem.js
 
 
@@ -367,8 +451,6 @@ var Image = __webpack_require__(2154);
 var useFormattedPrice = __webpack_require__(5346);
 // EXTERNAL MODULE: ./src/sdk/product/useProductLink.ts
 var useProductLink = __webpack_require__(9854);
-// EXTERNAL MODULE: ./src/sdk/search/useSearchInput.tsx
-var useSearchInput = __webpack_require__(3588);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(997);
 ;// CONCATENATED MODULE: ./src/components/search/SearchProductItem/SearchProductItem.tsx
@@ -392,7 +474,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 function SearchProductItem_SearchProductItem(_ref) {
   let {
     product,
@@ -401,8 +482,10 @@ function SearchProductItem_SearchProductItem(_ref) {
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   const {
-    onSearchInputSelection
-  } = (0,useSearchInput/* default */.ZP)();
+    values: {
+      onSearchSelection
+    }
+  } = (0,useSearch/* useSearch */.R)();
 
   const _useProductLink = (0,useProductLink/* useProductLink */.w)({
     product,
@@ -432,7 +515,7 @@ function SearchProductItem_SearchProductItem(_ref) {
     href,
     onClick: () => {
       onClick();
-      onSearchInputSelection?.(name, href);
+      onSearchSelection?.(name, href);
     }
   }, baseLinkProps);
 
@@ -460,71 +543,6 @@ function SearchProductItem_SearchProductItem(_ref) {
 /* harmony default export */ const search_SearchProductItem_SearchProductItem = (SearchProductItem_SearchProductItem);
 ;// CONCATENATED MODULE: ./src/components/search/SearchProductItem/index.ts
 
-// EXTERNAL MODULE: ./src/components/search/search.module.scss
-var search_module = __webpack_require__(4850);
-var search_module_default = /*#__PURE__*/__webpack_require__.n(search_module);
-;// CONCATENATED MODULE: ./src/components/search/SearchSuggestions/SearchSuggestions.tsx
-const SearchSuggestions_excluded = ["testId", "term", "terms", "products"];
-
-function SearchSuggestions_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 SearchSuggestions_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? SearchSuggestions_ownKeys(Object(source), !0).forEach(function (key) { SearchSuggestions_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : SearchSuggestions_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function SearchSuggestions_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 SearchSuggestions_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SearchSuggestions_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 SearchSuggestions_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 SearchSuggestions(_ref) {
-  let {
-    testId = 'suggestions',
-    term = '',
-    terms = [],
-    products = []
-  } = _ref,
-      otherProps = SearchSuggestions_objectWithoutProperties(_ref, SearchSuggestions_excluded);
-
-  const {
-    onSearchInputSelection
-  } = (0,useSearchInput/* default */.ZP)();
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("section", SearchSuggestions_objectSpread(SearchSuggestions_objectSpread({
-    "data-testid": testId,
-    "data-fs-search": true,
-    className: (search_module_default()).fsSearch
-  }, otherProps), {}, {
-    children: [terms.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(SearchAutoComplete_SearchAutoComplete, {
-      "data-fs-search-section": true,
-      children: terms?.map(({
-        value: suggestion
-      }) => /*#__PURE__*/jsx_runtime_.jsx(SearchAutoComplete_SearchAutoCompleteTerm, {
-        term: term,
-        suggestion: suggestion,
-        linkProps: {
-          href: (0,useSearchInput/* formatSearchPath */.uc)(suggestion),
-          onClick: () => onSearchInputSelection?.(suggestion, (0,useSearchInput/* formatSearchPath */.uc)(suggestion))
-        }
-      }, suggestion))
-    }), products.length > 0 && /*#__PURE__*/jsx_runtime_.jsx(SearchProducts, {
-      "data-fs-search-section": true,
-      children: products.map((product, index) => /*#__PURE__*/jsx_runtime_.jsx(search_SearchProductItem_SearchProductItem, {
-        product: product,
-        index: index
-      }, product.id))
-    })]
-  }));
-}
-
-/* harmony default export */ const SearchSuggestions_SearchSuggestions = (SearchSuggestions);
-;// CONCATENATED MODULE: ./src/components/search/SearchSuggestions/index.ts
-
 
 /***/ }),
 
@@ -535,14 +553,15 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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_useSearchInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3588);
-/* harmony import */ var src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1363);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_1__]);
-src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* 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; }
@@ -567,27 +586,27 @@ function SearchTop(_ref) {
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   const {
-    onSearchInputSelection
-  } = (0,src_sdk_search_useSearchInput__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)();
+    values: {
+      onSearchSelection
+    }
+  } = (0,_faststore_ui__WEBPACK_IMPORTED_MODULE_2__/* .useSearch */ .R)();
   const {
-    terms,
-    isLoading
-  } = (0,src_sdk_search_useTopSearch__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(topTerms);
+    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_2__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _objectSpread(_objectSpread({
-    title: "Top Search",
-    isLoading: isLoading
+  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_2__.jsx(_faststore_ui__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+    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_useSearchInput__WEBPACK_IMPORTED_MODULE_0__/* .formatSearchPath */ .uc)(term.value),
-        onClick: () => onSearchInputSelection?.(term.value, (0,src_sdk_search_useSearchInput__WEBPACK_IMPORTED_MODULE_0__/* .formatSearchPath */ .uc)(term.value))
+        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))
   }));
@@ -615,53 +634,6 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 6344:
-/***/ ((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_SUGGESTIONS = 5;
-const query = "SearchSuggestionsQuery";
-
-function useSuggestions(term, limit = MAX_SUGGESTIONS) {
-  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 ?? []).slice(0, limit),
-    products: (data?.search.suggestions.products ?? []).slice(0, limit),
-    isLoading: !error && !data
-  };
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSuggestions);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
 /***/ 1363:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {