@depict-ai/ui 4.6.0 → 4.7.0

package/ES10/index.cjs

@@ -20,6 +20,8 @@ function $parcel$interopDefault(a) {
 }
 $parcel$export(module.exports, "useExpandingContainerReactive", () => $d6d51b09cb2116a6$export$5bad61ecde080b1f);
 $parcel$export(module.exports, "LooksSliderOrGrid", () => $e57cd46536ad992e$export$2c9f9bf2092486aa);
+$parcel$export(module.exports, "LookCard", () => $47e3c3102c78121b$export$44809a8a3e867e30);
+$parcel$export(module.exports, "PseudoRouter", () => $73014ff36186a4dd$export$7e1297a3a19f10d8);
 $parcel$export(module.exports, "promiseSafeStructuredClone", () => $400d96565bbbfe07$export$83bb9af5671e1dbe);
 $parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $cfcd56242923775d$export$5162a71f252e6122);
 $parcel$export(module.exports, "prefixes_to_preserve_in_history_dot_state", () => $cfcd56242923775d$export$3064e1e8c6513da3);
@@ -102,7 +104,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.6.0";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.0";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -5649,7 +5651,7 @@ function $513986fde589b871$export$3e41faf802a29e71(props) {
   return undefined;
 }
 async function $4cf7d9829d60d844$export$79b1565500412d9b(search_modal, modal_fn_opts, parent) {
-  const body = parent || (await (0, $52FdA$depictaiutilishared.observer).wait_for_element("body"));
+  const body = parent || document.body || (await (0, $52FdA$depictaiutilishared.observer).wait_for_element("body"));
   let dispose_and_remove;
   const open_modal_ = $52FdA$depictaiutilishared.catchify(async function () {
     let extra_options_for_modal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -6470,7 +6472,9 @@ function $1a8463d757baadb6$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 = $52FdA$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6479,9 +6483,13 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $52FdA$solidjs.untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $52FdA$solidjs.untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $52FdA$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $52FdA$solidjs.untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1]([]);
+  filters_open_ === null || filters_open_ === void 0 || filters_open_[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6507,7 +6515,7 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $5909f8d84b7b4c30$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $52FdA$solidjsweb.getNextElement($1a8463d757baadb6$var$_tmpl$);
@@ -6520,7 +6528,9 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
         $52FdA$solidjsweb.addEventListener(_el$3, "click", $52FdA$depictaiutilishared.catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_ === null || filters_open_ === void 0 || 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({
@@ -10747,7 +10757,9 @@ function $1c0d0256826edea6$export$e026af0c7b64ea5f(_ref) {
     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_
   } = _ref;
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10775,7 +10787,9 @@ function $1c0d0256826edea6$export$e026af0c7b64ea5f(_ref) {
         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_
       });
     }
   }), {
@@ -10843,16 +10857,26 @@ function $1689794f03ba2554$export$205efb947c7ffd78(handler) {
   // 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, $52FdA$depictaiutilishared.observer).onexists("body", _ref => {
-      let {
-        element: element
-      } = _ref;
+    const doWithBody = element => {
       element.addEventListener("scroll", catchified_handler, {
         passive: passive
       });
       $52FdA$solidjs.runWithOwner(owner, () => $52FdA$solidjs.onCleanup(() => element.removeEventListener("scroll", catchified_handler)));
-    });
-    $52FdA$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, $52FdA$depictaiutilishared.observer).onexists("body", _ref => {
+        let {
+          element: element
+        } = _ref;
+        return doWithBody(element);
+      });
+      $52FdA$solidjs.onCleanup(disconnect);
+    }
   }
   for (const event of ["resize", "orientationchange", "scroll"]) {
     const listen_on = override_element !== null && override_element !== void 0 ? override_element : window;
@@ -14439,7 +14463,9 @@ class $ddd39c5f36f49703$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
       });
       $ddd39c5f36f49703$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -15515,7 +15541,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
     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_
   } = _ref;
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -15524,7 +15552,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
     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 = $52FdA$solidjs.untrack(crumb_data_);
