@depict-ai/ui 1.0.16 → 1.0.18

package/dist/server/module.js

@@ -2,7 +2,7 @@ import {add_to_version_info as $cV3wj$add_to_version_info, fetch_recs as $cV3wj$
 import {ssrElement as $cV3wj$ssrElement, ssr as $cV3wj$ssr, ssrHydrationKey as $cV3wj$ssrHydrationKey, ssrAttribute as $cV3wj$ssrAttribute, escape as $cV3wj$escape, isServer as $cV3wj$isServer, createComponent as $cV3wj$createComponent, ssrClassList as $cV3wj$ssrClassList, insert as $cV3wj$insert, ssrStyle as $cV3wj$ssrStyle, Dynamic as $cV3wj$Dynamic, mergeProps as $cV3wj$mergeProps} from "solid-js/web";
 import {createSignal as $cV3wj$createSignal, getOwner as $cV3wj$getOwner, createRoot as $cV3wj$createRoot, runWithOwner as $cV3wj$runWithOwner, onCleanup as $cV3wj$onCleanup, createComputed as $cV3wj$createComputed, createRenderEffect as $cV3wj$createRenderEffect, createEffect as $cV3wj$createEffect, untrack as $cV3wj$untrack, batch as $cV3wj$batch, createResource as $cV3wj$createResource, createMemo as $cV3wj$createMemo, Show as $cV3wj$Show, createReaction as $cV3wj$createReaction, Suspense as $cV3wj$Suspense, on as $cV3wj$on, ErrorBoundary as $cV3wj$ErrorBoundary, For as $cV3wj$For, Index as $cV3wj$Index} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.16";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.18";
 
 
 
@@ -501,6 +501,7 @@ const $598245ecfe38f34b$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+    const root = (0, $cV3wj$getOwner)();
     return [
         (0, $cV3wj$ssr)($598245ecfe38f34b$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(i18n_.no_results_text_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
             get when () {
@@ -588,11 +589,20 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
 }
 
 
+
 let $6e41f1fde994db72$var$cached_placeholder_element;
 let $6e41f1fde994db72$var$rendering_cached_placeholder_element;
 function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_  }) {
     const [get_elements, set_elements] = (0, $cV3wj$createSignal)([]);
     let existing_num = 0;
+    if (0, $cV3wj$isServer) // want to render simple placeholders on server, effects don't run there
+    return (0, $cV3wj$createMemo)(()=>Array.from({
+            length: num_placeholders_()
+        }).map(()=>{
+            const template_result = product_card_template_(null, undefined);
+            // @ts-ignore
+            if (typeof template_result?.then !== "function") return template_result;
+        }));
     (0, $cV3wj$createRenderEffect)(()=>{
         const to_add = num_placeholders_() - existing_num;
         if (to_add <= 0) return;
@@ -785,22 +795,17 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({ displays_by_key_: displays_
             ];
         },
         children: (product_id, index)=>{
-            // We're using `untrack` here since we don't want to react in here to displays_by_key changing
-            // As long as our key stays the same we assume that the display hasn't changed, so we don't want to rerender
-            // If the key gets removed, <For> will remove us
             const owner = (0, $cV3wj$getOwner)();
             const display_accessor = (0, $cV3wj$createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $cV3wj$createResource)((0, $cV3wj$createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $cV3wj$createResource)(display_accessor, // re-render when the reference to the display object changes
+            // this should only be the case when the merchant or market changes and the new request has completed
+            (display)=>{
                 // get display in the function that re-runs when merchant or market have changed, since the display may have changed but product_id not
-                const display = (0, $cV3wj$untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $cV3wj$runWithOwner)(owner, ()=>(0, $cV3wj$createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $cV3wj$untrack)(merchant_),
+                    // this means that the merchant and market provided to the template is wrong while we do another fetch, but I don't see how anyone would need to know the correct market there
+                    market: (0, $cV3wj$untrack)(market_)
                 });
             });
             const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -956,7 +961,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
                     const random_id = (0, $cV3wj$make_random_classname)();
                     const selector_beginning_ = `.depict.plp #${random_id}>`;
                     const [get_styling, set_styling_] = (0, $cV3wj$createSignal)("");
-                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $cV3wj$createSignal)(false);
+                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $cV3wj$createSignal)(true);
                     const rendered_placeholders = (0, $cV3wj$createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $6e41f1fde994db72$export$f33414a4df0afd3f)({
                             product_card_template_: product_card_template_,
                             num_placeholders_: (0, $cV3wj$createMemo)(()=>{
@@ -1194,25 +1199,21 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
 
 
 
+
+
 const $f32e14878e75af51$var$_tmpl$ = [
-    "<div",
-    ' class="depict-slider depict"><div class="sliding ">',
-    "</div></div>"
-], $f32e14878e75af51$var$_tmpl$2 = [
     "<div",
     ">",
     "</div>"
 ];
-function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
-    // TODO: Actual SSR:able slider
-    if (0, $cV3wj$isServer) return (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(children));
+function $f32e14878e75af51$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
     const slider = new (0, $cV3wj$Amazing_Slider)({
         button_contents: {
             left: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {})))
             ],
             right: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {})))
             ]
         },
         constructor_plugins: [
@@ -1259,7 +1260,7 @@ const $1adfe60f3a14a1d7$var$_tmpl$ = [
     "<!--/--><span>",
     "</span></button>"
 ];
-function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , slider_arrow_button_: slider_arrow_button_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
+function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
     const { price_formatting_: price_formatting_  } = i18n_;
     const [read_selected_filters, write_selected_filters] = selected_filters_;
     const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $24e27fab9c821b86$export$5bad61ecde080b1f)({
@@ -1274,7 +1275,6 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                 },
                 get children () {
                     return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(i18n_.selected_filters_title_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                        button_: slider_arrow_button_,
                         slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
                         get children () {
                             return [
@@ -3460,6 +3460,7 @@ function $11d594c749b76228$export$cb808a3c41736d8e() {
 
 
 
+
 const $cdea4cf8c5c071ef$var$_tmpl$ = [
     "<div",
     ' class="filters"><div class="body">',
@@ -3618,7 +3619,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
         get children () {
             return (0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrStyle)(filters_closed() ? `` : `opacity:0`), (0, $cV3wj$escape)(num_selected_filters()));
         }
-    })), (0, $cV3wj$ssrAttribute)("tabindex", (0, $cV3wj$escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition"}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $cV3wj$ssrStyle)(filter_button_width_?.() ? {
+    })), (0, $cV3wj$ssrAttribute)("tabindex", (0, $cV3wj$escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $cV3wj$isServer) ? " minor" : "")}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $cV3wj$ssrStyle)(filter_button_width_?.() ? {
         width: filter_button_width_() + "px"
     } : {}), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
         get when () {
@@ -4124,7 +4125,7 @@ const $06edf3aec9073663$var$_tmpl$ = [
     ">",
     "</a>"
 ];
-function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
+function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
     let scrolling_logic_ran_for_query_id = false;
     let last_scroll_position;
     let scroll_to_element_on_dom_insertion;
@@ -4180,7 +4181,6 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
         get children () {
             return (0, $cV3wj$ssr)($06edf3aec9073663$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.quicklinks_aria_label_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
                 faded_opacity_: 0.5,
-                button_: slider_arrow_button_,
                 mutation_plugins_: mutation_plugins,
                 slider_ref_: (slider)=>{
                     const { insert_here: insert_here , intersecting_items_object: intersecting_items_object  } = slider;
@@ -4553,7 +4553,7 @@ const $df5d81d0fe61ff21$var$_tmpl$ = [
     "<!--/--><!--#-->",
     "<!--/--></div>"
 ];
-function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
+function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -4700,12 +4700,13 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     (0, $cV3wj$createRenderEffect)((0, $cV3wj$catchify)(async ()=>{
         const slim = is_slim_();
         const only_show_filters_opener = only_show_filters_opener_?.();
+        const owner = (0, $cV3wj$getOwner)();
         await set_results_filters(); // remove elements, wait one microtask for updates to have been committed to the DOM, otherwise we'd try to do illegal DOM operations
         // signals can't be read reactively anymore after the await FYI
-        set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
-            results_for,
-            filters_opener
-        ] : (0, $cV3wj$ssr)($df5d81d0fe61ff21$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener)));
+        (0, $cV3wj$runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
+                results_for,
+                filters_opener
+            ] : (0, $cV3wj$ssr)($df5d81d0fe61ff21$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener))));
     }));
     (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
         selected_filters_: selected_filters_,
@@ -4741,7 +4742,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                     quicklinks_data_: quicklinks_data_,
                     current_query_id_: query_id_,
                     router_: router_,
-                    slider_arrow_button_: slider_arrow_button_,
                     breadcrumb_data_: crumb_data_,
                     i18n_: i18n_
                 });
