@depict-ai/ui 0.0.35 → 0.0.37

package/dist/index.d.ts

@@ -1,5 +1,5 @@
+import { Display, Elem, InfoForProcessing, Node_Array, RR_PostProcessor, RR_PreProcessor } from "@depict-ai/utilishared";
 import { Accessor, JSX, Setter, Signal } from "solid-js";
-import { Elem, Display, InfoForProcessing, Node_Array, RR_PostProcessor, RR_PreProcessor } from "@depict-ai/utilishared";
 import { search_i18n as _search_i18n1 } from "../../../locales";
 import { SearchResponse } from "@depict-ai/types/api/SearchResponse";
 import { SearchRequest, SearchFilter } from "@depict-ai/types/api/SearchRequest";
@@ -9,7 +9,65 @@ 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.35";
+export const version = "0.0.37";
+type ExclusiveId = {
+    categoryId: string;
+    productId?: undefined;
+    productIds?: undefined;
+} | {
+    categoryId?: undefined;
+    productId: string;
+    productIds?: undefined;
+} | {
+    categoryId?: undefined;
+    productId?: undefined;
+    productIds: string[];
+} | {
+    categoryId?: undefined;
+    productId?: undefined;
+    productIds?: undefined;
+};
+type RecsAPIWrapperOptions = {
+    type: string;
+    merchant: string;
+    market: string;
+    headers?: HeadersInit;
+} & ExclusiveId;
+/**
+ * Fetches recommendations from Depict's API.
+ * ## It is important that you make the correct choice out of: no id, `categoryId`, `productId` and `productIds` (choose ONE) so read the documentation carefully.
+ *
+ * @param merchant The name of the merchant (e.g. "acme")
+ * @param market The market to fetch recs for. Depict will provide this to you. (Example: "sv" or "sv-se".)
+ * @param type The type of the recommendations, e.g. `front_page`, `after_basket, `related`, etc. Ask Depict for this.
+ * @param categoryId When requesting recommendations for a category page, pass the id of the category page as `categoryId`.
+ * @param productId When requesting recommendations for a single product, e.g. on a product detail page, pass the id of the product as `productId`.
+ * @param productIds When requesting recommendations that should take multiple products into account, i.e. the contents of the basket/cart, pass an array of product ids as `productIds`
+ * @param headers Optional headers to send to the Depict API. This could be authentication for example. 99% of integrations can leave this unset.
+ * When no id is provided (none out of `categoryId`, `productId` and `productIds`) general recommendations will be fetched. This is for, for example, the frontpage where generally popular products get returned.
+ *
+ * @note If you only get recommendations when specifying the wrong id type (i.e. you only get basket recommendations if you provide a single product id while the recommendations should be based on everything in the basket) please ask Depict to re-configure the endpoint for you.
+ *
+ *  @example Fetching frontpage recommendations
+ * ```
+ * const front_page_recs = await fetchDepictRecommendations({
+ *     merchant: "oscarjacobson",
+ *     market: "sv-se",
+ *     type: "front_page",
+ *   });
+ * ```
+ * @example Fetching recommendations for a product page
+ * ```
+ *  const product_page_recs = await fetchDepictRecommendations({
+ *     merchant: "stronger",
+ *     market: "se",
+ *     type: "product_normal",
+ *     productId: "hero-sports-bra-luna",
+ *   });
+ * ```
+ * @return This function is guaranteed to return an array of Displays. If anything fails, you will get an empty array.
+ */
+export function fetchDepictRecommendations<T = Display>({ merchant, market, headers, ...fetch_recs_options }: RecsAPIWrapperOptions): Promise<T[]>;
 /**
  * Like standard_price_format except that the price and the formatting are reactive accessors
  */
