@depict-ai/ui 3.0.1 → 3.0.3

package/latest/index.d.ts

@@ -2,16 +2,15 @@ import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { Amazing_Slider, Node_Array, Display, report, ColsAtSize, Elem, ModernDisplay } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { CategorySuggestion } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { CategorySuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { Breadcrumb, Quicklink, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
-import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/api/SearchSuggestionsResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.1";
+export const version = "3.0.3";
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -603,56 +602,23 @@ export type DisplayTransformers<InputDisplay extends ModernDisplay, OutputDispla
   products?: (options: DisplayTransformerAlwaysThereData & {
     displays: InputDisplay[];
   }) => CanBePromiseWrapped<OutputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<OutputDisplay>[] : never>;
-  categories?: (options: DisplayTransformerAlwaysThereData & {
-    data: (Breadcrumb | Quicklink | CategorySuggestion)[];
-  }) => CanBePromiseWrapped<{
+  categories?: <T extends Breadcrumb | Quicklink | CategorySuggestion>(options: DisplayTransformerAlwaysThereData & {
+    data: T[];
+  }) => CanBePromiseWrapped<(T & {
     page_url: string;
-  }[]>;
+  })[]>;
   contentResults?: (options: DisplayTransformerAlwaysThereData & {
     data: ContentLink[];
   }) => CanBePromiseWrapped<ContentLink[]>;
 };
-export type SomethingTakingAPageURLCreatorOrDisplayTransformers<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = InputDisplay extends ModernDisplay ? "page_url" extends keyof InputDisplay["variant_displays"][number] ? {
-  page_url_creator?: PageURLCreator<InputDisplay, OutputDisplay>;
-  display_transformers?: never;
-} | {
-  page_url_creator?: never;
+export type SomethingTakingADisplayTransformers<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = InputDisplay extends ModernDisplay ? "page_url" extends keyof InputDisplay["variant_displays"][number] ? {
   display_transformers: DisplayTransformers<InputDisplay, OutputDisplay>;
 } : {
-  page_url_creator: PageURLCreator<InputDisplay, OutputDisplay>;
-  display_transformers?: never;
-} | {
   display_transformers: DisplayTransformers<InputDisplay, OutputDisplay>;
-  page_url_creator?: never;
 } : {
   page_url_creator?: never;
   display_transformers?: never;
 };
-type PageURLCreatorAlwaysThereData = {
-  merchant: string;
-  market: string;
-};
-type PageURLCreatorCategoryData = {
-  type: "categories";
-  data: (Breadcrumb | Quicklink | CategorySuggestion)[];
-};
-type PageURLCreatorProductData<T extends ModernDisplay> = {
-  displays: T[];
-  type: "products";
-};
-type PageURLCreatorOptions<InputDisplay extends ModernDisplay> = PageURLCreatorAlwaysThereData & (PageURLCreatorCategoryData | PageURLCreatorProductData<InputDisplay>);
-/**
- * @deprecated use DisplayTransformers instead
- * PageUrlCreator is, in its most basic form, a function that takes in a list of categories or products and returns a list of page_urls for the provided categories or products.
- * It's main use case is to allow for the creation of links to the product or category pages on the merchant's site.
- * It can also be used for the depict customers which already have links to change those links (i.e. for staging sites).
- * Also, it can be used to enrich the data for each product card in a batched way, which is why it can be an async function and return a whole display in the case of products.
- */
-export type PageURLCreator<InputDisplay extends ModernDisplay, OutputDisplay extends ModernDisplay | never> = (options: PageURLCreatorOptions<InputDisplay>) => (typeof options)["type"] extends "categories" ? CanBePromiseWrapped<{
-  page_url: string;
-}[]> : CanBePromiseWrapped<{
-  page_url: string;
-}[]> | CanBePromiseWrapped<OutputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<OutputDisplay>[] : never>;
 export type ExclusiveId = {
   categoryId: string;
   productId?: undefined;
@@ -723,29 +689,29 @@ export type InstantCard<T extends Display> = (display: T, context: {
   merchant: string;
   market: string;
 }) => JSX.Element;
-type CategorySuggestionAfterURLCreator = LegacyCategorySuggestion & {
+type CategorySuggestionAfterURLCreator = CategorySuggestion & {
   page_url: string;
 };
-type ReplaceCategorySuggestion<T> = T extends LegacyCategorySuggestion ? CategorySuggestionAfterURLCreator : T extends LegacyCategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
-type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponse]: ReplaceCategorySuggestion<SearchSuggestionsResponse[K]> };
+type ReplaceCategorySuggestion<T> = T extends CategorySuggestion ? CategorySuggestionAfterURLCreator : T extends CategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
+type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponseV3]: ReplaceCategorySuggestion<SearchSuggestionsResponseV3[K]> };
 type AddPageUrlToDisplay<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
