@depict-ai/ui 2.0.24 → 2.0.25

package/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $9HbP8$createSignal, getOwner as $9HbP8$getOwner, creat
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.24";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.25";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -3361,7 +3361,7 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $9HbP8$createComponent((0, $9HbP8$Show), {
     get when() {
-      return props.available_filters_()?.length;
+      return props.available_filters_();
     },
     get fallback() {
       return Array.from({
@@ -4984,6 +4984,14 @@ const $b9bf7fce0ae60241$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns="h
 function $b9bf7fce0ae60241$export$28f6150e232898de() {
   return $9HbP8$getNextElement($b9bf7fce0ae60241$var$_tmpl$);
 }
+
+/**
+ * Returns true when we have an array of filters that's an array but empty and no selected filters.
+ * Used for hiding the filter button, filter section is from sort/filter modal and desktop filters
+ */
+function $4cc1c021eee2a432$export$50f68cc9882e36a4(args_for_filtering) {
+  return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
+}
 const $757dac7f7c6c5241$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="clear minor"></button>`, 2),
   $757dac7f7c6c5241$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"></button><div class="filter-sort-modal"><div class="body"><!#><!/><!#><!/></div><div class="bottom-row"><!#><!/><button class="show-results major"></button></div></div></div>`, 20),
   $757dac7f7c6c5241$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<details class="sorting"></details>`, 2),
@@ -5220,38 +5228,45 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
         })();
       }
     }), _el$7, _co$);
-    $9HbP8$insert(_el$5, $9HbP8$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
-      is_open_: [filters_expanded, set_filters_expanded],
-      get details_() {
-        return $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$6);
-      },
-      get summary_() {
-        return (() => {
-          const _el$26 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$4),
-            _el$27 = _el$26.firstChild,
-            _el$28 = _el$27.firstChild,
-            _el$30 = _el$28.firstChild,
-            [_el$31, _co$6] = $9HbP8$getNextMarker(_el$30.nextSibling),
-            _el$29 = _el$31.nextSibling,
-            _el$32 = _el$28.nextSibling,
-            [_el$33, _co$7] = $9HbP8$getNextMarker(_el$32.nextSibling);
-          $9HbP8$insert(_el$28, $9HbP8$createComponent((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}), _el$31, _co$6);
-          $9HbP8$insert(_el$29, () => i18n_.filters_());
-          $9HbP8$insert(_el$27, $9HbP8$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
-            expanded_: filters_expanded,
-            i18n_: i18n_
-          }), _el$33, _co$7);
-          return _el$26;
-        })();
+    $9HbP8$insert(_el$5, $9HbP8$createComponent((0, $9HbP8$Show), {
+      get when() {
+        return !$4cc1c021eee2a432$export$50f68cc9882e36a4(args_for_filtering_);
       },
       get children() {
-        return (() => {
-          const _el$34 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$5);
-          $9HbP8$insert(_el$34, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $9HbP8$mergeProps(args_for_filtering_, {
-            are_in_modal_: true
-          })));
-          return _el$34;
-        })();
+        return $9HbP8$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
+          is_open_: [filters_expanded, set_filters_expanded],
+          get details_() {
+            return $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$6);
+          },
+          get summary_() {
+            return (() => {
+              const _el$26 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$4),
+                _el$27 = _el$26.firstChild,
+                _el$28 = _el$27.firstChild,
+                _el$30 = _el$28.firstChild,
+                [_el$31, _co$6] = $9HbP8$getNextMarker(_el$30.nextSibling),
+                _el$29 = _el$31.nextSibling,
+                _el$32 = _el$28.nextSibling,
+                [_el$33, _co$7] = $9HbP8$getNextMarker(_el$32.nextSibling);
+              $9HbP8$insert(_el$28, $9HbP8$createComponent((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}), _el$31, _co$6);
+              $9HbP8$insert(_el$29, () => i18n_.filters_());
+              $9HbP8$insert(_el$27, $9HbP8$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
+                expanded_: filters_expanded,
+                i18n_: i18n_
+              }), _el$33, _co$7);
+              return _el$26;
+            })();
+          },
+          get children() {
+            return (() => {
+              const _el$34 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$5);
+              $9HbP8$insert(_el$34, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $9HbP8$mergeProps(args_for_filtering_, {
+                are_in_modal_: true
+              })));
+              return _el$34;
+            })();
+          }
+        });
       }
     }), _el$9, _co$2);
     $9HbP8$insert(_el$10, $9HbP8$createComponent((0, $9HbP8$Show), {
@@ -5356,6 +5371,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $9HbP8$createMemo(() => $4cc1c021eee2a432$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -5367,7 +5383,8 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
       search_filters_open_: search_filters_open_,
       search_sorting_open_: search_sorting_open_,
       number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-      filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
+      filter_button_width_: adhere_to_width ? filter_button_width_ : undefined,
+      hide_button_: hide_filters
     });
     const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false) => $9HbP8$createComponent($cdea4cf8c5c071ef$var$OpenSortingButton, {
       tabindex_: is_tabbable ? 0 : -1,
@@ -5411,12 +5428,17 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         set_extra_els_in_results_container_("");
       } else {
         close_modal_?.();
-        if (filters_open()) set_extra_els_in_results_container_((() => {
-          const _el$ = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$),
-            _el$2 = _el$.firstChild;
-          $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
-          return _el$;
-        })());else set_extra_els_in_results_container_((() => {
+        if (filters_open()) set_extra_els_in_results_container_(() => $9HbP8$createComponent((0, $9HbP8$Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            const _el$ = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$),
+              _el$2 = _el$.firstChild;
+            $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
+            return _el$;
+          }
+        }));else set_extra_els_in_results_container_((() => {
           const _el$3 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$2),
             _el$4 = _el$3.firstChild;
           $9HbP8$insert(_el$4, $9HbP8$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
@@ -5478,7 +5500,8 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
   search_sorting_open_: search_sorting_open_,
   filter_button_width_: filter_button_width_,
   tabindex_: tabindex_,
-  number_of_rendered_selected_filters_items_: [num_selected_filters]
+  number_of_rendered_selected_filters_items_: [num_selected_filters],
+  hide_button_: hide_button_
 }) {
   const filters_closed = $9HbP8$createMemo(() => !search_filters_open_[0]());
   // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
@@ -5524,22 +5547,27 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
     }), _el$19, _co$4);
     $9HbP8$insert(_el$17, () => i18n_.filter_text_());
     $9HbP8$effect(_p$ => {
-      const _v$ = !filters_closed(),
-        _v$2 = !!filters_closed(),
-        _v$3 = (filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(),
-        _v$4 = filter_button_width_?.() ? {
+      const _v$ = hide_button_() ? {
+          display: "none"
+        } : {},
+        _v$2 = !filters_closed(),
+        _v$3 = !!filters_closed(),
+        _v$4 = (filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(),
+        _v$5 = filter_button_width_?.() ? {
           width: filter_button_width_() + "px"
         } : {};
-      _v$ !== _p$._v$ && _el$16.classList.toggle("major", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _el$16.classList.toggle("minor", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && $9HbP8$setAttribute(_el$16, "aria-label", _p$._v$3 = _v$3);
-      _p$._v$4 = $9HbP8$style(_el$16, _v$4, _p$._v$4);
+      _p$._v$ = $9HbP8$style(_el$14, _v$, _p$._v$);
+      _v$2 !== _p$._v$2 && _el$16.classList.toggle("major", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && _el$16.classList.toggle("minor", _p$._v$3 = _v$3);
+      _v$4 !== _p$._v$4 && $9HbP8$setAttribute(_el$16, "aria-label", _p$._v$4 = _v$4);
+      _p$._v$5 = $9HbP8$style(_el$16, _v$5, _p$._v$5);
       return _p$;
     }, {
       _v$: undefined,
       _v$2: undefined,
       _v$3: undefined,
-      _v$4: undefined
+      _v$4: undefined,
+      _v$5: undefined
     });
     $9HbP8$runHydrationEvents();
     return _el$14;
@@ -5591,22 +5619,22 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({
       }
     }), _el$25, _co$6);
     $9HbP8$effect(_p$ => {
-      const _v$5 = !sorting_closed(),
-        _v$6 = !!sorting_closed(),
-        _v$7 = (sorting_closed() ? i18n_.open_sorting_ : i18n_.close_sorting_)(),
-        _v$8 = sort_button_width_?.() ? {
+      const _v$6 = !sorting_closed(),
+        _v$7 = !!sorting_closed(),
+        _v$8 = (sorting_closed() ? i18n_.open_sorting_ : i18n_.close_sorting_)(),
+        _v$9 = sort_button_width_?.() ? {
           width: sort_button_width_() + "px"
         } : {};
-      _v$5 !== _p$._v$5 && _el$22.classList.toggle("major", _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && _el$22.classList.toggle("minor", _p$._v$6 = _v$6);
-      _v$7 !== _p$._v$7 && $9HbP8$setAttribute(_el$22, "aria-label", _p$._v$7 = _v$7);
-      _p$._v$8 = $9HbP8$style(_el$22, _v$8, _p$._v$8);
+      _v$6 !== _p$._v$6 && _el$22.classList.toggle("major", _p$._v$6 = _v$6);
+      _v$7 !== _p$._v$7 && _el$22.classList.toggle("minor", _p$._v$7 = _v$7);
+      _v$8 !== _p$._v$8 && $9HbP8$setAttribute(_el$22, "aria-label", _p$._v$8 = _v$8);
+      _p$._v$9 = $9HbP8$style(_el$22, _v$9, _p$._v$9);
       return _p$;
     }, {
-      _v$5: undefined,
       _v$6: undefined,
       _v$7: undefined,
-      _v$8: undefined
+      _v$8: undefined,
+      _v$9: undefined
     });
     $9HbP8$runHydrationEvents();
     return _el$22;
@@ -8734,7 +8762,8 @@ function $1ae0eaca6ada9753$export$af0124069c150252({
   get_modal_search_results_: get_modal_search_results_,
   read_suggestion_signal_: read_suggestion_signal_,
   router_: router_,
-  content_results_: content_results_
+  content_results_: content_results_,
+  has_previous_searches_matching_query_: has_previous_searches_matching_query_
 }) {
   const [get_autocomplete_wants_override_function, set_autocomplete_wants_override_function] = $9HbP8$createSignal(() => false);
   $9HbP8$createComputed(() => {
@@ -8742,7 +8771,7 @@ function $1ae0eaca6ada9753$export$af0124069c150252({
     const search_results = get_modal_search_results_()?.();
     const content_results = content_results_();
     // If we only have one content result and nothing else, go there when pressing enter
-    if (!suggestions.length && !search_results?.displays?.length && content_results?.length === 1) {
+    if (!suggestions.length && !search_results?.displays?.length && content_results?.length === 1 && !has_previous_searches_matching_query_()) {
       const [{
         page_url: page_url
       }] = content_results;
@@ -8766,7 +8795,7 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
   search_field_value_: search_field_value_,
   get_search_query_: get_search_query_,
   search_query_url_param_name_: search_query_url_param_name_,
-  previous_searches_: unfiltered_previous_searches,
+  previous_searches_: [unfiltered_previous_searches, set_unfiltered_previous_searches_],
   previous_searches_text_: previous_searches_text_,
   depict_api_: depict_api_,
   tenant_: tenant_,
@@ -8788,7 +8817,15 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $9HbP8$createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $9HbP8$createSignal([]);
-  const filtered_previous_searches = $9HbP8$createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $9HbP8$createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $9HbP8$createMemo(() => {
+    return previous_searches_without_current_query().filter(cs_search => {
+      const search = cs_search.toLowerCase();
+      const value = searching_for_value()?.toLowerCase();
+      if (!value) return false;
+      return search.includes(value) || value.includes(search);
+    }).slice(0, 2);
+  });
   const deparallelized_fn = $9HbP8$deparallelize_no_drop(async request_obj => {
     const api_response = await depict_api_.suggest(request_obj);
     if (!api_response?.suggestions?.length) {
@@ -8824,7 +8861,8 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
     get_modal_search_results_: get_modal_search_results_,
     read_suggestion_signal_: read_suggestion_signal_,
     router_: router_,
-    content_results_: get_content_results_
+    content_results_: get_content_results_,
+    has_previous_searches_matching_query_: $9HbP8$createMemo(() => previous_searches_matching_query().length > 0)
   });
   $9HbP8$createComputed(() => {
     const field_value = read_search_field_value();
@@ -8861,13 +8899,11 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
     get children() {
       return $9HbP8$createComponent((0, $7ad3a93cbe6fa208$export$a146ac6fa8346a25), {
         i18n_: i18n_,
-        get set_unfiltered_previous_searches_() {
-          return unfiltered_previous_searches[1];
-        },
+        set_unfiltered_previous_searches_: set_unfiltered_previous_searches_,
         search_query_param_name_: search_query_url_param_name_,
         text_: previous_searches_text_,
         get previous_searches_() {
-          return $9HbP8$createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $9HbP8$createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -8876,16 +8912,7 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
       });
     }
   }), $9HbP8$createComponent((0, $cea52f6b24092f05$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $9HbP8$createMemo(() => {
-        return filtered_previous_searches().filter(cs_search => {
-          const search = cs_search.toLowerCase();
-          const value = searching_for_value()?.toLowerCase();
-          if (!value) return false;
-          return search.includes(value) || value.includes(search);
-        }).slice(0, 2);
-      });
-    },
+    filtered_previous_searches_: previous_searches_matching_query,
     on_previous_searches_page_: show_previous_searches_component,
     i18n_: i18n_,
     get_content_results_: get_content_results_,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -75,7 +75,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.24";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.25";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -2824,8 +2824,7 @@ function $164d474fea221d77$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
-      var _props$available_filt;
-      return (_props$available_filt = props.available_filters_()) === null || _props$available_filt === void 0 ? void 0 : _props$available_filt.length;
+      return props.available_filters_();
     },
     get fallback() {
       return Array.from({
@@ -4442,6 +4441,15 @@ const $9bde34303b3e9ace$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/sv
 function $9bde34303b3e9ace$export$28f6150e232898de() {
   return $3hooq$solidjsweb.ssr($9bde34303b3e9ace$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
 }
+
+/**
+ * Returns true when we have an array of filters that's an array but empty and no selected filters.
+ * Used for hiding the filter button, filter section is from sort/filter modal and desktop filters
+ */
+function $8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering) {
+  var _args_for_filtering$a, _args_for_filtering$s;
+  return ((_args_for_filtering$a = args_for_filtering.available_filters_()) === null || _args_for_filtering$a === void 0 ? void 0 : _args_for_filtering$a.length) === 0 && !((_args_for_filtering$s = args_for_filtering.selected_filters_[0]()) !== null && _args_for_filtering$s !== void 0 && _args_for_filtering$s.length);
+}
 const $685149df41127abd$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
   $685149df41127abd$var$_tmpl$2 = ["<div", ' class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"', ">", '</button><div class="filter-sort-modal"><div class="body" style="', '"><!--#-->', "<!--/--><!--#-->", '<!--/--></div><div class="bottom-row"><!--#-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
   $685149df41127abd$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
@@ -4521,21 +4529,28 @@ function $685149df41127abd$export$9bf11afa910f536e(_ref) {
     get children() {
       return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3bd211c857f81dfd$export$1f1775a58da589b5), args_for_sorting_)));
     }
-  })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
-    is_open_: [filters_expanded, set_filters_expanded],
-    get details_() {
-      return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey());
-    },
-    get summary_() {
-      return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {})), $3hooq$solidjsweb.escape(i18n_.filters_()), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
-        expanded_: filters_expanded,
-        i18n_: i18n_
-      })));
+  })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+    get when() {
+      return !$8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering_);
     },
     get children() {
-      return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), $3hooq$solidjsweb.mergeProps(args_for_filtering_, {
-        are_in_modal_: true
-      }))));
+      return $3hooq$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
+        is_open_: [filters_expanded, set_filters_expanded],
+        get details_() {
+          return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey());
+        },
+        get summary_() {
+          return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {})), $3hooq$solidjsweb.escape(i18n_.filters_()), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
+            expanded_: filters_expanded,
+            i18n_: i18n_
+          })));
+        },
+        get children() {
+          return $3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), $3hooq$solidjsweb.mergeProps(args_for_filtering_, {
+            are_in_modal_: true
+          }))));
+        }
+      });
     }
   })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
@@ -4555,7 +4570,7 @@ const $f70cc6dfcadf0fd5$var$_tmpl$ = ["<div", ' class="filters"><div class="body
   $f70cc6dfcadf0fd5$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
   $f70cc6dfcadf0fd5$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"],
   $f70cc6dfcadf0fd5$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
-  $f70cc6dfcadf0fd5$var$_tmpl$5 = ["<div", ' class="open-filters-button-container"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
+  $f70cc6dfcadf0fd5$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
   $f70cc6dfcadf0fd5$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--#-->", "<!--/--></button>"];
 function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
   let {
@@ -4612,6 +4627,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $3hooq$solidjs.createMemo(() => $8b9c2fa4593b29df$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -4626,7 +4642,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
         search_filters_open_: search_filters_open_,
         search_sorting_open_: search_sorting_open_,
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-        filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
+        filter_button_width_: adhere_to_width ? filter_button_width_ : undefined,
+        hide_button_: hide_filters
       });
     };
     const make_open_sorting_button = function () {
@@ -4678,7 +4695,14 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
       } else {
         var _close_modal_2;
         (_close_modal_2 = close_modal_) === null || _close_modal_2 === void 0 || _close_modal_2();
-        if (filters_open()) set_extra_els_in_results_container_($3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), filter_options))));else set_extra_els_in_results_container_($3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3bd211c857f81dfd$export$1f1775a58da589b5), sorting_options))));
+        if (filters_open()) set_extra_els_in_results_container_(() => $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            return $3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), filter_options)));
+          }
+        }));else set_extra_els_in_results_container_($3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3bd211c857f81dfd$export$1f1775a58da589b5), sorting_options))));
       }
     });
     $3hooq$depictaiutilishared.catchify(async () => {
@@ -4723,11 +4747,14 @@ function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref3) {
     search_sorting_open_: search_sorting_open_,
     filter_button_width_: filter_button_width_,
     tabindex_: tabindex_,
-    number_of_rendered_selected_filters_items_: [num_selected_filters]
+    number_of_rendered_selected_filters_items_: [num_selected_filters],
+    hide_button_: hide_button_
   } = _ref3;
   const filters_closed = $3hooq$solidjs.createMemo(() => !search_filters_open_[0]());
   // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
-  return $3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+  return $3hooq$solidjsweb.ssr($f70cc6dfcadf0fd5$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrStyle(hide_button_() ? {
+    display: "none"
+  } : {}), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
       return num_selected_filters();
     },
@@ -7666,7 +7693,8 @@ function $4d9996ee79548b4b$export$af0124069c150252(_ref) {
     get_modal_search_results_: get_modal_search_results_,
     read_suggestion_signal_: read_suggestion_signal_,
     router_: router_,
-    content_results_: content_results_
+    content_results_: content_results_,
+    has_previous_searches_matching_query_: has_previous_searches_matching_query_
   } = _ref;
   const [get_autocomplete_wants_override_function, set_autocomplete_wants_override_function] = $3hooq$solidjs.createSignal(() => false);
   $3hooq$solidjs.createComputed(() => {
@@ -7675,7 +7703,7 @@ function $4d9996ee79548b4b$export$af0124069c150252(_ref) {
     const search_results = (_get_modal_search_res = get_modal_search_results_()) === null || _get_modal_search_res === void 0 ? void 0 : _get_modal_search_res();
     const content_results = content_results_();
     // If we only have one content result and nothing else, go there when pressing enter
-    if (!suggestions.length && !(search_results !== null && search_results !== void 0 && (_search_results$displ = search_results.displays) !== null && _search_results$displ !== void 0 && _search_results$displ.length) && (content_results === null || content_results === void 0 ? void 0 : content_results.length) === 1) {
+    if (!suggestions.length && !(search_results !== null && search_results !== void 0 && (_search_results$displ = search_results.displays) !== null && _search_results$displ !== void 0 && _search_results$displ.length) && (content_results === null || content_results === void 0 ? void 0 : content_results.length) === 1 && !has_previous_searches_matching_query_()) {
       const [{
         page_url: page_url
       }] = content_results;
@@ -7700,7 +7728,7 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
     search_field_value_: search_field_value_,
     get_search_query_: get_search_query_,
     search_query_url_param_name_: search_query_url_param_name_,
-    previous_searches_: unfiltered_previous_searches,
+    previous_searches_: [unfiltered_previous_searches, set_unfiltered_previous_searches_],
     previous_searches_text_: previous_searches_text_,
     depict_api_: depict_api_,
     tenant_: tenant_,
@@ -7722,7 +7750,16 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $3hooq$solidjs.createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $3hooq$solidjs.createSignal([]);
-  const filtered_previous_searches = $3hooq$solidjs.createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $3hooq$solidjs.createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $3hooq$solidjs.createMemo(() => {
+    return previous_searches_without_current_query().filter(cs_search => {
+      var _searching_for_value;
+      const search = cs_search.toLowerCase();
+      const value = (_searching_for_value = searching_for_value()) === null || _searching_for_value === void 0 ? void 0 : _searching_for_value.toLowerCase();
+      if (!value) return false;
+      return search.includes(value) || value.includes(search);
+    }).slice(0, 2);
+  });
   const deparallelized_fn = $3hooq$depictaiutilishared.deparallelize_no_drop(async request_obj => {
     var _api_response$suggest;
     const api_response = await depict_api_.suggest(request_obj);
@@ -7764,7 +7801,8 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
     get_modal_search_results_: get_modal_search_results_,
     read_suggestion_signal_: read_suggestion_signal_,
     router_: router_,
-    content_results_: get_content_results_
+    content_results_: get_content_results_,
+    has_previous_searches_matching_query_: $3hooq$solidjs.createMemo(() => previous_searches_matching_query().length > 0)
   });
   $3hooq$solidjs.createComputed(() => {
     const field_value = read_search_field_value();
@@ -7801,13 +7839,11 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
     get children() {
       return $3hooq$solidjsweb.createComponent((0, $4edbc04f5c5a1843$export$a146ac6fa8346a25), {
         i18n_: i18n_,
-        get set_unfiltered_previous_searches_() {
-          return unfiltered_previous_searches[1];
-        },
+        set_unfiltered_previous_searches_: set_unfiltered_previous_searches_,
         search_query_param_name_: search_query_url_param_name_,
         text_: previous_searches_text_,
         get previous_searches_() {
-          return $3hooq$solidjs.createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $3hooq$solidjs.createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -7816,17 +7852,7 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
       });
     }
   }), $3hooq$solidjsweb.createComponent((0, $0677d509ad208e22$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $3hooq$solidjs.createMemo(() => {
-        return filtered_previous_searches().filter(cs_search => {
-          var _searching_for_value;
-          const search = cs_search.toLowerCase();
-          const value = (_searching_for_value = searching_for_value()) === null || _searching_for_value === void 0 ? void 0 : _searching_for_value.toLowerCase();
-          if (!value) return false;
-          return search.includes(value) || value.includes(search);
-        }).slice(0, 2);
-      });
-    },
+    filtered_previous_searches_: previous_searches_matching_query,
     on_previous_searches_page_: show_previous_searches_component,
     i18n_: i18n_,
     get_content_results_: get_content_results_,

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.24";
+export const version = "2.0.25";
 export type SDKGridSpacing = string | {
   horizontal: string;
   vertical: string;