@depict-ai/ui 2.0.22 → 2.0.23

package/latest/index.cjs

@@ -10,6 +10,8 @@ function $parcel$export(e, n, v, s) {
     configurable: true
   });
 }
+$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);
 $parcel$export(module.exports, "ListingProvider", () => $84798aaa863a4909$export$e68cff63f76bd15b);
 $parcel$export(module.exports, "useListing", () => $84798aaa863a4909$export$8d0c4fdbb05a2f2e);
@@ -66,7 +68,180 @@ $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.22";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.23";
+const $1ab22f2cd39b3061$var$fallback_operator = "in";
+const $1ab22f2cd39b3061$var$fallback_token = "";
+const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
+const $1ab22f2cd39b3061$var$operator_map = {
+  "eq": "≡",
+  "neq": "≠",
+  "in": "∈",
+  "nin": "∉",
+  "leq": "≤",
+  "geq": "≥",
+  "inrange": "\uD83D\uDD22"
+};
+const $1ab22f2cd39b3061$var$ascending_token = "\uD83D\uDCC8";
+const $1ab22f2cd39b3061$var$descending_token = "\uD83D\uDCC9";
+const $1ab22f2cd39b3061$var$range_delimiter = "-";
+const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
+const $1ab22f2cd39b3061$var$op_to_token = op => {
+  if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
+  return $1ab22f2cd39b3061$var$operator_map[op];
+};
+/**
+ * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
+ * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
+ * No deep or mixed nesting levels are supported.
+ */
+function $1ab22f2cd39b3061$var$array_is_serializable(array, is_root = true) {
+  if (array.every(item => Array.isArray(item))) {
+    if (!is_root)
+      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
+      return false;
+    return array.every(item => $1ab22f2cd39b3061$var$array_is_serializable(item, false));
+  }
+  if (array.some(item => typeof item !== "string"))
+    // Numbers are not supported, since 1 and "1" would encode to the same thing
+    return false;
+  // Encoding reserved characters is not supported
+  return !array.some(item => item.includes($1ab22f2cd39b3061$var$array_item_delimiter) || item.includes($1ab22f2cd39b3061$var$string_item_delimiter) || item === $1ab22f2cd39b3061$var$empty_item_replacement);
+}
+/**
+ * Human readable string[] or string[][] serialization for URLs.
+ * @param array
+ * @returns
+ */
+function $1ab22f2cd39b3061$var$encode_array(array) {
+  const is_nested = array.every(item => Array.isArray(item));
+  if (is_nested) return array.map($1ab22f2cd39b3061$var$encode_array).join($1ab22f2cd39b3061$var$array_item_delimiter) + $1ab22f2cd39b3061$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
+  return array.map(item => item === "" ? $1ab22f2cd39b3061$var$empty_item_replacement : item).join($1ab22f2cd39b3061$var$string_item_delimiter);
+}
+function $1ab22f2cd39b3061$var$decode_array(encoded_array) {
+  const is_nested = encoded_array.includes($1ab22f2cd39b3061$var$array_item_delimiter);
+  if (is_nested) return encoded_array.split($1ab22f2cd39b3061$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
+  .map($1ab22f2cd39b3061$var$decode_array);
+  return encoded_array.split($1ab22f2cd39b3061$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
+  .map(item => item === $1ab22f2cd39b3061$var$empty_item_replacement ? "" : item);
+}
+function $1ab22f2cd39b3061$var$encode_filter_data(op, data) {
+  if (data === "true")
+    // boolean encoding
+    return "1";
+  if (data === "false")
+    // boolean encoding
+    return "0";
+  const data_is_array = Array.isArray(data);
+  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
+    // numeric range filter encoding
+    return data.join($1ab22f2cd39b3061$var$range_delimiter);
+  if (data_is_array && $1ab22f2cd39b3061$var$array_is_serializable(data)) {
+    const encoded_data = $1ab22f2cd39b3061$var$encode_array(data);
+    if (!encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter) && !encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter))
+      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
+      // In that case we add a delimiter suffix at the end
+      return encoded_data + $1ab22f2cd39b3061$var$string_item_delimiter;
+    return encoded_data;
+  }
+  // Fallback encoding
+  return $gVhhF$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
+}
+function $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data) {
+  if (encoded_data === "1") return "true";
+  if (encoded_data === "0") return "false";
+  if (op === "inrange" && encoded_data.includes($1ab22f2cd39b3061$var$range_delimiter)) return encoded_data.split($1ab22f2cd39b3061$var$range_delimiter).map(x => parseFloat(x));
+  if (encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter) || encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter)) return $1ab22f2cd39b3061$var$decode_array(encoded_data);
+  try {
+    return JSON.parse($gVhhF$depictaiutilishared.base64_decode_unicode(encoded_data));
+  } catch (e) {
+    $gVhhF$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
+  }
+  return null;
+}
+function $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
+  for (const filter of filters) {
+    const {
+      field: field,
+      op: op,
+      data: data
+    } = filter;
+    const encoded_data = $1ab22f2cd39b3061$var$encode_filter_data(op, data);
+    search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$op_to_token(op), encoded_data);
+  }
+}
+function $1ab22f2cd39b3061$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
+  const found_filters = [];
+  for (const key of search_params.keys()) {
+    // Allow for backwards compatibility with the old filter query param prefix
+    let chosen_prefix = filter_query_param_prefix;
+    if (!key.startsWith(chosen_prefix)) {
+      chosen_prefix = $1ab22f2cd39b3061$var$legacy_filter_prefix;
+      if (!key.startsWith(chosen_prefix)) continue;
+    }
+    const encoded_data = search_params.get(key);
+    if (!encoded_data) continue;
+    const [op, token] = Object.entries($1ab22f2cd39b3061$var$operator_map).find(([, token]) => key.endsWith(token)) || [$1ab22f2cd39b3061$var$fallback_operator, $1ab22f2cd39b3061$var$fallback_token];
+    const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
+    if (!data) continue;
+    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
+    found_filters.push({
+      field: field,
+      op: op,
+      data: data
+    });
+  }
+  return found_filters;
+}
+function $1ab22f2cd39b3061$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
+  if (!sorting) return;
+  const {
+    field: field,
+    order: order
+  } = sorting;
+  const ascending = order === "asc";
+  search_params.set(sorting_query_param, field + (ascending ? $1ab22f2cd39b3061$var$ascending_token : $1ab22f2cd39b3061$var$descending_token));
+}
+function $1ab22f2cd39b3061$export$766e9676e74997d3(search_params, sorting_query_param_) {
+  const encoded_sorting = search_params.get(sorting_query_param_);
+  if (!encoded_sorting) return;
+  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$ascending_token)) return {
+    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$ascending_token.length),
+    order: "asc"
+  };
+  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$descending_token)) return {
+    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$descending_token.length),
+    order: "desc"
+  };
+  $gVhhF$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
+  return;
+}
+function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
+  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
+  const keys = [...search_params.keys()];
+  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
+}
+const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
+function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
+  to_url_: to_url_,
+  set_clearing_flag_: set_clearing_flag_,
+  from_search_params_ = new URLSearchParams(location.search),
+  sorting_query_param_: sorting_query_param_,
+  filter_query_param_prefix_: filter_query_param_prefix_
+}) {
+  if (!to_url_) return to_url_;
+  const was_url_object = to_url_ instanceof URL;
+  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
+  const {
+    searchParams: searchParams
+  } = url_object;
+  if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
+  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
+  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
+  if (was_url_object) return url_object;
+  return url_object.href;
+}
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -5648,179 +5823,6 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({
   })();
 }
 $gVhhF$solidjsweb.delegateEvents(["click"]);