@@ -4759,7 +4759,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                             i18n_: i18n_,
                             selected_filters_: selected_filters_,
                             local_filter_cache_: local_filter_cache_,
-                            slider_arrow_button_: slider_arrow_button_,
                             search_filters_open_: category_filters_open_,
                             search_sorting_open_: category_sorting_open_,
                             number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -5154,7 +5153,6 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
 
 
 
-
 const $961b5c64bef4662f$var$_tmpl$ = [
     "<div",
     ' class="depict plp category">',
@@ -5234,11 +5232,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
                 router_: this.#router,
                 selected_filters_: selected_filters_,
                 current_sorting_: current_sorting_,
-                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-                slider_arrow_button_: (0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee)({
-                    height_: 12,
-                    width_: 6.46
-                })
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
             });
         });
     }
@@ -5252,7 +5246,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $16b52438165aafe2$export$23fca46f3143581f)(()=>{
-        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
+        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
         (0, $cV3wj$onCleanup)(reset_history_state_);
         return (0, $df5d81d0fe61ff21$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5271,7 +5265,6 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
             get_quicklinks_accessor_: (accessor)=>(0, $cV3wj$createComputed)(()=>quicklinks_signal_[1](accessor())),
             category_filters_open_: category_filters_open_,
             category_sorting_open_: category_sorting_open_,
-            slider_arrow_button_: slider_arrow_button_,
             expanded_filters_: expanded_filters_,
             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
             selected_filters_: selected_filters_,
@@ -5298,7 +5291,7 @@ function $961b5c64bef4662f$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
     });
 }
 function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ , slider_arrow_button_: slider_arrow_button_  } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
