@depict-ai/ui 2.0.24 → 2.0.25

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $i7OB2$createSignal, getOwner as $i7OB2$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_";
@@ -2589,7 +2589,7 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return props.available_filters_()?.length;
+      return props.available_filters_();
     },
     get fallback() {
       return Array.from({
@@ -4054,6 +4054,14 @@ const $b9bf7fce0ae60241$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/sv
 function $b9bf7fce0ae60241$export$28f6150e232898de() {
   return $i7OB2$ssr($b9bf7fce0ae60241$var$_tmpl$, $i7OB2$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 $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$ = ["<button", ' class="clear minor">', "</button>"],
   $757dac7f7c6c5241$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>"],
   $757dac7f7c6c5241$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
@@ -4131,21 +4139,28 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
     get children() {
       return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), args_for_sorting_)));
     }
-  })), $i7OB2$escape($i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
-    is_open_: [filters_expanded, set_filters_expanded],
-    get details_() {
-      return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$6, $i7OB2$ssrHydrationKey());
-    },
-    get summary_() {
-      return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $b9bf7fce0ae60241$export$28f6150e232898de), {})), $i7OB2$escape(i18n_.filters_()), $i7OB2$escape($i7OB2$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
-        expanded_: filters_expanded,
-        i18n_: i18n_
-      })));
+  })), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+    get when() {
+      return !$4cc1c021eee2a432$export$50f68cc9882e36a4(args_for_filtering_);
     },
     get children() {
-      return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$mergeProps(args_for_filtering_, {
-        are_in_modal_: true
-      }))));
+      return $i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
+        is_open_: [filters_expanded, set_filters_expanded],
+        get details_() {
+          return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$6, $i7OB2$ssrHydrationKey());
+        },
+        get summary_() {
+          return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $b9bf7fce0ae60241$export$28f6150e232898de), {})), $i7OB2$escape(i18n_.filters_()), $i7OB2$escape($i7OB2$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
+            expanded_: filters_expanded,
+            i18n_: i18n_
+          })));
+        },
+        get children() {
+          return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$mergeProps(args_for_filtering_, {
+            are_in_modal_: true
+          }))));
+        }
+      });
     }
   })), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
@@ -4164,7 +4179,7 @@ const $cdea4cf8c5c071ef$var$_tmpl$ = ["<div", ' class="filters"><div class="body
   $cdea4cf8c5c071ef$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
   $cdea4cf8c5c071ef$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"],
   $cdea4cf8c5c071ef$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
-  $cdea4cf8c5c071ef$var$_tmpl$5 = ["<div", ' class="open-filters-button-container"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
+  $cdea4cf8c5c071ef$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
   $cdea4cf8c5c071ef$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--#-->", "<!--/--></button>"];
 function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
   current_sorting_: current_sorting_,
@@ -4214,6 +4229,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $i7OB2$createMemo(() => $4cc1c021eee2a432$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -4225,7 +4241,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) => $i7OB2$createComponent($cdea4cf8c5c071ef$var$OpenSortingButton, {
       tabindex_: is_tabbable ? 0 : -1,
@@ -4269,7 +4286,14 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         set_extra_els_in_results_container_("");
       } else {
         close_modal_?.();
-        if (filters_open()) set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options))));else set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
+        if (filters_open()) set_extra_els_in_results_container_(() => $i7OB2$createComponent((0, $i7OB2$Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options)));
+          }
+        }));else set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
       }
     });
     $i7OB2$catchify(async () => {
@@ -4310,11 +4334,14 @@ 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 = $i7OB2$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 $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+  return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(hide_button_() ? {
+    display: "none"
+  } : {}), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
       return num_selected_filters();
     },
@@ -7006,7 +7033,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] = $i7OB2$createSignal(() => false);
   $i7OB2$createComputed(() => {
@@ -7014,7 +7042,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;
@@ -7038,7 +7066,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_,
@@ -7060,7 +7088,15 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $i7OB2$createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $i7OB2$createSignal([]);
-  const filtered_previous_searches = $i7OB2$createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $i7OB2$createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $i7OB2$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 = $i7OB2$deparallelize_no_drop(async request_obj => {
     const api_response = await depict_api_.suggest(request_obj);
     if (!api_response?.suggestions?.length) {
@@ -7096,7 +7132,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_: $i7OB2$createMemo(() => previous_searches_matching_query().length > 0)
   });
   $i7OB2$createComputed(() => {
     const field_value = read_search_field_value();
@@ -7133,13 +7170,11 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
     get children() {
       return $i7OB2$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 $i7OB2$createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $i7OB2$createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -7148,16 +7183,7 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({
       });
     }
   }), $i7OB2$createComponent((0, $cea52f6b24092f05$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $i7OB2$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_,