@depict-ai/ui 1.0.16 → 1.0.18

package/dist/client/module.js

@@ -1,8 +1,8 @@
 import {add_to_version_info as $gco9i$add_to_version_info, fetch_recs as $gco9i$fetch_recs, snakeCasifyObject as $gco9i$snakeCasifyObject, catchify as $gco9i$catchify, instant_exec_on_suspect_history_change as $gco9i$instant_exec_on_suspect_history_change, base_url as $gco9i$base_url, dlog as $gco9i$dlog, get_depict_id as $gco9i$get_depict_id, get_user_id as $gco9i$get_user_id, get_session_id as $gco9i$get_session_id, make_url_with_query_params as $gco9i$make_url_with_query_params, fetch_retry as $gco9i$fetch_retry, add_version_query_params as $gco9i$add_version_query_params, sort_obj as $gco9i$sort_obj, report as $gco9i$report, javascript_media_query as $gco9i$javascript_media_query, standard_price_format as $gco9i$standard_price_format, observer as $gco9i$observer, make_random_classname as $gco9i$make_random_classname, n_col_styling_with_dist as $gco9i$n_col_styling_with_dist, useExpandingContainer as $gco9i$useExpandingContainer, Amazing_Slider as $gco9i$Amazing_Slider, slider_snap_css as $gco9i$slider_snap_css, slider_fading_factory as $gco9i$slider_fading_factory, hsl_to_rgb as $gco9i$hsl_to_rgb, relative_luminance_from_rgb as $gco9i$relative_luminance_from_rgb, base64_encode_unicode as $gco9i$base64_encode_unicode, base64_decode_unicode as $gco9i$base64_decode_unicode, queueMacroTask as $gco9i$queueMacroTask, is_debug as $gco9i$is_debug, dwarn as $gco9i$dwarn, Layout as $gco9i$Layout, async_iterable_ipns as $gco9i$async_iterable_ipns, make_asyncIterable_exiter as $gco9i$make_asyncIterable_exiter, href_change_ipns as $gco9i$href_change_ipns, ContainedImage as $gco9i$ContainedImage, buildThresholdList as $gco9i$buildThresholdList, deparallelize_no_drop as $gco9i$deparallelize_no_drop, insert_surfaces as $gco9i$insert_surfaces} from "@depict-ai/utilishared";