@@ -131,6 +189,10 @@ export function media_query_to_accessor(media_query: string): import("solid-js")
 export type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+type SDKGridSpacing = string | {
+    horizontal: string;
+    vertical: string;
+};
 export function show_toast({ children, on_close_, close_after_, ...more_attributes }: {
     children?: JSX.Element;
     close_after_: number;
@@ -168,10 +230,6 @@ export const embedded_num_products: ({ make_product_count_, set_observed_results
     middle_elements_: Accessor<JSX.Element>;
     on_filters_constructed_: () => void;
 };
-type SDKGridSpacing = string | {
-    horizontal: string;
-    vertical: string;
-};
 type SDKColsAtSize = [number, number?][];
 type DepictCategoryConstructorOptions = {
     market: string;
@@ -196,7 +254,7 @@ export function CategoryPage({ depict_category, grid_spacing, cols_at_size, prod
     depict_category: DepictCategory;
     grid_spacing: SDKGridSpacing;
     cols_at_size: SDKColsAtSize;
-    product_card_template: (display: Display | null, info: InfoForProcessing) => Promise<Node_Array> | Node_Array;
+    product_card_template: (display: Display, info: InfoForProcessing) => Promise<Node_Array> | Node_Array;
     get_product_id: (url?: string) => string | Promise<string>;
     show_quicklinks?: boolean;
     show_breadcrumbs?: boolean;
@@ -276,7 +334,7 @@ export function SearchPage({ depict_search, include_input_field, grid_spacing, c
     };
     grid_spacing: SDKGridSpacing;
     cols_at_size: SDKColsAtSize;
-    product_card_template: (display: Display | null, info: InfoForProcessing) => Promise<Node_Array> | Node_Array;
+    product_card_template: (display: Display, info: InfoForProcessing) => Promise<Node_Array> | Node_Array;
     get_product_id: (url?: string) => string | Promise<string>;
     extra_depict_options?: {
         pre_processors?: RR_PreProcessor[];
@@ -284,11 +342,13 @@ export function SearchPage({ depict_search, include_input_field, grid_spacing, c
         recommendations_cols_at_size?: SDKColsAtSize;
     };
 }): Node_Array;
-export function SearchField({ depict_search, modal_dispose_handler, click_handler, }: {
+interface SearchFieldParams {
     depict_search: DepictSearch;
     modal_dispose_handler?: VoidFunction;
     click_handler?: (this: HTMLDivElement, ev: MouseEvent) => any;
-}): Node_Array;
+    aligner_ref?: HTMLElement | null;
+}
+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

@@ -6,17 +6,18 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "QuickLinks", () => $b5bcdaaacb8b81f2$export$de035477d6fef996);
-$parcel$export(module.exports, "BreadCrumbs", () => $b5bcdaaacb8b81f2$export$5b7c3ce0ebe51f86);
+$parcel$export(module.exports, "fetchDepictRecommendations", () => $8c4e48a4bf96b284$export$58e808b1db15d3bc);
+$parcel$export(module.exports, "QuickLinks", () => $068a627cc18f7bb6$export$de035477d6fef996);
+$parcel$export(module.exports, "BreadCrumbs", () => $068a627cc18f7bb6$export$5b7c3ce0ebe51f86);
 $parcel$export(module.exports, "CategoryTitle", () => $853f821e60bd06ea$export$b91cec6bdc6b32a1);
 $parcel$export(module.exports, "embedded_num_products", () => $1a89c0064ad43e0d$export$824dde41348efed1);
 $parcel$export(module.exports, "get_categories", () => $bfd8f91b5a75050a$export$643598a327b5833e);
-$parcel$export(module.exports, "DepictCategory", () => $b5bcdaaacb8b81f2$export$f34314aa9505732e);
-$parcel$export(module.exports, "CategoryPage", () => $b5bcdaaacb8b81f2$export$e2bf8ce7779e827e);
-$parcel$export(module.exports, "DepictSearch", () => $2267618dcbb65a94$export$ac6237957a15b3f0);
-$parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $2267618dcbb65a94$export$bde3eb976dfded9);
-$parcel$export(module.exports, "SearchPage", () => $2267618dcbb65a94$export$f2dc7e4e4aa11abb);
-$parcel$export(module.exports, "SearchField", () => $2267618dcbb65a94$export$b94867ecbd698f21);
+$parcel$export(module.exports, "DepictCategory", () => $068a627cc18f7bb6$export$f34314aa9505732e);
+$parcel$export(module.exports, "CategoryPage", () => $068a627cc18f7bb6$export$e2bf8ce7779e827e);
+$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, "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);
@@ -32,7 +33,16 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
 $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.35";
+const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.37";
+
+
+
+async function $8c4e48a4bf96b284$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
+    return await (0, $46MJV$depictaiutilishared.fetch_recs)({
+        tenant: merchant,
+        market: market
+    }, (0, $46MJV$depictaiutilishared.snakeCasifyObject)(fetch_recs_options), headers);
+}
 
 
 
@@ -4876,7 +4886,22 @@ const $7958d3dbd96a4f87$export$6daf8749b65a1b77 = (cols_at_size)=>{
 
 
 
-function $b0e2c3c5b04d40cd$export$23fca46f3143581f(component, error_message) {
+
+function $623202ae203e9e59$export$f091cbac892643a4(obj) {
+    const mapfn = (key)=>[
+            key,
+            (0, $46MJV$solidjs.createMemo)(()=>obj()[key])
+        ];
+    const keys = Object.keys((0, $46MJV$solidjs.untrack)(()=>obj()));
+    const mapped_stuff = keys.map(mapfn);
+    return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
+}
+
+
+
+
+
+function $f27b0b326e0a87e2$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
         return (0, $0f2f58dd60b11888$export$b69d0d92862de18b)({
             severity_: "error",
@@ -4901,31 +4926,16 @@ function $b0e2c3c5b04d40cd$export$23fca46f3143581f(component, error_message) {
 }
 
 
-
-
-
-
-function $623202ae203e9e59$export$f091cbac892643a4(obj) {
-    const mapfn = (key)=>[
-            key,
-            (0, $46MJV$solidjs.createMemo)(()=>obj()[key])
-        ];
-    const keys = Object.keys((0, $46MJV$solidjs.untrack)(()=>obj()));
-    const mapped_stuff = keys.map(mapfn);
-    return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
-}
-
-
-const $b5bcdaaacb8b81f2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
-const $b5bcdaaacb8b81f2$var$min_products_to_fetch_ = 20;
-const $b5bcdaaacb8b81f2$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
-const $b5bcdaaacb8b81f2$var$InExternalAreaDiv = ({ children: children  })=>(()=>{
-        const _el$ = $b5bcdaaacb8b81f2$var$_tmpl$.cloneNode(true);
+const $068a627cc18f7bb6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
+const $068a627cc18f7bb6$var$min_products_to_fetch_ = 20;
+const $068a627cc18f7bb6$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
+const $068a627cc18f7bb6$var$InExternalAreaDiv = ({ children: children  })=>(()=>{
+        const _el$ = $068a627cc18f7bb6$var$_tmpl$.cloneNode(true);
         (0, $46MJV$solidjsweb.insert)(_el$, children);
         (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$, "id", (0, $29b757e2ae26852c$export$44dad306455dddf).PLP_CATEGORY));
         return _el$;
     })();
-class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
+class $068a627cc18f7bb6$export$f34314aa9505732e {
     #locale_signal = (0, $46MJV$solidjs.createSignal)();
     #merchant_signal = (0, $46MJV$solidjs.createSignal)();
     #market_signal = (0, $46MJV$solidjs.createSignal)();
@@ -4957,8 +4967,8 @@ class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
         this.#market_signal[1](market);
     }
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
-        if ($b5bcdaaacb8b81f2$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
-        $b5bcdaaacb8b81f2$export$f34314aa9505732e.#has_been_constructed = true;
+        if ($068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+        $068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed = true;
         Object.assign(this, props_on_class); // set initial signal values
         (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
         const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
@@ -4986,7 +4996,7 @@ class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
                 });
             }
         });
-        $b5bcdaaacb8b81f2$var$privately_shared_properties.set(this, {
+        $068a627cc18f7bb6$var$privately_shared_properties.set(this, {
             state_: state_,
             breadcrumb_signal_: (0, $46MJV$solidjs.createSignal)(),
             quicklinks_signal_: (0, $46MJV$solidjs.createSignal)(),
@@ -5001,22 +5011,22 @@ class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
         });
     }
 }
-function $b5bcdaaacb8b81f2$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title  }) {
-    const shared_properties = $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category);
+function $068a627cc18f7bb6$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title  }) {
+    const shared_properties = $068a627cc18f7bb6$var$get_shared_properties(depict_category);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
     } : {
         override_vertical_spacing: grid_spacing.vertical,
         grid_spacing: grid_spacing.horizontal
     };
-    return (0, $b0e2c3c5b04d40cd$export$23fca46f3143581f)(()=>{
+    return (0, $f27b0b326e0a87e2$export$23fca46f3143581f)(()=>{
         const { state_: { category_local_filter_cache: local_filter_cache_ , category_sorting: current_sorting_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_selected_filters: selected_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , on_category_link_click_: on_category_link_click_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
         (0, $46MJV$solidjs.onCleanup)(reset_history_state_);
         return (0, $671632478f2a7ce7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
             market_: ()=>depict_category.market,
             depict_api_: depict_api_,
-            min_products_to_fetch_: $b5bcdaaacb8b81f2$var$min_products_to_fetch_,
+            min_products_to_fetch_: $068a627cc18f7bb6$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
             i18n_: i18n_,
@@ -5040,17 +5050,14 @@ function $b5bcdaaacb8b81f2$export$e2bf8ce7779e827e({ depict_category: depict_cat
                 ...grid_spacing_override
             },
             rr_options_: {
-                template: (display, info)=>{
-                    const is_placeholder = info.rendering_options.type === "placeholder";
-                    return product_card_template(is_placeholder ? null : display, info);
-                }
+                template: product_card_template
             }
         });
     }, "Entire CategoryPage failed");
 }
-function $b5bcdaaacb8b81f2$export$5b7c3ce0ebe51f86({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , breadcrumb_signal_: [crumb_data_] , on_category_link_click_: on_crumb_click_  } = $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category);
-    return (0, $46MJV$solidjsweb.createComponent)($b5bcdaaacb8b81f2$var$InExternalAreaDiv, {
+function $068a627cc18f7bb6$export$5b7c3ce0ebe51f86({ depict_category: depict_category  }) {
+    const { i18n_: i18n_ , breadcrumb_signal_: [crumb_data_] , on_category_link_click_: on_crumb_click_  } = $068a627cc18f7bb6$var$get_shared_properties(depict_category);
+    return (0, $46MJV$solidjsweb.createComponent)($068a627cc18f7bb6$var$InExternalAreaDiv, {
         get children () {
             return (0, $495e9998757c5d32$export$5646050d516e06bc)({
                 i18n_: i18n_,
@@ -5060,9 +5067,9 @@ function $b5bcdaaacb8b81f2$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
         }
     });
 }
-function $b5bcdaaacb8b81f2$export$de035477d6fef996({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , on_category_link_click_: on_link_click_ , slider_arrow_button_: slider_arrow_button_  } = $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category);
-    return (0, $46MJV$solidjsweb.createComponent)($b5bcdaaacb8b81f2$var$InExternalAreaDiv, {
+function $068a627cc18f7bb6$export$de035477d6fef996({ depict_category: depict_category  }) {
+    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , on_category_link_click_: on_link_click_ , slider_arrow_button_: slider_arrow_button_  } = $068a627cc18f7bb6$var$get_shared_properties(depict_category);
+    return (0, $46MJV$solidjsweb.createComponent)($068a627cc18f7bb6$var$InExternalAreaDiv, {
         get children () {
             return (0, $cdc2c00c0a7da86e$export$466cdc317043f6cb)({
                 i18n_: i18n_,
@@ -5075,8 +5082,8 @@ function $b5bcdaaacb8b81f2$export$de035477d6fef996({ depict_category: depict_cat
         }
     });
 }
-function $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category) {
-    const shared_properties = $b5bcdaaacb8b81f2$var$privately_shared_properties.get(depict_category);
+function $068a627cc18f7bb6$var$get_shared_properties(depict_category) {
+    const shared_properties = $068a627cc18f7bb6$var$privately_shared_properties.get(depict_category);
     if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
     return shared_properties;
 }
@@ -7335,13 +7342,14 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
 
 
 
-const $2267618dcbb65a94$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
+
+const $79fbf145b15af988$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
- */ const $2267618dcbb65a94$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
-const $2267618dcbb65a94$var$min_products_to_fetch_ = 20;
-const $2267618dcbb65a94$export$bde3eb976dfded9 = (depict_search)=>$2267618dcbb65a94$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
-class $2267618dcbb65a94$export$ac6237957a15b3f0 {
+ */ const $79fbf145b15af988$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
+const $79fbf145b15af988$var$min_products_to_fetch_ = 20;
+const $79fbf145b15af988$export$bde3eb976dfded9 = (depict_search)=>$79fbf145b15af988$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
+class $79fbf145b15af988$export$ac6237957a15b3f0 {
     #locale_signal = (0, $46MJV$solidjs.createSignal)();
     #merchant_signal = (0, $46MJV$solidjs.createSignal)();
     #market_signal = (0, $46MJV$solidjs.createSignal)();
@@ -7349,7 +7357,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
     static #has_been_constructed = false;
     constructor({ search_query_url_param_name: search_query_url_param_name = "search_query" , url_transformer: url_transformer , on_navigation: raw_on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
-        if ($2267618dcbb65a94$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+        if ($79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
         const on_navigation = raw_on_navigation && ((href)=>{
             // make sure that we don't accidentally catchify if the SDK consumer has fucked up
@@ -7414,7 +7422,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
             const [, set_search_query_signal] = search_query_signal_; // this signal won't get written from anywhere, see url_params_to_signals JSDoc
             if (!get_search_query_updating_blocked()) set_search_query_signal(get_raw_search_query_signal());
         });
-        $2267618dcbb65a94$var$privately_shared_properties.set(this, {
+        $79fbf145b15af988$var$privately_shared_properties.set(this, {
             search_query_url_param_name_: search_query_url_param_name,
             reset_history_state_: reset_history_state_,
             state_: state_,
@@ -7450,7 +7458,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
                 navigate_page_to_href_: on_navigation,
                 on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
                 instant_results_options_: {
-                    min_products_to_fetch_: $2267618dcbb65a94$var$min_products_to_fetch_,
+                    min_products_to_fetch_: $79fbf145b15af988$var$min_products_to_fetch_,
                     render_instant_card_: render_instant_card,
                     render_instant_card_placeholder_: (0, $17c49340edfdbb31$export$ee1733d9a8495996),
                     has_sort_or_filters_: (0, $46MJV$solidjs.createMemo)(()=>!!(Object.keys(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
@@ -7470,7 +7478,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
                     close_modal_();
                     return;
                 }
-                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $2267618dcbb65a94$var$privately_shared_properties.get(this);
+                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $79fbf145b15af988$var$privately_shared_properties.get(this);
                 if (signal_value_is_options && open_signal_value[0]?.style_props_) {
                     // They know what they're doing, just call the modal with the provided options
                     open_modal_(...open_signal_value);
@@ -7520,7 +7528,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
             if (owner != null) (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createComputed)(computation));
             else (0, $46MJV$solidjs.createComputed)(computation);
         })();
-        $2267618dcbb65a94$export$ac6237957a15b3f0.#has_been_constructed = true;
+        $79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed = true;
     }
     get localization() {
         // allow reactive access
@@ -7548,20 +7556,20 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
         this.#market_signal[1](market);
     }
 }
-function $2267618dcbb65a94$var$get_shared_properties(depict_search) {
-    const shared_properties = $2267618dcbb65a94$var$privately_shared_properties.get(depict_search);
+function $79fbf145b15af988$var$get_shared_properties(depict_search) {
+    const shared_properties = $79fbf145b15af988$var$privately_shared_properties.get(depict_search);
     if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
     return shared_properties;
 }
-function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $46MJV$depictaiutilishared.normal_get_product_id) , extra_depict_options: extra_depict_options  }) {
-    const shared_properties = $2267618dcbb65a94$var$get_shared_properties(depict_search);
+function $79fbf145b15af988$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $46MJV$depictaiutilishared.normal_get_product_id) , extra_depict_options: extra_depict_options  }) {
+    const shared_properties = $79fbf145b15af988$var$get_shared_properties(depict_search);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
     } : {
         override_vertical_spacing: grid_spacing.vertical,
         grid_spacing: grid_spacing.horizontal
     };
-    return (0, $b0e2c3c5b04d40cd$export$23fca46f3143581f)(()=>{
+    return (0, $f27b0b326e0a87e2$export$23fca46f3143581f)(()=>{
         const { state_: state_  } = shared_properties;
         (0, $46MJV$solidjs.onCleanup)(shared_properties.reset_history_state_);
         return (0, $93779a41dce11249$export$a54ec244c8863715)({
@@ -7569,7 +7577,7 @@ function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             tenant_: ()=>depict_search.merchant,
             market_: ()=>depict_search.market,
             depict_api_: shared_properties.depict_api_,
-            min_products_to_fetch_: $2267618dcbb65a94$var$min_products_to_fetch_,
+            min_products_to_fetch_: $79fbf145b15af988$var$min_products_to_fetch_,
             local_filter_cache_: state_.search_local_filter_cache,
             search_field_value_: state_.search_field_value,
             search_query_: shared_properties.search_query_signal_,
@@ -7578,16 +7586,16 @@ function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             submit_query_: shared_properties.configured_submit_query_,
             i18n_: shared_properties.i18n_,
             modal_body_style_ref_: (style)=>{
-                const shared_info_right_now = $2267618dcbb65a94$var$privately_shared_properties.get(depict_search);
+                const shared_info_right_now = $79fbf145b15af988$var$privately_shared_properties.get(depict_search);
                 if (!shared_info_right_now) return;
-                $2267618dcbb65a94$var$privately_shared_properties.set(depict_search, {
+                $79fbf145b15af988$var$privately_shared_properties.set(depict_search, {
                     ...shared_info_right_now,
                     search_page_aligned_modal_body_style_signal_: style
                 });
                 (0, $46MJV$solidjs.onCleanup)(()=>{
-                    const shared_info_right_now = $2267618dcbb65a94$var$privately_shared_properties.get(depict_search);
+                    const shared_info_right_now = $79fbf145b15af988$var$privately_shared_properties.get(depict_search);
                     if (!shared_info_right_now || shared_info_right_now.search_page_aligned_modal_body_style_signal_ !== style) return;
-                    $2267618dcbb65a94$var$privately_shared_properties.set(depict_search, {
+                    $79fbf145b15af988$var$privately_shared_properties.set(depict_search, {
                         ...shared_info_right_now,
                         search_page_aligned_modal_body_style_signal_: undefined
                     });
@@ -7621,10 +7629,7 @@ function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 width_: 6.46
             }),
             rr_options_: {
-                template: (display, info)=>{
-                    const is_placeholder = info.rendering_options.type === "placeholder";
-                    return product_card_template(is_placeholder ? null : display, info);
-                },
+                template: product_card_template,
                 pre_processors: extra_depict_options?.pre_processors,
                 post_processors: extra_depict_options?.post_processors
             },
@@ -7632,9 +7637,9 @@ function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
         });
     }, "Entire SearchPage failed");
 }
-function $2267618dcbb65a94$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler  }) {
-    const shared_properties = $2267618dcbb65a94$var$get_shared_properties(depict_search);
-    return (0, $b0e2c3c5b04d40cd$export$23fca46f3143581f)(()=>{
+function $79fbf145b15af988$export$b94867ecbd698f21({ 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), {
             get search_query_ () {
                 return shared_properties.search_query_signal_;
@@ -7668,10 +7673,23 @@ function $2267618dcbb65a94$export$b94867ecbd698f21({ depict_search: depict_searc
         const style_props_ = (0, $46MJV$solidjs.createSignal)({
             position: "fixed"
         });
-        (0, $67b60b572b7b7059$export$b3ad617e9036868)(style_props_, input);
+        if (aligner_ref) {
+            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": {
+                        "height": `${aligner_ref?.clientHeight}px`
+                    }
+                });
+                style_element.replaceChildren(styles);
+            }));
+            resize_observer.observe(aligner_ref);
+            (0, $67b60b572b7b7059$export$b3ad617e9036868)(style_props_, aligner_ref, undefined, false, "top");
+        } else (0, $67b60b572b7b7059$export$b3ad617e9036868)(style_props_, input);
         return [
             (()=>{
-                const _el$ = $2267618dcbb65a94$var$_tmpl$.cloneNode(true);
+                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$;

package/dist/module.js

@@ -1,9 +1,18 @@
-import {dlog as $g9l4l$dlog, 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 {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 {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.35";
+const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.37";
+
+
+
+async function $e95f1855a5e3864f$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
+    return await (0, $g9l4l$fetch_recs)({
+        tenant: merchant,
+        market: market
+    }, (0, $g9l4l$snakeCasifyObject)(fetch_recs_options), headers);
+}
 
 
 
@@ -4847,7 +4856,22 @@ const $b4e6a093ae83373b$export$6daf8749b65a1b77 = (cols_at_size)=>{
 
 
 
-function $4ed1c7ad68252512$export$23fca46f3143581f(component, error_message) {
+
+function $0466953901b38f18$export$f091cbac892643a4(obj) {
+    const mapfn = (key)=>[
+            key,
+            (0, $g9l4l$createMemo)(()=>obj()[key])
+        ];
+    const keys = Object.keys((0, $g9l4l$untrack)(()=>obj()));
+    const mapped_stuff = keys.map(mapfn);
+    return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
+}
+
+
+
+
+
+function $c7f938ac40924f3b$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
         return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
             severity_: "error",
@@ -4872,31 +4896,16 @@ function $4ed1c7ad68252512$export$23fca46f3143581f(component, error_message) {
 }
 
 
-
-
-
-
-function $0466953901b38f18$export$f091cbac892643a4(obj) {
-    const mapfn = (key)=>[
-            key,
-            (0, $g9l4l$createMemo)(()=>obj()[key])
-        ];
-    const keys = Object.keys((0, $g9l4l$untrack)(()=>obj()));
-    const mapped_stuff = keys.map(mapfn);
-    return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
-}
-
-
-const $a45c51e5e7aeb7f1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"></div>`, 2);
-const $a45c51e5e7aeb7f1$var$min_products_to_fetch_ = 20;
-const $a45c51e5e7aeb7f1$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
-const $a45c51e5e7aeb7f1$var$InExternalAreaDiv = ({ children: children  })=>(()=>{
-        const _el$ = $a45c51e5e7aeb7f1$var$_tmpl$.cloneNode(true);
+const $ec52ef1e6c117813$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"></div>`, 2);
+const $ec52ef1e6c117813$var$min_products_to_fetch_ = 20;
+const $ec52ef1e6c117813$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
+const $ec52ef1e6c117813$var$InExternalAreaDiv = ({ children: children  })=>(()=>{
+        const _el$ = $ec52ef1e6c117813$var$_tmpl$.cloneNode(true);
         (0, $g9l4l$insert)(_el$, children);
         (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$, "id", (0, $01115659405f3c64$export$44dad306455dddf).PLP_CATEGORY));
         return _el$;
     })();
-class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
+class $ec52ef1e6c117813$export$f34314aa9505732e {
     #locale_signal = (0, $g9l4l$createSignal)();
     #merchant_signal = (0, $g9l4l$createSignal)();
     #market_signal = (0, $g9l4l$createSignal)();
@@ -4928,8 +4937,8 @@ class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
         this.#market_signal[1](market);
     }
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
-        if ($a45c51e5e7aeb7f1$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
-        $a45c51e5e7aeb7f1$export$f34314aa9505732e.#has_been_constructed = true;
+        if ($ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+        $ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed = true;
         Object.assign(this, props_on_class); // set initial signal values
         (0, $2864fd26f57ff474$export$5162a71f252e6122)();
         const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
@@ -4957,7 +4966,7 @@ class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
                 });
             }
         });
-        $a45c51e5e7aeb7f1$var$privately_shared_properties.set(this, {
+        $ec52ef1e6c117813$var$privately_shared_properties.set(this, {
             state_: state_,
             breadcrumb_signal_: (0, $g9l4l$createSignal)(),
             quicklinks_signal_: (0, $g9l4l$createSignal)(),
@@ -4972,22 +4981,22 @@ class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
         });
     }
 }
-function $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title  }) {
-    const shared_properties = $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category);
+function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title  }) {
+    const shared_properties = $ec52ef1e6c117813$var$get_shared_properties(depict_category);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
     } : {
         override_vertical_spacing: grid_spacing.vertical,
         grid_spacing: grid_spacing.horizontal
     };
-    return (0, $4ed1c7ad68252512$export$23fca46f3143581f)(()=>{
+    return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
         const { state_: { category_local_filter_cache: local_filter_cache_ , category_sorting: current_sorting_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_selected_filters: selected_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , on_category_link_click_: on_category_link_click_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
         (0, $g9l4l$onCleanup)(reset_history_state_);
         return (0, $1ae892b13d7746ab$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
             market_: ()=>depict_category.market,
             depict_api_: depict_api_,
-            min_products_to_fetch_: $a45c51e5e7aeb7f1$var$min_products_to_fetch_,
+            min_products_to_fetch_: $ec52ef1e6c117813$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
             i18n_: i18n_,
@@ -5011,17 +5020,14 @@ function $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e({ depict_category: depict_cat
                 ...grid_spacing_override
             },
             rr_options_: {
-                template: (display, info)=>{
-                    const is_placeholder = info.rendering_options.type === "placeholder";
-                    return product_card_template(is_placeholder ? null : display, info);
-                }
+                template: product_card_template
             }
         });
     }, "Entire CategoryPage failed");
 }
-function $a45c51e5e7aeb7f1$export$5b7c3ce0ebe51f86({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , breadcrumb_signal_: [crumb_data_] , on_category_link_click_: on_crumb_click_  } = $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category);
-    return (0, $g9l4l$createComponent)($a45c51e5e7aeb7f1$var$InExternalAreaDiv, {
+function $ec52ef1e6c117813$export$5b7c3ce0ebe51f86({ depict_category: depict_category  }) {
+    const { i18n_: i18n_ , breadcrumb_signal_: [crumb_data_] , on_category_link_click_: on_crumb_click_  } = $ec52ef1e6c117813$var$get_shared_properties(depict_category);
+    return (0, $g9l4l$createComponent)($ec52ef1e6c117813$var$InExternalAreaDiv, {
         get children () {
             return (0, $1b5a927e48d892a1$export$5646050d516e06bc)({
                 i18n_: i18n_,
@@ -5031,9 +5037,9 @@ function $a45c51e5e7aeb7f1$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
         }
     });
 }
-function $a45c51e5e7aeb7f1$export$de035477d6fef996({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , on_category_link_click_: on_link_click_ , slider_arrow_button_: slider_arrow_button_  } = $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category);
-    return (0, $g9l4l$createComponent)($a45c51e5e7aeb7f1$var$InExternalAreaDiv, {
+function $ec52ef1e6c117813$export$de035477d6fef996({ depict_category: depict_category  }) {
+    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , on_category_link_click_: on_link_click_ , slider_arrow_button_: slider_arrow_button_  } = $ec52ef1e6c117813$var$get_shared_properties(depict_category);
+    return (0, $g9l4l$createComponent)($ec52ef1e6c117813$var$InExternalAreaDiv, {
         get children () {
             return (0, $6af87e1502f04aa3$export$466cdc317043f6cb)({
                 i18n_: i18n_,
@@ -5046,8 +5052,8 @@ function $a45c51e5e7aeb7f1$export$de035477d6fef996({ depict_category: depict_cat
         }
     });
 }
-function $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category) {
-    const shared_properties = $a45c51e5e7aeb7f1$var$privately_shared_properties.get(depict_category);
+function $ec52ef1e6c117813$var$get_shared_properties(depict_category) {
+    const shared_properties = $ec52ef1e6c117813$var$privately_shared_properties.get(depict_category);
     if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
     return shared_properties;
 }
@@ -7306,13 +7312,14 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
 
 
 
-const $082017ac4cf9f917$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
+
+const $540e930c58500cbe$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
- */ const $082017ac4cf9f917$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
-const $082017ac4cf9f917$var$min_products_to_fetch_ = 20;
-const $082017ac4cf9f917$export$bde3eb976dfded9 = (depict_search)=>$082017ac4cf9f917$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
-class $082017ac4cf9f917$export$ac6237957a15b3f0 {
+ */ const $540e930c58500cbe$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
+const $540e930c58500cbe$var$min_products_to_fetch_ = 20;
+const $540e930c58500cbe$export$bde3eb976dfded9 = (depict_search)=>$540e930c58500cbe$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
+class $540e930c58500cbe$export$ac6237957a15b3f0 {
     #locale_signal = (0, $g9l4l$createSignal)();
     #merchant_signal = (0, $g9l4l$createSignal)();
     #market_signal = (0, $g9l4l$createSignal)();
@@ -7320,7 +7327,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
     static #has_been_constructed = false;
     constructor({ search_query_url_param_name: search_query_url_param_name = "search_query" , url_transformer: url_transformer , on_navigation: raw_on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
-        if ($082017ac4cf9f917$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+        if ($540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
         const on_navigation = raw_on_navigation && ((href)=>{
             // make sure that we don't accidentally catchify if the SDK consumer has fucked up
@@ -7385,7 +7392,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
             const [, set_search_query_signal] = search_query_signal_; // this signal won't get written from anywhere, see url_params_to_signals JSDoc
             if (!get_search_query_updating_blocked()) set_search_query_signal(get_raw_search_query_signal());
         });
-        $082017ac4cf9f917$var$privately_shared_properties.set(this, {
+        $540e930c58500cbe$var$privately_shared_properties.set(this, {
             search_query_url_param_name_: search_query_url_param_name,
             reset_history_state_: reset_history_state_,
             state_: state_,
@@ -7421,7 +7428,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
                 navigate_page_to_href_: on_navigation,
                 on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
                 instant_results_options_: {
-                    min_products_to_fetch_: $082017ac4cf9f917$var$min_products_to_fetch_,
+                    min_products_to_fetch_: $540e930c58500cbe$var$min_products_to_fetch_,
                     render_instant_card_: render_instant_card,
                     render_instant_card_placeholder_: (0, $aaacfac0064e97d9$export$ee1733d9a8495996),
                     has_sort_or_filters_: (0, $g9l4l$createMemo)(()=>!!(Object.keys(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
@@ -7441,7 +7448,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
                     close_modal_();
                     return;
                 }
-                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $082017ac4cf9f917$var$privately_shared_properties.get(this);
+                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $540e930c58500cbe$var$privately_shared_properties.get(this);
                 if (signal_value_is_options && open_signal_value[0]?.style_props_) {
                     // They know what they're doing, just call the modal with the provided options
                     open_modal_(...open_signal_value);
@@ -7491,7 +7498,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
             if (owner != null) (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createComputed)(computation));
             else (0, $g9l4l$createComputed)(computation);
         })();
-        $082017ac4cf9f917$export$ac6237957a15b3f0.#has_been_constructed = true;
+        $540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed = true;
     }
     get localization() {
         // allow reactive access
@@ -7519,20 +7526,20 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
         this.#market_signal[1](market);
     }
 }
-function $082017ac4cf9f917$var$get_shared_properties(depict_search) {
-    const shared_properties = $082017ac4cf9f917$var$privately_shared_properties.get(depict_search);
+function $540e930c58500cbe$var$get_shared_properties(depict_search) {
+    const shared_properties = $540e930c58500cbe$var$privately_shared_properties.get(depict_search);
     if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
     return shared_properties;
 }
-function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $g9l4l$normal_get_product_id) , extra_depict_options: extra_depict_options  }) {
-    const shared_properties = $082017ac4cf9f917$var$get_shared_properties(depict_search);
+function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $g9l4l$normal_get_product_id) , extra_depict_options: extra_depict_options  }) {
+    const shared_properties = $540e930c58500cbe$var$get_shared_properties(depict_search);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
     } : {
         override_vertical_spacing: grid_spacing.vertical,
         grid_spacing: grid_spacing.horizontal
     };
-    return (0, $4ed1c7ad68252512$export$23fca46f3143581f)(()=>{
+    return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
         const { state_: state_  } = shared_properties;
         (0, $g9l4l$onCleanup)(shared_properties.reset_history_state_);
         return (0, $b76e8f62b1f313ef$export$a54ec244c8863715)({
@@ -7540,7 +7547,7 @@ function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             tenant_: ()=>depict_search.merchant,
             market_: ()=>depict_search.market,
             depict_api_: shared_properties.depict_api_,
-            min_products_to_fetch_: $082017ac4cf9f917$var$min_products_to_fetch_,
+            min_products_to_fetch_: $540e930c58500cbe$var$min_products_to_fetch_,
             local_filter_cache_: state_.search_local_filter_cache,
             search_field_value_: state_.search_field_value,
             search_query_: shared_properties.search_query_signal_,
@@ -7549,16 +7556,16 @@ function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             submit_query_: shared_properties.configured_submit_query_,
             i18n_: shared_properties.i18n_,
             modal_body_style_ref_: (style)=>{
-                const shared_info_right_now = $082017ac4cf9f917$var$privately_shared_properties.get(depict_search);
+                const shared_info_right_now = $540e930c58500cbe$var$privately_shared_properties.get(depict_search);
                 if (!shared_info_right_now) return;
-                $082017ac4cf9f917$var$privately_shared_properties.set(depict_search, {
+                $540e930c58500cbe$var$privately_shared_properties.set(depict_search, {
                     ...shared_info_right_now,
                     search_page_aligned_modal_body_style_signal_: style
                 });
                 (0, $g9l4l$onCleanup)(()=>{
-                    const shared_info_right_now = $082017ac4cf9f917$var$privately_shared_properties.get(depict_search);
+                    const shared_info_right_now = $540e930c58500cbe$var$privately_shared_properties.get(depict_search);
                     if (!shared_info_right_now || shared_info_right_now.search_page_aligned_modal_body_style_signal_ !== style) return;
-                    $082017ac4cf9f917$var$privately_shared_properties.set(depict_search, {
+                    $540e930c58500cbe$var$privately_shared_properties.set(depict_search, {
                         ...shared_info_right_now,
                         search_page_aligned_modal_body_style_signal_: undefined
                     });
@@ -7592,10 +7599,7 @@ function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 width_: 6.46
             }),
             rr_options_: {
-                template: (display, info)=>{
-                    const is_placeholder = info.rendering_options.type === "placeholder";
-                    return product_card_template(is_placeholder ? null : display, info);
-                },
+                template: product_card_template,
                 pre_processors: extra_depict_options?.pre_processors,
                 post_processors: extra_depict_options?.post_processors
             },
@@ -7603,9 +7607,9 @@ function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
         });
     }, "Entire SearchPage failed");
 }
-function $082017ac4cf9f917$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler  }) {
-    const shared_properties = $082017ac4cf9f917$var$get_shared_properties(depict_search);
-    return (0, $4ed1c7ad68252512$export$23fca46f3143581f)(()=>{
+function $540e930c58500cbe$export$b94867ecbd698f21({ 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), {
             get search_query_ () {
                 return shared_properties.search_query_signal_;
@@ -7639,10 +7643,23 @@ function $082017ac4cf9f917$export$b94867ecbd698f21({ depict_search: depict_searc
         const style_props_ = (0, $g9l4l$createSignal)({
             position: "fixed"
         });
-        (0, $079defea521d5e2a$export$b3ad617e9036868)(style_props_, input);
+        if (aligner_ref) {
+            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": {
+                        "height": `${aligner_ref?.clientHeight}px`
+                    }
+                });
+                style_element.replaceChildren(styles);
+            }));
+            resize_observer.observe(aligner_ref);
+            (0, $079defea521d5e2a$export$b3ad617e9036868)(style_props_, aligner_ref, undefined, false, "top");
+        } else (0, $079defea521d5e2a$export$b3ad617e9036868)(style_props_, input);
         return [
             (()=>{
-                const _el$ = $082017ac4cf9f917$var$_tmpl$.cloneNode(true);
+                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$;
@@ -7810,4 +7827,4 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
 (0, $g9l4l$dlog)("@depict-ai/ui version", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
 
 
-export {$a45c51e5e7aeb7f1$export$de035477d6fef996 as QuickLinks, $a45c51e5e7aeb7f1$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $a45c51e5e7aeb7f1$export$f34314aa9505732e as DepictCategory, $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e as CategoryPage, $082017ac4cf9f917$export$ac6237957a15b3f0 as DepictSearch, $082017ac4cf9f917$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $082017ac4cf9f917$export$f2dc7e4e4aa11abb as SearchPage, $082017ac4cf9f917$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, $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$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, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "packageManager": "yarn@3.2.2",
   "source": [
     "src/index.ts",
@@ -82,7 +82,7 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.28",
+    "@depict-ai/utilishared": "^0.0.35",
     "solid-js": "^1.6.2"
   },
   "types": "dist/index.d.ts"