@depict-ai/ui 0.0.8 → 0.0.10

package/dist/index.d.ts

@@ -34,6 +34,10 @@ export const embedded_num_products: ({ make_product_count_, set_observed_results
     middle_elements_: Accessor<JSX.Element>;
     on_filters_constructed_: () => void;
 };
+export const version = "0.0.10";
+export function add_to_version_info(stuff_to_add: {
+    [key: string]: string;
+}): void;
 export class DepictAPI {
     #private;
     constructor(get_metadata?: () => Promise<{

package/dist/main.js

@@ -1,5 +1,5 @@
-var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$depictaiutilishared = require("@depict-ai/utilishared");
+var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$solidjs = require("solid-js");
 
 function $parcel$export(e, n, v, s) {
@@ -51,6 +51,9 @@ $parcel$export(module.exports, "DepictSearch", () => $fd2d5ef67fc09716$export$ac
 $parcel$export(module.exports, "SearchPage", () => $fd2d5ef67fc09716$export$f2dc7e4e4aa11abb);
 $parcel$export(module.exports, "SearchField", () => $fd2d5ef67fc09716$export$b94867ecbd698f21);
 $parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $fd2d5ef67fc09716$export$bde3eb976dfded9);
+$parcel$export(module.exports, "add_to_version_info", () => $770e2bea06889bf6$export$2cefb7e61fcbae00);
+$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -165,6 +168,17 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $b757f75811f3261f$export$83d89fbfd8236492 = "0.0.10";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $770e2bea06889bf6$export$89a2f5e6eb5005b6 = {};
+function $770e2bea06889bf6$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($770e2bea06889bf6$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 const $e1d6c0f3d89d531c$var$v2_base_url = (0, $iBTHO$depictaiutilishared.base_url) + "/v2/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v2_base_url + "search/";
 const $e1d6c0f3d89d531c$var$add_ids_to_request = (input_req)=>{
@@ -200,9 +214,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         const results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$e1d6c0f3d89d531c$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -233,7 +245,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$e1d6c0f3d89d531c$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -248,7 +261,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $iBTHO$depictaiutilishared.catchify)(()=>{
                 if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
-                else // delete things from cache after 5 minutes so it doesn't get too heavy
+                else // delete things from cache after 5 minutes, so it doesn't get too heavy
                 setTimeout((0, $iBTHO$depictaiutilishared.catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -285,6 +298,15 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $e1d6c0f3d89d531c$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $770e2bea06889bf6$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $iBTHO$depictaiutilishared.version),
+            "@depict-ai/ui": (0, $b757f75811f3261f$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -5961,7 +5983,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get_breadcrumb_accessor_?.(crumb_data_);
                 get_quicklinks_accessor_?.(quicklinks_data_);
                 return [
-                    document.createComment("Depict.ai frontend integrated category page"),
+                    document.createComment("Category page based on Depict SDK"),
                     (()=>{
                         const _el$5 = $840d88a04b2d22a7$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $iBTHO$solidjsweb.insert)(_el$6, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -6346,7 +6368,6 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $iBTHO$depictaiutilishared.dlog)("select", e);
         }));
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "input", (0, $iBTHO$depictaiutilishared.catchify)(()=>{
             const { value: value  } = input_field;
@@ -6672,7 +6693,6 @@ function $b7d0212db218bf0b$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-
 
 
 const $6ae613870d3380fc$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="orig price"></span>`, 2), $6ae613870d3380fc$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $6ae613870d3380fc$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="tagline"></div>`, 2);
@@ -7642,6 +7662,30 @@ function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 
 
 
+
+
+const $f978ab22f3df4bd7$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $f978ab22f3df4bd7$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$f978ab22f3df4bd7$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $b776f25acdda22eb$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<style></style>`, 2);
+function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $iBTHO$solidjs.createMemo)(()=>{
+        return (0, $f978ab22f3df4bd7$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $b776f25acdda22eb$var$_tmpl$.cloneNode(true);
+        (0, $iBTHO$solidjsweb.insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
 const $f40a47a30a358305$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $f40a47a30a358305$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2), $f40a47a30a358305$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $f40a47a30a358305$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $f40a47a30a358305$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, $iBTHO$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;
@@ -7684,6 +7728,16 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_page_url_param_name_: search_page_url_param_name_,
         get_search_query_: search_query_[0]
     });
+    const random_classname = (0, $iBTHO$depictaiutilishared.make_random_classname)();
+    const body_style = (0, $iBTHO$solidjs.createMemo)(()=>{
+        const style_obj = {
+            width: "80vw",
+            ...style_props_[0]()
+        };
+        return {
+            [`.depict .${random_classname}`]: style_obj
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $f40a47a30a358305$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "click", (0, $iBTHO$depictaiutilishared.catchify)(({ target: target  })=>{
@@ -7746,7 +7800,12 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $iBTHO$solidjsweb.insert)(_el$6, elements_inside_scrollable, null);
         (0, $iBTHO$solidjsweb.insert)(_el$5, elements_outside_scrollable, null);
-        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.style)(_el$5, style_props_[0](), _$p));
+        (0, $iBTHO$solidjsweb.insert)(_el$4, (0, $iBTHO$solidjsweb.createComponent)((0, $b776f25acdda22eb$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -8050,7 +8109,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
         tenant_object_.market = tenant_object_.MARKET = market_();
     });
     return [
-        document.createComment("Depict.ai frontend integrated search page"),
+        document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $f1d7cb69f839a526$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
             (0, $iBTHO$solidjsweb.insert)(_el$3, input_field, null);
@@ -8585,3 +8644,6 @@ function $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
+(0, $iBTHO$depictaiutilishared.dlog)("@depict-ai/ui version", (0, $b757f75811f3261f$export$83d89fbfd8236492));
+
+

package/dist/module.js

@@ -1,7 +1,8 @@
+import {dlog as $kyEB6$dlog, Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, base_url as $kyEB6$base_url, 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, sort_obj as $kyEB6$sort_obj, version as $kyEB6$version, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, queueMacroTask as $kyEB6$queueMacroTask, Rec_Renderer as $kyEB6$Rec_Renderer, 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, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, normal_get_product_id as $kyEB6$normal_get_product_id, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon} from "@depict-ai/utilishared";
 import {template as $kyEB6$template, insert as $kyEB6$insert, createComponent as $kyEB6$createComponent, spread as $kyEB6$spread, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, use as $kyEB6$use, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, memo as $kyEB6$memo, style as $kyEB6$style, mergeProps as $kyEB6$mergeProps, classList as $kyEB6$classList, className as $kyEB6$className} from "solid-js/web";
-import {Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, base_url as $kyEB6$base_url, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, dlog as $kyEB6$dlog, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, queueMacroTask as $kyEB6$queueMacroTask, Rec_Renderer as $kyEB6$Rec_Renderer, 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, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, normal_get_product_id as $kyEB6$normal_get_product_id, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon} from "@depict-ai/utilishared";
 import {createSignal as $kyEB6$createSignal, untrack as $kyEB6$untrack, createMemo as $kyEB6$createMemo, onCleanup as $kyEB6$onCleanup, createEffect as $kyEB6$createEffect, createComputed as $kyEB6$createComputed, createRoot as $kyEB6$createRoot, createResource as $kyEB6$createResource, Show as $kyEB6$Show, createRenderEffect as $kyEB6$createRenderEffect, runWithOwner as $kyEB6$runWithOwner, getOwner as $kyEB6$getOwner, on as $kyEB6$on, Index as $kyEB6$Index, batch as $kyEB6$batch, For as $kyEB6$For, ErrorBoundary as $kyEB6$ErrorBoundary} from "solid-js";
 
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -116,6 +117,17 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $ec291e0010116877$export$83d89fbfd8236492 = "0.0.10";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6 = {};
+function $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 const $7fa23e2a0079eca4$var$v2_base_url = (0, $kyEB6$base_url) + "/v2/";
 const $7fa23e2a0079eca4$var$search_base_url = $7fa23e2a0079eca4$var$v2_base_url + "search/";
 const $7fa23e2a0079eca4$var$add_ids_to_request = (input_req)=>{
@@ -151,9 +163,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         const results = await (0, $kyEB6$fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$7fa23e2a0079eca4$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -184,7 +194,8 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $kyEB6$fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$7fa23e2a0079eca4$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -199,7 +210,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $kyEB6$catchify)(()=>{
                 if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
-                else // delete things from cache after 5 minutes so it doesn't get too heavy
+                else // delete things from cache after 5 minutes, so it doesn't get too heavy
                 setTimeout((0, $kyEB6$catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -236,6 +247,15 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $7fa23e2a0079eca4$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $kyEB6$version),
+            "@depict-ai/ui": (0, $ec291e0010116877$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -5912,7 +5932,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get_breadcrumb_accessor_?.(crumb_data_);
                 get_quicklinks_accessor_?.(quicklinks_data_);
                 return [
-                    document.createComment("Depict.ai frontend integrated category page"),
+                    document.createComment("Category page based on Depict SDK"),
                     (()=>{
                         const _el$5 = $df5d81d0fe61ff21$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $kyEB6$insert)(_el$6, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -6297,7 +6317,6 @@ function $857105c41ea47bee$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $kyEB6$dlog)("select", e);
         }));
         (0, $kyEB6$addEventListener)(_el$4, "input", (0, $kyEB6$catchify)(()=>{
             const { value: value  } = input_field;
@@ -6623,7 +6642,6 @@ function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-
 
 
 const $e003be2a50d9e5bc$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="orig price"></span>`, 2), $e003be2a50d9e5bc$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $e003be2a50d9e5bc$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="tagline"></div>`, 2);
@@ -7593,6 +7611,30 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 
 
 
+
+
+const $4df637cb4cf113fa$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $4df637cb4cf113fa$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$4df637cb4cf113fa$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $19f1f3e588d63502$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<style></style>`, 2);
+function $19f1f3e588d63502$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $kyEB6$createMemo)(()=>{
+        return (0, $4df637cb4cf113fa$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $19f1f3e588d63502$var$_tmpl$.cloneNode(true);
+        (0, $kyEB6$insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
 const $fabfda1230351b1a$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $fabfda1230351b1a$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2), $fabfda1230351b1a$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $fabfda1230351b1a$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $fabfda1230351b1a$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, $kyEB6$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;
@@ -7635,6 +7677,16 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_page_url_param_name_: search_page_url_param_name_,
         get_search_query_: search_query_[0]
     });
+    const random_classname = (0, $kyEB6$make_random_classname)();
+    const body_style = (0, $kyEB6$createMemo)(()=>{
+        const style_obj = {
+            width: "80vw",
+            ...style_props_[0]()
+        };
+        return {
+            [`.depict .${random_classname}`]: style_obj
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $fabfda1230351b1a$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $kyEB6$addEventListener)(_el$4, "click", (0, $kyEB6$catchify)(({ target: target  })=>{
@@ -7697,7 +7749,12 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $kyEB6$insert)(_el$6, elements_inside_scrollable, null);
         (0, $kyEB6$insert)(_el$5, elements_outside_scrollable, null);
-        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$style)(_el$5, style_props_[0](), _$p));
+        (0, $kyEB6$insert)(_el$4, (0, $kyEB6$createComponent)((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -8001,7 +8058,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         tenant_object_.market = tenant_object_.MARKET = market_();
     });
     return [
-        document.createComment("Depict.ai frontend integrated search page"),
+        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, input_field, null);
@@ -8536,4 +8593,7 @@ function $59f48be661ca9195$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
-export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $9653a36120f642b0$export$3a8840c5b2ecf003 as Category, $59f48be661ca9195$export$ac6237957a15b3f0 as DepictSearch, $59f48be661ca9195$export$f2dc7e4e4aa11abb as SearchPage, $59f48be661ca9195$export$b94867ecbd698f21 as SearchField, $59f48be661ca9195$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal};
+(0, $kyEB6$dlog)("@depict-ai/ui version", (0, $ec291e0010116877$export$83d89fbfd8236492));
+
+
+export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $9653a36120f642b0$export$3a8840c5b2ecf003 as Category, $59f48be661ca9195$export$ac6237957a15b3f0 as DepictSearch, $59f48be661ca9195$export$f2dc7e4e4aa11abb as SearchPage, $59f48be661ca9195$export$b94867ecbd698f21 as SearchField, $59f48be661ca9195$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00 as add_to_version_info, $ec291e0010116877$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -36,7 +36,7 @@
     }
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.8",
+    "@depict-ai/utilishared": "workspace:^",
     "solid-js": "^1.6.2"
   },
   "devDependencies": {
@@ -45,7 +45,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/types": "^0.0.1",
+    "@depict-ai/types": "workspace:^",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",
@@ -56,4 +56,4 @@
     "parcel": "latest",
     "ts-jest": "^29.0.3"
   }
-}
+}

package/dist/typescript_schema/BaseSearchRequest.d.ts

@@ -1,197 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-/**
- * An enumeration.
- */
-export type SortingOrder = "asc" | "desc";
-
-export interface BaseSearchRequest {
-  tenant: string;
-  market: string;
-  /**
-   * List of filters to apply to the results.
-   */
-  filters?: SearchFilter[];
-  /**
-   * Specifies the sorting method. By default, the results are ordered by relevance. To find the possible values for this field, query the endpoint and look at the `sorts` field.
-   */
-  sort?: SortModel;
-  /**
-   * User identifier
-   */
-  user_id?: string;
-  /**
-   * Session identifier
-   */
-  session_id?: string;
-  /**
-   * Populated for integrations performed by Depict.ai only. Depict.ai Session Id
-   */
-  dsid?: string;
-  /**
-   * Metadata that can be used to modify the behaviour of the search.
-   */
-  metadata?: {
-    [k: string]: string;
-  };
-  /**
-   * The search query.
-   */
-  query?: string;
-}
-export interface SearchFilter {
-  /**
-   * The field to filter by.
-   */
-  field: string;
-  /**
-   * The operation used for filtering. The filtering should be read as `field op data`, for example `brand in ["Nike", "Adidas"]`.
-   */
-  op: "eq" | "neq" | "in" | "nin" | "leq" | "geq" | "inrange";
-  /**
-   * Data for the filter.
-   */
-  data?:
-    | ("true" | "false")
-    | number
-    | number
-    | string
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | (
-        | ("true" | "false")
-        | number
-        | number
-        | string
-        | [number, number]
-        | [number, number]
-        | [number, number]
-        | [number, number]
-      )[]
-    | (("true" | "false") | number | number | string)[][];
-  /**
-   * Metadata about the filter that can be used for rendering. For example, this could contain the possible values to filter by and their counts in the results.
-   */
-  meta?: RangeFilterMeta | ValuesFilterMeta | HierarchicalValuesFilterMeta;
-  /**
-   * ID of the filter. If multiple filters share the same ID, they should be grouped together in the UI.
-   */
-  id?: string;
-}
-export interface RangeFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  type?: "range";
-  /**
-   * The minimum value that can be selected in the range.
-   */
-  min: number;
-  /**
-   * The maximum value that can be selected in the range.
-   */
-  max: number;
-  /**
-   * The unit of the range values.
-   */
-  unit?: string;
-  /**
-   * The currency of the range values.
-   */
-  currency?: string;
-}
-export interface ValuesFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  /**
-   * Type of filter.
-   */
-  type?: "radio" | "checkbox" | "checkbox-grid";
-  /**
-   * Selectable values
-   */
-  values: (
-    | ("true" | "false")
-    | number
-    | number
-    | string
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | [number, number]
-  )[];
-  /**
-   * Counts for values
-   */
-  counts?: number[];
-  /**
-   * Names for values
-   */
-  names?: string[];
-}
-export interface HierarchicalValuesFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  type?: "checkbox-hierarchical";
-  /**
-   * Selectable hierarchical values
-   */
-  values: (("true" | "false") | number | number | string)[][];
-  /**
-   * Counts for values
-   */
-  counts?: number[];
-  /**
-   * Names for hierarchical values
-   */
-  names?: string[];
-}
-export interface SortModel {
-  /**
-   * The field to sort by.
-   */
-  field: string;
-  /**
-   * The order to sort by.
-   */
-  order: SortingOrder;
-  /**
-   * Metadata about the sort that can be used for rendering.
-   */
-  meta?: SortMeta;
-}
-export interface SortMeta {
-  title: string;
-  /**
-   * Selectable values
-   */
-  values?: SortingOrder[];
-  /**
-   * Names for orders
-   */
-  names?: string[];
-}

package/dist/typescript_schema/ProductListingQueriesRequest.d.ts

@@ -1,14 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-export interface ProductListingQueriesRequest {
-  tenant: string;
-  market: string;
-  metadata?: {
-    [k: string]: string;
-  };
-}

package/dist/typescript_schema/ProductListingQueriesResponse.d.ts

@@ -1,10 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-export interface ProductListingQueriesResponse {
-  query_ids?: string[];
-}