@depict-ai/ui 1.1.1 → 1.1.3

package/dist/module.js

@@ -1,96 +1,8 @@
-import {
-    add_to_version_info as $kyEB6$add_to_version_info,
-    add_version_query_params as $kyEB6$add_version_query_params,
-    Amazing_Slider as $kyEB6$Amazing_Slider,
-    ArrowUp as $kyEB6$ArrowUp,
-    async_iterable_ipns as $kyEB6$async_iterable_ipns,
-    BackIcon as $kyEB6$BackIcon,
-    base64_decode_unicode as $kyEB6$base64_decode_unicode,
-    base64_encode_unicode as $kyEB6$base64_encode_unicode,
-    base_url as $kyEB6$base_url,
-    buildThresholdList as $kyEB6$buildThresholdList,
-    catchify as $kyEB6$catchify,
-    ContainedImage as $kyEB6$ContainedImage,
-    CrossIcon as $kyEB6$CrossIcon,
-    deparallelize_no_drop as $kyEB6$deparallelize_no_drop,
-    dlog as $kyEB6$dlog,
-    dwarn as $kyEB6$dwarn,
-    fetch_recs as $kyEB6$fetch_recs,
-    fetch_retry as $kyEB6$fetch_retry,
-    FilterIcon as $kyEB6$FilterIcon,
-    GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton,
-    get_depict_id as $kyEB6$get_depict_id,
-    get_session_id as $kyEB6$get_session_id,
-    get_user_id as $kyEB6$get_user_id,
-    href_change_ipns as $kyEB6$href_change_ipns,
-    hsl_to_rgb as $kyEB6$hsl_to_rgb,
-    insert_surfaces as $kyEB6$insert_surfaces,
-    instant_exec_on_suspect_history_change as $kyEB6$instant_exec_on_suspect_history_change,
-    is_debug as $kyEB6$is_debug,
-    javascript_media_query as $kyEB6$javascript_media_query,
-    Layout as $kyEB6$Layout,
-    make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter,
-    make_random_classname as $kyEB6$make_random_classname,
-    make_url_with_query_params as $kyEB6$make_url_with_query_params,
-    MinusIcon as $kyEB6$MinusIcon,
-    n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist,
-    observer as $kyEB6$observer,
-    PlusIcon as $kyEB6$PlusIcon,
-    PreviousSearchIcon as $kyEB6$PreviousSearchIcon,
-    queueMacroTask as $kyEB6$queueMacroTask,
-    relative_luminance_from_rgb as $kyEB6$relative_luminance_from_rgb,
-    report as $kyEB6$report,
-    SearchIcon as $kyEB6$SearchIcon,
-    slider_fading_factory as $kyEB6$slider_fading_factory,
-    slider_snap_css as $kyEB6$slider_snap_css,
-    snakeCasifyObject as $kyEB6$snakeCasifyObject,
-    sort_obj as $kyEB6$sort_obj,
-    SortIconAsc as $kyEB6$SortIconAsc,
-    SortIconDesc as $kyEB6$SortIconDesc,
-    standard_price_format as $kyEB6$standard_price_format,
-    TickIcon as $kyEB6$TickIcon,
-    useExpandingContainer as $kyEB6$useExpandingContainer
-} from "@depict-ai/utilishared";
-import {
-    addEventListener as $kyEB6$addEventListener,
-    classList as $kyEB6$classList,
-    className as $kyEB6$className,
-    createComponent as $kyEB6$createComponent,
-    delegateEvents as $kyEB6$delegateEvents,
-    Dynamic as $kyEB6$Dynamic,
-    effect as $kyEB6$effect,
-    insert as $kyEB6$insert,
-    memo as $kyEB6$memo,
-    mergeProps as $kyEB6$mergeProps,
-    setAttribute as $kyEB6$setAttribute,
-    spread as $kyEB6$spread,
-    style as $kyEB6$style,
-    template as $kyEB6$template,
-    use as $kyEB6$use
-} from "solid-js/web";
-import {
-    batch as $kyEB6$batch,
-    createComputed as $kyEB6$createComputed,
-    createEffect as $kyEB6$createEffect,
-    createMemo as $kyEB6$createMemo,
-    createReaction as $kyEB6$createReaction,
-    createRenderEffect as $kyEB6$createRenderEffect,
-    createResource as $kyEB6$createResource,
-    createRoot as $kyEB6$createRoot,
-    createSignal as $kyEB6$createSignal,
-    ErrorBoundary as $kyEB6$ErrorBoundary,
-    For as $kyEB6$For,
-    getOwner as $kyEB6$getOwner,
-    Index as $kyEB6$Index,
-    on as $kyEB6$on,
-    onCleanup as $kyEB6$onCleanup,
-    runWithOwner as $kyEB6$runWithOwner,
-    Show as $kyEB6$Show,
-    Suspense as $kyEB6$Suspense,
-    untrack as $kyEB6$untrack
-} from "solid-js";
-
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.14";
+import {add_to_version_info as $kyEB6$add_to_version_info, fetch_recs as $kyEB6$fetch_recs, snakeCasifyObject as $kyEB6$snakeCasifyObject, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, catchify as $kyEB6$catchify, instant_exec_on_suspect_history_change as $kyEB6$instant_exec_on_suspect_history_change, base_url as $kyEB6$base_url, dlog as $kyEB6$dlog, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, add_version_query_params as $kyEB6$add_version_query_params, sort_obj as $kyEB6$sort_obj, Placeholder as $kyEB6$Placeholder, report as $kyEB6$report, javascript_media_query as $kyEB6$javascript_media_query, standard_price_format as $kyEB6$standard_price_format, observer as $kyEB6$observer, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, hsl_to_rgb as $kyEB6$hsl_to_rgb, relative_luminance_from_rgb as $kyEB6$relative_luminance_from_rgb, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, base64_encode_unicode as $kyEB6$base64_encode_unicode, base64_decode_unicode as $kyEB6$base64_decode_unicode, queueMacroTask as $kyEB6$queueMacroTask, is_debug as $kyEB6$is_debug, dwarn as $kyEB6$dwarn, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, async_iterable_ipns as $kyEB6$async_iterable_ipns, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, href_change_ipns as $kyEB6$href_change_ipns, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, PreviousSearchIcon as $kyEB6$PreviousSearchIcon, insert_surfaces as $kyEB6$insert_surfaces} from "@depict-ai/utilishared";
+import {template as $kyEB6$template, insert as $kyEB6$insert, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, createComponent as $kyEB6$createComponent, use as $kyEB6$use, memo as $kyEB6$memo, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, spread as $kyEB6$spread, classList as $kyEB6$classList, style as $kyEB6$style, Dynamic as $kyEB6$Dynamic, mergeProps as $kyEB6$mergeProps, className as $kyEB6$className} from "solid-js/web";
+import {createSignal as $kyEB6$createSignal, getOwner as $kyEB6$getOwner, createRoot as $kyEB6$createRoot, runWithOwner as $kyEB6$runWithOwner, onCleanup as $kyEB6$onCleanup, createComputed as $kyEB6$createComputed, createRenderEffect as $kyEB6$createRenderEffect, createEffect as $kyEB6$createEffect, untrack as $kyEB6$untrack, batch as $kyEB6$batch, createResource as $kyEB6$createResource, createMemo as $kyEB6$createMemo, Show as $kyEB6$Show, createReaction as $kyEB6$createReaction, Suspense as $kyEB6$Suspense, on as $kyEB6$on, ErrorBoundary as $kyEB6$ErrorBoundary, For as $kyEB6$For, Index as $kyEB6$Index} from "solid-js";
+
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.1.0";
 
 
 
@@ -232,10 +144,23 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $kyEB6$fetch_retry)((0, $kyEB6$add_version_query_params)(endpoint1), {
+            let search_results = await (0, $kyEB6$fetch_retry)((0, $kyEB6$add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
+            if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
+            // This will retry the request without the collection type if the first request fails
+            {
+                if (!search_results || search_results?.status === 404) {
+                    (0, $kyEB6$dlog)("Fallback request for collections due to failure");
+                    const fallback_body = JSON.parse(body);
+                    delete fallback_body.type;
+                    search_results = await (0, $kyEB6$fetch_retry)((0, $kyEB6$add_version_query_params)(endpoint1), {
+                        method: "POST",
+                        body: JSON.stringify(fallback_body)
+                    });
+                }
+            }
             if (!search_results || search_results.status !== 200) {
                 const retval = fallback_response(input_req);
                 resolve_in_progress(retval);
@@ -1048,22 +973,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, $kyEB6$getOwner)();
             const display_accessor = (0, $kyEB6$createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $kyEB6$createResource)((0, $kyEB6$createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $kyEB6$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, $kyEB6$untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $kyEB6$runWithOwner)(owner, ()=>(0, $kyEB6$createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $kyEB6$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, $kyEB6$untrack)(market_)
                 });
             });
             const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -3240,52 +3160,6 @@ function $84d6cd10bb7b1589$export$ab34afce88557c0e(props) {
 
 
 
-
-
-
-
-
-const $d20eff0aadc28983$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<span></span>`, 2);
-function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
-    return (()=>{
-        const _el$ = $d20eff0aadc28983$var$_tmpl$.cloneNode(true);
-        (0, $kyEB6$effect)((_p$)=>{
-            const _v$ = `depict-placeholder ${props.class || ""}`, _v$2 = props.style;
-            _v$ !== _p$._v$ && (0, $kyEB6$className)(_el$, _p$._v$ = _v$);
-            _p$._v$2 = (0, $kyEB6$style)(_el$, _v$2, _p$._v$2);
-            return _p$;
-        }, {
-            _v$: undefined,
-            _v$2: undefined
-        });
-        return _el$;
-    })();
-}
-
-
-
-function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
-    const style = (0, $kyEB6$createMemo)(()=>{
-        const { style: style , height: height , width: width  } = props;
-        return {
-            ...style || {},
-            height: height ?? "1em",
-            ...width && {
-                width: width
-            }
-        };
-    });
-    return (0, $kyEB6$createComponent)((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
-        get style () {
-            return style();
-        },
-        get ["class"] () {
-            return props.class;
-        }
-    });
-}
-
-
 const $fab07f52c9861732$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<button class="clear-group"><span></span></button>`, 4), $fab07f52c9861732$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="view-more-clear"></div>`, 2), $fab07f52c9861732$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $fab07f52c9861732$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<details class="filter-collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $fab07f52c9861732$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<button class="clear-all-filters major"></button>`, 2);
 function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3298,7 +3172,7 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
                 length: 5
             }).map(()=>(()=>{
                     const _el$ = $fab07f52c9861732$var$_tmpl$.cloneNode(true);
-                    (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                    (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                         width: "100%",
                         height: "50px"
                     }));
@@ -3528,7 +3402,6 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
 
 
 
-
 const $68a258a92b88f02f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="sorting-attributes"></div>`, 2), $68a258a92b88f02f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="sorting-direction"></div>`, 2), $68a258a92b88f02f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $68a258a92b88f02f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
 function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: [get_current_sorting, set_current_sorting] , meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_  }) {
     const title_radio_name = (0, $kyEB6$make_random_classname)();
@@ -3545,7 +3418,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: availa
                     }).map(()=>(()=>{
                             const _el$4 = $68a258a92b88f02f$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
                             _el$6.disabled = true;
-                            (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                            (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                                 height: "1.2em",
                                 width: "100%"
                             }), null);
@@ -4626,7 +4499,6 @@ function $4147651646da990a$export$43cd1e747fecd42e(to_url, set_clearing_flag, fr
 }
 
 
-
 const $dfa5b6f7c5e421df$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<nav class="crumbs"></nav>`, 2), $dfa5b6f7c5e421df$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<a class="crumb"></a>`, 2), $dfa5b6f7c5e421df$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<span class="separator"></span>`, 2);
 function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , router_: router_ , i18n_: i18n_  }) {
     const placeholder_crumb_data = [
@@ -4652,7 +4524,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                                 return display_accessor();
                             },
                             get fallback () {
-                                return (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                                return (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                                     height: "calc(1em + 1px)",
                                     width: "10ch"
                                 });
@@ -4705,7 +4577,6 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 
-
 const $06edf3aec9073663$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<nav class="quicklinks"></nav>`, 2), $06edf3aec9073663$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div>QuickLinks failed</div>`, 2), $06edf3aec9073663$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$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_  }) {
     let scrolling_logic_ran_for_query_id = false;
@@ -4858,7 +4729,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                                         category_query_id_: display_accessor()?.query_id
                                     });
                                 }), true);
-                                (0, $kyEB6$insert)(_el$3, ()=>display_accessor()?.title || (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                                (0, $kyEB6$insert)(_el$3, ()=>display_accessor()?.title || (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                                         height: "1em",
                                         width: "10ch"
                                     }));
@@ -5112,9 +4983,8 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 ]);
 
 
-
 const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="product-count"> </div>`, 2), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-results-for-one-row"></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
