@depict-ai/ui 0.0.52 → 0.0.54

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestions
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse, BaseCategoryDisplay } from "@depict-ai/types/api/ProductListingResponse";
 import { JSX as _JSX1 } from "solid-js/types/jsx";
-export const version = "0.0.52";
+export const version = "0.0.54";
 type ExclusiveId = {
     categoryId: string;
     productId?: undefined;
@@ -349,6 +349,61 @@ interface SearchFieldParams {
     aligner_ref?: HTMLElement | null;
 }
 export function SearchField({ depict_search, modal_dispose_handler, click_handler, aligner_ref, }: SearchFieldParams): Node_Array;
+export type DepictBaseConfig = {
+    /**
+     * The merchant to use for the search.
+     * @example "YOUR_MERCHANT", "stronger"
+     */
+    merchant: string;
+    /**
+     * The market to use for the search.
+     * @example "YOUR_MARKET", "no", "en-de"
+     */
+    market: string;
+};
+export type DepictSearchConfig = {
+    /**
+     * The path to the search page.
+     * @example "/search", "/sok"
+     */
+    searchPagePath: string;
+    /**
+     * The name of the url parameter that will be used for the search query.
+     * @example "q", "search_query"
+     * @default "search_query"
+     */
+    urlParamName?: string;
+    /**
+     * Whether to enable category suggestions in the search modal and search page.
+     * @default false
+     */
+    enableCategorySuggestions?: boolean;
+};
+export interface BaseSearchPageConfig extends BasePLPConfig {
+    /**
+     * Whether to show the search input field in the search page.
+     * @default true
+     */
+    includeInputField?: boolean;
+}
+export interface BasePLPConfig {
+    /**
+     * How many columns to show at each media size.
+     * @default
+     * [[2, 901], [3, 1024], [4]]
+     * @example
+     * [[2, 901], [3, 1024], [4]]
+     * means 2 columns at sizes up to 901px, 3 columns at sizes up to 1024px and after that 4 columns at any viewport size.
+     */
+    columnsAtSize?: SDKColsAtSize;
+    /**
+     * The spacing between products.
+     * @default "2%"
+     * @example
+     * "2%", "10px", "1rem", {horizontal: "1%", vertical: "5px"}
+     */
+    gridSpacing?: SDKGridSpacing;
+}
 type CenteredLocation = {
     location?: "centered";
 };

package/dist/main.js

@@ -33,7 +33,7 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.52";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.54";
 
 
 
@@ -5074,7 +5074,7 @@ function $068a627cc18f7bb6$var$get_shared_properties(depict_category) {
 
 
 
-const $853f821e60bd06ea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
+const $853f821e60bd06ea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="category-title"><h1 class="title"></h1><span class="explanation"> — </span></div>`, 6);
 const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
@@ -7670,7 +7670,7 @@ function $79fbf145b15af988$export$316f6f283ae64765({ depict_search: depict_searc
                     position: "fixed"
                 });
                 const defaultHandler = (0, $46MJV$depictaiutilishared.catchify)(()=>{
-                    const { cleanup: cleanup  } = $79fbf145b15af988$var$align_field_modal(style_props_, field, aligner_ref);
+                    const { cleanup: cleanup  } = $79fbf145b15af988$var$align_field_modal(style_props_, input, aligner_ref);
                     const complete_modal_dispose_handler = ()=>{
                         modal_dispose_handler?.();
                         cleanup();

package/dist/module.js

@@ -2,7 +2,7 @@ import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$
 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.52";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.54";
 
 
 
@@ -5043,7 +5043,7 @@ function $ec52ef1e6c117813$var$get_shared_properties(depict_category) {
 
 
 
-const $6340962f8bafd049$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
+const $6340962f8bafd049$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-title"><h1 class="title"></h1><span class="explanation"> — </span></div>`, 6);
 const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
@@ -7639,7 +7639,7 @@ function $540e930c58500cbe$export$316f6f283ae64765({ depict_search: depict_searc
                     position: "fixed"
                 });
                 const defaultHandler = (0, $g9l4l$catchify)(()=>{
-                    const { cleanup: cleanup  } = $540e930c58500cbe$var$align_field_modal(style_props_, field, aligner_ref);
+                    const { cleanup: cleanup  } = $540e930c58500cbe$var$align_field_modal(style_props_, input, aligner_ref);
                     const complete_modal_dispose_handler = ()=>{
                         modal_dispose_handler?.();
                         cleanup();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "packageManager": "yarn@3.2.2",
   "source": [
     "src/index.ts",
@@ -81,8 +81,8 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/types": "^0.0.4",
-    "@depict-ai/utilishared": "^0.0.49",
+    "@depict-ai/types": "^0.0.6",
+    "@depict-ai/utilishared": "^0.0.51",
     "solid-js": "^1.6.2"
   },
   "types": "dist/index.d.ts"