@depict-ai/ui 2.0.23 → 2.0.25

package/ES10/index.cjs

@@ -16,6 +16,7 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "strip_encoded_filter_and_sort", () => $a68b73fd7ba0853f$export$916e6850778505f6);
 $parcel$export(module.exports, "encode_filters", () => $a68b73fd7ba0853f$export$58aa3f171519b6d7);
 $parcel$export(module.exports, "decode_filters", () => $a68b73fd7ba0853f$export$f934fa24c3a86811);
 $parcel$export(module.exports, "shopifyContainedImageContextSymbol", () => $28535bb7671c63d1$export$d7b7ab832c20e2f4);
@@ -74,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.23";
+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_";
@@ -3629,8 +3630,7 @@ function $164d474fea221d77$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $52FdA$solidjsweb.createComponent((0, $52FdA$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({
@@ -5410,6 +5410,15 @@ const $9bde34303b3e9ace$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<s
 function $9bde34303b3e9ace$export$28f6150e232898de() {
   return $52FdA$solidjsweb.getNextElement($9bde34303b3e9ace$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 $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$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear minor"></button>`, 2),
   $685149df41127abd$var$_tmpl$2 = /*#__PURE__*/$52FdA$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),
   $685149df41127abd$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<details class="sorting"></details>`, 2),
@@ -5651,38 +5660,45 @@ function $685149df41127abd$export$9bf11afa910f536e(_ref) {
         })();
       }
     }), _el$7, _co$);
-    $52FdA$solidjsweb.insert(_el$5, $52FdA$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
-      is_open_: [filters_expanded, set_filters_expanded],
-      get details_() {
-        return $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$6);
-      },
-      get summary_() {
-        return (() => {
-          const _el$26 = $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$4),
-            _el$27 = _el$26.firstChild,
-            _el$28 = _el$27.firstChild,
-            _el$30 = _el$28.firstChild,
-            [_el$31, _co$6] = $52FdA$solidjsweb.getNextMarker(_el$30.nextSibling),
-            _el$29 = _el$31.nextSibling,
-            _el$32 = _el$28.nextSibling,
-            [_el$33, _co$7] = $52FdA$solidjsweb.getNextMarker(_el$32.nextSibling);
-          $52FdA$solidjsweb.insert(_el$28, $52FdA$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {}), _el$31, _co$6);
-          $52FdA$solidjsweb.insert(_el$29, () => i18n_.filters_());
-          $52FdA$solidjsweb.insert(_el$27, $52FdA$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
-            expanded_: filters_expanded,
-            i18n_: i18n_
-          }), _el$33, _co$7);
-          return _el$26;
-        })();
+    $52FdA$solidjsweb.insert(_el$5, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+      get when() {
+        return !$8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering_);
       },
       get children() {
-        return (() => {
-          const _el$34 = $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$5);
-          $52FdA$solidjsweb.insert(_el$34, $52FdA$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), $52FdA$solidjsweb.mergeProps(args_for_filtering_, {
-            are_in_modal_: true
-          })));
-          return _el$34;
-        })();
+        return $52FdA$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
+          is_open_: [filters_expanded, set_filters_expanded],
+          get details_() {
+            return $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$6);
+          },
+          get summary_() {
+            return (() => {
+              const _el$26 = $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$4),
+                _el$27 = _el$26.firstChild,
+                _el$28 = _el$27.firstChild,
+                _el$30 = _el$28.firstChild,
+                [_el$31, _co$6] = $52FdA$solidjsweb.getNextMarker(_el$30.nextSibling),
+                _el$29 = _el$31.nextSibling,
+                _el$32 = _el$28.nextSibling,
+                [_el$33, _co$7] = $52FdA$solidjsweb.getNextMarker(_el$32.nextSibling);
+              $52FdA$solidjsweb.insert(_el$28, $52FdA$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {}), _el$31, _co$6);
+              $52FdA$solidjsweb.insert(_el$29, () => i18n_.filters_());
+              $52FdA$solidjsweb.insert(_el$27, $52FdA$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
+                expanded_: filters_expanded,
+                i18n_: i18n_
+              }), _el$33, _co$7);
+              return _el$26;
+            })();
+          },
+          get children() {
+            return (() => {
+              const _el$34 = $52FdA$solidjsweb.getNextElement($685149df41127abd$var$_tmpl$5);
+              $52FdA$solidjsweb.insert(_el$34, $52FdA$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), $52FdA$solidjsweb.mergeProps(args_for_filtering_, {
+                are_in_modal_: true
+              })));
+              return _el$34;
+            })();
+          }
+        });
       }
     }), _el$9, _co$2);
     $52FdA$solidjsweb.insert(_el$10, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
@@ -5795,6 +5811,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
       selected_filters_: selected_filters_,
       i18n_: i18n_
     };
+    const hide_filters = $52FdA$solidjs.createMemo(() => $8b9c2fa4593b29df$export$50f68cc9882e36a4(filter_options));
     const sorting_options = {
       current_sorting_: current_sorting_,
       available_sortings_: available_sortings_,
@@ -5809,7 +5826,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 () {
@@ -5861,12 +5879,17 @@ 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_((() => {
-          const _el$ = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$),
-            _el$2 = _el$.firstChild;
-          $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), filter_options));
-          return _el$;
-        })());else set_extra_els_in_results_container_((() => {
+        if (filters_open()) set_extra_els_in_results_container_(() => $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+          get when() {
+            return !hide_filters();
+          },
+          get children() {
+            const _el$ = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$),
+              _el$2 = _el$.firstChild;
+            $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $164d474fea221d77$export$3f1a388cc0d8fed7), filter_options));
+            return _el$;
+          }
+        }));else set_extra_els_in_results_container_((() => {
           const _el$3 = $52FdA$solidjsweb.getNextElement($f70cc6dfcadf0fd5$var$_tmpl$2),
             _el$4 = _el$3.firstChild;
           $52FdA$solidjsweb.insert(_el$4, $52FdA$solidjsweb.createComponent((0, $3bd211c857f81dfd$export$1f1775a58da589b5), sorting_options));
@@ -5932,7 +5955,8 @@ 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 = $52FdA$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
@@ -5978,22 +6002,27 @@ function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref3) {
     }), _el$19, _co$4);
     $52FdA$solidjsweb.insert(_el$17, () => i18n_.filter_text_());
     $52FdA$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_ !== 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 && $52FdA$solidjsweb.setAttribute(_el$16, "aria-label", _p$._v$3 = _v$3);
-      _p$._v$4 = $52FdA$solidjsweb.style(_el$16, _v$4, _p$._v$4);
+      _p$._v$ = $52FdA$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 && $52FdA$solidjsweb.setAttribute(_el$16, "aria-label", _p$._v$4 = _v$4);
+      _p$._v$5 = $52FdA$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
     });
     $52FdA$solidjsweb.runHydrationEvents();
     return _el$14;
@@ -6053,22 +6082,22 @@ function $f70cc6dfcadf0fd5$var$OpenSortingButton(_ref4) {
       }
     }), _el$25, _co$6);
     $52FdA$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_ !== 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 && $52FdA$solidjsweb.setAttribute(_el$22, "aria-label", _p$._v$7 = _v$7);
-      _p$._v$8 = $52FdA$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 && $52FdA$solidjsweb.setAttribute(_el$22, "aria-label", _p$._v$8 = _v$8);
+      _p$._v$9 = $52FdA$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
     });
     $52FdA$solidjsweb.runHydrationEvents();
     return _el$22;
@@ -9455,7 +9484,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] = $52FdA$solidjs.createSignal(() => false);
   $52FdA$solidjs.createComputed(() => {
@@ -9464,7 +9494,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;
@@ -9489,7 +9519,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_,
@@ -9511,7 +9541,16 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = $52FdA$solidjs.createSignal(false);
   const [read_suggestion_signal_, write_suggestion_signal] = $52FdA$solidjs.createSignal([]);
-  const filtered_previous_searches = $52FdA$solidjs.createMemo(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_without_current_query = $52FdA$solidjs.createMemo(() => [...unfiltered_previous_searches()].reverse().filter(q => q !== get_search_query_()));
+  const previous_searches_matching_query = $52FdA$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 = $52FdA$depictaiutilishared.deparallelize_no_drop(async request_obj => {
     var _api_response$suggest;
     const api_response = await depict_api_.suggest(request_obj);
@@ -9553,7 +9592,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_: $52FdA$solidjs.createMemo(() => previous_searches_matching_query().length > 0)
   });
   $52FdA$solidjs.createComputed(() => {
     const field_value = read_search_field_value();
@@ -9590,13 +9630,11 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
     get children() {
       return $52FdA$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 $52FdA$solidjs.createMemo(() => filtered_previous_searches().slice(0, 3));
+          return $52FdA$solidjs.createMemo(() => previous_searches_without_current_query().slice(0, 3));
         },
         selected_index_: selected_index_,
         currently_showing_suggestions_: currently_showing_suggestions_,
@@ -9605,17 +9643,7 @@ function $ce079d50d380ee11$export$2f2b9559550c7bbc(_ref) {
       });
     }
   }), $52FdA$solidjsweb.createComponent((0, $0677d509ad208e22$export$e872e2339fb04a7f), {
-    get filtered_previous_searches_() {
-      return $52FdA$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/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.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