-type SearchResponseAfterURLCreator = { [K in keyof SearchResponse]: K extends "displays" ? AddPageUrlToDisplay<SearchResponse[K]> : K extends "filters" ? AddActualFieldToFilters<SearchResponse[K]> : SearchResponse[K] };
+type SearchResponseAfterDisplayTransformer = { [K in keyof SearchResponse]: K extends "displays" ? AddPageUrlToDisplay<SearchResponse[K]> : K extends "filters" ? AddActualFieldToFilters<SearchResponse[K]> : SearchResponse[K] };
 type QuicklinksOrBreadCrumbsWithPageURL<T extends Breadcrumb | Quicklink> = T & {
   page_url: string;
 };
 type _AddPageUrlToDisplay1<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
-type ProductListingResponseAfterURLCreator = { [K in keyof ProductListingResponseV3]: K extends "displays" ? _AddPageUrlToDisplay1<ProductListingResponseV3[K]> : K extends "filters" ? AddActualFieldToFilters<ProductListingResponseV3[K]> : ProductListingResponseV3[K] };
-type GetListingResponseAfterURLCreator = { [K in keyof GetListingResponse]: K extends "breadcrumbs" ? QuicklinksOrBreadCrumbsWithPageURL<Breadcrumb>[] : K extends "quick_links" ? QuicklinksOrBreadCrumbsWithPageURL<Quicklink>[] : GetListingResponse[K] };
+type ProductListingResponseAfterDisplayTransformer = { [K in keyof ProductListingResponseV3]: K extends "displays" ? _AddPageUrlToDisplay1<ProductListingResponseV3[K]> : K extends "filters" ? AddActualFieldToFilters<ProductListingResponseV3[K]> : ProductListingResponseV3[K] };
+type GetListingResponseAfterDisplayTransformer = { [K in keyof GetListingResponse]: K extends "breadcrumbs" ? QuicklinksOrBreadCrumbsWithPageURL<Breadcrumb>[] : K extends "quick_links" ? QuicklinksOrBreadCrumbsWithPageURL<Quicklink>[] : GetListingResponse[K] };
 type DepictAPIConstructorOptions<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = {
   get_metadata?: () => Promise<{
     [k: string]: string;
   } | undefined>;
   get_session_id?: () => string | undefined;
-} & SomethingTakingAPageURLCreatorOrDisplayTransformers<InputDisplay, OutputDisplay>;
+} & SomethingTakingADisplayTransformers<InputDisplay, OutputDisplay>;
 interface GetListingOptions extends GetListingRequest {
   listing_id: string;
   session_id?: string;
@@ -757,21 +723,20 @@ interface GetListingOptions extends GetListingRequest {
  */
 export class DepictAPI<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never = InputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<InputDisplay> : never> {
   #private;
-  page_url_creator: PageURLCreator<ModernDisplay, OutputDisplay> | undefined;
   display_transformers: DisplayTransformers<ModernDisplay, OutputDisplay> | undefined;
   constructor(options: DepictAPIConstructorOptions<InputDisplay, OutputDisplay>);
   suggest(input_req: SearchSuggestionsRequestV3): Promise<SearchSuggestionsResponseAfterURLCreator & {
     failed?: true;
   }>;
-  query(input_req: SearchRequestV3): Promise<SearchResponseAfterURLCreator & {
+  query(input_req: SearchRequestV3): Promise<SearchResponseAfterDisplayTransformer & {
     failed?: true;
   }>;
-  get_listing(input_req: GetListingOptions): Promise<GetListingResponseAfterURLCreator & {
+  get_listing(input_req: GetListingOptions): Promise<GetListingResponseAfterDisplayTransformer & {
     failed?: true;
   }>;
   get_listing_products(input_req: ProductListingRequestV3 & {
     listing_id: string;
-  }): Promise<ProductListingResponseAfterURLCreator & {
+  }): Promise<ProductListingResponseAfterDisplayTransformer & {
     failed?: true;
   }>;
   get_recommended<T extends Display>(input_req: BaseSearchRequestV3): Promise<{
@@ -823,7 +788,7 @@ type CategoryConstructorOptionsWithApi<InputDisplay extends Display, OutputDispl
 };
 type CategoryConstructorOptionsWithoutApi<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = GeneralCategoryListingOptions & {
   api?: never;
-} & SomethingTakingAPageURLCreatorOrDisplayTransformers<InputDisplay, OutputDisplay>;
+} & SomethingTakingADisplayTransformers<InputDisplay, OutputDisplay>;
 type DepictCategoryConstructorOptions<InputDisplay extends Display, OutputDisplay extends ModernDisplay> = CategoryConstructorOptionsWithApi<InputDisplay, OutputDisplay> | CategoryConstructorOptionsWithoutApi<InputDisplay, OutputDisplay>;
 export class DepictCategory<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never = InputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<InputDisplay> : never> {
   #private;
@@ -844,7 +809,6 @@ export class DepictCategory<InputDisplay extends Display, OutputDisplay extends
   constructor({
     api,
     on_navigation,
-    page_url_creator,
     display_transformers,
     unique_instance_key_for_state,
     listing_id_state_key,
@@ -871,12 +835,12 @@ export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 export function QuickLinks<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 /**
  * Gets available listings for a given merchant, market and locale
  */
@@ -929,7 +893,7 @@ type ConstructorOptionsWithApi<InputDisplay extends Display, OutputDisplay exten
 };
 type ConstructorOptionsWithoutAPI<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = GeneralConstructorOptions<InputDisplay, OutputDisplay> & {
   api?: never;
-} & SomethingTakingAPageURLCreatorOrDisplayTransformers<InputDisplay, OutputDisplay>;
+} & SomethingTakingADisplayTransformers<InputDisplay, OutputDisplay>;
 type ConstructorOptions<InputDisplay extends Display, OutputDisplay extends ModernDisplay> = ConstructorOptionsWithApi<InputDisplay, OutputDisplay> | ConstructorOptionsWithoutAPI<InputDisplay, OutputDisplay>;
 export type OpenModalArguments = [options_for_modal?: {
   style_props_?: Signal<JSX.CSSProperties>;
@@ -947,7 +911,6 @@ export class DepictSearch<InputDisplay extends Display, OutputDisplay extends Mo
     url_transformer,
     on_navigation,
     enable_category_suggestions,
-    page_url_creator,
     display_transformers,
     api,
     disable_scrolling_during_modal,
@@ -1024,46 +987,16 @@ export type BaseProviderConfig<InputDisplay extends Display, PossibleTransformed
    */
   uniqueInstanceKeyForState?: string;
 } & (InputDisplay extends ModernDisplay ? "page_url" extends keyof InputDisplay["variant_displays"][number] ? {
-  /**
-   * @deprecated use displayTransformers instead
-   */
-  pageURLCreator?: PageURLCreator<InputDisplay, PossibleTransformedDisplay>;
-  /**
-   * Functions that take in a list of categories, content search results or products and then can transform or enrich the data for each category, content search result or product card in a batched way.
-   */
-  displayTransformers?: never;
-} | {
-  /**
-   * @deprecated use displayTransformers instead
-   */
-  pageURLCreator?: never;
   /**
    * Functions that take in a list of categories, content search results or products and then can transform or enrich the data for each category, content search result or product card in a batched way.
    */
   displayTransformers: DisplayTransformers<InputDisplay, PossibleTransformedDisplay>;
 } : {
-  /**
-   * @deprecated use displayTransformers instead
-   */
-  pageURLCreator: PageURLCreator<InputDisplay, PossibleTransformedDisplay>;
-  /**
-   * Functions that take in a list of categories, content search results or products and then can transform or enrich the data for each category, content search result or product card in a batched way.
-   */
-  displayTransformers?: never;
-} | {
   /**
    * Functions that take in a list of categories, content search results or products and then can transform or enrich the data for each category, content search result or product card in a batched way.
    */
   displayTransformers: DisplayTransformers<InputDisplay, PossibleTransformedDisplay>;
-  /**
-   * @deprecated use displayTransformers instead
-   */
-  pageURLCreator?: never;
 } : {
-  /**
-   * @deprecated use displayTransformers instead
-   */
-  pageURLCreator?: never;
   /**
    * Functions that take in a list of categories, content search results or products and then can transform or enrich the data for each category, content search result or product card in a batched way.
    */

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.1";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.3";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -5447,100 +5447,54 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   };
   #get_metadata;
   #get_session_id;
-  #guard_url_creator_length(expected, received) {
-    if (expected.length !== received.length) {
-      const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
-      queueMicrotask(() => {
-        throw e;
-      });
-      throw e;
-    }
-  }
   async #run_url_creator_for_suggest(merchant, market, response) {
-    const page_url_creator = this.page_url_creator;
     const category_transformer = this.display_transformers?.categories;
-    if (!page_url_creator && !category_transformer) return response;
+    if (!category_transformer) return response;
     // find category suggestions, run thing with them, and then replace them
     const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "category");
-    const page_urls = await (page_url_creator || category_transformer)({
+    const transformed_category_suggestions = await category_transformer({
       market: market,
       merchant: merchant,
-      data: [...category_suggestions],
-      ...(page_url_creator ? {
-        type: "categories"
-      } : {})
+      data: [...category_suggestions]
     });
-    this.#guard_url_creator_length(category_suggestions, page_urls);
-    while (page_urls.length)
-    // Copy over getters so we sneakily can make this reactive
-    Object.defineProperties(category_suggestions.pop(), Object.getOwnPropertyDescriptors(page_urls.pop()));
+    response.suggestions = transformed_category_suggestions;
     return response;
   }
   async #run_display_transformers_for_rest(merchant, market, input_data) {
     const {
-      page_url_creator: page_url_creator,
       display_transformers: display_transformers
     } = this;
-    if (!page_url_creator && !display_transformers) return input_data;
+    if (!display_transformers) return input_data;
     const product_transformer = display_transformers?.products;
     const category_transformer = display_transformers?.categories;
     const content_result_transformer = display_transformers?.contentResults;
     const displays = input_data.displays;
-    const owner = $9HbP8$getOwner();
     const {
-      breadcrumbs: breadcrumbs,
-      quick_links: quick_links,
       content_search_links: content_search_links
     } = input_data;
-    if (displays && (page_url_creator || product_transformer)) {
-      const page_urls = await (page_url_creator || product_transformer)({
+    if (displays && product_transformer) {
+      const transformed_displays = await product_transformer({
         merchant: merchant,
         market: market,
-        displays: [...input_data.displays],
-        ...(page_url_creator ? {
-          type: "products"
-        } : {})
+        displays: [...displays]
       });
-      this.#guard_url_creator_length(displays, page_urls);
-      for (let i = 0; i < displays.length; i++) {
-        const new_display_or_page_url = page_urls[i];
-        const old_display = displays[i];
-        if ("page_url" in new_display_or_page_url && Object.keys(new_display_or_page_url).length === 1) {
-          // they only returned page_url, let's put it into the display
-          const old_display_was_modern = ("variant_index" in old_display);
-          if (old_display_was_modern) {
-            const variant_displays = old_display.variant_displays;
-            for (let i = 0; i < variant_displays.length; i++) variant_displays[i].page_url = new_display_or_page_url.page_url;
-          } else old_display.page_url = new_display_or_page_url.page_url;
-        } else
-          // We got a whole new display, let's replace it
-          displays[i] = new_display_or_page_url;
-      }
+      input_data.displays = transformed_displays;
     }
-    if (page_url_creator || category_transformer) for (const category_display_array of [breadcrumbs, quick_links]) {
+    if (category_transformer) for (const key of ["breadcrumbs", "quick_links"]) {
+      const category_display_array = input_data[key];
       if (!category_display_array) continue;
-      const page_urls = await $9HbP8$runWithOwner(owner, () => (page_url_creator || category_transformer)({
-        merchant: merchant,
-        market: market,
-        data: [...category_display_array],
-        ...(page_url_creator ? {
-          type: "categories"
-        } : {})
-      }));
-      this.#guard_url_creator_length(category_display_array, page_urls);
-      for (let i = 0; i < category_display_array.length; i++)
-      // Copy over getters so we sneakily can make this reactive
-      Object.defineProperties(category_display_array[i], Object.getOwnPropertyDescriptors(page_urls[i]));
-    }
-    if (content_search_links?.length && content_result_transformer) {
-      const result = await $9HbP8$runWithOwner(owner, () => content_result_transformer({
+      const transformed_category_displays = await category_transformer({
         merchant: merchant,
         market: market,
-        data: [...content_search_links]
-      }));
-      this.#guard_url_creator_length(content_search_links, result);
-      input_data.content_search_links = result;
+        data: [...category_display_array]
+      });
+      input_data[key] = transformed_category_displays;
     }
+    if (content_search_links?.length && content_result_transformer) input_data.content_search_links = await content_result_transformer({
+      merchant: merchant,
+      market: market,
+      data: [...content_search_links]
+    });
     return input_data;
   }
   async #cached_request({
@@ -5552,7 +5506,6 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   }) {
     const cache_obj = this.#get_cache_obj_for_endpoint(endpoint_);
     const with_ids = this.#add_ids_to_request(input_req_);
-    const owner = $9HbP8$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: metaData
@@ -5580,7 +5533,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await $9HbP8$runWithOwner(owner, () => this.#run_display_transformers_for_rest(input_req_.merchant, input_req_.market, unmodified_result));
+          result = await this.#run_display_transformers_for_rest(input_req_.merchant, input_req_.market, unmodified_result);
         } catch (e) {
           $9HbP8$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -5611,17 +5564,14 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     const {
       get_metadata: get_metadata,
       get_session_id: get_session_id,
-      page_url_creator: page_url_creator,
       display_transformers: display_transformers
     } = options ?? {};
     this.#get_metadata = get_metadata;
     this.#get_session_id = get_session_id;
-    this.page_url_creator = page_url_creator;
     this.display_transformers = display_transformers;
   }
   async suggest(input_req) {
     const with_ids = this.#add_ids_to_request(input_req);
-    const owner = $9HbP8$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -5633,7 +5583,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
       const decoded_json = await results.json();
       if (!Array.isArray(decoded_json?.suggestions)) break attempt_to_return_api_response;
       try {
-        return await $9HbP8$runWithOwner(owner, () => this.#run_url_creator_for_suggest(input_req.merchant, input_req.market, decoded_json));
+        return await this.#run_url_creator_for_suggest(input_req.merchant, input_req.market, decoded_json);
       } catch (e) {
         $9HbP8$dwarn("displayTransformer failed", e);
       }
@@ -8778,7 +8728,6 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
   constructor({
     api: api,
     on_navigation: on_navigation,
-    page_url_creator: page_url_creator,
     display_transformers: display_transformers,
     unique_instance_key_for_state = "",
     listing_id_state_key: listing_id_state_key,
@@ -8829,7 +8778,6 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
         reset_history_state_: reset_history_state_,
         // @ts-ignore
         depict_api_: api ?? new (0, $7fa23e2a0079eca4$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator,
           display_transformers: display_transformers
         }),
         router_: this.#router,
@@ -9164,6 +9112,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $9HbP8$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return (() => {
     const _el$ = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9179,11 +9128,11 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
     $9HbP8$insert(_el$2, () => category_suggestion_().title);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$);
-        $9HbP8$insert(_el$3, () => category_suggestion_().parent_title);
+        $9HbP8$insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -10005,6 +9954,11 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $9HbP8$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $9HbP8$createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $9HbP8$createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return (() => {
       const _el$ = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$);
       $9HbP8$use(element => element.addEventListener("click", $9HbP8$catchify1(ev => {
@@ -10046,7 +10000,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
           },
           searching_for_value_: searching_for_value_
         })] : [$9HbP8$memo((() => {
-          const _c$2 = $9HbP8$memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $9HbP8$memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10059,7 +10013,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $9HbP8$insert(_el$5, () => input_obj().parent_title);
+            $9HbP8$insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $9HbP8$memo(() => input_obj().type === "content");
@@ -10093,7 +10047,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
           const _el$3 = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$3);
           $9HbP8$insert(_el$3, $9HbP8$createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;
@@ -11686,7 +11640,6 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     url_transformer: url_transformer,
     on_navigation: on_navigation,
     enable_category_suggestions = true,
-    page_url_creator: page_url_creator,
     display_transformers: display_transformers,
     api: api,
     // Stuff needed for non-standard customer deployments that we shouldn't actually expose
@@ -11738,7 +11691,6 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
       });
       // @ts-ignore
       const depict_api_ = api ?? new (0, $7fa23e2a0079eca4$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator,
         display_transformers: display_transformers
       });
       const previous_searches = $21f51c14cb3f586f$export$84bba84a7b837187(get_search_query_);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",