@depict-ai/ui 4.6.0 → 4.7.0

package/latest/index.cjs

@@ -14,6 +14,8 @@ function $parcel$export(e, n, v, s) {
 }
 $parcel$export(module.exports, "useExpandingContainerReactive", () => $4b455f60dadde8b8$export$5bad61ecde080b1f);
 $parcel$export(module.exports, "LooksSliderOrGrid", () => $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa);
+$parcel$export(module.exports, "LookCard", () => $ad882bbe664dbd53$export$44809a8a3e867e30);
+$parcel$export(module.exports, "PseudoRouter", () => $e96dd13889871fc0$export$7e1297a3a19f10d8);
 $parcel$export(module.exports, "promiseSafeStructuredClone", () => $ac946c6b782bb900$export$83bb9af5671e1dbe);
 $parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $d84fe647b84b5dc5$export$5162a71f252e6122);
 $parcel$export(module.exports, "prefixes_to_preserve_in_history_dot_state", () => $d84fe647b84b5dc5$export$3064e1e8c6513da3);
@@ -96,7 +98,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.6.0";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.0";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5389,7 +5391,7 @@ function $8c38828ae2321937$export$3e41faf802a29e71(props) {
   return undefined;
 }
 async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_opts, parent) {
-  const body = parent || (await (0, $gVhhF$depictaiutilishared.observer).wait_for_element("body"));
+  const body = parent || document.body || (await (0, $gVhhF$depictaiutilishared.observer).wait_for_element("body"));
   let dispose_and_remove;
   const open_modal_ = $gVhhF$depictaiutilishared.catchify(async (extra_options_for_modal = {}, on_dispose) => {
     // Below await is very intentional,
@@ -6180,7 +6182,9 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
     local_filter_cache_: [get_local_filter_cache, set_local_filter_cache],
     selected_filters_: [get_selected_filters, set_selected_filters],
     expanded_hierarchical_filters_: [get_expanded_hierarchical_filters, set_expanded_hierarchical_filters],
-    delay_toast_: delay_toast_
+    delay_toast_: delay_toast_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   } = props;
   const previous_selected_filters = $gVhhF$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6189,9 +6193,13 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $gVhhF$solidjs.untrack(() => expanded_filters_?.[0]());
+  const previousFiltersOpen = $gVhhF$solidjs.untrack(() => filters_open_?.[0]());
   const previous_expanded_hierarchical_filters = $gVhhF$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $gVhhF$solidjs.untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_?.[1]([]);
+  filters_open_?.[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6217,7 +6225,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $gVhhF$solidjsweb.getNextElement($47e2cc552c02110c$var$_tmpl$);
@@ -6230,7 +6238,9 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
         $gVhhF$solidjsweb.addEventListener(_el$3, "click", $gVhhF$depictaiutilishared.catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_?.[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_?.[1](previousFiltersOpen);
           // also restore previous filter cache, I think this should trigger a correct re-merging with newly in-came filters from backend in case there are any. This is because selected filters otherwise might not exist anymore and therefore can't be viewed in the UI
           set_local_filter_cache(previous_local_filter_cache);
           scrollTo({
@@ -10103,7 +10113,9 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({
   current_sorting_: current_sorting_,
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   i18n_: i18n_,
-  local_filter_cache_: local_filter_cache_
+  local_filter_cache_: local_filter_cache_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10131,7 +10143,9 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({
         also_clear_sorting_: true,
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        expanded_filters_: expanded_filters_,
+        filters_open_: filters_open_
       });
     }
   }), {
@@ -10196,15 +10210,23 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true, over
   // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
   // Use observer in case that this gets called before body exists
   if (!override_element) {
-    const disconnect = (0, $gVhhF$depictaiutilishared.observer).onexists("body", ({
-      element: element
-    }) => {
+    const doWithBody = element => {
       element.addEventListener("scroll", catchified_handler, {
         passive: passive
       });
       $gVhhF$solidjs.runWithOwner(owner, () => $gVhhF$solidjs.onCleanup(() => element.removeEventListener("scroll", catchified_handler)));
-    });
-    $gVhhF$solidjs.onCleanup(disconnect);
+    };
+    const {
+      body: body
+    } = document;
+    if (body)
+      // Only start observer if we absolutely need it, for performance
+      doWithBody(body);else {
+      const disconnect = (0, $gVhhF$depictaiutilishared.observer).onexists("body", ({
+        element: element
+      }) => doWithBody(element));
+      $gVhhF$solidjs.onCleanup(disconnect);
+    }
   }
   for (const event of ["resize", "orientationchange", "scroll"]) {
     const listen_on = override_element ?? window;
@@ -13555,7 +13577,9 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: state_.expanded_hierarchical_filters,
         i18n_: i18n_,
-        local_filter_cache_: state_.local_filter_cache
+        local_filter_cache_: state_.local_filter_cache,
+        expanded_filters_: state_.expanded_filters,
+        filters_open_: state_.filters_open
       });
       $2c61e4cd8229c49a$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -14493,7 +14517,9 @@ function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   plp_results_: plp_results_,
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-  id_type_: id_type_
+  id_type_: id_type_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -14502,7 +14528,9 @@ function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     selected_filters_: selected_filters_,
     i18n_: i18n_,
-    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   });
   // The code below is for when we're already open and the user navigates to a new category
   let previous_crumb_data = $gVhhF$solidjs.untrack(crumb_data_);
@@ -14535,7 +14563,9 @@ function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({
           also_clear_sorting_: false,
           selected_filters_: selected_filters_,
           expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          local_filter_cache_: local_filter_cache_
+          local_filter_cache_: local_filter_cache_,
+          expanded_filters_: expanded_filters_,
+          filters_open_: filters_open_
         });
         // Also ensure we don't have `sideways_url_params_flag` set anymore
         sideways_filter_clearing_flag_[1](false);
@@ -14555,7 +14585,9 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
   i18n_: i18n_,
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
-  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]
+  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_],
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const tracking_function_for_plp_results = $gVhhF$solidjs.createReaction(() => {
     // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
@@ -14570,7 +14602,9 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
         also_clear_sorting_: false,
         selected_filters_: selected_filters_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        filters_open_: filters_open_,
+        expanded_filters_: expanded_filters_
       });
     });
   });
