@depict-ai/ui 3.0.6 → 3.0.8

package/ES10/index.cjs

@@ -83,7 +83,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.6";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.8";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$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 $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -5839,6 +5839,69 @@ function $b3dc12c672c9df24$export$967e966fca9515e(api_response) {
 // Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $c3739e86187f2054$export$74ee7529ce0f8a00 = "listingId";
 const $c3739e86187f2054$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 $097d688689209955$export$d9792230b7c0203e(_ref) {
+  let {
+    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_
+  } = _ref;
+  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(_ref2 => {
+    let {
+      show_in_quicklinks: show_in_quicklinks
+    } = _ref2;
+    return 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
+  };
+}
 function $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(obj, privateSet) {
   $e270e9f953fcbc58$var$_checkPrivateRedeclaration(obj, privateSet);
   privateSet.add(obj);
@@ -5866,6 +5929,9 @@ var $e270e9f953fcbc58$var$_run_url_creator_for_suggest = /*#__PURE__*/new WeakSe
 var $e270e9f953fcbc58$var$_run_display_transformers_for_rest = /*#__PURE__*/new WeakSet();
 var $e270e9f953fcbc58$var$_cached_request = /*#__PURE__*/new WeakSet();
 class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
+  /**
+  * rest = everything except query suggestions
+  */
   constructor(options) {
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_cached_request);
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_run_display_transformers_for_rest);
@@ -5922,7 +5988,7 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
       const decoded_json = await results.json();
       if (!Array.isArray(decoded_json === null || decoded_json === void 0 ? void 0 : decoded_json.suggestions)) break attempt_to_return_api_response;
       try {
-        return await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_url_creator_for_suggest, $e270e9f953fcbc58$var$_run_url_creator_for_suggest2).call(this, input_req.merchant, input_req.market, decoded_json);
+        return await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_url_creator_for_suggest, $e270e9f953fcbc58$var$_run_url_creator_for_suggest2).call(this, input_req.merchant, input_req.market, input_req.locale, decoded_json);
       } catch (e) {
         $52FdA$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
@@ -5959,13 +6025,12 @@ class $e270e9f953fcbc58$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"
@@ -6012,21 +6077,30 @@ function $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint2(endpoint) {
     })) : undefined
   });
 }
-async function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, market, response) {
+async function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, market, locale, response) {
   var _this$display_transfo;
   const category_transformer = (_this$display_transfo = this.display_transformers) === null || _this$display_transfo === void 0 ? void 0 : _this$display_transfo.categories;
   if (!category_transformer) return response;
+  const incoming_suggestions = response.suggestions;
+  const type_to_transform = "listing";
   // find category suggestions, run thing with them, and then replace them
-  const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "listing");
-  const transformed_category_suggestions = await category_transformer({
+  const category_suggestions = incoming_suggestions.filter(suggestion => suggestion.type === type_to_transform);
+  const transformed_suggestions = [...(await category_transformer({
     market: market,
     merchant: merchant,
+    locale: locale,
     data: [...category_suggestions]
-  });
-  response.suggestions = transformed_category_suggestions;
+  }))];
+  // Then add-back query suggestions at their original indices
+  for (let i = 0; i < incoming_suggestions.length; i++) {
+    const item = incoming_suggestions[i];
+    if (item.type === type_to_transform) continue;
+    transformed_suggestions.splice(i, 0, item);
+  }
+  response.suggestions = transformed_suggestions;
   return response;
 }
-async function $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchant, market, input_data) {
+async function $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchant, market, locale, input_data) {
   const {
     display_transformers: display_transformers
   } = this;
@@ -6042,25 +6116,24 @@ async function $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchan
     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 !== null && content_search_links !== void 0 && 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 $097d688689209955$export$d9792230b7c0203e({
+    input_data_: input_data,
+    category_transformer_: category_transformer,
+    merchant_: merchant,
+    market_: market,
+    locale_: locale
+  });
   return input_data;
 }
 async function $e270e9f953fcbc58$var$_cached_request2(_ref3) {
@@ -6099,7 +6172,7 @@ async function $e270e9f953fcbc58$var$_cached_request2(_ref3) {
       let result;
       try {
         const unmodified_result = await api_response.json();
-        result = await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_display_transformers_for_rest, $e270e9f953fcbc58$var$_run_display_transformers_for_rest2).call(this, input_req_.merchant, input_req_.market, unmodified_result);
+        result = await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_display_transformers_for_rest, $e270e9f953fcbc58$var$_run_display_transformers_for_rest2).call(this, input_req_.merchant, input_req_.market, input_req_.locale, unmodified_result);
       } catch (e) {
         $52FdA$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
@@ -8848,7 +8921,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     var _plp_meta;
     return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
   });
