@depict-ai/ui 3.0.1 → 3.0.3

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.1";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.3";
 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] : {};
@@ -5853,7 +5853,6 @@ var $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint = /*#__PURE__*/new WeakSet
 var $e270e9f953fcbc58$var$_add_ids_to_request = /*#__PURE__*/new WeakMap();
 var $e270e9f953fcbc58$var$_get_metadata = /*#__PURE__*/new WeakMap();
 var $e270e9f953fcbc58$var$_get_session_id = /*#__PURE__*/new WeakMap();
-var $e270e9f953fcbc58$var$_guard_url_creator_length = /*#__PURE__*/new WeakSet();
 var $e270e9f953fcbc58$var$_run_url_creator_for_suggest = /*#__PURE__*/new WeakSet();
 var $e270e9f953fcbc58$var$_run_display_transformers_for_rest = /*#__PURE__*/new WeakSet();
 var $e270e9f953fcbc58$var$_cached_request = /*#__PURE__*/new WeakSet();
@@ -5862,9 +5861,7 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_cached_request);
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_run_display_transformers_for_rest);
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_run_url_creator_for_suggest);
-    $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_guard_url_creator_length);
     $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(this, $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint);
-    $parcel$interopDefault($52FdA$babelruntimehelpersdefineProperty)(this, "page_url_creator", void 0);
     $parcel$interopDefault($52FdA$babelruntimehelpersdefineProperty)(this, "display_transformers", void 0);
     $e270e9f953fcbc58$var$_classPrivateFieldInitSpec(this, $e270e9f953fcbc58$var$_supports_finalization_registry, {
       writable: true,
@@ -5896,18 +5893,15 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
     const {
       get_metadata: get_metadata,
       get_session_id: _get_session_id2,
-      page_url_creator: _page_url_creator,
       display_transformers: _display_transformers
     } = options !== null && options !== void 0 ? options : {};
     $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldSet)(this, $e270e9f953fcbc58$var$_get_metadata, get_metadata);
     $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldSet)(this, $e270e9f953fcbc58$var$_get_session_id, _get_session_id2);
-    this.page_url_creator = _page_url_creator;
     this.display_transformers = _display_transformers;
   }
   async suggest(input_req) {
     var _classPrivateFieldGet3;
     const with_ids = $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_add_ids_to_request).call(this, input_req);
-    const owner = $52FdA$solidjs.getOwner();
     const metaData = await ((_classPrivateFieldGet3 = $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_get_metadata)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.call(this));
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -5919,7 +5913,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 $52FdA$solidjs.runWithOwner(owner, () => $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, decoded_json);
       } catch (e) {
         $52FdA$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
@@ -6006,101 +6000,55 @@ function $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint2(endpoint) {
     })) : undefined
   });
 }
-function $e270e9f953fcbc58$var$_guard_url_creator_length2(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 function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, market, response) {
   var _this$display_transfo;
-  const page_url_creator = this.page_url_creator;
   const category_transformer = (_this$display_transfo = this.display_transformers) === null || _this$display_transfo === void 0 ? void 0 : _this$display_transfo.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]
   });
-  $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_guard_url_creator_length, $e270e9f953fcbc58$var$_guard_url_creator_length2).call(this, 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 function $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(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 === null || display_transformers === void 0 ? void 0 : display_transformers.products;
   const category_transformer = display_transformers === null || display_transformers === void 0 ? void 0 : display_transformers.categories;
   const content_result_transformer = display_transformers === null || display_transformers === void 0 ? void 0 : display_transformers.contentResults;
   const displays = input_data.displays;
-  const owner = $52FdA$solidjs.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]
     });
