@depict-ai/ui 2.0.24 → 2.0.25

package/ES10/index.js

@@ -8,7 +8,7 @@ import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.24";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.25";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -3563,8 +3563,7 @@ function $f6b0500577e1b210$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $8tj43$createComponent((0, $8tj43$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({
@@ -5344,6 +5343,15 @@ const $05f67356defcdd65$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="h
 function $05f67356defcdd65$export$28f6150e232898de() {
   return $8tj43$getNextElement($05f67356defcdd65$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 $6fcb97029a69ec44$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 $082c4ed3e22f8d71$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear minor"></button>`, 2),
   $082c4ed3e22f8d71$var$_tmpl$2 = /*#__PURE__*/$8tj43$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),
   $082c4ed3e22f8d71$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details class="sorting"></details>`, 2),
@@ -5585,38 +5593,45 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
         })();
       }
     }), _el$7, _co$);
-    $8tj43$insert(_el$5, $8tj43$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
-      is_open_: [filters_expanded, set_filters_expanded],
-      get details_() {
-        return $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$6);
-      },
-      get summary_() {
-        return (() => {
-          const _el$26 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$4),
-            _el$27 = _el$26.firstChild,
-            _el$28 = _el$27.firstChild,
-            _el$30 = _el$28.firstChild,
-            [_el$31, _co$6] = $8tj43$getNextMarker(_el$30.nextSibling),
-            _el$29 = _el$31.nextSibling,
-            _el$32 = _el$28.nextSibling,
-            [_el$33, _co$7] = $8tj43$getNextMarker(_el$32.nextSibling);
-          $8tj43$insert(_el$28, $8tj43$createComponent((0, $05f67356defcdd65$export$28f6150e232898de), {}), _el$31, _co$6);
-          $8tj43$insert(_el$29, () => i18n_.filters_());
-          $8tj43$insert(_el$27, $8tj43$createComponent((0, $457279ff15864cb9$export$e5c2828934226505), {
-            expanded_: filters_expanded,
-            i18n_: i18n_
-          }), _el$33, _co$7);
-          return _el$26;
-        })();
+    $8tj43$insert(_el$5, $8tj43$createComponent((0, $8tj43$Show), {
+      get when() {
+        return !$6fcb97029a69ec44$export$50f68cc9882e36a4(args_for_filtering_);
       },
       get children() {
-        return (() => {
-          const _el$34 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$5);
-          $8tj43$insert(_el$34, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $8tj43$mergeProps(args_for_filtering_, {
-            are_in_modal_: true
-          })));
-          return _el$34;
-        })();
+        return $8tj43$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
+          is_open_: [filters_expanded, set_filters_expanded],
+          get details_() {
+            return $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$6);
+          },
+          get summary_() {
+            return (() => {
+              const _el$26 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$4),
+                _el$27 = _el$26.firstChild,
+                _el$28 = _el$27.firstChild,
+                _el$30 = _el$28.firstChild,
+                [_el$31, _co$6] = $8tj43$getNextMarker(_el$30.nextSibling),
+                _el$29 = _el$31.nextSibling,
+                _el$32 = _el$28.nextSibling,
+                [_el$33, _co$7] = $8tj43$getNextMarker(_el$32.nextSibling);
+              $8tj43$insert(_el$28, $8tj43$createComponent((0, $05f67356defcdd65$export$28f6150e232898de), {}), _el$31, _co$6);
+              $8tj43$insert(_el$29, () => i18n_.filters_());
+              $8tj43$insert(_el$27, $8tj43$createComponent((0, $457279ff15864cb9$export$e5c2828934226505), {
+                expanded_: filters_expanded,
+                i18n_: i18n_
+              }), _el$33, _co$7);
+              return _el$26;
+            })();
+          },
+          get children() {
+            return (() => {
+              const _el$34 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$5);
+              $8tj43$insert(_el$34, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $8tj43$mergeProps(args_for_filtering_, {
+                are_in_modal_: true
+              })));
+              return _el$34;
+            })();
+          }
+        });
       }
     }), _el$9, _co$2);
     $8tj43$insert(_el$10, $8tj43$createComponent((0, $8tj43$Show), {
@@ -5729,6 +5744,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $8tj43$createMemo(() => $6fcb97029a69ec44$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -5743,7 +5759,8 @@ function $7396052a1484264f$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 () {
@@ -5795,12 +5812,17 @@ function $7396052a1484264f$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_((() => {
-          const _el$ = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$),
-            _el$2 = _el$.firstChild;
-          $8tj43$insert(_el$2, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), filter_options));
-          return _el$;
-        })());else set_extra_els_in_results_container_((() => {
+        if (filters_open()) set_extra_els_in_results_container_(() => $8tj43$createComponent((0, $8tj43$Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            const _el$ = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$),
+              _el$2 = _el$.firstChild;
+            $8tj43$insert(_el$2, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), filter_options));
+            return _el$;
+          }
+        }));else set_extra_els_in_results_container_((() => {
           const _el$3 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$2),
             _el$4 = _el$3.firstChild;
           $8tj43$insert(_el$4, $8tj43$createComponent((0, $cfdbd124dd09d713$export$1f1775a58da589b5), sorting_options));
@@ -5866,7 +5888,8 @@ function $7396052a1484264f$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 = $8tj43$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
@@ -5912,22 +5935,27 @@ function $7396052a1484264f$var$OpenFiltersButton(_ref3) {
     }), _el$19, _co$4);
     $8tj43$insert(_el$17, () => i18n_.filter_text_());
     $8tj43$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_ !== null && filter_button_width_ !== void 0 && 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_ !== null && filter_button_width_ !== void 0 && 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 && $8tj43$setAttribute(_el$16, "aria-label", _p$._v$3 = _v$3);
-      _p$._v$4 = $8tj43$style(_el$16, _v$4, _p$._v$4);
+      _p$._v$ = $8tj43$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 && $8tj43$setAttribute(_el$16, "aria-label", _p$._v$4 = _v$4);
+      _p$._v$5 = $8tj43$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
     });
     $8tj43$runHydrationEvents();
     return _el$14;
@@ -5987,22 +6015,22 @@ function $7396052a1484264f$var$OpenSortingButton(_ref4) {
       }
     }), _el$25, _co$6);
     $8tj43$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_ !== null && sort_button_width_ !== void 0 && 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_ !== null && sort_button_width_ !== void 0 && 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 && $8tj43$setAttribute(_el$22, "aria-label", _p$._v$7 = _v$7);
-      _p$._v$8 = $8tj43$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 && $8tj43$setAttribute(_el$22, "aria-label", _p$._v$8 = _v$8);
+      _p$._v$9 = $8tj43$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
     });
     $8tj43$runHydrationEvents();
     return _el$22;
@@ -9389,7 +9417,8 @@ function $c4dee1ef44de29ca$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] = $8tj43$createSignal(() => false);
   $8tj43$createComputed(() => {
@@ -9398,7 +9427,7 @@ function $c4dee1ef44de29ca$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;
@@ -9423,7 +9452,7 @@ function $7cd4d275a9f8d600$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_,
@@ -9445,7 +9474,16 @@ function $7cd4d275a9f8d600$export$2f2b9559550c7bbc(_ref) {
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $8tj43$createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $8tj43$createSignal([]);
-  const filtered_previous_searches = $8tj43$createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $8tj43$createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $8tj43$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 = $8tj43$deparallelize_no_drop(async request_obj => {
     var _api_response$suggest;
     const api_response = await depict_api_.suggest(request_obj);
@@ -9487,7 +9525,8 @@ function $7cd4d275a9f8d600$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_: $8tj43$createMemo(() => previous_searches_matching_query().length > 0)
   });
   $8tj43$createComputed(() => {
     const field_value = read_search_field_value();
@@ -9524,13 +9563,11 @@ function $7cd4d275a9f8d600$export$2f2b9559550c7bbc(_ref) {
     get children() {
       return $8tj43$createComponent((0, $494c9ad553139dbc$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 $8tj43$createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $8tj43$createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -9539,17 +9576,7 @@ function $7cd4d275a9f8d600$export$2f2b9559550c7bbc(_ref) {
       });
     }
   }), $8tj43$createComponent((0, $40dd3f46f55d62ba$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $8tj43$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/latest/index.cjs

@@ -69,7 +69,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.24";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.25";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -3425,7 +3425,7 @@ function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
     get when() {
-      return props.available_filters_()?.length;
+      return props.available_filters_();
     },
     get fallback() {
       return Array.from({
@@ -5048,6 +5048,14 @@ const $02215fefc955d01e$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<s
 function $02215fefc955d01e$export$28f6150e232898de() {
   return $gVhhF$solidjsweb.getNextElement($02215fefc955d01e$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 $7e91f9b0c6d56424$export$50f68cc9882e36a4(args_for_filtering) {
+  return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
+}
 const $1872ceb56ede7a52$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear minor"></button>`, 2),
   $1872ceb56ede7a52$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.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),
   $1872ceb56ede7a52$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<details class="sorting"></details>`, 2),
@@ -5284,38 +5292,45 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({
         })();
       }
     }), _el$7, _co$);
-    $gVhhF$solidjsweb.insert(_el$5, $gVhhF$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
-      is_open_: [filters_expanded, set_filters_expanded],
-      get details_() {
-        return $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$6);
-      },
-      get summary_() {
-        return (() => {
-          const _el$26 = $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$4),
-            _el$27 = _el$26.firstChild,
-            _el$28 = _el$27.firstChild,
-            _el$30 = _el$28.firstChild,
-            [_el$31, _co$6] = $gVhhF$solidjsweb.getNextMarker(_el$30.nextSibling),
-            _el$29 = _el$31.nextSibling,
-            _el$32 = _el$28.nextSibling,
-            [_el$33, _co$7] = $gVhhF$solidjsweb.getNextMarker(_el$32.nextSibling);
-          $gVhhF$solidjsweb.insert(_el$28, $gVhhF$solidjsweb.createComponent((0, $02215fefc955d01e$export$28f6150e232898de), {}), _el$31, _co$6);
-          $gVhhF$solidjsweb.insert(_el$29, () => i18n_.filters_());
-          $gVhhF$solidjsweb.insert(_el$27, $gVhhF$solidjsweb.createComponent((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
-            expanded_: filters_expanded,
-            i18n_: i18n_
-          }), _el$33, _co$7);
-          return _el$26;
-        })();
+    $gVhhF$solidjsweb.insert(_el$5, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+      get when() {
+        return !$7e91f9b0c6d56424$export$50f68cc9882e36a4(args_for_filtering_);
       },
       get children() {
-        return (() => {
-          const _el$34 = $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$5);
-          $gVhhF$solidjsweb.insert(_el$34, $gVhhF$solidjsweb.createComponent((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), $gVhhF$solidjsweb.mergeProps(args_for_filtering_, {
-            are_in_modal_: true
-          })));
-          return _el$34;
-        })();
+        return $gVhhF$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
+          is_open_: [filters_expanded, set_filters_expanded],
+          get details_() {
+            return $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$6);
+          },
+          get summary_() {
+            return (() => {
+              const _el$26 = $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$4),
+                _el$27 = _el$26.firstChild,
+                _el$28 = _el$27.firstChild,
+                _el$30 = _el$28.firstChild,
+                [_el$31, _co$6] = $gVhhF$solidjsweb.getNextMarker(_el$30.nextSibling),
+                _el$29 = _el$31.nextSibling,
+                _el$32 = _el$28.nextSibling,
+                [_el$33, _co$7] = $gVhhF$solidjsweb.getNextMarker(_el$32.nextSibling);
+              $gVhhF$solidjsweb.insert(_el$28, $gVhhF$solidjsweb.createComponent((0, $02215fefc955d01e$export$28f6150e232898de), {}), _el$31, _co$6);
+              $gVhhF$solidjsweb.insert(_el$29, () => i18n_.filters_());
+              $gVhhF$solidjsweb.insert(_el$27, $gVhhF$solidjsweb.createComponent((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
+                expanded_: filters_expanded,
+                i18n_: i18n_
+              }), _el$33, _co$7);
+              return _el$26;
+            })();
+          },
+          get children() {
+            return (() => {
+              const _el$34 = $gVhhF$solidjsweb.getNextElement($1872ceb56ede7a52$var$_tmpl$5);
+              $gVhhF$solidjsweb.insert(_el$34, $gVhhF$solidjsweb.createComponent((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), $gVhhF$solidjsweb.mergeProps(args_for_filtering_, {
+                are_in_modal_: true
+              })));
+              return _el$34;
+            })();
+          }
+        });
       }
     }), _el$9, _co$2);
     $gVhhF$solidjsweb.insert(_el$10, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
@@ -5420,6 +5435,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $gVhhF$solidjs.createMemo(() => $7e91f9b0c6d56424$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -5431,7 +5447,8 @@ function $f8f64d05c525825b$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) => $gVhhF$solidjsweb.createComponent($f8f64d05c525825b$var$OpenSortingButton, {
       tabindex_: is_tabbable ? 0 : -1,
@@ -5475,12 +5492,17 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
         set_extra_els_in_results_container_("");
       } else {
         close_modal_?.();
-        if (filters_open()) set_extra_els_in_results_container_((() => {
-          const _el$ = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$),
-            _el$2 = _el$.firstChild;
-          $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options));
-          return _el$;
-        })());else set_extra_els_in_results_container_((() => {
+        if (filters_open()) set_extra_els_in_results_container_(() => $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            const _el$ = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$),
+              _el$2 = _el$.firstChild;
+            $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options));
+            return _el$;
+          }
+        }));else set_extra_els_in_results_container_((() => {
           const _el$3 = $gVhhF$solidjsweb.getNextElement($f8f64d05c525825b$var$_tmpl$2),
             _el$4 = _el$3.firstChild;
           $gVhhF$solidjsweb.insert(_el$4, $gVhhF$solidjsweb.createComponent((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options));
@@ -5542,7 +5564,8 @@ function $f8f64d05c525825b$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 = $gVhhF$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
@@ -5588,22 +5611,27 @@ function $f8f64d05c525825b$var$OpenFiltersButton({
     }), _el$19, _co$4);
     $gVhhF$solidjsweb.insert(_el$17, () => i18n_.filter_text_());
     $gVhhF$solidjsweb.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 && $gVhhF$solidjsweb.setAttribute(_el$16, "aria-label", _p$._v$3 = _v$3);
-      _p$._v$4 = $gVhhF$solidjsweb.style(_el$16, _v$4, _p$._v$4);
+      _p$._v$ = $gVhhF$solidjsweb.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 && $gVhhF$solidjsweb.setAttribute(_el$16, "aria-label", _p$._v$4 = _v$4);
+      _p$._v$5 = $gVhhF$solidjsweb.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
     });
     $gVhhF$solidjsweb.runHydrationEvents();
     return _el$14;
@@ -5655,22 +5683,22 @@ function $f8f64d05c525825b$var$OpenSortingButton({
       }
     }), _el$25, _co$6);
     $gVhhF$solidjsweb.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 && $gVhhF$solidjsweb.setAttribute(_el$22, "aria-label", _p$._v$7 = _v$7);
-      _p$._v$8 = $gVhhF$solidjsweb.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 && $gVhhF$solidjsweb.setAttribute(_el$22, "aria-label", _p$._v$8 = _v$8);
+      _p$._v$9 = $gVhhF$solidjsweb.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
     });
     $gVhhF$solidjsweb.runHydrationEvents();
     return _el$22;
@@ -8798,7 +8826,8 @@ function $4f0ae864ec7c394e$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] = $gVhhF$solidjs.createSignal(() => false);
   $gVhhF$solidjs.createComputed(() => {
@@ -8806,7 +8835,7 @@ function $4f0ae864ec7c394e$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;
@@ -8830,7 +8859,7 @@ function $3ec9e21d6b6debdd$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_,
@@ -8852,7 +8881,15 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $gVhhF$solidjs.createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $gVhhF$solidjs.createSignal([]);
-  const filtered_previous_searches = $gVhhF$solidjs.createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $gVhhF$solidjs.createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $gVhhF$solidjs.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 = $gVhhF$depictaiutilishared.deparallelize_no_drop(async request_obj => {
     const api_response = await depict_api_.suggest(request_obj);
     if (!api_response?.suggestions?.length) {
@@ -8888,7 +8925,8 @@ function $3ec9e21d6b6debdd$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_: $gVhhF$solidjs.createMemo(() => previous_searches_matching_query().length > 0)
   });
   $gVhhF$solidjs.createComputed(() => {
     const field_value = read_search_field_value();
@@ -8925,13 +8963,11 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
     get children() {
       return $gVhhF$solidjsweb.createComponent((0, $9a268bf73b31a717$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 $gVhhF$solidjs.createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $gVhhF$solidjs.createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -8940,16 +8976,7 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
       });
     }
   }), $gVhhF$solidjsweb.createComponent((0, $6b65ba8af12c5a26$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $gVhhF$solidjs.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/latest/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;