@depict-ai/ui 4.6.1 → 4.7.1

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.1";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.1";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -3372,7 +3372,7 @@ var $5285d2814d0fac0c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class=b
   $5285d2814d0fac0c$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<button type=button class=clear>`),
   $5285d2814d0fac0c$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=spacer>`),
   $5285d2814d0fac0c$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<button class="submit major"type=button>`),
-  $5285d2814d0fac0c$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query tabindex=0><!$><!/></div><!$><!/><!$><!/>`);
+  $5285d2814d0fac0c$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query type=search tabindex=0 enterkeyhint=search><!$><!/></div><!$><!/><!$><!/>`);
 function $5285d2814d0fac0c$export$b94867ecbd698f21({
   search_field_value_: [searchFieldValue, setSearchFieldValue],
   input_field_ref_: input_field_ref_,
@@ -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_
       });
     }
   }), {
@@ -13474,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_,
@@ -14412,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({
@@ -14421,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_);
@@ -14454,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);
@@ -14474,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
@@ -14489,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_
       });
     });
   });
@@ -14785,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_);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.6.1",
+  "version": "4.7.1",
   "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.1",
-    "@depict-ai/types": "^5.3.1",
-    "@depict-ai/utilishared": "^2.3.1",
+    "@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",

package/server/ES10/index.cjs

@@ -104,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.1";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.1";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -3110,7 +3110,7 @@ function $34934309832515dc$export$f7658c347b037c3f() {
 }
 var $29e5dbeb69da7a36$var$_tmpl$ = ["<div", ' style="', '" class="spacer"></div>'],
   $29e5dbeb69da7a36$var$_tmpl$2 = ["<button", ' class="submit major" type="button"', ">", "</button>"],
-  $29e5dbeb69da7a36$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" tabindex="0"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $29e5dbeb69da7a36$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" type="search" tabindex="0" enterkeyhint="search"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: [searchFieldValue, setSearchFieldValue],
@@ -8810,7 +8810,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 = $3hooq$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -8819,9 +8821,13 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $3hooq$solidjs.untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $3hooq$solidjs.untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $3hooq$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $3hooq$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
@@ -8847,7 +8853,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: [$3hooq$solidjsweb.ssr($1a8463d757baadb6$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(statement_accessor())), $3hooq$solidjsweb.ssr($1a8463d757baadb6$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(i18n_.restore_()), $3hooq$solidjsweb.escape(i18n_.ok_()))]
     }));
@@ -8861,7 +8867,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:
@@ -8889,7 +8897,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_
       });
     }
   }), {
@@ -11946,7 +11956,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_,
@@ -12977,7 +12989,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({
@@ -12986,7 +13000,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 = $3hooq$solidjs.untrack(crumb_data_);
@@ -13022,7 +13038,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);
@@ -13043,7 +13061,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 = $3hooq$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
@@ -13058,7 +13078,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_
       });
     });
   });
@@ -13329,7 +13351,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/server/ES10/index.d.ts

@@ -11,7 +11,7 @@ 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.1";
+export const version = "4.7.1";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1442,7 +1442,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1521,5 +1521,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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.1";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.1";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -3016,7 +3016,7 @@ function $83c36ed4520d0335$export$f7658c347b037c3f() {
 }
 var $584c06c09cf4609d$var$_tmpl$ = ["<div", ' style="', '" class="spacer"></div>'],
   $584c06c09cf4609d$var$_tmpl$2 = ["<button", ' class="submit major" type="button"', ">", "</button>"],
-  $584c06c09cf4609d$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" tabindex="0"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $584c06c09cf4609d$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" type="search" tabindex="0" enterkeyhint="search"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: [searchFieldValue, setSearchFieldValue],
@@ -8716,7 +8716,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 = $b8hua$untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -8725,9 +8727,13 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $b8hua$untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $b8hua$untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $b8hua$untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $b8hua$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
@@ -8753,7 +8759,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: [$b8hua$ssr($b4465d8d605f61e9$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(statement_accessor())), $b8hua$ssr($b4465d8d605f61e9$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.restore_()), $b8hua$escape(i18n_.ok_()))]
     }));
@@ -8767,7 +8773,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:
@@ -8795,7 +8803,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_
       });
     }
   }), {
@@ -11852,7 +11862,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_,
@@ -12883,7 +12895,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({
@@ -12892,7 +12906,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 = $b8hua$untrack(crumb_data_);
@@ -12928,7 +12944,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);
@@ -12949,7 +12967,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 = $b8hua$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
@@ -12964,7 +12984,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_
       });
     });
   });
@@ -13235,7 +13257,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_);

package/server/latest/index.cjs

@@ -98,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.1";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.1";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -2937,7 +2937,7 @@ function $0175183387c8923a$export$f7658c347b037c3f(props = {}) {
 }
 var $66b8b9a9613c141d$var$_tmpl$ = ["<div", ' style="', '" class="spacer"></div>'],
   $66b8b9a9613c141d$var$_tmpl$2 = ["<button", ' class="submit major" type="button"', ">", "</button>"],
-  $66b8b9a9613c141d$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" tabindex="0"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $66b8b9a9613c141d$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" type="search" tabindex="0" enterkeyhint="search"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $66b8b9a9613c141d$export$b94867ecbd698f21({
   search_field_value_: [searchFieldValue, setSearchFieldValue],
   input_field_ref_: input_field_ref_,
@@ -8224,7 +8224,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 = $5vyXB$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -8233,9 +8235,13 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $5vyXB$solidjs.untrack(() => expanded_filters_?.[0]());
+  const previousFiltersOpen = $5vyXB$solidjs.untrack(() => filters_open_?.[0]());
   const previous_expanded_hierarchical_filters = $5vyXB$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $5vyXB$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
@@ -8261,7 +8267,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: [$5vyXB$solidjsweb.ssr($47e2cc552c02110c$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(statement_accessor())), $5vyXB$solidjsweb.ssr($47e2cc552c02110c$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(i18n_.restore_()), $5vyXB$solidjsweb.escape(i18n_.ok_()))]
     }));
@@ -8274,7 +8280,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:
@@ -8302,7 +8310,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_
       });
     }
   }), {
@@ -11131,7 +11141,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_,
@@ -12026,7 +12038,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({
@@ -12035,7 +12049,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 = $5vyXB$solidjs.untrack(crumb_data_);
@@ -12068,7 +12084,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);
@@ -12088,7 +12106,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 = $5vyXB$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
@@ -12103,7 +12123,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_
       });
     });
   });
@@ -12346,7 +12368,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_);