-import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, spread as $gco9i$spread, mergeProps as $gco9i$mergeProps, runHydrationEvents as $gco9i$runHydrationEvents, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, insert as $gco9i$insert, isServer as $gco9i$isServer, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, delegateEvents as $gco9i$delegateEvents, classList as $gco9i$classList, style as $gco9i$style, Dynamic as $gco9i$Dynamic, className as $gco9i$className} from "solid-js/web";
+import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, spread as $gco9i$spread, mergeProps as $gco9i$mergeProps, runHydrationEvents as $gco9i$runHydrationEvents, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, insert as $gco9i$insert, isServer as $gco9i$isServer, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, delegateEvents as $gco9i$delegateEvents, classList as $gco9i$classList, style as $gco9i$style, className as $gco9i$className, Dynamic as $gco9i$Dynamic} from "solid-js/web";
 import {createSignal as $gco9i$createSignal, getOwner as $gco9i$getOwner, createRoot as $gco9i$createRoot, runWithOwner as $gco9i$runWithOwner, onCleanup as $gco9i$onCleanup, createComputed as $gco9i$createComputed, createRenderEffect as $gco9i$createRenderEffect, createEffect as $gco9i$createEffect, untrack as $gco9i$untrack, batch as $gco9i$batch, createResource as $gco9i$createResource, createMemo as $gco9i$createMemo, Show as $gco9i$Show, createReaction as $gco9i$createReaction, Suspense as $gco9i$Suspense, on as $gco9i$on, ErrorBoundary as $gco9i$ErrorBoundary, For as $gco9i$For, Index as $gco9i$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";
 
 
 
@@ -723,6 +723,7 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
 
 const $598245ecfe38f34b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $598245ecfe38f34b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
 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, $gco9i$getOwner)();
     return [
         (()=>{
             const _el$ = (0, $gco9i$getNextElement)($598245ecfe38f34b$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
@@ -733,14 +734,14 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
                 },
                 get children () {
                     const _el$3 = (0, $gco9i$getNextElement)($598245ecfe38f34b$var$_tmpl$);
-                    (0, $gco9i$addEventListener)(_el$3, "click", (0, $gco9i$catchify)(()=>(0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
-                            user_triggered_: true,
-                            selected_filters_: selected_filters_,
-                            also_clear_sorting_: false,
-                            expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                            i18n_: i18n_,
-                            local_filter_cache_: local_filter_cache_
-                        })), true);
+                    (0, $gco9i$addEventListener)(_el$3, "click", (0, $gco9i$catchify)(()=>(0, $gco9i$runWithOwner)(root, ()=>(0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
+                                user_triggered_: true,
+                                selected_filters_: selected_filters_,
+                                also_clear_sorting_: false,
+                                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                                i18n_: i18n_,
+                                local_filter_cache_: local_filter_cache_
+                            }))), true);
                     (0, $gco9i$insert)(_el$3, ()=>i18n_.try_without_filters_());
                     (0, $gco9i$runHydrationEvents)();
                     return _el$3;
@@ -830,11 +831,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, $gco9i$createSignal)([]);
     let existing_num = 0;
+    if (0, $gco9i$isServer) // want to render simple placeholders on server, effects don't run there
+    return (0, $gco9i$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, $gco9i$createRenderEffect)(()=>{
         const to_add = num_placeholders_() - existing_num;
         if (to_add <= 0) return;
@@ -1027,22 +1037,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, $gco9i$getOwner)();
             const display_accessor = (0, $gco9i$createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $gco9i$createResource)((0, $gco9i$createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $gco9i$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, $gco9i$untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $gco9i$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, $gco9i$untrack)(market_)
                 });
             });
             const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -1185,7 +1190,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
                         const random_id = (0, $gco9i$make_random_classname)();
                         const selector_beginning_ = `.depict.plp #${random_id}>`;
                         const [get_styling, set_styling_] = (0, $gco9i$createSignal)("");