-const $1ab22f2cd39b3061$var$fallback_operator = "in";
-const $1ab22f2cd39b3061$var$fallback_token = "";
-const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
-const $1ab22f2cd39b3061$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
-  "inrange": "\uD83D\uDD22"
-};
-const $1ab22f2cd39b3061$var$ascending_token = "\uD83D\uDCC8";
-const $1ab22f2cd39b3061$var$descending_token = "\uD83D\uDCC9";
-const $1ab22f2cd39b3061$var$range_delimiter = "-";
-const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
-const $1ab22f2cd39b3061$var$op_to_token = op => {
-  if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
-  return $1ab22f2cd39b3061$var$operator_map[op];
-};
-/**
- * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
- * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
- * No deep or mixed nesting levels are supported.
- */
-function $1ab22f2cd39b3061$var$array_is_serializable(array, is_root = true) {
-  if (array.every(item => Array.isArray(item))) {
-    if (!is_root)
-      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
-      return false;
-    return array.every(item => $1ab22f2cd39b3061$var$array_is_serializable(item, false));
-  }
-  if (array.some(item => typeof item !== "string"))
-    // Numbers are not supported, since 1 and "1" would encode to the same thing
-    return false;
-  // Encoding reserved characters is not supported
-  return !array.some(item => item.includes($1ab22f2cd39b3061$var$array_item_delimiter) || item.includes($1ab22f2cd39b3061$var$string_item_delimiter) || item === $1ab22f2cd39b3061$var$empty_item_replacement);
-}
-/**
- * Human readable string[] or string[][] serialization for URLs.
- * @param array
- * @returns
- */
-function $1ab22f2cd39b3061$var$encode_array(array) {
-  const is_nested = array.every(item => Array.isArray(item));
-  if (is_nested) return array.map($1ab22f2cd39b3061$var$encode_array).join($1ab22f2cd39b3061$var$array_item_delimiter) + $1ab22f2cd39b3061$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
-  return array.map(item => item === "" ? $1ab22f2cd39b3061$var$empty_item_replacement : item).join($1ab22f2cd39b3061$var$string_item_delimiter);
-}
-function $1ab22f2cd39b3061$var$decode_array(encoded_array) {
-  const is_nested = encoded_array.includes($1ab22f2cd39b3061$var$array_item_delimiter);
-  if (is_nested) return encoded_array.split($1ab22f2cd39b3061$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
-  .map($1ab22f2cd39b3061$var$decode_array);
-  return encoded_array.split($1ab22f2cd39b3061$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
-  .map(item => item === $1ab22f2cd39b3061$var$empty_item_replacement ? "" : item);
-}
-function $1ab22f2cd39b3061$var$encode_filter_data(op, data) {
-  if (data === "true")
-    // boolean encoding
-    return "1";
-  if (data === "false")
-    // boolean encoding
-    return "0";
-  const data_is_array = Array.isArray(data);
-  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
-    // numeric range filter encoding
-    return data.join($1ab22f2cd39b3061$var$range_delimiter);
-  if (data_is_array && $1ab22f2cd39b3061$var$array_is_serializable(data)) {
-    const encoded_data = $1ab22f2cd39b3061$var$encode_array(data);
-    if (!encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter) && !encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter))
-      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
-      // In that case we add a delimiter suffix at the end
-      return encoded_data + $1ab22f2cd39b3061$var$string_item_delimiter;
-    return encoded_data;
-  }
-  // Fallback encoding
-  return $gVhhF$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
-}
-function $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data) {
-  if (encoded_data === "1") return "true";
-  if (encoded_data === "0") return "false";
-  if (op === "inrange" && encoded_data.includes($1ab22f2cd39b3061$var$range_delimiter)) return encoded_data.split($1ab22f2cd39b3061$var$range_delimiter).map(x => parseFloat(x));
-  if (encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter) || encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter)) return $1ab22f2cd39b3061$var$decode_array(encoded_data);
-  try {
-    return JSON.parse($gVhhF$depictaiutilishared.base64_decode_unicode(encoded_data));
-  } catch (e) {
-    $gVhhF$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
-  }
-  return null;
-}
-function $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
-  for (const filter of filters) {
-    const {
-      field: field,
-      op: op,
-      data: data
-    } = filter;
-    const encoded_data = $1ab22f2cd39b3061$var$encode_filter_data(op, data);
-    search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$op_to_token(op), encoded_data);
-  }
-}
-function $1ab22f2cd39b3061$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
-  const found_filters = [];
-  for (const key of search_params.keys()) {
-    // Allow for backwards compatibility with the old filter query param prefix
-    let chosen_prefix = filter_query_param_prefix;
-    if (!key.startsWith(chosen_prefix)) {
-      chosen_prefix = $1ab22f2cd39b3061$var$legacy_filter_prefix;
-      if (!key.startsWith(chosen_prefix)) continue;
-    }
-    const encoded_data = search_params.get(key);
-    if (!encoded_data) continue;
-    const [op, token] = Object.entries($1ab22f2cd39b3061$var$operator_map).find(([, token]) => key.endsWith(token)) || [$1ab22f2cd39b3061$var$fallback_operator, $1ab22f2cd39b3061$var$fallback_token];
-    const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
-    if (!data) continue;
-    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
-    found_filters.push({
-      field: field,
-      op: op,
-      data: data
-    });
-  }
-  return found_filters;
-}
-function $1ab22f2cd39b3061$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
-  if (!sorting) return;
-  const {
-    field: field,
-    order: order
-  } = sorting;
-  const ascending = order === "asc";
-  search_params.set(sorting_query_param, field + (ascending ? $1ab22f2cd39b3061$var$ascending_token : $1ab22f2cd39b3061$var$descending_token));
-}
-function $1ab22f2cd39b3061$export$766e9676e74997d3(search_params, sorting_query_param_) {
-  const encoded_sorting = search_params.get(sorting_query_param_);
-  if (!encoded_sorting) return;
-  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$ascending_token)) return {
-    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$ascending_token.length),
-    order: "asc"
-  };
-  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$descending_token)) return {
-    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$descending_token.length),
-    order: "desc"
-  };
-  $gVhhF$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
-  return;
-}
-function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
-  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
-  const keys = [...search_params.keys()];
-  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
-}
-const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
-function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
-  to_url_: to_url_,
-  set_clearing_flag_: set_clearing_flag_,
-  from_search_params_ = new URLSearchParams(location.search),
-  sorting_query_param_: sorting_query_param_,
-  filter_query_param_prefix_: filter_query_param_prefix_
-}) {
-  if (!to_url_) return to_url_;
-  const was_url_object = to_url_ instanceof URL;
-  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
-  const {
-    searchParams: searchParams
-  } = url_object;
-  if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
-  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
-  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
-  if (was_url_object) return url_object;
-  return url_object.href;
-}
 const $e53b2e7e632ac4cb$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<nav class="crumbs"></nav>`, 2),
   $e53b2e7e632ac4cb$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<a class="crumb"></a>`, 2),
   $e53b2e7e632ac4cb$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<span class="separator"></span>`, 2);

package/latest/index.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Accessor, Signal, Setter } from "solid-js";
-import { Amazing_Slider, Display, ColsAtSize, report, Elem, ModernDisplay, Node_Array } from "@depict-ai/utilishared/latest";
+import { Display, Amazing_Slider, ColsAtSize, report, Elem, ModernDisplay, Node_Array } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SearchRequest } from "@depict-ai/types/api/SearchRequest";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
 import { BaseCategoryDisplay, ProductListingResponse } from "@depict-ai/types/api/ProductListingResponse";
@@ -7,7 +7,46 @@ 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.22";
+export const version = "2.0.23";
+export type SDKGridSpacing = string | {
+  horizontal: string;
+  vertical: string;
+};
+export type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
+type FilterWithData = WithRequired<SearchFilter, "data">;
+export interface SDKRenderingInfo {
+  /**
+   * If you call this function with a provided function, the provided function will be called whenever the index of the currently displayed product changes.
+   */
+  set_on_index_change: (fn: (index: number) => void) => void;
+  merchant: string;
+  market: string;
+}
+export type ProductCardTemplate<T extends Display> = (display: T | null, info?: SDKRenderingInfo) => JSX.Element | Promise<JSX.Element>;
+type WithoutMerchant<T> = T extends {
+  merchant: string;
+} ? Omit<T, "merchant"> : T;
+type WithoutMarket<T> = T extends {
+  market: string;
+} ? Omit<T, "market"> : T;
+export type ProductCardTemplateWithoutMerchantAndMarket<T extends Display> = (display: Parameters<ProductCardTemplate<T>>[0], info?: WithoutMerchant<WithoutMarket<SDKRenderingInfo>>) => ReturnType<ProductCardTemplate<T>>;
+/**
+ * Will be sent to backend to indicate whether the query_id_ is for a collection or category.
+ * Backend defaults to category if not specified.
+ */
+export type ListingType = "collection" | "category";
+type AddActualFieldToArray<T> = T extends Array<infer U> ? (U & {
+  actual_field?: string;
+})[] : never;
+type AddActualFieldToFilters<T extends SearchFilter[] | undefined> = T extends undefined ? undefined : AddActualFieldToArray<T>;
+/**
+ * Function that encodes a filter object into query parameters and sets them on the given URLSearchParams object.
+ */
+export function encode_filters(filters: FilterWithData[], search_params: URLSearchParams, filter_query_param_prefix: string): void;
+/**
+ * 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[];
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images
@@ -84,37 +123,6 @@ export function SlidableItems({
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */
 export function make_accurate_size_accessor(what_to_watch: HTMLElement): import("solid-js").Accessor<number | undefined>;
-export type SDKGridSpacing = string | {
-  horizontal: string;
-  vertical: string;
-};
-export type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
-type FilterWithData = WithRequired<SearchFilter, "data">;
-export interface SDKRenderingInfo {
-  /**
-   * If you call this function with a provided function, the provided function will be called whenever the index of the currently displayed product changes.
-   */
-  set_on_index_change: (fn: (index: number) => void) => void;
-  merchant: string;
-  market: string;
-}
-export type ProductCardTemplate<T extends Display> = (display: T | null, info?: SDKRenderingInfo) => JSX.Element | Promise<JSX.Element>;
-type WithoutMerchant<T> = T extends {
-  merchant: string;
-} ? Omit<T, "merchant"> : T;
-type WithoutMarket<T> = T extends {
-  market: string;
-} ? Omit<T, "market"> : T;
-export type ProductCardTemplateWithoutMerchantAndMarket<T extends Display> = (display: Parameters<ProductCardTemplate<T>>[0], info?: WithoutMerchant<WithoutMarket<SDKRenderingInfo>>) => ReturnType<ProductCardTemplate<T>>;
-/**
- * Will be sent to backend to indicate whether the query_id_ is for a collection or category.
- * Backend defaults to category if not specified.
- */
-export type ListingType = "collection" | "category";
-type AddActualFieldToArray<T> = T extends Array<infer U> ? (U & {
-  actual_field?: string;
-})[] : never;
-type AddActualFieldToFilters<T extends SearchFilter[] | undefined> = T extends undefined ? undefined : AddActualFieldToArray<T>;
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize