@depict-ai/ui 3.0.1 → 3.0.3

package/server/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/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$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$ = ["<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"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -4405,100 +4405,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 = $i7OB2$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 $i7OB2$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 $i7OB2$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({
@@ -4510,7 +4464,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 = $i7OB2$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: metaData
@@ -4538,7 +4491,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await $i7OB2$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) {
           $i7OB2$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -4569,17 +4522,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 = $i7OB2$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -4591,7 +4541,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 $i7OB2$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) {
         $i7OB2$dwarn("displayTransformer failed", e);
       }
@@ -7258,7 +7208,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,
@@ -7309,7 +7258,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,
@@ -7621,12 +7569,13 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $i7OB2$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("href", $i7OB2$escape(category_suggestion_().page_url, true), false), $i7OB2$escape(category_suggestion_().title), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(category_suggestion_().parent_title));
+      return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(parentTitle()));
     }
   })));
 }
@@ -8170,6 +8119,11 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $i7OB2$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $i7OB2$createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $i7OB2$createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$, $i7OB2$ssrHydrationKey(), `suggestion ${is_selected() ? "selected" : ""} ${is_history ? "history" : ""} ${$i7OB2$escape($i7OB2$escape("type-" + input_obj().type, true), true)}`, $i7OB2$ssrAttribute("href", $i7OB2$escape(href(), true), false), is_query() ? $i7OB2$escape([$i7OB2$createComponent((0, $i7OB2$Show), {
       when: is_history,
       get fallback() {
@@ -8184,13 +8138,13 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
         return $i7OB2$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $i7OB2$escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+    })]) : $i7OB2$escape([parent_title_if_exists() ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $i7OB2$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $i7OB2$escape(input_obj().parent_title)) : input_obj().type === "content" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
+    })), $i7OB2$escape(parent_title_if_exists())) : input_obj().type === "content" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -8207,7 +8161,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
       searching_for_value_: searching_for_value_
     }), $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$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_();
     })()))]));
   };
@@ -9579,7 +9533,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
@@ -9631,7 +9584,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_);