-                        const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(false);
+                        const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(true);
                         const rendered_placeholders = (0, $gco9i$createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $6e41f1fde994db72$export$f33414a4df0afd3f)({
                                 product_card_template_: product_card_template_,
                                 num_placeholders_: (0, $gco9i$createMemo)(()=>{
@@ -1441,28 +1446,24 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
 
 
 
-const $f32e14878e75af51$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict-slider depict"><div class="sliding "></div></div>`, 4), $f32e14878e75af51$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2);
-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, $gco9i$isServer) return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$), _el$2 = _el$.firstChild;
-        (0, $gco9i$insert)(_el$2, children);
-        return _el$;
-    })();
+
+
+const $f32e14878e75af51$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2);
+function $f32e14878e75af51$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
     const slider = new (0, $gco9i$Amazing_Slider)({
         button_contents: {
             left: [
                 (()=>{
-                    const _el$3 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$2);
-                    (0, $gco9i$insert)(_el$3, ()=>button_.cloneNode(true));
-                    return _el$3;
+                    const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
+                    (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
+                    return _el$;
                 })()
             ],
             right: [
                 (()=>{
-                    const _el$4 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$2);
-                    (0, $gco9i$insert)(_el$4, ()=>button_.cloneNode(true));
-                    return _el$4;
+                    const _el$2 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
+                    (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
+                    return _el$2;
                 })()
             ]
         },
@@ -1487,7 +1488,7 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
 
 
 const $1adfe60f3a14a1d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-all-filters minor"></button>`, 2), $1adfe60f3a14a1d7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $1adfe60f3a14a1d7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $1adfe60f3a14a1d7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
-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)({
@@ -1504,7 +1505,6 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                     const _el$ = (0, $gco9i$getNextElement)($1adfe60f3a14a1d7$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, [_el$5, _co$] = (0, $gco9i$getNextMarker)(_el$4.nextSibling), _el$3 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, [_el$8, _co$2] = (0, $gco9i$getNextMarker)(_el$7.nextSibling);
                     (0, $gco9i$insert)(_el$2, ()=>i18n_.selected_filters_title_(), _el$5, _co$);
                     (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                        button_: slider_arrow_button_,
                         slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
                         get children () {
                             return [
@@ -1771,6 +1771,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
 
 
 
+
 async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_opts) {
     const body = await (0, $gco9i$observer).wait_for_element("body");
     let dispose_and_remove;
@@ -4215,7 +4216,8 @@ function $11d594c749b76228$export$cb808a3c41736d8e() {
 
 
 
-const $cdea4cf8c5c071ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $cdea4cf8c5c071ef$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="open-filters-button-container"><!#><!/><button class="filter toggle-button major-minor-transition" type="button"><!#><!/><span></span></button></div>`, 10), $cdea4cf8c5c071ef$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
+
+const $cdea4cf8c5c071ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $cdea4cf8c5c071ef$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10), $cdea4cf8c5c071ef$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
 function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_  }) {
     const Self = ()=>{
         // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -4367,6 +4369,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
                 search_sorting_open_[1](false);
             })), true);
         (0, $gco9i$setAttribute)(_el$16, "tabindex", tabindex_);
+        (0, $gco9i$className)(_el$16, "filter toggle-button major-minor-transition" + ((0, $gco9i$isServer) ? " minor" : ""));
         (0, $gco9i$insert)(_el$16, (0, $gco9i$createComponent)((0, $gco9i$Show), {
             get when () {
                 return filters_closed();
@@ -4852,7 +4855,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 const $06edf3aec9073663$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<nav class="quicklinks"></nav>`, 2), $06edf3aec9073663$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div>QuickLinks failed</div>`, 2), $06edf3aec9073663$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="quicklink"></a>`, 2);
-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;
@@ -4909,7 +4912,6 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
             const _el$ = (0, $gco9i$getNextElement)($06edf3aec9073663$var$_tmpl$);
             (0, $gco9i$insert)(_el$, (0, $gco9i$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;
@@ -5264,7 +5266,7 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-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_;
@@ -5416,17 +5418,18 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     (0, $gco9i$createRenderEffect)((0, $gco9i$catchify)(async ()=>{
         const slim = is_slim_();
         const only_show_filters_opener = only_show_filters_opener_?.();
+        const owner = (0, $gco9i$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
-        ] : (()=>{
-            const _el$8 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $gco9i$getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $gco9i$getNextMarker)(_el$11.nextSibling);
-            (0, $gco9i$insert)(_el$8, results_for, _el$10, _co$3);
-            (0, $gco9i$insert)(_el$8, filters_opener, _el$12, _co$4);
-            return _el$8;
-        })());
+        (0, $gco9i$runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
+                results_for,
+                filters_opener
+            ] : (()=>{
+                const _el$8 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $gco9i$getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $gco9i$getNextMarker)(_el$11.nextSibling);
+                (0, $gco9i$insert)(_el$8, results_for, _el$10, _co$3);
+                (0, $gco9i$insert)(_el$8, filters_opener, _el$12, _co$4);
+                return _el$8;
+            })()));
     }));
     (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
         selected_filters_: selected_filters_,
@@ -5466,7 +5469,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_
                     });
@@ -5487,7 +5489,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_,
@@ -5888,7 +5889,6 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
 
 
 
-
 const $961b5c64bef4662f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"></div>`, 2);
 const $961b5c64bef4662f$var$min_products_to_fetch_ = 20;
 const $961b5c64bef4662f$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -5969,11 +5969,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_
             });
         });
     }