+    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_  } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
     return (0, $cV3wj$createComponent)($961b5c64bef4662f$var$InExternalAreaDiv, {
         get children () {
             return (0, $06edf3aec9073663$export$466cdc317043f6cb)({
@@ -5306,7 +5299,6 @@ function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_cat
                 quicklinks_data_: quicklinks_data_,
                 router_: router_,
                 current_query_id_: ()=>depict_category.category_id,
-                slider_arrow_button_: slider_arrow_button_,
                 breadcrumb_data_: breadcrumb_data_
             });
         }
@@ -5438,9 +5430,9 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 const $5c5f95951393e5d1$var$TEN_MINUTES = 600000;
 const $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS = 86400000;
-async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
+async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market, type) {
     let localstorage_value;
-    const localstorage_key = `depict_categories_` + market;
+    const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
     try {
         const in_ls = localStorage[localstorage_key];
         if (in_ls) localstorage_value = JSON.parse(in_ls);
@@ -5456,7 +5448,7 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
         return stored_queries;
         else if (age < $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS) {
             // if younger than a day, return stored value but still trigger re-fetch, so we have fresh data next page load (stale data this one but never a delay)
-            $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $cV3wj$report)([
+            $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $cV3wj$report)([
                     e,
                     "couldn't fetch categories"
                 ], "warning"));
@@ -5464,10 +5456,10 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
         }
     // else: we are older and just fetch, store and return new queries
     }
-    return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key);
+    return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
 }