@@ -14866,7 +14900,9 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     plp_results_: plp_products_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-    id_type_: id_type_
+    id_type_: id_type_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: category_filters_open_
   });
   get_breadcrumb_accessor_?.(crumb_data_);
   get_quicklinks_accessor_?.(quicklinks_data_);

package/latest/index.d.ts

@@ -9,8 +9,9 @@ import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestio
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
+import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.6.0";
+export const version = "4.7.0";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -844,7 +845,7 @@ export type OnNavigation = ((options: {
 /**
  * Not a router that does our custom routing on non-spas and otherwise plugs into other routers and generalises their functionality
  */
-declare class PseudoRouter {
+export class PseudoRouter {
   #private;
   /**
    * Function that will be called when we want to navigate, or a string saying it's not an SPA. You can change this OTG
@@ -880,6 +881,28 @@ declare class PseudoRouter {
   };
   constructor(on_navigation: OnNavigation, listing_query_state_key?: string);
 }
+/**
+ * The whole card representing a look
+ */
+export function LookCard({
+  display_,
+  expandedLooksSignal_: [expandedLooks_, setExpandedLooks],
+  FavoriteButton_,
+  placeholderImageAspectRatio_,
+  animationDuration_,
+  priceFormatting_,
+  pseudoRouter_
+}: {
+  display_: FeaturedInDisplay | null;
+  FavoriteButton_?: (props: {
+    display_: Accessor<ModernDisplay | null | undefined>;
+  }) => JSX.Element;
+  placeholderImageAspectRatio_: number | string;
+  animationDuration_: number;
+  expandedLooksSignal_: Signal<Set<symbol>>;
+  priceFormatting_: Accessor<plp_shared_i18n["price_formatting_"]>;
+  pseudoRouter_: PseudoRouter;
+}): HTMLDivElement;
 /**
  * Render a grid with provided recommendations. displayTransformers will not be applied for this since you yourself provide the displays. Options are reactive.
  */

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! 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 = "4.6.0";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.0";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5300,7 +5300,7 @@ function $024fbc0a2d796fad$export$3e41faf802a29e71(props) {
   return undefined;
 }
 async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_opts, parent) {
-  const body = parent || (await (0, $9HbP8$observer).wait_for_element("body"));
+  const body = parent || document.body || (await (0, $9HbP8$observer).wait_for_element("body"));
   let dispose_and_remove;
   const open_modal_ = $9HbP8$catchify(async (extra_options_for_modal = {}, on_dispose) => {
     // Below await is very intentional,
@@ -6091,7 +6091,9 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
     local_filter_cache_: [get_local_filter_cache, set_local_filter_cache],
     selected_filters_: [get_selected_filters, set_selected_filters],
     expanded_hierarchical_filters_: [get_expanded_hierarchical_filters, set_expanded_hierarchical_filters],
-    delay_toast_: delay_toast_
+    delay_toast_: delay_toast_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   } = props;
   const previous_selected_filters = $9HbP8$untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6100,9 +6102,13 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $9HbP8$untrack(() => expanded_filters_?.[0]());
+  const previousFiltersOpen = $9HbP8$untrack(() => filters_open_?.[0]());
   const previous_expanded_hierarchical_filters = $9HbP8$untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $9HbP8$untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_?.[1]([]);
+  filters_open_?.[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6128,7 +6134,7 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $9HbP8$getNextElement($e9342fb3ac73a54a$var$_tmpl$);
@@ -6141,7 +6147,9 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
         $9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_?.[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_?.[1](previousFiltersOpen);
           // also restore previous filter cache, I think this should trigger a correct re-merging with newly in-came filters from backend in case there are any. This is because selected filters otherwise might not exist anymore and therefore can't be viewed in the UI
           set_local_filter_cache(previous_local_filter_cache);
           scrollTo({
@@ -10014,7 +10022,9 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
   current_sorting_: current_sorting_,
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   i18n_: i18n_,
-  local_filter_cache_: local_filter_cache_
+  local_filter_cache_: local_filter_cache_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10042,7 +10052,9 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
         also_clear_sorting_: true,
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        expanded_filters_: expanded_filters_,
+        filters_open_: filters_open_
       });
     }
   }), {
@@ -10107,15 +10119,23 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true, over
   // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
   // Use observer in case that this gets called before body exists
   if (!override_element) {
-    const disconnect = (0, $9HbP8$observer).onexists("body", ({
-      element: element
-    }) => {
+    const doWithBody = element => {
       element.addEventListener("scroll", catchified_handler, {
         passive: passive
       });
       $9HbP8$runWithOwner(owner, () => $9HbP8$onCleanup(() => element.removeEventListener("scroll", catchified_handler)));
-    });
-    $9HbP8$onCleanup(disconnect);
+    };
+    const {
+      body: body
+    } = document;
+    if (body)
+      // Only start observer if we absolutely need it, for performance
+      doWithBody(body);else {
+      const disconnect = (0, $9HbP8$observer).onexists("body", ({
+        element: element
+      }) => doWithBody(element));
+      $9HbP8$onCleanup(disconnect);
+    }
   }
   for (const event of ["resize", "orientationchange", "scroll"]) {
     const listen_on = override_element ?? window;
@@ -13466,7 +13486,9 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: state_.expanded_hierarchical_filters,
         i18n_: i18n_,
-        local_filter_cache_: state_.local_filter_cache
+        local_filter_cache_: state_.local_filter_cache,
+        expanded_filters_: state_.expanded_filters,
+        filters_open_: state_.filters_open
       });
       $806c97b931758897$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -14404,7 +14426,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   plp_results_: plp_results_,
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-  id_type_: id_type_
+  id_type_: id_type_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -14413,7 +14437,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     selected_filters_: selected_filters_,
     i18n_: i18n_,
-    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   });
   // The code below is for when we're already open and the user navigates to a new category
   let previous_crumb_data = $9HbP8$untrack(crumb_data_);
@@ -14446,7 +14472,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
           also_clear_sorting_: false,
           selected_filters_: selected_filters_,
           expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          local_filter_cache_: local_filter_cache_
+          local_filter_cache_: local_filter_cache_,
+          expanded_filters_: expanded_filters_,
+          filters_open_: filters_open_
         });
         // Also ensure we don't have `sideways_url_params_flag` set anymore
         sideways_filter_clearing_flag_[1](false);
@@ -14466,7 +14494,9 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
   i18n_: i18n_,
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
-  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]
+  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_],
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const tracking_function_for_plp_results = $9HbP8$createReaction(() => {
     // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
@@ -14481,7 +14511,9 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
         also_clear_sorting_: false,
         selected_filters_: selected_filters_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        filters_open_: filters_open_,
+        expanded_filters_: expanded_filters_
       });
     });
   });
@@ -14777,7 +14809,9 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     plp_results_: plp_products_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-    id_type_: id_type_
+    id_type_: id_type_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: category_filters_open_
   });
   get_breadcrumb_accessor_?.(crumb_data_);
   get_quicklinks_accessor_?.(quicklinks_data_);
@@ -15026,4 +15060,4 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $9HbP8$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };
+export { $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $28ee4f7db3cc44b8$export$44809a8a3e867e30 as LookCard, $4fd2ba03703a7d92$export$7e1297a3a19f10d8 as PseudoRouter, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.3.0",
-    "@depict-ai/types": "^5.3.0",
-    "@depict-ai/utilishared": "^2.3.0",
+    "@depict-ai/plp-styling": "^4.4.0",
+    "@depict-ai/types": "^5.4.0",
+    "@depict-ai/utilishared": "^2.4.0",
     "solid-js": "^1.8.12"
   },
   "type": "module",