@depict-ai/ui 3.0.6 → 3.0.7

package/server/latest/index.cjs

@@ -77,7 +77,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.6";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.7";
 const $0f313083912e447a$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 $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -4459,6 +4459,65 @@ function $67dc366d96177e70$export$967e966fca9515e(api_response) {
 // Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $779741d0f266ea8c$export$74ee7529ce0f8a00 = "listingId";
 const $779741d0f266ea8c$export$5aae649db1b959fc = "externalId";
+
+/**
+ * Converts a v3 API response into something that has quick_links and breadcrumbs that behave as in v2 instead of ancestors, children and siblings, but gives every quicklink and breadcrumb's transformer the ancestors of the listing they are for.
+ */
+async function $3a9f9f260c9bfc55$export$d9792230b7c0203e({
+  input_data_: {
+    ancestors: ancestors,
+    children: children,
+    siblings: siblings,
+    ...clonedInputData
+  },
+  category_transformer_ = v => v.data,
+  merchant_:
+  // in case no display transformer just pass the data through, so we don't break
+  merchant_,
+  market_: market_,
+  locale_: locale_
+}) {
+  const breadcrumbs = [];
+  const clonedAncestors = [...ancestors];
+  while (clonedAncestors.length) {
+    const ancestor = clonedAncestors.pop();
+    if (!ancestor.show_in_breadcrumbs) continue;
+    breadcrumbs.push({
+      ...ancestor,
+      ancestors: [...clonedAncestors]
+    });
+  }
+  breadcrumbs.reverse();
+  const quicklinksIsChildren = children.length;
+  const quickLinks = (quicklinksIsChildren ? children : siblings).filter(({
+    show_in_quicklinks: show_in_quicklinks
+  }) => show_in_quicklinks).map(productListing => {
+    const ancestorsForUs = [...ancestors];
+    if (quicklinksIsChildren) ancestorsForUs.push({
+      ...clonedInputData
+    });
+    return {
+      ...productListing,
+      ancestors: ancestorsForUs
+    };
+  });
+  const [transformedBreadcrumbs, transformedQuickLinks] = await Promise.all([category_transformer_({
+    merchant: merchant_,
+    market: market_,
+    locale: locale_,
+    data: breadcrumbs
+  }), category_transformer_({
+    merchant: merchant_,
+    market: market_,
+    locale: locale_,
+    data: quickLinks
+  })]);
+  return {
+    ...clonedInputData,
+    breadcrumbs: transformedBreadcrumbs,
+    quick_links: transformedQuickLinks
+  };
+}
 const $e1d6c0f3d89d531c$var$v3_base_url = (0, $5vyXB$depictaiutilishared.base_url) + "/v3/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v3_base_url + "search/";
 class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
@@ -4484,7 +4543,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   };
   #get_metadata;
   #get_session_id;
-  async #run_url_creator_for_suggest(merchant, market, response) {
+  async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.categories;
     if (!category_transformer) return response;
     // find category suggestions, run thing with them, and then replace them
@@ -4492,12 +4551,16 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     const transformed_category_suggestions = await category_transformer({
       market: market,
       merchant: merchant,
+      locale: locale,
       data: [...category_suggestions]
     });
     response.suggestions = transformed_category_suggestions;
     return response;
   }
-  async #run_display_transformers_for_rest(merchant, market, input_data) {
+  /**
+  * rest = everything except query suggestions
+  */
+  async #run_display_transformers_for_rest(merchant, market, locale, input_data) {
     const {
       display_transformers: display_transformers
     } = this;
@@ -4513,25 +4576,24 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       const transformed_displays = await product_transformer({
         merchant: merchant,
         market: market,
+        locale: locale,
         displays: [...displays]
       });
       input_data.displays = transformed_displays;
     }
-    if (category_transformer) for (const key of ["breadcrumbs", "quick_links"]) {
-      const category_display_array = input_data[key];
-      if (!category_display_array) continue;
-      const transformed_category_displays = await category_transformer({
-        merchant: merchant,
-        market: market,
-        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,
+      locale: locale,
       data: [...content_search_links]
     });
+    if (input_data.ancestors) return await $3a9f9f260c9bfc55$export$d9792230b7c0203e({
+      input_data_: input_data,
+      category_transformer_: category_transformer,
+      merchant_: merchant,
+      market_: market,
+      locale_: locale
+    });
     return input_data;
   }
   async #cached_request({
@@ -4568,7 +4630,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await 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, input_req_.locale, unmodified_result);
         } catch (e) {
           $5vyXB$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -4618,7 +4680,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       const decoded_json = await results.json();
       if (!Array.isArray(decoded_json?.suggestions)) break attempt_to_return_api_response;
       try {
-        return await 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, input_req.locale, decoded_json);
       } catch (e) {
         $5vyXB$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
@@ -4654,13 +4716,12 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       fallback_response_: () => ({
         listing_id: "",
         listing_type: "category",
-        "title": "",
-        "description": "string",
-        "replace_meta_tags": true,
-        "slug": "",
-        "updated_at": new Date().toISOString(),
-        "breadcrumbs": [],
-        "quick_links": [],
+        title: "",
+        slug: "",
+        show_in_breadcrumbs: false,
+        show_in_quicklinks: false,
+        breadcrumbs: [],
+        quick_links: [],
         failed: true
       }),
       method_: "GET"
@@ -6827,7 +6888,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   })));
   const available_filters_ = $5vyXB$solidjs.createMemo(() => plp_products_()?.filters);
   const title = $5vyXB$solidjs.createMemo(() => plp_meta()?.title);
-  const crumb_data_ = $840d88a04b2d22a7$var$add_us_to_crumbs(plp_meta, title);
+  const crumb_data_ = $840d88a04b2d22a7$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $5vyXB$solidjs.createMemo(() => plp_meta()?.quick_links);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $5vyXB$solidjs.createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $5vyXB$solidjs.createSignal();
@@ -7056,31 +7117,16 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
 /**
  * Adds the current page as last breadcrumb to the breadcrumb trail
  */
-function $840d88a04b2d22a7$var$add_us_to_crumbs(plp_meta, title) {
+function $840d88a04b2d22a7$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $5vyXB$depictaiutilisharedlatest.use_href_accessor();
   return $5vyXB$solidjs.createMemo(() => {
     const api_value = plp_meta()?.breadcrumbs;
     if (!api_value) return api_value;
-    return [...api_value, {
-      get listing_id() {
-        return plp_meta().listing_id;
-      },
-      get title() {
-        return title();
-      },
+    return [...api_value, $5vyXB$solidjs.mergeProps(plp_meta(), {
       get page_url() {
         return href_accessor();
-      },
-      get slug() {
-        return plp_meta().slug;
-      },
-      get listing_type() {
-        return plp_meta().listing_type;
-      },
-      get external_id() {
-        return plp_meta().external_id;
       }
-    }];
+    })];
   });
 }
 function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
@@ -7659,7 +7705,7 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
-  const parentTitle = $5vyXB$solidjs.createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
+  const parentTitle = $5vyXB$solidjs.createMemo(() => category_suggestion_().ancestors.at(-1)?.title);
   return $5vyXB$solidjsweb.ssr($dae23104ba8bb78c$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(category_suggestion_().page_url, true), false), $5vyXB$solidjsweb.escape(category_suggestion_().title), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
       return parentTitle();