@@ -15560,7 +15590,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
           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);
@@ -15581,7 +15613,9 @@ function $8b366fdb0c76194d$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_
   } = _ref3;
   const tracking_function_for_plp_results = $52FdA$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
@@ -15596,7 +15630,9 @@ function $8b366fdb0c76194d$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_
       });
     });
   });
@@ -15923,7 +15959,9 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     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_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
   get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);

package/ES10/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/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.6.0";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.0";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -5557,7 +5557,7 @@ function $6a439680ae7e9ba3$export$3e41faf802a29e71(props) {
   return undefined;
 }
 async function $d5f1e6a0f9117286$export$79b1565500412d9b(search_modal, modal_fn_opts, parent) {
-  const body = parent || (await (0, $8tj43$observer).wait_for_element("body"));
+  const body = parent || document.body || (await (0, $8tj43$observer).wait_for_element("body"));
   let dispose_and_remove;
   const open_modal_ = $8tj43$catchify(async function () {
     let extra_options_for_modal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -6378,7 +6378,9 @@ function $b4465d8d605f61e9$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 = $8tj43$untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6387,9 +6389,13 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $8tj43$untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $8tj43$untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $8tj43$untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $8tj43$untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1]([]);
+  filters_open_ === null || filters_open_ === void 0 || filters_open_[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6415,7 +6421,7 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $a61a2051e15c8d7a$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $8tj43$getNextElement($b4465d8d605f61e9$var$_tmpl$);
@@ -6428,7 +6434,9 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
         $8tj43$addEventListener(_el$3, "click", $8tj43$catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_ === null || filters_open_ === void 0 || 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({
@@ -10655,7 +10663,9 @@ function $d8a66ba54a42eb3e$export$e026af0c7b64ea5f(_ref) {
     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_
   } = _ref;
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10683,7 +10693,9 @@ function $d8a66ba54a42eb3e$export$e026af0c7b64ea5f(_ref) {
         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_
       });
     }
   }), {
@@ -10751,16 +10763,26 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
   // 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, $8tj43$observer).onexists("body", _ref => {
-      let {
-        element: element
-      } = _ref;
+    const doWithBody = element => {
       element.addEventListener("scroll", catchified_handler, {
         passive: passive
       });
       $8tj43$runWithOwner(owner, () => $8tj43$onCleanup(() => element.removeEventListener("scroll", catchified_handler)));
-    });
-    $8tj43$onCleanup(disconnect);
+    };
+    const {
+      body: body
+    } = document;
+    if (body)
+      // Only start observer if we absolutely need it, for performance
+      doWithBody(body);else {
+      const disconnect = (0, $8tj43$observer).onexists("body", _ref => {
+        let {
+          element: element
+        } = _ref;
+        return doWithBody(element);
+      });
+      $8tj43$onCleanup(disconnect);
+    }
   }
   for (const event of ["resize", "orientationchange", "scroll"]) {
     const listen_on = override_element !== null && override_element !== void 0 ? override_element : window;
@@ -14347,7 +14369,9 @@ class $eb064bc3350276c1$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
       });
       $eb064bc3350276c1$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -15423,7 +15447,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
     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_
   } = _ref;
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -15432,7 +15458,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
     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 = $8tj43$untrack(crumb_data_);
@@ -15468,7 +15496,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
           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);
@@ -15489,7 +15519,9 @@ function $a4777acaffa35a82$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_
   } = _ref3;
   const tracking_function_for_plp_results = $8tj43$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
@@ -15504,7 +15536,9 @@ function $a4777acaffa35a82$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_
       });
     });
   });
@@ -15831,7 +15865,9 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     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_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
   get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);
@@ -16089,4 +16125,4 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $8tj43$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };
+export { $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $697d8713dc82b9ab$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };