@depict-ai/ui 3.0.5 → 3.0.7

package/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.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.7";
 const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.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 $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -5501,6 +5501,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, $gVhhF$depictaiutilishared.base_url) + "/v3/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v3_base_url + "search/";
 class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
@@ -5526,7 +5585,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
@@ -5534,12 +5593,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;
@@ -5555,25 +5618,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({
@@ -5610,7 +5672,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) {
           $gVhhF$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -5660,7 +5722,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) {
         $gVhhF$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
@@ -5696,13 +5758,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"
@@ -8299,7 +8360,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   })));
   const available_filters_ = $gVhhF$solidjs.createMemo(() => plp_products_()?.filters);
   const title = $gVhhF$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_ = $gVhhF$solidjs.createMemo(() => plp_meta()?.quick_links);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $gVhhF$solidjs.createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $gVhhF$solidjs.createSignal();
@@ -8577,31 +8638,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 = $gVhhF$depictaiutilisharedlatest.use_href_accessor();
   return $gVhhF$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, $gVhhF$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) {
@@ -9208,7 +9254,7 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
-  const parentTitle = $gVhhF$solidjs.createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
+  const parentTitle = $gVhhF$solidjs.createMemo(() => category_suggestion_().ancestors.at(-1)?.title);
   return (() => {
     const _el$ = $gVhhF$solidjsweb.getNextElement($dae23104ba8bb78c$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -10052,8 +10098,8 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     const is_selected = $gVhhF$solidjs.createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
     const parent_title_if_exists = $gVhhF$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 (() => {
       const _el$ = $gVhhF$solidjsweb.getNextElement($6b65ba8af12c5a26$var$_tmpl$);

package/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.5";
+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/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.5";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.7";
 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 (() => {
@@ -5431,6 +5431,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, $9HbP8$base_url) + "/v3/";
 const $7fa23e2a0079eca4$var$search_base_url = $7fa23e2a0079eca4$var$v3_base_url + "search/";
 class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
@@ -5456,7 +5515,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
@@ -5464,12 +5523,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;
@@ -5485,25 +5548,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({
@@ -5540,7 +5602,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) {
           $9HbP8$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -5590,7 +5652,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) {
         $9HbP8$dwarn("displayTransformer failed", e);
       }
@@ -5626,13 +5688,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"
@@ -8229,7 +8290,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   })));
   const available_filters_ = $9HbP8$createMemo(() => plp_products_()?.filters);
   const title = $9HbP8$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_ = $9HbP8$createMemo(() => plp_meta()?.quick_links);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $9HbP8$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $9HbP8$createSignal();
@@ -8507,31 +8568,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 = $9HbP8$use_href_accessor();
   return $9HbP8$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, $9HbP8$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) {
@@ -9138,7 +9184,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
-  const parentTitle = $9HbP8$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
+  const parentTitle = $9HbP8$createMemo(() => category_suggestion_().ancestors.at(-1)?.title);
   return (() => {
     const _el$ = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9982,8 +10028,8 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     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;
+      if (!("ancestors" in item)) return;
+      return item.ancestors.at(-1)?.title;
     });
     return (() => {
       const _el$ = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$);

package/locales/ES10/index.cjs

@@ -985,33 +985,33 @@ const $50cd633c714251ff$export$84584c2a98eb6753 = {
   backend_locale_: "en"
 };
 const $50cd633c714251ff$export$c8af9ccf06a8b16a = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_AU"
 };
 const $50cd633c714251ff$export$a2bced10ed717c1f = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_CA"
 };
 const $50cd633c714251ff$export$6ac7ea553f9cecc6 = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_EU"
 };
 const $50cd633c714251ff$export$b76508d27899e649 = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_GB"
 };
 const $50cd633c714251ff$export$df031397bb44d506 = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_IE"
 };
 const $50cd633c714251ff$export$25dc44e90bc68e13 = {
-  ...(0, $7a49ed48f9a44684$export$f1905e1353ecf78e),
-  ...(0, $7a49ed48f9a44684$export$b43a5e72c07b4d2a),
+  ...(0, $37232ce8fd20bb15$export$61b15fe6451cdba0),
+  ...(0, $37232ce8fd20bb15$export$434b5d2e9cbbcde1),
   backend_locale_: "en_US"
 };
 const $50cd633c714251ff$export$ed5179c818622fb = {

package/locales/ES10/index.js

@@ -944,33 +944,33 @@ const $72b32e7f8dfbdf34$export$84584c2a98eb6753 = {
   backend_locale_: "en"
 };
 const $72b32e7f8dfbdf34$export$c8af9ccf06a8b16a = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_AU"
 };
 const $72b32e7f8dfbdf34$export$a2bced10ed717c1f = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_CA"
 };
 const $72b32e7f8dfbdf34$export$6ac7ea553f9cecc6 = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_EU"
 };
 const $72b32e7f8dfbdf34$export$b76508d27899e649 = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_GB"
 };
 const $72b32e7f8dfbdf34$export$df031397bb44d506 = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_IE"
 };
 const $72b32e7f8dfbdf34$export$25dc44e90bc68e13 = {
-  ...(0, $c81467eae166ae22$export$f1905e1353ecf78e),
-  ...(0, $c81467eae166ae22$export$b43a5e72c07b4d2a),
+  ...(0, $3ae9d5d3dda72bac$export$61b15fe6451cdba0),
+  ...(0, $3ae9d5d3dda72bac$export$434b5d2e9cbbcde1),
   backend_locale_: "en_US"
 };
 const $72b32e7f8dfbdf34$export$ed5179c818622fb = {

package/locales/latest/index.cjs

@@ -985,33 +985,33 @@ const $2d187e768d780a64$export$84584c2a98eb6753 = {
   backend_locale_: "en"
 };
 const $2d187e768d780a64$export$c8af9ccf06a8b16a = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_AU"
 };
 const $2d187e768d780a64$export$a2bced10ed717c1f = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_CA"
 };
 const $2d187e768d780a64$export$6ac7ea553f9cecc6 = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_EU"
 };
 const $2d187e768d780a64$export$b76508d27899e649 = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_GB"
 };
 const $2d187e768d780a64$export$df031397bb44d506 = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_IE"
 };
 const $2d187e768d780a64$export$25dc44e90bc68e13 = {
-  ...(0, $fe31f8ec160a842b$export$f1905e1353ecf78e),
-  ...(0, $fe31f8ec160a842b$export$b43a5e72c07b4d2a),
+  ...(0, $f1b6d8431ecd6285$export$61b15fe6451cdba0),
+  ...(0, $f1b6d8431ecd6285$export$434b5d2e9cbbcde1),
   backend_locale_: "en_US"
 };
 const $2d187e768d780a64$export$ed5179c818622fb = {