@depict-ai/ui 0.0.45 → 0.0.49

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestions
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse, BaseCategoryDisplay } from "@depict-ai/types/api/ProductListingResponse";
 import { JSX as _JSX1 } from "solid-js/types/jsx";
-export const version = "0.0.45";
+export const version = "0.0.49";
 type ExclusiveId = {
     categoryId: string;
     productId?: undefined;
@@ -135,7 +135,7 @@ interface search_i18n extends plp_shared_i18n {
     category_: string;
     suggestions_: string;
     search_submit_button_aria_label_: string;
-    query_input_field_aria_label_: string;
+    search_field_field_aria_label_: string;
     previous_searches_delete_entry_from_history_: string;
 }
 /**
@@ -150,20 +150,12 @@ interface category_i18n extends plp_shared_i18n {
     quicklinks_aria_label_: string;
     breadcrumbs_separator_: string;
 }
-/**
- * Depict UI internationalisation
- */
-export interface Locale extends category_i18n, search_i18n {
-}
 export type InstantCard<T extends Display> = (display: T, context: {
     index: number;
     i18n: _search_i18n1;
     merchant: string;
     market: string;
 }) => JSX.Element;
-export function add_to_version_info(stuff_to_add: {
-    [key: string]: string;
-}): void;
 export class DepictAPI {
     #private;
     constructor(get_metadata?: () => Promise<{
@@ -293,11 +285,11 @@ export type RenderCategorySuggestion = (category_suggestion: Accessor<CategorySu
     data: WithRequired<SearchFilter, "data">["data"];
 }[]>) => JSX.Element;
 /**
- * Connects the height of the query input to the height of the aligner.
+ * Connects the height of the search field to the height of the aligner.
  * @param aligner
  * @returns
  */
-export function connect_query_input_height_to_aligner_height(aligner: HTMLElement): {
+export function connect_search_field_height_to_aligner_height(aligner: HTMLElement): {
     cleanup: () => void;
 };
 type ConstructorOptions<T extends Display> = {
@@ -356,7 +348,7 @@ interface SearchFieldParams {
     click_handler?: (this: HTMLDivElement, ev: MouseEvent) => any;
     aligner_ref?: HTMLElement | null;
 }
-export function SearchField({ depict_search, modal_dispose_handler, click_handler, aligner_ref }: SearchFieldParams): Node_Array;
+export function SearchField({ depict_search, modal_dispose_handler, click_handler, aligner_ref, }: SearchFieldParams): Node_Array;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
     readonly render_: (is_prerendering: boolean) => Node_Array;

package/dist/main.js

@@ -17,7 +17,7 @@ $parcel$export(module.exports, "CategoryPage", () => $068a627cc18f7bb6$export$e2
 $parcel$export(module.exports, "DepictSearch", () => $79fbf145b15af988$export$ac6237957a15b3f0);
 $parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $79fbf145b15af988$export$bde3eb976dfded9);
 $parcel$export(module.exports, "SearchPage", () => $79fbf145b15af988$export$f2dc7e4e4aa11abb);
-$parcel$export(module.exports, "SearchField", () => $79fbf145b15af988$export$b94867ecbd698f21);
+$parcel$export(module.exports, "SearchField", () => $79fbf145b15af988$export$316f6f283ae64765);
 $parcel$export(module.exports, "DefaultInstantCardPlaceholder", () => $17c49340edfdbb31$export$ee1733d9a8495996);
 $parcel$export(module.exports, "align_field", () => $67b60b572b7b7059$export$b3ad617e9036868);
 $parcel$export(module.exports, "styles_to_valid_css_string", () => $d3c94b3b96557917$export$1233ca167bf71f9a);
@@ -25,16 +25,15 @@ $parcel$export(module.exports, "disable_scrolling", () => $fa41c421eb980e23$expo
 $parcel$export(module.exports, "open_search_with_shift_slash", () => $308e64f91bb9f839$export$d0596b5cae35ad4);
 $parcel$export(module.exports, "push_state_with_query_param_value", () => $405647fc79da2849$export$26df08e242fe83a3);
 $parcel$export(module.exports, "DepictAPI", () => $9ce64f69303c371e$export$e015ed2f2950f2e3);
-$parcel$export(module.exports, "add_to_version_info", () => $72835d7ac907c037$export$2cefb7e61fcbae00);
 $parcel$export(module.exports, "media_query_to_accessor", () => $beec9d22e42ed2cf$export$d9f36cf74e24d595);
 $parcel$export(module.exports, "setup_fast_leave", () => $d589470b68ce5b67$export$689e204eadb33baf);
 $parcel$export(module.exports, "show_toast", () => $b3e6a0e9382bf87e$export$5196e4c01fa56fcb);
 $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$export$469c7af753d08925);
-$parcel$export(module.exports, "connect_query_input_height_to_aligner_height", () => $94360f5c066c55b9$export$bec48a3a3ca6bc09);
+$parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ 
-const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.45";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.49";
+
 
 
 
@@ -104,15 +103,6 @@ function $0de081f67b6d15b5$export$9862539c89138352(get_default_values) {
 
 
 
-
-/**
- * Adds things to the object we send to backend as a header to report the package versions used
- */ const $72835d7ac907c037$export$89a2f5e6eb5005b6 = {};
-function $72835d7ac907c037$export$2cefb7e61fcbae00(stuff_to_add) {
-    Object.assign($72835d7ac907c037$export$89a2f5e6eb5005b6, stuff_to_add);
-}
-
-
 const $9ce64f69303c371e$var$v2_base_url = (0, $46MJV$depictaiutilishared.base_url) + "/v2/";
 const $9ce64f69303c371e$var$search_base_url = $9ce64f69303c371e$var$v2_base_url + "search/";
 const $9ce64f69303c371e$var$add_ids_to_request = (input_req)=>{
@@ -145,12 +135,7 @@ class $9ce64f69303c371e$export$e015ed2f2950f2e3 {
     async suggest(input_req) {
         const request = $9ce64f69303c371e$var$add_ids_to_request(input_req);
         const url = (0, $46MJV$depictaiutilishared.make_url_with_query_params)($9ce64f69303c371e$var$search_base_url + "suggestions", request);
-        const results = await (0, $46MJV$depictaiutilishared.fetch_retry)(url, {
-            headers: {
-                "Content-Type": "text/plain",
-                ...$9ce64f69303c371e$var$get_version_headers()
-            }
-        });
+        const results = await (0, $46MJV$depictaiutilishared.fetch_retry)((0, $46MJV$depictaiutilishared.add_version_query_params)(url));
         attempt_to_return_api_response: {
             if (!results) break attempt_to_return_api_response;
             const decoded_json = await results.json();
@@ -177,11 +162,7 @@ class $9ce64f69303c371e$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $46MJV$depictaiutilishared.fetch_retry)(endpoint1, {
-                headers: {
-                    "Content-Type": "text/plain",
-                    ...$9ce64f69303c371e$var$get_version_headers()
-                },
+            const search_results = await (0, $46MJV$depictaiutilishared.fetch_retry)((0, $46MJV$depictaiutilishared.add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
@@ -227,23 +208,12 @@ class $9ce64f69303c371e$export$e015ed2f2950f2e3 {
             }));
     }
     async get_recommended(input_req) {
+        // @ts-ignore ModernDisplay doesn't have arbitrary string access, and we'd like it to stay that way
         return await this.#cached_post_request($9ce64f69303c371e$var$search_base_url + "related", input_req, ()=>({
                 displays: []
             }));
     }
 }
-function $9ce64f69303c371e$var$get_version_headers() {
-    // We can't use any header name or the browser will make an OPTIONS request which will slow down search a lot
-    const version_object = {
-        ...(0, $72835d7ac907c037$export$89a2f5e6eb5005b6),
-        "@depict-ai/utilishared": (0, $46MJV$depictaiutilishared.version),
-        "@depict-ai/ui": (0, $ae93561d5649a847$export$83d89fbfd8236492)
-    };
-    return {
-        "Accept": Object.entries(version_object)// No special characters allowed: https://developer.mozilla.org/en-US/docs/Glossary/CORS-safelisted_request_header
-        .map(([pkg, version])=>`${pkg.replaceAll("@", "")}=${version}`).join(",")
-    };
-}
 
 
 
@@ -5286,8 +5256,6 @@ async function $bfd8f91b5a75050a$var$download_categories(tenant, market) {
 
 
 
-
-
 const $17c49340edfdbb31$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.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 $17c49340edfdbb31$export$ee1733d9a8495996() {
     return (()=>{
@@ -5356,8 +5324,8 @@ function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
-const $231c39725f8fde87$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $231c39725f8fde87$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
-function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
+const $2989e355f64e18e1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $2989e355f64e18e1$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="search-field"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
+function $2989e355f64e18e1$export$b94867ecbd698f21({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
     let input_field;
     (0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(async ()=>{
         if (disabled_) return;
@@ -5366,11 +5334,11 @@ function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search
         input_field.focus();
     })); // focus field on render
     return (()=>{
-        const _el$ = $231c39725f8fde87$var$_tmpl$2.cloneNode(true), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+        const _el$ = $2989e355f64e18e1$var$_tmpl$2.cloneNode(true), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
         (0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
             when: on_back_,
             get children () {
-                const _el$2 = $231c39725f8fde87$var$_tmpl$.cloneNode(true);
+                const _el$2 = $2989e355f64e18e1$var$_tmpl$.cloneNode(true);
                 (0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", (0, $46MJV$depictaiutilishared.catchify)(on_back_), true);
                 (0, $46MJV$solidjsweb.insert)(_el$2, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.BackIcon), {}));
                 (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$2, "aria-label", i18n_.back_()));
@@ -5423,7 +5391,7 @@ function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search
         (0, $46MJV$solidjsweb.addEventListener)(_el$6, "click", (0, $46MJV$depictaiutilishared.catchify)(()=>submit_query_()), true);
         (0, $46MJV$solidjsweb.insert)(_el$6, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.SearchIcon), {}));
         (0, $46MJV$solidjsweb.effect)((_p$)=>{
-            const _v$ = i18n_.query_input_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $46MJV$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
+            const _v$ = i18n_.search_field_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $46MJV$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
             _v$ !== _p$._v$ && (0, $46MJV$solidjsweb.setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && (0, $46MJV$solidjsweb.setAttribute)(_el$4, "placeholder", _p$._v$2 = _v$2);
             _v$3 !== _p$._v$3 && (0, $46MJV$solidjsweb.setAttribute)(_el$5, "title", _p$._v$3 = _v$3);
@@ -5800,7 +5768,7 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const display = (0, $46MJV$solidjs.createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
-        if ("variant_displays" in display && typeof display?.variant_index === "number") {
+        if ("variant_index" in display) {
             const actual_display = display.variant_displays[display.variant_index];
             return {
                 image_url: actual_display.image_urls?.[0],
@@ -5958,7 +5926,8 @@ function $4cadf33fd6aaf4b6$var$track_elements(display, index, elements, tenant,
     const disconnectors = [];
     (0, $46MJV$solidjs.createComputed)(()=>{
         let stop = false;
-        const d = display(); // For every display
+        const modern_or_legacy_d = display(); // For every display
+        const d = "variant_index" in modern_or_legacy_d ? modern_or_legacy_d.variant_displays[modern_or_legacy_d.variant_index] : modern_or_legacy_d;
         const t = tenant(); // and tenant
         const m = market(); // / market combination
         const click_handler = ()=>{
@@ -6795,7 +6764,7 @@ function $4a976b492943589f$export$f021bdedd3ec901a(props) {
 
 const $121d25ca6af2898f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $121d25ca6af2898f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2), $121d25ca6af2898f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $121d25ca6af2898f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $46MJV$solidjs.createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
-    let on_enter_in_query_input_function;
+    let on_enter_in_search_field_function;
     const [input_field, set_input_field] = (0, $46MJV$solidjs.createSignal)();
     const [get_search_field_value_] = search_field_value_;
     const [elements_outside_scrollable, set_elements_outside_scrollable] = (0, $46MJV$solidjs.createSignal)();
@@ -6853,12 +6822,12 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search
         (0, $46MJV$solidjsweb.addEventListener)(_el$4, "click", (0, $46MJV$depictaiutilishared.catchify)(({ target: target  })=>{
             if (target === modal_element) close_modal_();
         }), true);
-        (0, $46MJV$solidjsweb.insert)(_el$5, (0, $46MJV$solidjsweb.createComponent)((0, $231c39725f8fde87$export$ff21851bb5d30e15), {
+        (0, $46MJV$solidjsweb.insert)(_el$5, (0, $46MJV$solidjsweb.createComponent)((0, $2989e355f64e18e1$export$b94867ecbd698f21), {
             input_field_ref_: (element)=>set_input_field(element),
             search_query_: search_query_,
             search_field_value_: search_field_value_,
             submit_query_: submit_query_,
-            override_on_enter_: (e)=>on_enter_in_query_input_function?.(e),
+            override_on_enter_: (e)=>on_enter_in_search_field_function?.(e),
             clear_filters_: clear_filters_,
             on_back_: close_modal_,
             i18n_: i18n_
@@ -6869,7 +6838,7 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search
             message_: "Autocomplete/suggestions failed",
             get children () {
                 return (0, $46MJV$solidjsweb.createComponent)((0, $81eea900c72d569b$export$2f2b9559550c7bbc), {
-                    set_override_on_enter_fn_: (new_fn)=>on_enter_in_query_input_function = new_fn,
+                    set_override_on_enter_fn_: (new_fn)=>on_enter_in_search_field_function = new_fn,
                     input_field_: input_field,
                     search_field_value_: search_field_value_,
                     get previous_searches_text_ () {
@@ -7126,8 +7095,8 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
     const modal_body_style = (0, $46MJV$solidjs.createSignal)({});
     let input_field;
     if (include_input_field_) {
-        const SafeQueryInput = (0, $46MJV$depictaiutilishared.catchify)((0, $231c39725f8fde87$export$ff21851bb5d30e15));
-        input_field = (0, $46MJV$solidjsweb.createComponent)(SafeQueryInput, {
+        const SafeSearchField = (0, $46MJV$depictaiutilishared.catchify)((0, $2989e355f64e18e1$export$b94867ecbd698f21));
+        input_field = (0, $46MJV$solidjsweb.createComponent)(SafeSearchField, {
             i18n_: i18n_,
             disabled_: true,
             search_query_: search_query_,
@@ -7354,13 +7323,12 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
 
 
 
-
-function $94360f5c066c55b9$export$bec48a3a3ca6bc09(aligner) {
+function $246e3e89a097f014$export$828dcdd425fd3231(aligner) {
     const style_element = document.createElement("style");
     document.head.append(style_element);
     const resize_observer = new ResizeObserver((0, $46MJV$depictaiutilishared.catchify)(()=>{
         const styles = (0, $d3c94b3b96557917$export$1233ca167bf71f9a)({
-            ".depict.plp .depict-search-modal .query-input": {
+            ".depict.plp .depict-search-modal .search-field": {
                 "height": `${aligner?.clientHeight}px`
             }
         });
@@ -7676,10 +7644,10 @@ function $79fbf145b15af988$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
         });
     }, "Entire SearchPage failed");
 }
-function $79fbf145b15af988$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler , aligner_ref: aligner_ref  }) {
+function $79fbf145b15af988$export$316f6f283ae64765({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler , aligner_ref: aligner_ref  }) {
     const shared_properties = $79fbf145b15af988$var$get_shared_properties(depict_search);
     return (0, $f27b0b326e0a87e2$export$23fca46f3143581f)(()=>{
-        const input = (0, $46MJV$solidjsweb.createComponent)((0, $231c39725f8fde87$export$ff21851bb5d30e15), {
+        const input = (0, $46MJV$solidjsweb.createComponent)((0, $2989e355f64e18e1$export$b94867ecbd698f21), {
             get search_query_ () {
                 return shared_properties.search_query_signal_;
             },
@@ -7724,7 +7692,6 @@ function $79fbf145b15af988$export$b94867ecbd698f21({ depict_search: depict_searc
             (()=>{
                 const _el$ = $79fbf145b15af988$var$_tmpl$.cloneNode(true);
                 (0, $46MJV$solidjsweb.insert)(_el$, input);
-                (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$, "id", (0, $29b757e2ae26852c$export$44dad306455dddf).SEARCH_MODAL));
                 return _el$;
             })()
         ];
@@ -7733,7 +7700,7 @@ function $79fbf145b15af988$export$b94867ecbd698f21({ depict_search: depict_searc
 function $79fbf145b15af988$var$align_field_modal(style_props_, input, aligner_ref) {
     return (0, $46MJV$solidjs.createRoot)((dispose)=>{
         if (aligner_ref) {
-            const { cleanup: cleanup  } = (0, $94360f5c066c55b9$export$bec48a3a3ca6bc09)(aligner_ref);
+            const { cleanup: cleanup  } = (0, $246e3e89a097f014$export$828dcdd425fd3231)(aligner_ref);
             (0, $67b60b572b7b7059$export$b3ad617e9036868)(style_props_, aligner_ref, undefined, false, "top");
             return {
                 cleanup: ()=>{
@@ -7774,7 +7741,6 @@ function $308e64f91bb9f839$export$d0596b5cae35ad4(open_search) {
 
 
 
-
 function $d589470b68ce5b67$export$689e204eadb33baf(pr) {
     let old_url;
     let disconnect_link_observer;
@@ -7907,6 +7873,6 @@ class $37e96a5ebc768cc7$export$3ccaa27d81dd8556 extends EventTarget {
 }
 
 
-(0, $46MJV$depictaiutilishared.dlog)("@depict-ai/ui version", (0, $ae93561d5649a847$export$83d89fbfd8236492));
+(0, $46MJV$depictaiutilishared.add_to_version_info)("ui", (0, $ae93561d5649a847$export$83d89fbfd8236492));
 
 

package/dist/module.js

@@ -1,9 +1,9 @@
-import {dlog as $g9l4l$dlog, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, base_url as $g9l4l$base_url, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, sort_obj as $g9l4l$sort_obj, version as $g9l4l$version, Tenant as $g9l4l$Tenant, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, default_rr as $g9l4l$default_rr, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, Lazyfier as $g9l4l$Lazyfier, queueMacroTask as $g9l4l$queueMacroTask, deparallelize as $g9l4l$deparallelize, Rec_Renderer as $g9l4l$Rec_Renderer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, normal_get_product_id as $g9l4l$normal_get_product_id, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, make_placeholder_rr as $g9l4l$make_placeholder_rr, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, depict_click as $g9l4l$depict_click, impression_track_element as $g9l4l$impression_track_element, add_new_tab_listener as $g9l4l$add_new_tab_listener, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
+import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, base_url as $g9l4l$base_url, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, dlog as $g9l4l$dlog, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Tenant as $g9l4l$Tenant, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, default_rr as $g9l4l$default_rr, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, Lazyfier as $g9l4l$Lazyfier, queueMacroTask as $g9l4l$queueMacroTask, deparallelize as $g9l4l$deparallelize, Rec_Renderer as $g9l4l$Rec_Renderer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, normal_get_product_id as $g9l4l$normal_get_product_id, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, make_placeholder_rr as $g9l4l$make_placeholder_rr, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, depict_click as $g9l4l$depict_click, impression_track_element as $g9l4l$impression_track_element, add_new_tab_listener as $g9l4l$add_new_tab_listener, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
 import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, memo as $g9l4l$memo, style as $g9l4l$style, mergeProps as $g9l4l$mergeProps, classList as $g9l4l$classList, className as $g9l4l$className} from "solid-js/web";
 import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createRenderEffect as $g9l4l$createRenderEffect, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, on as $g9l4l$on, Index as $g9l4l$Index, For as $g9l4l$For, ErrorBoundary as $g9l4l$ErrorBoundary} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ 
-const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.45";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.49";
+
 
 
 
@@ -73,15 +73,6 @@ function $3075a4497054bec6$export$9862539c89138352(get_default_values) {
 
 
 
-
-/**
- * Adds things to the object we send to backend as a header to report the package versions used
- */ const $f22123a20b6b80b3$export$89a2f5e6eb5005b6 = {};
-function $f22123a20b6b80b3$export$2cefb7e61fcbae00(stuff_to_add) {
-    Object.assign($f22123a20b6b80b3$export$89a2f5e6eb5005b6, stuff_to_add);
-}
-
-
 const $3846bb34098c738f$var$v2_base_url = (0, $g9l4l$base_url) + "/v2/";
 const $3846bb34098c738f$var$search_base_url = $3846bb34098c738f$var$v2_base_url + "search/";
 const $3846bb34098c738f$var$add_ids_to_request = (input_req)=>{
@@ -114,12 +105,7 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
     async suggest(input_req) {
         const request = $3846bb34098c738f$var$add_ids_to_request(input_req);
         const url = (0, $g9l4l$make_url_with_query_params)($3846bb34098c738f$var$search_base_url + "suggestions", request);
-        const results = await (0, $g9l4l$fetch_retry)(url, {
-            headers: {
-                "Content-Type": "text/plain",
-                ...$3846bb34098c738f$var$get_version_headers()
-            }
-        });
+        const results = await (0, $g9l4l$fetch_retry)((0, $g9l4l$add_version_query_params)(url));
         attempt_to_return_api_response: {
             if (!results) break attempt_to_return_api_response;
             const decoded_json = await results.json();
@@ -146,11 +132,7 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $g9l4l$fetch_retry)(endpoint1, {
-                headers: {
-                    "Content-Type": "text/plain",
-                    ...$3846bb34098c738f$var$get_version_headers()
-                },
+            const search_results = await (0, $g9l4l$fetch_retry)((0, $g9l4l$add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
@@ -196,23 +178,12 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
             }));
     }
     async get_recommended(input_req) {
+        // @ts-ignore ModernDisplay doesn't have arbitrary string access, and we'd like it to stay that way
         return await this.#cached_post_request($3846bb34098c738f$var$search_base_url + "related", input_req, ()=>({
                 displays: []
             }));
     }
 }
-function $3846bb34098c738f$var$get_version_headers() {
-    // We can't use any header name or the browser will make an OPTIONS request which will slow down search a lot
-    const version_object = {
-        ...(0, $f22123a20b6b80b3$export$89a2f5e6eb5005b6),
-        "@depict-ai/utilishared": (0, $g9l4l$version),
-        "@depict-ai/ui": (0, $18bf1d29fb889cca$export$83d89fbfd8236492)
-    };
-    return {
-        "Accept": Object.entries(version_object)// No special characters allowed: https://developer.mozilla.org/en-US/docs/Glossary/CORS-safelisted_request_header
-        .map(([pkg, version])=>`${pkg.replaceAll("@", "")}=${version}`).join(",")
-    };
-}
 
 
 
@@ -5255,8 +5226,6 @@ async function $80a49d3809ecb080$var$download_categories(tenant, market) {
 
 
 
-
-
 const $aaacfac0064e97d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$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 $aaacfac0064e97d9$export$ee1733d9a8495996() {
     return (()=>{
@@ -5325,8 +5294,8 @@ function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
-const $3a2af5e36c43cf2f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="back" type="button"></button>`, 2), $3a2af5e36c43cf2f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
-function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
+const $6ded59a142c93078$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="back" type="button"></button>`, 2), $6ded59a142c93078$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-field"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
+function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
     let input_field;
     (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
         if (disabled_) return;
@@ -5335,11 +5304,11 @@ function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search
         input_field.focus();
     })); // focus field on render
     return (()=>{
-        const _el$ = $3a2af5e36c43cf2f$var$_tmpl$2.cloneNode(true), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+        const _el$ = $6ded59a142c93078$var$_tmpl$2.cloneNode(true), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
         (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
             when: on_back_,
             get children () {
-                const _el$2 = $3a2af5e36c43cf2f$var$_tmpl$.cloneNode(true);
+                const _el$2 = $6ded59a142c93078$var$_tmpl$.cloneNode(true);
                 (0, $g9l4l$addEventListener)(_el$2, "click", (0, $g9l4l$catchify)(on_back_), true);
                 (0, $g9l4l$insert)(_el$2, (0, $g9l4l$createComponent)((0, $g9l4l$BackIcon), {}));
                 (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$2, "aria-label", i18n_.back_()));
@@ -5392,7 +5361,7 @@ function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search
         (0, $g9l4l$addEventListener)(_el$6, "click", (0, $g9l4l$catchify)(()=>submit_query_()), true);
         (0, $g9l4l$insert)(_el$6, (0, $g9l4l$createComponent)((0, $g9l4l$SearchIcon), {}));
         (0, $g9l4l$effect)((_p$)=>{
-            const _v$ = i18n_.query_input_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $g9l4l$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
+            const _v$ = i18n_.search_field_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $g9l4l$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
             _v$ !== _p$._v$ && (0, $g9l4l$setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && (0, $g9l4l$setAttribute)(_el$4, "placeholder", _p$._v$2 = _v$2);
             _v$3 !== _p$._v$3 && (0, $g9l4l$setAttribute)(_el$5, "title", _p$._v$3 = _v$3);
@@ -5769,7 +5738,7 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const display = (0, $g9l4l$createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
-        if ("variant_displays" in display && typeof display?.variant_index === "number") {
+        if ("variant_index" in display) {
             const actual_display = display.variant_displays[display.variant_index];
             return {
                 image_url: actual_display.image_urls?.[0],
@@ -5927,7 +5896,8 @@ function $d811ce622b5b7626$var$track_elements(display, index, elements, tenant,
     const disconnectors = [];
     (0, $g9l4l$createComputed)(()=>{
         let stop = false;
-        const d = display(); // For every display
+        const modern_or_legacy_d = display(); // For every display
+        const d = "variant_index" in modern_or_legacy_d ? modern_or_legacy_d.variant_displays[modern_or_legacy_d.variant_index] : modern_or_legacy_d;
         const t = tenant(); // and tenant
         const m = market(); // / market combination
         const click_handler = ()=>{
@@ -6764,7 +6734,7 @@ function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
 
 const $a9f6faeac82c322b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $a9f6faeac82c322b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2), $a9f6faeac82c322b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $a9f6faeac82c322b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $g9l4l$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
-    let on_enter_in_query_input_function;
+    let on_enter_in_search_field_function;
     const [input_field, set_input_field] = (0, $g9l4l$createSignal)();
     const [get_search_field_value_] = search_field_value_;
     const [elements_outside_scrollable, set_elements_outside_scrollable] = (0, $g9l4l$createSignal)();
@@ -6822,12 +6792,12 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search
         (0, $g9l4l$addEventListener)(_el$4, "click", (0, $g9l4l$catchify)(({ target: target  })=>{
             if (target === modal_element) close_modal_();
         }), true);
-        (0, $g9l4l$insert)(_el$5, (0, $g9l4l$createComponent)((0, $3a2af5e36c43cf2f$export$ff21851bb5d30e15), {
+        (0, $g9l4l$insert)(_el$5, (0, $g9l4l$createComponent)((0, $6ded59a142c93078$export$b94867ecbd698f21), {
             input_field_ref_: (element)=>set_input_field(element),
             search_query_: search_query_,
             search_field_value_: search_field_value_,
             submit_query_: submit_query_,
-            override_on_enter_: (e)=>on_enter_in_query_input_function?.(e),
+            override_on_enter_: (e)=>on_enter_in_search_field_function?.(e),
             clear_filters_: clear_filters_,
             on_back_: close_modal_,
             i18n_: i18n_
@@ -6838,7 +6808,7 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search
             message_: "Autocomplete/suggestions failed",
             get children () {
                 return (0, $g9l4l$createComponent)((0, $c7bc9269d29d4bdc$export$2f2b9559550c7bbc), {
-                    set_override_on_enter_fn_: (new_fn)=>on_enter_in_query_input_function = new_fn,
+                    set_override_on_enter_fn_: (new_fn)=>on_enter_in_search_field_function = new_fn,
                     input_field_: input_field,
                     search_field_value_: search_field_value_,
                     get previous_searches_text_ () {
@@ -7095,8 +7065,8 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
     const modal_body_style = (0, $g9l4l$createSignal)({});
     let input_field;
     if (include_input_field_) {
-        const SafeQueryInput = (0, $g9l4l$catchify)((0, $3a2af5e36c43cf2f$export$ff21851bb5d30e15));
-        input_field = (0, $g9l4l$createComponent)(SafeQueryInput, {
+        const SafeSearchField = (0, $g9l4l$catchify)((0, $6ded59a142c93078$export$b94867ecbd698f21));
+        input_field = (0, $g9l4l$createComponent)(SafeSearchField, {
             i18n_: i18n_,
             disabled_: true,
             search_query_: search_query_,
@@ -7323,13 +7293,12 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
 
 
 
-
-function $9783d52321be38fe$export$bec48a3a3ca6bc09(aligner) {
+function $a79ffb1cbfbd2a09$export$828dcdd425fd3231(aligner) {
     const style_element = document.createElement("style");
     document.head.append(style_element);
     const resize_observer = new ResizeObserver((0, $g9l4l$catchify)(()=>{
         const styles = (0, $246aa49a8f85c7f3$export$1233ca167bf71f9a)({
-            ".depict.plp .depict-search-modal .query-input": {
+            ".depict.plp .depict-search-modal .search-field": {
                 "height": `${aligner?.clientHeight}px`
             }
         });
@@ -7645,10 +7614,10 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
         });
     }, "Entire SearchPage failed");
 }
-function $540e930c58500cbe$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler , aligner_ref: aligner_ref  }) {
+function $540e930c58500cbe$export$316f6f283ae64765({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler , aligner_ref: aligner_ref  }) {
     const shared_properties = $540e930c58500cbe$var$get_shared_properties(depict_search);
     return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
-        const input = (0, $g9l4l$createComponent)((0, $3a2af5e36c43cf2f$export$ff21851bb5d30e15), {
+        const input = (0, $g9l4l$createComponent)((0, $6ded59a142c93078$export$b94867ecbd698f21), {
             get search_query_ () {
                 return shared_properties.search_query_signal_;
             },
@@ -7693,7 +7662,6 @@ function $540e930c58500cbe$export$b94867ecbd698f21({ depict_search: depict_searc
             (()=>{
                 const _el$ = $540e930c58500cbe$var$_tmpl$.cloneNode(true);
                 (0, $g9l4l$insert)(_el$, input);
-                (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$, "id", (0, $01115659405f3c64$export$44dad306455dddf).SEARCH_MODAL));
                 return _el$;
             })()
         ];
@@ -7702,7 +7670,7 @@ function $540e930c58500cbe$export$b94867ecbd698f21({ depict_search: depict_searc
 function $540e930c58500cbe$var$align_field_modal(style_props_, input, aligner_ref) {
     return (0, $g9l4l$createRoot)((dispose)=>{
         if (aligner_ref) {
-            const { cleanup: cleanup  } = (0, $9783d52321be38fe$export$bec48a3a3ca6bc09)(aligner_ref);
+            const { cleanup: cleanup  } = (0, $a79ffb1cbfbd2a09$export$828dcdd425fd3231)(aligner_ref);
             (0, $079defea521d5e2a$export$b3ad617e9036868)(style_props_, aligner_ref, undefined, false, "top");
             return {
                 cleanup: ()=>{
@@ -7743,7 +7711,6 @@ function $a3e81b85527bc866$export$d0596b5cae35ad4(open_search) {
 
 
 
-
 function $36316d7b4c897a03$export$689e204eadb33baf(pr) {
     let old_url;
     let disconnect_link_observer;
@@ -7876,7 +7843,7 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
 }
 
 
-(0, $g9l4l$dlog)("@depict-ai/ui version", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
+(0, $g9l4l$add_to_version_info)("ui", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
 
 
-export {$e95f1855a5e3864f$export$58e808b1db15d3bc as fetchDepictRecommendations, $ec52ef1e6c117813$export$de035477d6fef996 as QuickLinks, $ec52ef1e6c117813$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $ec52ef1e6c117813$export$f34314aa9505732e as DepictCategory, $ec52ef1e6c117813$export$e2bf8ce7779e827e as CategoryPage, $540e930c58500cbe$export$ac6237957a15b3f0 as DepictSearch, $540e930c58500cbe$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $540e930c58500cbe$export$f2dc7e4e4aa11abb as SearchPage, $540e930c58500cbe$export$b94867ecbd698f21 as SearchField, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $246aa49a8f85c7f3$export$1233ca167bf71f9a as styles_to_valid_css_string, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $f22123a20b6b80b3$export$2cefb7e61fcbae00 as add_to_version_info, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$469c7af753d08925 as solid_format_price, $9783d52321be38fe$export$bec48a3a3ca6bc09 as connect_query_input_height_to_aligner_height, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};
+export {$e95f1855a5e3864f$export$58e808b1db15d3bc as fetchDepictRecommendations, $ec52ef1e6c117813$export$de035477d6fef996 as QuickLinks, $ec52ef1e6c117813$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $ec52ef1e6c117813$export$f34314aa9505732e as DepictCategory, $ec52ef1e6c117813$export$e2bf8ce7779e827e as CategoryPage, $540e930c58500cbe$export$ac6237957a15b3f0 as DepictSearch, $540e930c58500cbe$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $540e930c58500cbe$export$f2dc7e4e4aa11abb as SearchPage, $540e930c58500cbe$export$316f6f283ae64765 as SearchField, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $246aa49a8f85c7f3$export$1233ca167bf71f9a as styles_to_valid_css_string, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$469c7af753d08925 as solid_format_price, $a79ffb1cbfbd2a09$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};

package/locales/index.d.ts

@@ -53,7 +53,7 @@ interface search_i18n extends plp_shared_i18n {
     category_: string;
     suggestions_: string;
     search_submit_button_aria_label_: string;
-    query_input_field_aria_label_: string;
+    search_field_field_aria_label_: string;
     previous_searches_delete_entry_from_history_: string;
 }
 /**

package/locales/index.js

@@ -70,7 +70,7 @@ const $fec3b2c9bf29834a$export$434b5d2e9cbbcde1 = {
     "clear_filters_query_sorting_after_submit_": "Clear query. Also clear sorting and filters after next submit.",
     "placeholder_text_": "Search",
     search_submit_button_aria_label_: "Search",
-    query_input_field_aria_label_: "Search query field",
+    search_field_field_aria_label_: "Search query field",
     previous_searches_delete_entry_from_history_: "Remove query from history",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -165,7 +165,7 @@ const $d511b90af38383e7$export$62ef558576ddaf3d = {
     "clear_filters_query_sorting_after_submit_": "Vymazat dotaz. Vymazat i tř\xedděn\xed a filtry po př\xedšt\xedm odesl\xe1n\xed.",
     "placeholder_text_": "Hled\xe1n\xed",
     search_submit_button_aria_label_: "Hled\xe1n\xed",
-    "query_input_field_aria_label_": "Pol\xedčko dotazu hled\xe1n\xed",
+    "search_field_field_aria_label_": "Pol\xedčko dotazu hled\xe1n\xed",
     "previous_searches_delete_entry_from_history_": "Odebrat dotaz z historie"
 };
 
@@ -237,7 +237,7 @@ const $69aa53cc585ff425$export$70578856b2420b5d = {
     "previous_searches_text_": "Dine tidligere s\xf8gninger",
     "placeholder_text_": "S\xf8gning",
     "search_submit_button_aria_label_": "S\xf8gning",
-    "query_input_field_aria_label_": "Felt til s\xf8gning",
+    "search_field_field_aria_label_": "Felt til s\xf8gning",
     "previous_searches_delete_entry_from_history_": "Fjern foresp\xf8rgsel fra historik",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -333,7 +333,7 @@ const $b1ed15f1060ca49b$export$5d14584e27bf4bc5 = {
     "clear_filters_query_sorting_after_submit_": "Zoekopdracht wissen. Wis ook sortering en filters na volgende verzending.",
     "placeholder_text_": "Zoeken",
     search_submit_button_aria_label_: "Zoeken",
-    "query_input_field_aria_label_": "Zoeken met zoekveld",
+    "search_field_field_aria_label_": "Zoeken met zoekveld",
     "previous_searches_delete_entry_from_history_": "Verwijder zoekopdracht uit geschiedenis"
 };
 
@@ -418,7 +418,7 @@ const $27c3bbeb15a3775e$export$bb9c5e11b9203620 = {
     "search_recs_title_": "Muita vaihtoehtoja",
     "placeholder_text_": "Hae",
     search_submit_button_aria_label_: "Hae",
-    "query_input_field_aria_label_": "Hakukentt\xe4",
+    "search_field_field_aria_label_": "Hakukentt\xe4",
     "previous_searches_delete_entry_from_history_": "Poista haku historiasta"
 };
 
@@ -502,7 +502,7 @@ const $10e3d3e9b795ccc1$export$e608b2bb21ba1862 = {
     "clear_filters_query_sorting_after_submit_": "Effacer la demande. Effacer aussi le tri et les filtres apr\xe8s le prochain envoi.",
     "placeholder_text_": "Rechercher",
     search_submit_button_aria_label_: "Rechercher",
-    "query_input_field_aria_label_": "Champ de requ\xeate Rechercher",
+    "search_field_field_aria_label_": "Champ de requ\xeate Rechercher",
     "previous_searches_delete_entry_from_history_": "Supprimer une requ\xeate de l’historique"
 };
 
@@ -573,7 +573,7 @@ const $2cfb95bda7d63069$export$b43a5e72c07b4d2a = {
     "modal_discover_more_": "Mehr erforschen",
     search_submit_button_aria_label_: "Suchen",
     previous_searches_delete_entry_from_history_: "Anfrage aus Verlauf l\xf6schen",
-    "query_input_field_aria_label_": "Suchanfragenfeld",
+    "search_field_field_aria_label_": "Suchanfragenfeld",
     "placeholder_text_": "Suchen",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -668,7 +668,7 @@ const $3330bf128d49ae78$export$c05550c0848a3fe4 = {
     "clear_filters_query_sorting_after_submit_": "Cancella query. Cancella anche selezione e filtri dopo il prossimo invio.",
     "placeholder_text_": "Ricerca",
     search_submit_button_aria_label_: "Ricerca",
-    "query_input_field_aria_label_": "Cerca campo query",
+    "search_field_field_aria_label_": "Cerca campo query",
     "previous_searches_delete_entry_from_history_": "Rimuovi query dalla cronologia"
 };
 
@@ -741,7 +741,7 @@ const $aa3146c987095257$export$dcb702a89633f297 = {
     "placeholder_text_": "S\xf8k",
     search_submit_button_aria_label_: "S\xf8k",
     "previous_searches_delete_entry_from_history_": "Slett sp\xf8rsm\xe5l fra loggen",
-    "query_input_field_aria_label_": "S\xf8k sp\xf8rsm\xe5lfelt",
+    "search_field_field_aria_label_": "S\xf8k sp\xf8rsm\xe5lfelt",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
             `Viser `,
@@ -832,7 +832,7 @@ const $1e935e73fa197514$export$b0eb0dd41442f532 = {
     "clear_filters_query_sorting_after_submit_": "Wyczyść zapytanie. Wyczyść r\xf3wnież sortowanie i filtry po następnym przesłaniu.",
     "placeholder_text_": "Wyszukaj",
     search_submit_button_aria_label_: "Wyszukaj",
-    "query_input_field_aria_label_": "Pole wyszukiwania",
+    "search_field_field_aria_label_": "Pole wyszukiwania",
     "previous_searches_delete_entry_from_history_": "Usuń zapytanie z historii"
 };
 
@@ -905,7 +905,7 @@ const $439a41dad2acd223$export$b3b5aa2c4df8976f = {
     "clear_filters_query_sorting_after_submit_": "Limpar consulta. Limpar a sele\xe7\xe3o e os filtros depois do pr\xf3ximo envio.",
     "placeholder_text_": "Pesquisa",
     search_submit_button_aria_label_: "Pesquisa",
-    "query_input_field_aria_label_": "Campo de consulta de pesquisa",
+    "search_field_field_aria_label_": "Campo de consulta de pesquisa",
     "previous_searches_delete_entry_from_history_": "Remover consultas do hist\xf3rico"
 };
 
@@ -989,7 +989,7 @@ const $5bfab7d1de1e67de$export$49b8f20513f0ff25 = {
     "clear_filters_query_sorting_after_submit_": "Borrar consulta. Eliminar tambi\xe9n la selecci\xf3n y los filtros despu\xe9s del pr\xf3ximo env\xedo.",
     "placeholder_text_": "B\xfasqueda",
     search_submit_button_aria_label_: "B\xfasqueda",
-    "query_input_field_aria_label_": "Campo de consulta de b\xfasqueda",
+    "search_field_field_aria_label_": "Campo de consulta de b\xfasqueda",
     "previous_searches_delete_entry_from_history_": "Eliminar consulta del historial"
 };
 
@@ -1057,7 +1057,7 @@ const $8561c43f1475c0b5$export$596caee559c76764 = {
     "modal_discover_more_": "Utforska mer",
     "placeholder_text_": "S\xf6k",
     search_submit_button_aria_label_: "S\xf6k",
-    query_input_field_aria_label_: "S\xf6kf\xe4lt",
+    search_field_field_aria_label_: "S\xf6kf\xe4lt",
     previous_searches_delete_entry_from_history_: "Ta bort f\xf6rfr\xe5ga fr\xe5n historiken",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [

package/locales/require.js

@@ -87,7 +87,7 @@ const $07db801ee546c1bd$export$434b5d2e9cbbcde1 = {
     "clear_filters_query_sorting_after_submit_": "Clear query. Also clear sorting and filters after next submit.",
     "placeholder_text_": "Search",
     search_submit_button_aria_label_: "Search",
-    query_input_field_aria_label_: "Search query field",
+    search_field_field_aria_label_: "Search query field",
     previous_searches_delete_entry_from_history_: "Remove query from history",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -182,7 +182,7 @@ const $261a4d82817f7737$export$62ef558576ddaf3d = {
     "clear_filters_query_sorting_after_submit_": "Vymazat dotaz. Vymazat i tř\xedděn\xed a filtry po př\xedšt\xedm odesl\xe1n\xed.",
     "placeholder_text_": "Hled\xe1n\xed",
     search_submit_button_aria_label_: "Hled\xe1n\xed",
-    "query_input_field_aria_label_": "Pol\xedčko dotazu hled\xe1n\xed",
+    "search_field_field_aria_label_": "Pol\xedčko dotazu hled\xe1n\xed",
     "previous_searches_delete_entry_from_history_": "Odebrat dotaz z historie"
 };
 
@@ -254,7 +254,7 @@ const $00908f6ac561c3a8$export$70578856b2420b5d = {
     "previous_searches_text_": "Dine tidligere s\xf8gninger",
     "placeholder_text_": "S\xf8gning",
     "search_submit_button_aria_label_": "S\xf8gning",
-    "query_input_field_aria_label_": "Felt til s\xf8gning",
+    "search_field_field_aria_label_": "Felt til s\xf8gning",
     "previous_searches_delete_entry_from_history_": "Fjern foresp\xf8rgsel fra historik",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -350,7 +350,7 @@ const $fc1dde9179ef0a66$export$5d14584e27bf4bc5 = {
     "clear_filters_query_sorting_after_submit_": "Zoekopdracht wissen. Wis ook sortering en filters na volgende verzending.",
     "placeholder_text_": "Zoeken",
     search_submit_button_aria_label_: "Zoeken",
-    "query_input_field_aria_label_": "Zoeken met zoekveld",
+    "search_field_field_aria_label_": "Zoeken met zoekveld",
     "previous_searches_delete_entry_from_history_": "Verwijder zoekopdracht uit geschiedenis"
 };
 
@@ -435,7 +435,7 @@ const $35be04fa51a001db$export$bb9c5e11b9203620 = {
     "search_recs_title_": "Muita vaihtoehtoja",
     "placeholder_text_": "Hae",
     search_submit_button_aria_label_: "Hae",
-    "query_input_field_aria_label_": "Hakukentt\xe4",
+    "search_field_field_aria_label_": "Hakukentt\xe4",
     "previous_searches_delete_entry_from_history_": "Poista haku historiasta"
 };
 
@@ -519,7 +519,7 @@ const $590f0e69b6cd50a9$export$e608b2bb21ba1862 = {
     "clear_filters_query_sorting_after_submit_": "Effacer la demande. Effacer aussi le tri et les filtres apr\xe8s le prochain envoi.",
     "placeholder_text_": "Rechercher",
     search_submit_button_aria_label_: "Rechercher",
-    "query_input_field_aria_label_": "Champ de requ\xeate Rechercher",
+    "search_field_field_aria_label_": "Champ de requ\xeate Rechercher",
     "previous_searches_delete_entry_from_history_": "Supprimer une requ\xeate de l’historique"
 };
 
@@ -590,7 +590,7 @@ const $5b1e507b0a7fe0ba$export$b43a5e72c07b4d2a = {
     "modal_discover_more_": "Mehr erforschen",
     search_submit_button_aria_label_: "Suchen",
     previous_searches_delete_entry_from_history_: "Anfrage aus Verlauf l\xf6schen",
-    "query_input_field_aria_label_": "Suchanfragenfeld",
+    "search_field_field_aria_label_": "Suchanfragenfeld",
     "placeholder_text_": "Suchen",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
@@ -685,7 +685,7 @@ const $d5d486bbb5a01dfd$export$c05550c0848a3fe4 = {
     "clear_filters_query_sorting_after_submit_": "Cancella query. Cancella anche selezione e filtri dopo il prossimo invio.",
     "placeholder_text_": "Ricerca",
     search_submit_button_aria_label_: "Ricerca",
-    "query_input_field_aria_label_": "Cerca campo query",
+    "search_field_field_aria_label_": "Cerca campo query",
     "previous_searches_delete_entry_from_history_": "Rimuovi query dalla cronologia"
 };
 
@@ -758,7 +758,7 @@ const $3e0b02b5e1ab2064$export$dcb702a89633f297 = {
     "placeholder_text_": "S\xf8k",
     search_submit_button_aria_label_: "S\xf8k",
     "previous_searches_delete_entry_from_history_": "Slett sp\xf8rsm\xe5l fra loggen",
-    "query_input_field_aria_label_": "S\xf8k sp\xf8rsm\xe5lfelt",
+    "search_field_field_aria_label_": "S\xf8k sp\xf8rsm\xe5lfelt",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [
             `Viser `,
@@ -849,7 +849,7 @@ const $8e05c59dcfcb636b$export$b0eb0dd41442f532 = {
     "clear_filters_query_sorting_after_submit_": "Wyczyść zapytanie. Wyczyść r\xf3wnież sortowanie i filtry po następnym przesłaniu.",
     "placeholder_text_": "Wyszukaj",
     search_submit_button_aria_label_: "Wyszukaj",
-    "query_input_field_aria_label_": "Pole wyszukiwania",
+    "search_field_field_aria_label_": "Pole wyszukiwania",
     "previous_searches_delete_entry_from_history_": "Usuń zapytanie z historii"
 };
 
@@ -922,7 +922,7 @@ const $c62c6ac8a38bed4c$export$b3b5aa2c4df8976f = {
     "clear_filters_query_sorting_after_submit_": "Limpar consulta. Limpar a sele\xe7\xe3o e os filtros depois do pr\xf3ximo envio.",
     "placeholder_text_": "Pesquisa",
     search_submit_button_aria_label_: "Pesquisa",
-    "query_input_field_aria_label_": "Campo de consulta de pesquisa",
+    "search_field_field_aria_label_": "Campo de consulta de pesquisa",
     "previous_searches_delete_entry_from_history_": "Remover consultas do hist\xf3rico"
 };
 
@@ -1006,7 +1006,7 @@ const $2fc92e29bfc8e851$export$49b8f20513f0ff25 = {
     "clear_filters_query_sorting_after_submit_": "Borrar consulta. Eliminar tambi\xe9n la selecci\xf3n y los filtros despu\xe9s del pr\xf3ximo env\xedo.",
     "placeholder_text_": "B\xfasqueda",
     search_submit_button_aria_label_: "B\xfasqueda",
-    "query_input_field_aria_label_": "Campo de consulta de b\xfasqueda",
+    "search_field_field_aria_label_": "Campo de consulta de b\xfasqueda",
     "previous_searches_delete_entry_from_history_": "Eliminar consulta del historial"
 };
 
@@ -1074,7 +1074,7 @@ const $e6136be0f36561ba$export$596caee559c76764 = {
     "modal_discover_more_": "Utforska mer",
     "placeholder_text_": "S\xf6k",
     search_submit_button_aria_label_: "S\xf6k",
-    query_input_field_aria_label_: "S\xf6kf\xe4lt",
+    search_field_field_aria_label_: "S\xf6kf\xe4lt",
     previous_searches_delete_entry_from_history_: "Ta bort f\xf6rfr\xe5ga fr\xe5n historiken",
     get_showing_results_for_: (q, number_of_results)=>{
         return q.textContent !== "" ? [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.45",
+  "version": "0.0.49",
   "packageManager": "yarn@3.2.2",
   "source": [
     "src/index.ts",
@@ -70,7 +70,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/types": "^0.0.1",
+    "@depict-ai/types": "^0.0.3",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",
@@ -82,7 +82,7 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.43",
+    "@depict-ai/utilishared": "^0.0.47",
     "solid-js": "^1.6.2"
   },
   "types": "dist/index.d.ts"