-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_ , listing_type_: listing_type_ , 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_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5139,6 +5009,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             tenant: tenant_(),
             market: market_(),
             query_id: query_id_(),
+            type: listing_type_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -5189,7 +5060,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get children () {
                     return [
                         " ",
-                        (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                        (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                             height: "1em",
                             width: "3ch"
                         })
@@ -5640,7 +5511,8 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
         router_.navigate_.go_to_({
             is_replace_: true,
             new_url_: url_object.href,
-            force_spa_navigation_: true
+            force_spa_navigation_: true,
+            scroll: false
         });
     }, {
         defer: true
@@ -5700,7 +5572,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
      * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
      * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
      * @param category_query_id_ If you are navigating to a category and know the query_id of, please provide it. This is for making a better devEx in js-ui
-     */ go_to_: (0, $kyEB6$catchify)(async ({ new_url_: raw_new_url , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_  })=>{
+     */ go_to_: (0, $kyEB6$catchify)(async ({ new_url_: raw_new_url , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_ , scroll: scroll = true  })=>{
             const new_url_ = raw_new_url instanceof URL ? raw_new_url : new URL(raw_new_url, location.origin);
             const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
             if (this.#dont_attempt_navigation(event_)) return;
@@ -5722,7 +5594,8 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
                 history[is_replace_ ? "replaceState" : "pushState"](new_state, "", new_url_);
             } else this.#throwing_on_navigation.call(this, {
                 is_replace: is_replace_,
-                new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_, location.origin)
+                new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_, location.origin),
+                scroll: scroll
             });
             await promise;
         })
@@ -5748,6 +5621,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     #merchant_signal = (0, $kyEB6$createSignal)();
     #market_signal = (0, $kyEB6$createSignal)();
     #query_id_signal = (0, $kyEB6$createSignal)("");
+    #listing_type_signal = (0, $kyEB6$createSignal)();
     static #has_been_constructed = false;
     get localization() {
         // allow reactive access
@@ -5774,6 +5648,12 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     set market(market) {
         this.#market_signal[1](market);
     }
+    get listing_type() {
+        return this.#listing_type_signal[0]();
+    }
+    set listing_type(listing_type) {
+        this.#listing_type_signal[1](listing_type);
+    }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
         return this.#router.on_navigation_;
@@ -5839,6 +5719,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
             min_products_to_fetch_: $961b5c64bef4662f$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
+            listing_type_: ()=>depict_category.listing_type,
             i18n_: i18n_,
             show_quicklinks_: show_quicklinks,
             category_title_: category_title,
@@ -5907,7 +5788,7 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
             const _el$ = $e4615ecd1849548f$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-            (0, $kyEB6$insert)(_el$2, ()=>category_title_() || (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+            (0, $kyEB6$insert)(_el$2, ()=>category_title_() || (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                     height: "1em",
                     width: "10ch"
                 }));
@@ -6085,45 +5966,14 @@ async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
 
 
 
-
-
-function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
-    const style = (0, $kyEB6$createMemo)(()=>{
-        const { style: style , height: height , width: width , aspectRatio: aspectRatio  } = props;
-        const is_image = aspectRatio != undefined;
-        const size_data = is_image ? {
-            width: "100%",
-            "padding-bottom": 1 / aspectRatio * 100 + "%"
-        } : {
-            width: width,
-            height: height
-        };
-        return {
-            display: "block",
-            ...style || {},
-            ...size_data
-        };
-    });
-    return (0, $kyEB6$createComponent)((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
-        get style () {
-            return style();
-        },
-        get ["class"] () {
-            return props.class;
-        }
-    });
-}
-
-
-
 const $bb15dfb548a7666e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
 function $bb15dfb548a7666e$export$ee1733d9a8495996() {
     return (()=>{
         const _el$ = $bb15dfb548a7666e$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
-        (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $7f60f09116a3fe61$export$3f37af283f8fb843), {
-            aspectRatio: 1
+        (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $kyEB6$ContainedPlaceholderImage), {
+            aspect_ratio: 1
         }));
-        (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+        (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
             width: "20ch",
             height: "1em"
         }));
@@ -6591,7 +6441,8 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = (display_or_variant_container,
             sizes: "0px"
         }));
     const is_sale = (0, $kyEB6$createMemo)(()=>display().sale_price !== display().original_price);
-    const href = (0, $kyEB6$createMemo)(()=>display().page_url);
+    // localized_page_url currently only used by MayaDelorez, but potentially more. Convenience to avoid requireing full frontend URL transformation.
+    const href = (0, $kyEB6$createMemo)(()=>display().localized_page_url || display().page_url);
     return (()=>{
         const _el$ = $e003be2a50d9e5bc$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$9 = _el$7.firstChild;
         (0, $kyEB6$addEventListener)(_el$, "click", (0, $kyEB6$catchify)((event_)=>router_.navigate_.go_to_({
@@ -7706,7 +7557,7 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
                         get fallback () {
                             return (()=>{
                                 const _el$2 = $793905995512612d$var$_tmpl$2.cloneNode(true);
-                                (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+                                (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
                                     height: "19px",
                                     width: "133px"
                                 }));
@@ -7768,9 +7619,28 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
+
+
+function $1801dbce7adb3f19$export$41b4894022a3580f({ style_props_: style_props_ = (0, $kyEB6$createSignal)({})  } = {}) {
+    const [, set_style_props] = style_props_;
+    const supports_hover = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
+    const desktop_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 790px)");
+    const mobile_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 1000px)");
+    const transform_y = (0, $kyEB6$createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
+    set_style_props({
+        position: "fixed",
+        top: "50%"
+    });
+    (0, $kyEB6$createComputed)(()=>set_style_props((old_value)=>({
+                ...old_value,
+                transform: transform_y() ? "translateY(-50%)" : "unset"
+            })));
+    return style_props_;
+}
+
+
 const $7097477c78a89208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-results-for-one-row"></div>`, 2), $7097477c78a89208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
-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;
+function $7097477c78a89208$export$a54ec244c8863715({ 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_ , modal_body_style_ref_: modal_body_style_ref_  }) {
     const [get_sorting] = current_sorting_;
     const all_products_loaded_ = (0, $kyEB6$createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -7823,42 +7693,8 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
             })));
     const available_filters_ = (0, $kyEB6$createMemo)(()=>search_results_()?.filters);
     const modal_body_style = (0, $kyEB6$createSignal)({});
-    let search_field;
-    if (include_input_field_) {
-        const SafeSearchField = (0, $kyEB6$catchify)((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
-        let input_element;
-        let div_with_field_class;
-        search_field = SafeSearchField({
-            i18n_: i18n_,
-            search_field_value_: search_field_value_,
-            submit_query_: submit_query_,
-            clear_filters_: clear_filters_on_next_submit_,
-            input_field_ref_: (el)=>input_element = el,
-            field_element_ref_: (el)=>div_with_field_class = el,
-            disabled_: true
-        });
-        if (search_field) {
-            opts?.modal_body_style_ref_?.(modal_body_style);
-            const align_position = (0, $kyEB6$catchify)((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, search_field, undefined, true);
-            div_with_field_class.addEventListener("click", (0, $kyEB6$catchify)((e)=>{
-                const target = e.target;
-                const sel = ".submit";
-                if (target?.matches?.(sel) || target?.closest?.(sel)) // the search button is just decor, don't do anything when clicked
-                return;
-                // When selecting text in the SearchField that's in the page we want the same selection to persist. It doesn't by itself, since the SearchModal has an entirely different SearchField. Therefore, we manually copy the selection over.
-                const selected_text_range_ = [
-                    input_element.selectionStart,
-                    input_element.selectionEnd
-                ];
-                align_position?.();
-                open_modal_({
-                    style_props_: modal_body_style,
-                    selected_text_range_: selected_text_range_
-                }, ()=>include_input_field_?.on_close_?.());
-                include_input_field_?.on_open_?.();
-            }));
-        }
-    }
+    const [get_search_field_elements, set_search_field_elements] = (0, $kyEB6$createSignal)();
+    const SafeSearchField = (0, $kyEB6$catchify)((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
     const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $kyEB6$createSignal)(false);
     const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $kyEB6$createSignal)();
     const formatted_number_of_results_ = (0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
@@ -7922,11 +7758,60 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         get_search_query_();
         (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
     });
+    (0, $kyEB6$createEffect)(()=>{
+        // reactive include_input_field
+        // this uses ~7 variables from outer scope which is why I didn't refactor it into a function
+        add_input_field: {
+            const input_field_accessor_value = include_input_field_?.() ?? true; // default to showing input field
+            if (!input_field_accessor_value) break add_input_field;
+            let input_element;
+            let div_with_field_class;
+            const search_field = SafeSearchField({
+                i18n_: i18n_,
+                search_field_value_: search_field_value_,
+                submit_query_: submit_query_,
+                clear_filters_: clear_filters_on_next_submit_,
+                input_field_ref_: (el)=>input_element = el,
+                field_element_ref_: (el)=>div_with_field_class = el,
+                disabled_: true
+            });
+            if (!search_field) break add_input_field;
+            modal_body_style[1]({});
+            modal_body_style_ref_?.(modal_body_style);
+            const align_position = (0, $kyEB6$catchify)((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, search_field, undefined, true);
+            div_with_field_class.addEventListener("click", (0, $kyEB6$catchify)((e)=>{
+                const target = e.target;
+                const sel = ".submit";
+                if (target?.matches?.(sel) || target?.closest?.(sel)) // the search button is just decor, don't do anything when clicked
+                return;
+                // When selecting text in the SearchField that's in the page we want the same selection to persist. It doesn't by itself, since the SearchModal has an entirely different SearchField. Therefore, we manually copy the selection over.
+                const selected_text_range_ = [
+                    input_element.selectionStart,
+                    input_element.selectionEnd
+                ];
+                align_position?.();
+                open_modal_({
+                    style_props_: modal_body_style,
+                    selected_text_range_: selected_text_range_
+                }, ()=>input_field_accessor_value?.on_close_?.());
+                input_field_accessor_value?.on_open_?.();
+            }));
+            set_search_field_elements(search_field);
+            return;
+        }
+        // We bailed out of adding the input field
+        set_search_field_elements();
+        // There *might* still be a modal open, either from depict_search.modal_open = true or clicking the SearchField which existed here. Said modal now doesn't have anything to align to anymore - it will still try to align to the style_props_ which it got through the modal_body_style_ref_ which are now no longer updated.
+        // In that case, we write what's needed to center the modal to the modal_body_style for the lifetime of this effect function call to make sure the modal is centered and the UI doesn't look "botched".
+        (0, $1801dbce7adb3f19$export$41b4894022a3580f)({
+            style_props_: modal_body_style
+        });
+    });
     return [
         document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $7097477c78a89208$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-            (0, $kyEB6$insert)(_el$3, search_field, null);
+            (0, $kyEB6$insert)(_el$3, get_search_field_elements, null);
             (0, $kyEB6$insert)(_el$3, make_category_suggestion_card_ ? (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
                 severity_: "error",
                 message_: "Category suggestions failed",
@@ -8054,7 +7939,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
 
 
 
-
 function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
     const style_element = document.createElement("style");
     document.head.append(style_element);
@@ -8079,6 +7963,7 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
+
 const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$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.
@@ -8221,18 +8106,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
                         return;
                     }
                     // Open centered modal
-                    const supports_hover = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
-                    const desktop_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 790px)");
-                    const mobile_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 1000px)");
-                    const transform_y = (0, $kyEB6$createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
-                    const style_props_ = (0, $kyEB6$createSignal)({
-                        position: "fixed",
-                        top: "50%"
-                    });
-                    (0, $kyEB6$createComputed)(()=>style_props_[1]((old_value)=>({
-                                ...old_value,
-                                transform: transform_y() ? "translateY(-50%)" : "unset"
-                            })));
+                    const style_props_ = (0, $1801dbce7adb3f19$export$41b4894022a3580f)();
                     if (signal_value_is_options) {
                         const [options_arg, ...rest] = open_signal_value;
                         open_modal_({
@@ -8300,7 +8174,8 @@ function $806c97b931758897$var$get_shared_properties(depict_search) {
     if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
     return shared_properties;
 }
-function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , extra_depict_options: extra_depict_options  }) {
+function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
+    const { depict_search: depict_search , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , extra_depict_options: extra_depict_options  } = props;
     const shared_properties = $806c97b931758897$var$get_shared_properties(depict_search);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
@@ -8354,7 +8229,7 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             selected_filters_: shared_properties.selected_filters_,
             showing_recommendation_rows_: state_.search_showing_recommendation_rows,
             scroll_restoration_data_: state_.search_scroll_restoration_data,
-            include_input_field_: include_input_field,
+            include_input_field_: ()=>props.include_input_field,
             layout_options_: {
                 cols_at_size: (0, $b5cccc8ee7d24677$export$6daf8749b65a1b77)(cols_at_size),
                 ...grid_spacing_override
@@ -8559,9 +8434,6 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
 
 
 
-
-
-
 class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
     #stop_listening;
     #disconnect_observer;
@@ -8740,4 +8612,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
 (0, $kyEB6$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
 
 
-export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};
+export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};