@depict-ai/ui 2.0.23 → 2.0.25

package/latest/index.cjs

@@ -10,6 +10,7 @@ function $parcel$export(e, n, v, s) {
     configurable: true
   });
 }
+$parcel$export(module.exports, "strip_encoded_filter_and_sort", () => $1ab22f2cd39b3061$export$916e6850778505f6);
 $parcel$export(module.exports, "encode_filters", () => $1ab22f2cd39b3061$export$58aa3f171519b6d7);
 $parcel$export(module.exports, "decode_filters", () => $1ab22f2cd39b3061$export$f934fa24c3a86811);
 $parcel$export(module.exports, "shopifyContainedImageContextSymbol", () => $a33065cfed827fc0$export$d7b7ab832c20e2f4);
@@ -68,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.23";
+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_";
@@ -3424,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({
@@ -5047,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),
@@ -5283,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), {
@@ -5419,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_,
@@ -5430,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,
@@ -5474,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));
@@ -5541,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
@@ -5587,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;
@@ -5654,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;
@@ -8797,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(() => {
@@ -8805,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;
@@ -8829,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_,
@@ -8851,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) {
@@ -8887,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();
@@ -8924,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_,
@@ -8939,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.23";
+export const version = "2.0.25";
 export type SDKGridSpacing = string | {
   horizontal: string;
   vertical: string;
@@ -47,6 +47,14 @@ export function encode_filters(filters: FilterWithData[], search_params: URLSear
  * Function that decodes the filters from the provided query parameters and returns them as an array of filter objects.
  */
 export function decode_filters(search_params: URLSearchParams, filter_query_param_prefix: string): FilterWithData[];
+/**
+ * Remove all Depict filter/sorting query parameters from the given URLSearchParams object.
+ * Used to reset the URLSearchParams object to a clean state, before adding new filters/sorting.
+ * @param search_params
+ * @param filter_query_param_prefix Prefix of the filter query parameters
+ * @param sorting_query_param
+ */
+export function strip_encoded_filter_and_sort(search_params: URLSearchParams, filter_query_param_prefix: string, sorting_query_param: string): void;
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images