@@ -8211,8 +8257,8 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     const is_selected = $5vyXB$solidjs.createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
     const parent_title_if_exists = $5vyXB$solidjs.createMemo(() => {
       const item = input_obj();
-      if (!("breadcrumbs" in item)) return;
-      return item.breadcrumbs.at(-1)?.title;
+      if (!("ancestors" in item)) return;
+      return item.ancestors.at(-1)?.title;
     });
     return $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `suggestion ${is_selected() ? "selected" : ""} ${is_history ? "history" : ""} ${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape("type-" + input_obj().type, true), true)}`, $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(href(), true), false), is_query() ? $5vyXB$solidjsweb.escape([$5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
       when: is_history,

package/server/latest/index.d.ts

@@ -2,7 +2,7 @@ import { ColsAtSize, Display, ModernDisplay, Amazing_Slider, Node_Array, report,
 import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { ContentLink, SearchFilter as _SearchFilter1, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { ListingSuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { Ancestors, ListingSuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { ProductListing, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 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.6";
+export const version = "3.0.7";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -40,11 +40,15 @@ type AddActualFieldToFilters<T extends SearchFilter[] | undefined> = T extends u
 type DisplayTransformerAlwaysThereData = {
   merchant: string;
   market: string;
+  locale: string;
 };
 type CanBePromiseWrapped<T> = T | Promise<T>;
 export type ModernDisplayWithPageUrl<T extends ModernDisplay> = { [K in keyof T]: K extends "variant_displays" ? (T[K][number] & {
   page_url: string;
 })[] : T[K] };
+type ProductListingWithAncestors = ProductListing & {
+  ancestors: Ancestors;
+};
 /**
  * DisplayTransformers supersede pageURLCreator
  * DisplayTransformers are 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.
@@ -53,7 +57,7 @@ export type DisplayTransformers<InputDisplay extends ModernDisplay, OutputDispla
   products?: (options: DisplayTransformerAlwaysThereData & {
     displays: InputDisplay[];
   }) => CanBePromiseWrapped<OutputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<OutputDisplay>[] : never>;
-  categories?: <T extends ProductListing | ListingSuggestion>(options: DisplayTransformerAlwaysThereData & {
+  categories?: <T extends ProductListingWithAncestors | ListingSuggestion>(options: DisplayTransformerAlwaysThereData & {
     data: T[];
   }) => CanBePromiseWrapped<(T & {
     page_url: string;
@@ -825,7 +829,11 @@ type _AddPageUrlToDisplay1<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
 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" ? ProductListingWithPageURL[] : K extends "quick_links" ? ProductListingWithPageURL[] : GetListingResponse[K] };
+type GetListingResponseAfterDisplayTransformer = { [K in keyof GetListingResponseWithQuicklinksAndBreadcrumbs]: K extends "breadcrumbs" ? ProductListingWithPageURL[] : K extends "quick_links" ? ProductListingWithPageURL[] : GetListingResponseWithQuicklinksAndBreadcrumbs[K] };
+type GetListingResponseWithQuicklinksAndBreadcrumbs = Omit<GetListingResponse, "siblings" | "ancestors" | "children"> & {
+  quick_links: ProductListingWithAncestors[];
+  breadcrumbs: ProductListingWithAncestors[];
+};
 type DepictAPIConstructorOptions<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never> = {
   get_metadata?: () => Promise<{
     [k: string]: string;

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.6";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.7";
 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));
@@ -4389,6 +4389,65 @@ function $e5014ccd0b76d9f4$export$967e966fca9515e(api_response) {
 // Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $c20599a0d81d953a$export$74ee7529ce0f8a00 = "listingId";
 const $c20599a0d81d953a$export$5aae649db1b959fc = "externalId";
+
+/**
+ * Converts a v3 API response into something that has quick_links and breadcrumbs that behave as in v2 instead of ancestors, children and siblings, but gives every quicklink and breadcrumb's transformer the ancestors of the listing they are for.
+ */
+async function $23f4eb8487f328d9$export$d9792230b7c0203e({
+  input_data_: {
+    ancestors: ancestors,
+    children: children,
+    siblings: siblings,
+    ...clonedInputData
+  },
+  category_transformer_ = v => v.data,
+  merchant_:
+  // in case no display transformer just pass the data through, so we don't break
+  merchant_,
+  market_: market_,
+  locale_: locale_
+}) {
+  const breadcrumbs = [];
+  const clonedAncestors = [...ancestors];
+  while (clonedAncestors.length) {
+    const ancestor = clonedAncestors.pop();
+    if (!ancestor.show_in_breadcrumbs) continue;
+    breadcrumbs.push({
+      ...ancestor,
+      ancestors: [...clonedAncestors]
+    });
+  }
+  breadcrumbs.reverse();
+  const quicklinksIsChildren = children.length;
+  const quickLinks = (quicklinksIsChildren ? children : siblings).filter(({
+    show_in_quicklinks: show_in_quicklinks
+  }) => show_in_quicklinks).map(productListing => {
+    const ancestorsForUs = [...ancestors];
+    if (quicklinksIsChildren) ancestorsForUs.push({
+      ...clonedInputData
+    });
+    return {
+      ...productListing,
+      ancestors: ancestorsForUs
+    };
+  });
+  const [transformedBreadcrumbs, transformedQuickLinks] = await Promise.all([category_transformer_({
+    merchant: merchant_,
+    market: market_,
+    locale: locale_,
+    data: breadcrumbs
+  }), category_transformer_({
+    merchant: merchant_,
+    market: market_,
+    locale: locale_,
+    data: quickLinks
+  })]);
+  return {
+    ...clonedInputData,
+    breadcrumbs: transformedBreadcrumbs,
+    quick_links: transformedQuickLinks
+  };
+}
 const $7fa23e2a0079eca4$var$v3_base_url = (0, $i7OB2$base_url) + "/v3/";
 const $7fa23e2a0079eca4$var$search_base_url = $7fa23e2a0079eca4$var$v3_base_url + "search/";
 class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
@@ -4414,7 +4473,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   };
   #get_metadata;
   #get_session_id;
-  async #run_url_creator_for_suggest(merchant, market, response) {
+  async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.categories;
     if (!category_transformer) return response;
     // find category suggestions, run thing with them, and then replace them
@@ -4422,12 +4481,16 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     const transformed_category_suggestions = await category_transformer({
       market: market,
       merchant: merchant,
+      locale: locale,
       data: [...category_suggestions]
     });
     response.suggestions = transformed_category_suggestions;
     return response;
   }
-  async #run_display_transformers_for_rest(merchant, market, input_data) {
+  /**
+  * rest = everything except query suggestions
+  */
+  async #run_display_transformers_for_rest(merchant, market, locale, input_data) {
     const {
       display_transformers: display_transformers
     } = this;
@@ -4443,25 +4506,24 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
       const transformed_displays = await product_transformer({
         merchant: merchant,
         market: market,
+        locale: locale,
         displays: [...displays]
       });
       input_data.displays = transformed_displays;
     }
-    if (category_transformer) for (const key of ["breadcrumbs", "quick_links"]) {
-      const category_display_array = input_data[key];
-      if (!category_display_array) continue;
-      const transformed_category_displays = await category_transformer({
-        merchant: merchant,
-        market: market,
-        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,
+      locale: locale,
       data: [...content_search_links]
     });
+    if (input_data.ancestors) return await $23f4eb8487f328d9$export$d9792230b7c0203e({
+      input_data_: input_data,
+      category_transformer_: category_transformer,
+      merchant_: merchant,
+      market_: market,
+      locale_: locale
+    });
     return input_data;
   }
   async #cached_request({
@@ -4498,7 +4560,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await 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, input_req_.locale, unmodified_result);
         } catch (e) {
           $i7OB2$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -4548,7 +4610,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 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, input_req.locale, decoded_json);
       } catch (e) {
         $i7OB2$dwarn("displayTransformer failed", e);
       }
@@ -4584,13 +4646,12 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
       fallback_response_: () => ({
         listing_id: "",
         listing_type: "category",
-        "title": "",
-        "description": "string",
-        "replace_meta_tags": true,
-        "slug": "",
-        "updated_at": new Date().toISOString(),
-        "breadcrumbs": [],
-        "quick_links": [],
+        title: "",
+        slug: "",
+        show_in_breadcrumbs: false,
+        show_in_quicklinks: false,
+        breadcrumbs: [],
+        quick_links: [],
         failed: true
       }),
       method_: "GET"
@@ -6757,7 +6818,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   })));
   const available_filters_ = $i7OB2$createMemo(() => plp_products_()?.filters);
   const title = $i7OB2$createMemo(() => plp_meta()?.title);
