@depict-ai/ui 2.0.24 → 2.0.26

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.26";
 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({
@@ -4091,11 +4090,14 @@ function $68e6625c8d51f847$var$proxy_push_state(function_name, thing) {
   thing[function_name] = new Proxy(thing[function_name], {
     apply(target, this_arg, arg_list) {
       try {
-        if (typeof arg_list[0] == "object") {
+        const old_state = history.state;
+        if (typeof old_state == "object" && old_state !== null) {
+          var _arg_list$;
+          // This effectively disallows the user from passing in a string, number, null or undefined
+          const intended_new_value_as_obj = typeof arg_list[0] === "object" ? (_arg_list$ = arg_list[0]) !== null && _arg_list$ !== void 0 ? _arg_list$ : {} : {};
           const cloned_object = {
-            ...arg_list[0]
+            ...intended_new_value_as_obj
           };
-          const old_state = history.state;
           for (const key in old_state) {
             if (!$68e6625c8d51f847$var$starts_with_any_prefix(key)) continue;
             if (!(key in cloned_object)) cloned_object[key] = old_state[key];
@@ -5344,6 +5346,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 +5596,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 +5747,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 +5762,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 +5815,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 +5891,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 +5938,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 +6018,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 +9420,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 +9430,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 +9455,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 +9477,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 +9528,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 +9566,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 +9579,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_,