-async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key) {
-    const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market);
+async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
+    const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market, type);
     try {
         localStorage[localstorage_key] = JSON.stringify({
             updated: +new Date(),
@@ -5481,12 +5473,15 @@ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market,
     }
     return new_categories;
 }
-async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
+async function $5c5f95951393e5d1$var$download_categories(tenant, market, type) {
     const fetched = await (0, $cV3wj$fetch_retry)((0, $cV3wj$base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
-            market: market
+            market: market,
+            ...type ? {
+                type: type
+            } : {}
         })
     });
     if (!fetched) return [];
@@ -6932,7 +6927,7 @@ const $793905995512612d$var$_tmpl$ = [
     ' class="category-suggestion">',
     "</div>"
 ];
-function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , slider_arrow_button_: slider_arrow_button_  }) {
+function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children  }) {
     const category_suggestions_ = (0, $cV3wj$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
         get when () {
@@ -6940,7 +6935,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
         },
         get children () {
             return (0, $cV3wj$ssr)($793905995512612d$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                button_: slider_arrow_button_,
                 faded_opacity_: 0.7,
                 get children () {
                     return (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
@@ -7023,7 +7017,7 @@ const $7097477c78a89208$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 function $7097477c78a89208$export$a54ec244c8863715(opts) {
-    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_  } = opts;
+    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_  } = opts;
     const [get_sorting] = current_sorting_;
     const all_products_loaded_ = (0, $cV3wj$createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -7143,13 +7137,14 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
     });
     const results_filters = (0, $cV3wj$createSignal)();
+    const owner = (0, $cV3wj$getOwner)();
     (0, $cV3wj$onCleanup)((0, $cV3wj$javascript_media_query)("(max-width:600px)", async ({ matches: matches  })=>{
         results_filters[1]();
         await new Promise((r)=>queueMicrotask(r));
-        results_filters[1](matches ? [
-            results_for,
-            filters_opener
-        ] : (0, $cV3wj$ssr)($7097477c78a89208$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener)));
+        (0, $cV3wj$runWithOwner)(owner, ()=>results_filters[1](matches ? [
+                results_for,
+                filters_opener
+            ] : (0, $cV3wj$ssr)($7097477c78a89208$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener))));
     }).remove);
     (0, $cV3wj$catchify)((0, $641bba2917fe862b$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
@@ -7178,7 +7173,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
             get children () {
                 return (0, $cV3wj$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
                     suggestions_: suggestions,
-                    slider_arrow_button_: slider_arrow_button_,
                     children: make_category_suggestion_card_
                 });
             }
@@ -7196,7 +7190,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
                             i18n_: i18n_,
                             selected_filters_: selected_filters_,
                             local_filter_cache_: local_filter_cache_,
-                            slider_arrow_button_: slider_arrow_button_,
                             search_filters_open_: search_filters_open_,
                             search_sorting_open_: search_sorting_open_,
                             number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -7316,7 +7309,6 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
-
 const $806c97b931758897$var$_tmpl$ = [
     "<div",
     ' class="depict plp search">',
@@ -7606,10 +7598,6 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 cols_at_size: (0, $b5cccc8ee7d24677$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
                 ...grid_spacing_override
             } : undefined,
-            slider_arrow_button_: (0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee)({
-                height_: 12,
-                width_: 6.46
-            }),
             product_card_template_: product_card_template
         });
     }, "Entire SearchPage failed");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "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",
   "main": "dist/client/main.js",
@@ -124,9 +124,9 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/plp-styling": "^1.0.14",
-    "@depict-ai/types": "^1.0.17",
-    "@depict-ai/utilishared": "^1.0.13",
+    "@depict-ai/plp-styling": "^1.0.16",
+    "@depict-ai/types": "^1.0.19",
+    "@depict-ai/utilishared": "^1.0.15",
     "solid-js": "^1.7.3"
   },
   "types": "dist/index.d.ts",