-    $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_guard_url_creator_length, $e270e9f953fcbc58$var$_guard_url_creator_length2).call(this, 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 $52FdA$solidjs.runWithOwner(owner, () => (page_url_creator || category_transformer)({
-      merchant: merchant,
-      market: market,
-      data: [...category_display_array],
-      ...(page_url_creator ? {
-        type: "categories"
-      } : {})
-    }));
-    $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_guard_url_creator_length, $e270e9f953fcbc58$var$_guard_url_creator_length2).call(this, 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 !== null && content_search_links !== void 0 && content_search_links.length && content_result_transformer) {
-    const result = await $52FdA$solidjs.runWithOwner(owner, () => content_result_transformer({
+    const transformed_category_displays = await category_transformer({
       merchant: merchant,
       market: market,
-      data: [...content_search_links]
-    }));
-    $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_guard_url_creator_length, $e270e9f953fcbc58$var$_guard_url_creator_length2).call(this, content_search_links, result);
-    input_data.content_search_links = result;
+      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,
+    data: [...content_search_links]
+  });
   return input_data;
 }
 async function $e270e9f953fcbc58$var$_cached_request2(_ref) {
@@ -6114,7 +6062,6 @@ async function $e270e9f953fcbc58$var$_cached_request2(_ref) {
   } = _ref;
   const cache_obj = $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint, $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint2).call(this, endpoint_);
   const with_ids = $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_add_ids_to_request).call(this, input_req_);
-  const owner = $52FdA$solidjs.getOwner();
   const metaData = await ((_classPrivateFieldGet5 = $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_get_metadata)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.call(this));
   const request = metaData ? Object.assign(with_ids, {
     metadata: metaData
@@ -6142,7 +6089,7 @@ async function $e270e9f953fcbc58$var$_cached_request2(_ref) {
       let result;
       try {
         const unmodified_result = await api_response.json();
-        result = await $52FdA$solidjs.runWithOwner(owner, () => $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, unmodified_result);
       } catch (e) {
         $52FdA$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
@@ -9462,7 +9409,6 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
     let {
       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,
@@ -9541,7 +9487,6 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
         reset_history_state_: reset_history_state_,
         // @ts-ignore
         depict_api_: api !== null && api !== void 0 ? api : new (0, $e270e9f953fcbc58$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator,
           display_transformers: display_transformers
         }),
         router_: $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_router),
@@ -9896,6 +9841,10 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _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 (() => {
     const _el$ = $52FdA$solidjsweb.getNextElement($3001ad378baf39dc$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9911,11 +9860,11 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     $52FdA$solidjsweb.insert(_el$2, () => category_suggestion_().title);
     $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $52FdA$solidjsweb.getNextElement($3001ad378baf39dc$var$_tmpl$);
-        $52FdA$solidjsweb.insert(_el$3, () => category_suggestion_().parent_title);
+        $52FdA$solidjsweb.insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -10784,6 +10733,12 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       var _read_selected_index_, _read_selected_index_2;
       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;
+      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;
+    });
     return (() => {
       const _el$ = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$);
       $52FdA$solidjsweb.use(element => element.addEventListener("click", $52FdA$depictaiutilishared.catchify(ev => {
@@ -10825,7 +10780,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
           },
           searching_for_value_: searching_for_value_
         })] : [$52FdA$solidjsweb.memo((() => {
-          const _c$2 = $52FdA$solidjsweb.memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $52FdA$solidjsweb.memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10838,7 +10793,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $52FdA$solidjsweb.insert(_el$5, () => input_obj().parent_title);
+            $52FdA$solidjsweb.insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $52FdA$solidjsweb.memo(() => input_obj().type === "content");
@@ -10872,7 +10827,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
           const _el$3 = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$3);
           $52FdA$solidjsweb.insert(_el$3, $52FdA$solidjs.createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;
@@ -12596,7 +12551,6 @@ class $ddd39c5f36f49703$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
@@ -12675,7 +12629,6 @@ class $ddd39c5f36f49703$export$ac6237957a15b3f0 {
       });
       // @ts-ignore
       const depict_api_ = api !== null && api !== void 0 ? api : new (0, $e270e9f953fcbc58$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator,
         display_transformers: display_transformers
       });
       const previous_searches = $cfeb65948dbdcaab$export$84bba84a7b837187(get_search_query_);

package/ES10/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/ES10";
 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.
    */