@depict-ai/ui 0.0.79 → 0.0.81

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Display, Elem, ColsAtSize, InfoForProcessing, Node_Array, RR_PostProcessor, RR_PreProcessor } from "@depict-ai/utilishared";
-import { Accessor, JSX, Setter, Signal } from "solid-js";
+import { Display, Elem, ColsAtSize, Node_Array } from "@depict-ai/utilishared";
+import { JSX, Accessor, Setter, Signal } from "solid-js";
 import { SearchResponse } from "@depict-ai/types/api/SearchResponse";
 import { SearchRequest, SearchFilter } from "@depict-ai/types/api/SearchRequest";
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
@@ -7,7 +7,7 @@ import { SearchSuggestionsResponse, CategorySuggestion } from "@depict-ai/types/
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse } from "@depict-ai/types/api/ProductListingResponse";
-export const version = "0.0.79";
+export const version = "0.0.81";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;
@@ -73,16 +73,16 @@ export function fetchDepictRecommendations<T extends Display = Display>({ mercha
 /**
  * Like standard_price_format except that the price and the formatting are reactive accessors
  */
-export function solid_format_price({ price_, price_formatting_, }: {
-    price_: Accessor<number>;
-    price_formatting_: Accessor<{
+export function SolidFormatPrice(props: {
+    price_: number;
+    price_formatting_: {
         pre_: string;
         post_: string;
         decimal_places_delimiter_: string;
         thousands_delimiter_: string;
         places_after_comma_: number | "auto";
-    }>;
-}): Accessor<string>;
+    };
+}): JSX.Element;
 /**
  * PLP internationalisation shared between search and category listing
  */
@@ -187,6 +187,12 @@ export type SDKGridSpacing = string | {
 export type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export interface SDKRenderingInfo {
+    set_on_index_change: (fn: (index: number) => void) => void;
+    merchant: string;
+    market: string;
+}
+export type ProductCardTemplate<T extends Display> = (display: T | null, info?: SDKRenderingInfo) => JSX.Element | Promise<JSX.Element>;
 export function show_toast({ children, on_close_, close_after_, ...more_attributes }: {
     children?: JSX.Element;
     close_after_: number;
@@ -257,16 +263,15 @@ export class DepictCategory {
     set on_navigation(new_function: OnNavigation);
     constructor({ api, on_navigation, ...props_on_class }: DepictCategoryConstructorOptions);
 }
-export function CategoryPage<T extends Display>({ depict_category, grid_spacing, cols_at_size, product_card_template, get_product_id, show_breadcrumbs, show_quicklinks, category_title, }: {
+export function CategoryPage<T extends Display>({ depict_category, grid_spacing, cols_at_size, product_card_template, show_breadcrumbs, show_quicklinks, category_title, }: {
     depict_category: DepictCategory;
     grid_spacing: SDKGridSpacing;
     cols_at_size: SDKColsAtSize;
-    product_card_template: (display: T | null, info: InfoForProcessing<T>) => Promise<Node_Array> | Node_Array;
-    get_product_id: (url?: string) => string | Promise<string>;
+    product_card_template: ProductCardTemplate<T>;
     show_quicklinks?: boolean;
     show_breadcrumbs?: boolean;
     category_title: typeof CategoryTitle | typeof embedded_num_products;
-}): Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs({ depict_category }: {
     depict_category: DepictCategory;
 }): HTMLElement;
@@ -309,7 +314,7 @@ type ConstructorOptions<T extends Display> = {
     enable_category_suggestions?: boolean;
     disable_scrolling_during_modal?: boolean;
     api?: DepictAPI;
-    bottom_distance_under_modal_?: Accessor<number | undefined>;
+    bottom_distance_under_modal?: Accessor<number | undefined>;
     render_instant_card?: InstantCard<T>;
 };
 export type OpenModalArguments = [
@@ -325,7 +330,7 @@ export type OpenModalArguments = [
 export const get_search_query_updating_blocked_signal: (depict_search: DepictSearch<any>) => Signal<boolean> | undefined;
 export class DepictSearch<T extends Display> {
     #private;
-    constructor({ search_query_url_param_name, url_transformer, on_navigation, enable_category_suggestions, disable_scrolling_during_modal, api, bottom_distance_under_modal_, render_instant_card, ...props_on_class }: ConstructorOptions<T>);
+    constructor({ search_query_url_param_name: search_query_url_param_name_, url_transformer, on_navigation, enable_category_suggestions, disable_scrolling_during_modal, api, bottom_distance_under_modal, render_instant_card, ...props_on_class }: ConstructorOptions<T>);
     get on_navigation(): OnNavigation;
     set on_navigation(new_function: OnNavigation);
     get localization(): search_i18n;
@@ -338,7 +343,7 @@ export class DepictSearch<T extends Display> {
     set market(market: string);
     fetchSearchResults(query: string, filters?: SearchFilter[]): Promise<T[]>;
 }
-export function SearchPage<T extends Display>({ depict_search, include_input_field, grid_spacing, cols_at_size, product_card_template, get_product_id, extra_depict_options, }: {
+export function SearchPage<T extends Display>({ depict_search, include_input_field, grid_spacing, cols_at_size, product_card_template, extra_depict_options, }: {
     depict_search: DepictSearch<T>;
     include_input_field?: boolean | {
         on_open_?: VoidFunction;
@@ -346,21 +351,18 @@ export function SearchPage<T extends Display>({ depict_search, include_input_fie
     };
     grid_spacing: SDKGridSpacing;
     cols_at_size: SDKColsAtSize;
-    product_card_template: (display: T | null, info: InfoForProcessing<T>) => Promise<Node_Array> | Node_Array;
-    get_product_id: (url?: string) => string | Promise<string>;
+    product_card_template: ProductCardTemplate<T>;
     extra_depict_options?: {
-        pre_processors?: RR_PreProcessor<T>[];
-        post_processors?: RR_PostProcessor<T>[];
         recommendations_cols_at_size?: SDKColsAtSize;
     };
-}): Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 interface SearchFieldParams {
     depict_search: DepictSearch<any>;
     modal_dispose_handler?: VoidFunction;
     click_handler?: (this: HTMLDivElement, ev: MouseEvent) => any;
     aligner_ref?: HTMLElement | null;
 }
-export function SearchField({ depict_search, modal_dispose_handler, click_handler, aligner_ref, }: SearchFieldParams): Node_Array;
+export function SearchField({ depict_search, modal_dispose_handler, click_handler, aligner_ref, }: SearchFieldParams): import("@depict-ai/utilishared").Node_Array;
 export type BaseProviderConfig = {
     /**
      * The merchant to use for the search.