-  const crumb_data_ = $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta, title);
+  const crumb_data_ = $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $i7OB2$createMemo(() => plp_meta()?.quick_links);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $i7OB2$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $i7OB2$createSignal();
@@ -6986,31 +7047,16 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
 /**
  * Adds the current page as last breadcrumb to the breadcrumb trail
  */
-function $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta, title) {
+function $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $i7OB2$use_href_accessor();
   return $i7OB2$createMemo(() => {
     const api_value = plp_meta()?.breadcrumbs;
     if (!api_value) return api_value;
-    return [...api_value, {
-      get listing_id() {
-        return plp_meta().listing_id;
-      },
-      get title() {
-        return title();
-      },
+    return [...api_value, $i7OB2$mergeProps1(plp_meta(), {
       get page_url() {
         return href_accessor();
-      },
-      get slug() {
-        return plp_meta().slug;
-      },
-      get listing_type() {
-        return plp_meta().listing_type;
-      },
-      get external_id() {
-        return plp_meta().external_id;
       }
-    }];
+    })];
   });
 }
 function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
@@ -7589,7 +7635,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
-  const parentTitle = $i7OB2$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
+  const parentTitle = $i7OB2$createMemo(() => category_suggestion_().ancestors.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 parentTitle();
@@ -8141,8 +8187,8 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     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;
+      if (!("ancestors" in item)) return;
+      return item.ancestors.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,