-  const crumb_data_ = $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta, title);
+  const crumb_data_ = $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $52FdA$solidjs.createMemo(() => {
     var _plp_meta2;
     return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
@@ -9138,32 +9211,17 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
 /**
  * Adds the current page as last breadcrumb to the breadcrumb trail
  */
-function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta, title) {
+function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $52FdA$depictaiutilisharedlatest.use_href_accessor();
   return $52FdA$solidjs.createMemo(() => {
     var _plp_meta3;
     const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.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, $52FdA$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 $5dd9d0d3ea82e2dd$export$477caf01aecaeb2a(options) {
@@ -9854,7 +9912,7 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
   } = _ref;
   const parentTitle = $52FdA$solidjs.createMemo(() => {
     var _category_suggestion_;
-    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+    return (_category_suggestion_ = category_suggestion_().ancestors.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
   });
   return (() => {
     const _el$ = $52FdA$solidjsweb.getNextElement($3001ad378baf39dc$var$_tmpl$2),
@@ -10585,7 +10643,7 @@ function $4edbc04f5c5a1843$export$a146ac6fa8346a25(_ref) {
   currently_showing_suggestions_[1](value => {
     value[0] = $52FdA$solidjs.createMemo(() => previous_searches_().map(result => ({
       type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -10710,23 +10768,17 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     submit_query_: submit_query_,
     get_content_results_: get_content_results_
   } = _ref;
-  const queries_memo = $52FdA$solidjs.createMemo(() => suggestion_memo_().filter(_ref2 => {
-    let {
-      type: type,
-      title: title
-    } = _ref2;
-    return type === (0, $ce079d50d380ee11$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title);
-  } // don't show the ones we already show from the history
+  const queries_memo = $52FdA$solidjs.createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $ce079d50d380ee11$export$3cf9497e790da491) && !filtered_previous_searches_().includes(suggestion.query) // don't show the ones we already show from the history
   ) // + limit to three query suggestions, API sends more sometimes
   .slice(0, 3));
   const not_queries_memo = $52FdA$solidjs.createMemo(() => {
     // For the section that shows categories and content results
     // We want to limit to 3 items, and we want to show the categories first
     const content_results = get_content_results_() || [];
-    const from_suggest_request = include_category_suggestions_ ? suggestion_memo_().filter(_ref3 => {
+    const from_suggest_request = include_category_suggestions_ ? suggestion_memo_().filter(_ref2 => {
       let {
         type: type
-      } = _ref3;
+      } = _ref2;
       return type !== (0, $ce079d50d380ee11$export$3cf9497e790da491);
     }) : [];
     return [...from_suggest_request.slice(0, content_results.length ? 2 : 3), ...content_results.slice(0, 1)];
@@ -10736,7 +10788,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     const is_query = $52FdA$solidjs.createMemo(() => input_obj().type === (0, $ce079d50d380ee11$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $52FdA$solidjs.createMemo(() => is_query() ? $77fe1b91e837c071$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $52FdA$solidjs.createMemo(() => input_obj().title),
+      value_: $52FdA$solidjs.createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $52FdA$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -10745,10 +10797,10 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === autocomplete_data_index && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
     });
     const parent_title_if_exists = $52FdA$solidjs.createMemo(() => {
-      var _item$breadcrumbs$at;
+      var _item$ancestors$at;
       const item = input_obj();
-      if (!("breadcrumbs" in item)) return;
-      return (_item$breadcrumbs$at = item.breadcrumbs.at(-1)) === null || _item$breadcrumbs$at === void 0 ? void 0 : _item$breadcrumbs$at.title;
+      if (!("ancestors" in item)) return;
+      return (_item$ancestors$at = item.ancestors.at(-1)) === null || _item$ancestors$at === void 0 ? void 0 : _item$ancestors$at.title;
     });
     return (() => {
       const _el$ = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$);
@@ -10758,8 +10810,9 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
           if (ev.button || ev.metaKey || ev.ctrlKey)
             // not button 0 or cmd/ctrl click
             return;
+          const input = input_obj();
           ev.preventDefault();
-          submit_query_(input_obj().title);
+          submit_query_(is_query() ? input.query : input.title);
           return;
         }
         router_.navigate_.go_to_({
@@ -10787,7 +10840,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
         }), $52FdA$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
           class_: "value line-clamp",
           get whole_text_to_display_() {
-            return $52FdA$solidjs.createMemo(() => input_obj().title);
+            return $52FdA$solidjs.createMemo(() => input_obj().query);
           },
           searching_for_value_: searching_for_value_
         })] : [$52FdA$solidjsweb.memo((() => {
@@ -10918,7 +10971,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
               return (() => {
                 const mapped_history_results = $52FdA$solidjs.createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -11095,16 +11148,16 @@ function $1a7b2e0cdf65293a$var$actual_navigation_working_on_fake_data(_ref2) {
       // update text field value if needed
       if ((selected_entry === null || selected_entry === void 0 ? void 0 : selected_entry.type) == "query") {
         const {
-          title: title
+          query: query
         } = selected_entry;
         $52FdA$solidjs.runWithOwner(owner, block_updating_for_one_change);
-        set_search_field_value(title);
+        set_search_field_value(query);
         $52FdA$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {
           // Open search query in new tab on cmd+enter
           // If it's not cmd+enter, pressing enter will just submit the value that was put into the field while selecting with the arrow keys ;)
           const url = new URL(location);
           url_transformer_ === null || url_transformer_ === void 0 || url_transformer_(url);
-          url.searchParams.set(search_query_param_name_, title);
+          url.searchParams.set(search_query_param_name_, query);
           return $1730e5b4d47679a3$export$1efe1013da60d0e4(e, url.href);
         }));
       } else if ((selected_entry === null || selected_entry === void 0 ? void 0 : selected_entry.type) == "listing" || (selected_entry === null || selected_entry === void 0 ? void 0 : selected_entry.type) === "content") $52FdA$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/ES10/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.8";
 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;
@@ -957,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1109,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;