@@ -5987,7 +5983,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, $gco9i$onCleanup)(reset_history_state_);
         return (0, $df5d81d0fe61ff21$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -6006,7 +6002,6 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
             get_quicklinks_accessor_: (accessor)=>(0, $gco9i$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_,
@@ -6033,7 +6028,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, $gco9i$createComponent)($961b5c64bef4662f$var$InExternalAreaDiv, {
         get children () {
             return (0, $06edf3aec9073663$export$466cdc317043f6cb)({
@@ -6041,7 +6036,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_
             });
         }
@@ -6175,9 +6169,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);
@@ -6193,7 +6187,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, $gco9i$report)([
+            $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $gco9i$report)([
                     e,
                     "couldn't fetch categories"
                 ], "warning"));
@@ -6201,10 +6195,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(),
@@ -6218,12 +6212,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, $gco9i$fetch_retry)((0, $gco9i$base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
-            market: market
+            market: market,
+            ...type ? {
+                type: type
+            } : {}
         })
     });
     if (!fetched) return [];
@@ -7924,7 +7921,7 @@ function $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal, sea
 
 
 const $793905995512612d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="category-suggestions"></div>`, 2), $793905995512612d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="category-suggestion"></div>`, 2);
-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, $gco9i$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $gco9i$createComponent)((0, $gco9i$Show), {
         get when () {
@@ -7933,7 +7930,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
         get children () {
             const _el$ = (0, $gco9i$getNextElement)($793905995512612d$var$_tmpl$);
             (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                button_: slider_arrow_button_,
                 faded_opacity_: 0.7,
                 get children () {
                     return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -8009,7 +8005,7 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 const $7097477c78a89208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $7097477c78a89208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
 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, $gco9i$createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -8129,18 +8125,19 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
     });
     const results_filters = (0, $gco9i$createSignal)();
+    const owner = (0, $gco9i$getOwner)();
     (0, $gco9i$onCleanup)((0, $gco9i$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
-        ] : (()=>{
-            const _el$ = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $gco9i$getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
-            (0, $gco9i$insert)(_el$, results_for, _el$3, _co$);
-            (0, $gco9i$insert)(_el$, filters_opener, _el$5, _co$2);
-            return _el$;
-        })());
+        (0, $gco9i$runWithOwner)(owner, ()=>results_filters[1](matches ? [
+                results_for,
+                filters_opener
+            ] : (()=>{
+                const _el$ = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $gco9i$getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
+                (0, $gco9i$insert)(_el$, results_for, _el$3, _co$);
+                (0, $gco9i$insert)(_el$, filters_opener, _el$5, _co$2);
+                return _el$;
+            })()));
     }).remove);
     (0, $gco9i$catchify)((0, $641bba2917fe862b$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
@@ -8172,7 +8169,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
                 get children () {
                     return (0, $gco9i$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
                         suggestions_: suggestions,
-                        slider_arrow_button_: slider_arrow_button_,
                         children: make_category_suggestion_card_
                     });
                 }
@@ -8192,7 +8188,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_,
@@ -8319,7 +8314,6 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
-
 const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
@@ -8605,10 +8599,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/dist/index.d.ts

@@ -7,7 +7,7 @@ import { SearchSuggestionsResponse, CategorySuggestion } from "@depict-ai/types/
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse } from "@depict-ai/types/api/ProductListingResponse";
-export const version = "1.0.16";
+export const version = "1.0.18";
 export function CrossIcon(props?: JSX.SvgSVGAttributes<SVGSVGElement>): SVGElement;
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
@@ -314,7 +314,13 @@ export function BreadCrumbs({ depict_category }: {
 export function QuickLinks({ depict_category }: {
     depict_category: DepictCategory;
 }): HTMLElement;
-export function get_categories(tenant: string, market: string): Promise<string[]>;
+/**
+ * Gets available categories/collections (query_ids for the product-listing endpoint) for a merchant
+ * @param tenant
+ * @param market
+ * @param type - optional, currently only setting this to "collection" will return collections instead of categories
+ */
+export function get_categories(tenant: string, market: string, type?: string): Promise<string[]>;
 type ImagePlaceholderBaseOptions = {
     style?: JSX.CSSProperties;
     class?: string;