@depict-ai/ui 1.0.18 → 1.1.0

package/README.md

@@ -1,3 +1,7 @@
 # Depict UI base package
 
-You're most likely for https://www.npmjs.com/package/@depict-ai/js-ui or https://www.npmjs.com/package/@depict-ai/react-ui
+You're most likely looking for https://www.npmjs.com/package/@depict-ai/js-ui or https://www.npmjs.com/package/@depict-ai/react-ui
+
+Breaking changes:
+
+- 1.1.0 made the `include_input_field` option of `SearchPage` default to true

package/dist/client/main.js

@@ -229,10 +229,23 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
+            let search_results = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
+            if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
+            // This will retry the request without the collection type if the first request fails
+            {
+                if (!search_results || search_results?.status === 404) {
+                    (0, $57o7A$depictaiutilishared.dlog)("Fallback request for collections due to failure");
+                    const fallback_body = JSON.parse(body);
+                    delete fallback_body.type;
+                    search_results = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
+                        method: "POST",
+                        body: JSON.stringify(fallback_body)
+                    });
+                }
+            }
             if (!search_results || search_results.status !== 200) {
                 const retval = fallback_response(input_req);
                 resolve_in_progress(retval);
@@ -5306,7 +5319,7 @@ function $cafad5eca9f09cb5$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
+function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , listing_type_: listing_type_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5331,6 +5344,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             tenant: tenant_(),
             market: market_(),
             query_id: query_id_(),
+            type: listing_type_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -5944,6 +5958,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     #merchant_signal = (0, $57o7A$solidjs.createSignal)();
     #market_signal = (0, $57o7A$solidjs.createSignal)();
     #query_id_signal = (0, $57o7A$solidjs.createSignal)("");
+    #listing_type_signal = (0, $57o7A$solidjs.createSignal)();
     static #has_been_constructed = false;
     get localization() {
         // allow reactive access
@@ -5970,6 +5985,12 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     set market(market) {
         this.#market_signal[1](market);
     }
+    get listing_type() {
+        return this.#listing_type_signal[0]();
+    }
+    set listing_type(listing_type) {
+        this.#listing_type_signal[1](listing_type);
+    }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
         return this.#router.on_navigation_;
@@ -6032,6 +6053,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
             min_products_to_fetch_: $48567ac5b39bac56$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
+            listing_type_: ()=>depict_category.listing_type,
             i18n_: i18n_,
             show_quicklinks_: show_quicklinks,
             category_title_: category_title,

package/dist/client/module.js

@@ -189,10 +189,23 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
+            let search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
+            if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
+            // This will retry the request without the collection type if the first request fails
+            {
+                if (!search_results || search_results?.status === 404) {
+                    (0, $gco9i$dlog)("Fallback request for collections due to failure");
+                    const fallback_body = JSON.parse(body);
+                    delete fallback_body.type;
+                    search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
+                        method: "POST",
+                        body: JSON.stringify(fallback_body)
+                    });
+                }
+            }
             if (!search_results || search_results.status !== 200) {
                 const retval = fallback_response(input_req);
                 resolve_in_progress(retval);
@@ -5266,7 +5279,7 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
+function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , listing_type_: listing_type_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5291,6 +5304,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             tenant: tenant_(),
             market: market_(),
             query_id: query_id_(),
+            type: listing_type_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -5904,6 +5918,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     #merchant_signal = (0, $gco9i$createSignal)();
     #market_signal = (0, $gco9i$createSignal)();
     #query_id_signal = (0, $gco9i$createSignal)("");
+    #listing_type_signal = (0, $gco9i$createSignal)();
     static #has_been_constructed = false;
     get localization() {
         // allow reactive access
@@ -5930,6 +5945,12 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     set market(market) {
         this.#market_signal[1](market);
     }
+    get listing_type() {
+        return this.#listing_type_signal[0]();
+    }
+    set listing_type(listing_type) {
+        this.#listing_type_signal[1](listing_type);
+    }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
         return this.#router.on_navigation_;
@@ -5992,6 +6013,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
             min_products_to_fetch_: $961b5c64bef4662f$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
+            listing_type_: ()=>depict_category.listing_type,
             i18n_: i18n_,
             show_quicklinks_: show_quicklinks,
             category_title_: category_title,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { JSX, Accessor, 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,16 +7,11 @@ 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 = "1.0.18";
-export function CrossIcon(props?: JSX.SvgSVGAttributes<SVGSVGElement>): SVGElement;
-/** @jsxImportSource solid-js */
-export function GenericSliderArrowButton(props?: {
-    width_?: number;
-    height_?: number;
-}): SVGElement;
+export const version = "1.1.0";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;
+    scroll: boolean;
 }) => void) | "hard_navigation";
 export type ExclusiveId = {
     categoryId: string;
@@ -220,27 +215,6 @@ declare class SDKError extends Error {
 export class ProductCardError extends SDKError {
     constructor(templateError: Error);
 }
-/**
- * Base placeholder component used by ImagePlaceholder and TextPlaceholder
- */
-export function BasePlaceholder(props: {
-    style: JSX.CSSProperties;
-    class?: string;
-}): JSX.Element;
-/**
- * A Placeholder to use instead of some text, while it's loading. This is the inline version, meant to be embedded into sentences (or exist instead of them), etc.
- * If you want a block version, use `ImagePlaceholder` with `width`and `height` set instead.
- * @property height height of the placeholder. Set to `1em` by default.
- * @property width width of the placeholder. For specific number of characters use `ch`, ex: `width="7ch"`
- * @property class extra classes to add to the placeholder
- * @property style extra styles to add to the placeholder
- */
-export function TextPlaceholder(props: {
-    style?: JSX.CSSProperties;
-    height: string;
-    width: string;
-    class?: string;
-}): JSX.Element;
 /**
  * Disables scrolling until the solidjs reactive scoped is disposed (onCleanup)
  * @returns A cleanup function to manually re-enable scrolling.
@@ -249,7 +223,7 @@ export function disable_scrolling(): () => void;
 export const CategoryTitle: ({ category_title_, product_count_, }: {
     category_title_: Accessor<string | undefined>;
     product_count_: JSX.Element;
-}) => JSX.Element;
+}) => HTMLElement;
 /**
  * Embeds number of products between sort and filter buttons on mobile if possible, only supported for category pages right now. Pass it as category_title_ to Category.
  * Note: this will add an invisible element as first element in depict-search-page which will confuse the flex-gap SCSS mixin a bit so you'll get some extra spacing at the beginning of the search page
@@ -278,6 +252,112 @@ export type SDKColsAtSize = [number, number?][];
  * @returns
  */
 export const convert_sdk_cols_at_size_to_layout: (cols_at_size: SDKColsAtSize) => ColsAtSize;
+export type BaseProviderConfig = {
+    /**
+     * 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;
+    /**
+     * Optional unique identifier of a logged in user. Should be persistent across devices and sessions.
+     */
+    userId?: string;
+    /**
+     * Optional unique identifer of the current session. Only necessary when performing server side requests to Depict.
+     */
+    sessionId?: string;
+    /**
+     * Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
+     */
+    metaData?: Record<string, string>;
+};
+export type BaseSearchProviderConfig = {
+    /**
+     * 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", "query"
+     * @default "query"
+     */
+    urlParamName?: string;
+    /**
+     * Whether to enable category suggestions in the search modal and search page.
+     * @default false
+     */
+    enableCategorySuggestions?: boolean;
+};
+export interface BaseProductListingConfig {
+    /**
+     * 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;
+}
+export interface BaseSearchPageConfig extends BaseProductListingConfig {
+    /**
+     * Whether to show the search input field in the search page.
+     * @default true
+     */
+    includeInputField?: boolean;
+}
+export interface BaseCategoryPageConfig extends BaseProductListingConfig {
+    /**
+     * Whether to show the breadcrumbs in the category page.
+     * @default true
+     */
+    showBreadcrumbs?: boolean;
+    /**
+     * Whether to show the quicklinks in the category page.
+     * @default true
+     */
+    showQuicklinks?: boolean;
+}
+/**
+ * Props for the TextPlaceholder component.
+ */
+export interface TextPlaceholderProps {
+    /**
+     * The height of the text, including a unit.
+     * @example "1em"
+     */
+    height: string;
+    /**
+     * The width of the text.
+     * @example "60px", "10em"
+     */
+    width: string;
+}
+/**
+ * Props for the ImagePlaceholder component.
+ */
+export interface ImagePlaceholderProps {
+    /** The aspect ratio of the image that will be displayed. */
+    aspectRatio: number;
+}
+/**
+ * Will be sent to backend to indicate whether the query_id_ is for a collection or category.
+ * Backend defaults to category if not specified.
+ */
+type ListingType = "collection" | "category";
 type DepictCategoryConstructorOptions = {
     market: string;
     merchant: string;
@@ -295,6 +375,8 @@ export class DepictCategory {
     set merchant(merchant: string);
     get market(): string;
     set market(market: string);
+    get listing_type(): ListingType | undefined;
+    set listing_type(listing_type: ListingType | undefined);
     get on_navigation(): OnNavigation;
     set on_navigation(new_function: OnNavigation);
     constructor({ api, on_navigation, ...props_on_class }: DepictCategoryConstructorOptions);
@@ -314,34 +396,7 @@ export function BreadCrumbs({ depict_category }: {
 export function QuickLinks({ depict_category }: {
     depict_category: DepictCategory;
 }): HTMLElement;
-/**
- * Gets available categories/collections (query_ids for the product-listing endpoint) for a merchant
- * @param tenant
- * @param market
- * @param type - optional, currently only setting this to "collection" will return collections instead of categories
- */
-export function get_categories(tenant: string, market: string, type?: string): Promise<string[]>;
-type ImagePlaceholderBaseOptions = {
-    style?: JSX.CSSProperties;
-    class?: string;
-};
-type ImagePlaceholderBlockOptions = {
-    width: string;
-    height: string;
-};
-type ImagePlaceholderImageOptions = {
-    aspectRatio: number;
-};
-/**
- * A placeholder that can be used instead of an image or other block of content while it's loading.
- * The placeholder has `display:block`, meaning it will create a new "row" in the layout for itself. Can be used either for images with a defined aspect ratio (ContainedImage) or blocks.
- * @property aspectRatio if aspectRatio is defined the placeholder will be in "image mode" and fill out the available width and then adjust the height according to the aspectRatio
- * @property width If width and height is set, the defined width and height will be used.
- * @property height If width and height is set, the defined width and height will be used.
- * @property class extra classes to add to the placeholder
- * @property style extra styles to add to the placeholder
- */
-export function ImagePlaceholder(props: ImagePlaceholderBaseOptions & (ImagePlaceholderBlockOptions | ImagePlaceholderImageOptions)): JSX.Element;
+export function get_categories(tenant: string, market: string): Promise<string[]>;
 export function DefaultInstantCardPlaceholder(): HTMLDivElement;
 /**
  * Useful for aligning the search modal to an element, like an existing input field
@@ -406,7 +461,7 @@ export class DepictSearch<T extends Display> {
     set market(market: string);
     fetchSearchResults(query: string, filters?: SearchFilter[], maxResults?: number): Promise<T[]>;
 }
-export function SearchPage<T extends Display>({ depict_search, include_input_field, grid_spacing, cols_at_size, product_card_template, extra_depict_options, }: {
+export function SearchPage<T extends Display>(props: {
     depict_search: DepictSearch<T>;
     include_input_field?: boolean | {
         on_open_?: VoidFunction;
@@ -426,85 +481,6 @@ interface SearchFieldParams {
     aligner_ref?: HTMLElement | null;
 }
 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.
-     * @example "YOUR_MERCHANT", "stronger"
-     */
-    merchant: string;
-    /**
-     * The market to use for the search.
-     * @example "YOUR_MARKET", "no", "en-de"
-     */
-    market: string;
-    /**
-     * Optional unique identifier of a logged in user. Should be persistent across devices and sessions.
-     */
-    userId?: string;
-    /**
-     * Optional unique identifer of the current session. Only necessary when performing server side requests to Depict.
-     */
-    sessionId?: string;
-    /**
-     * Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
-     */
-    metaData?: Record<string, string>;
-};
-export type BaseSearchProviderConfig = {
-    /**
-     * 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", "query"
-     * @default "query"
-     */
-    urlParamName?: string;
-    /**
-     * Whether to enable category suggestions in the search modal and search page.
-     * @default false
-     */
-    enableCategorySuggestions?: boolean;
-};
-export interface BaseProductListingConfig {
-    /**
-     * 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;
-}
-export interface BaseSearchPageConfig extends BaseProductListingConfig {
-    /**
-     * Whether to show the search input field in the search page.
-     * @default true
-     */
-    includeInputField?: boolean;
-}
-export interface BaseCategoryPageConfig extends BaseProductListingConfig {
-    /**
-     * Whether to show the breadcrumbs in the category page.
-     * @default true
-     */
-    showBreadcrumbs?: boolean;
-    /**
-     * Whether to show the quicklinks in the category page.
-     * @default true
-     */
-    showQuicklinks?: boolean;
-}
 type CenteredLocation = {
     location?: "centered";
 };
@@ -570,5 +546,5 @@ export const defaultGridSpacing = "2%";
 export const defaultCategoryTitlePlugin: ({ category_title_, product_count_, }: {
     category_title_: import("solid-js").Accessor<string | undefined>;
     product_count_: import("solid-js").JSX.Element;
-}) => import("solid-js").JSX.Element;
+}) => HTMLElement;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequest";