@depict-ai/ui 3.0.0 → 3.0.2

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.0";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.2";
 const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$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 $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -5780,7 +5780,6 @@ var $284849364a6ef73a$var$_get_cache_obj_for_endpoint = /*#__PURE__*/new WeakSet
 var $284849364a6ef73a$var$_add_ids_to_request = /*#__PURE__*/new WeakMap();
 var $284849364a6ef73a$var$_get_metadata = /*#__PURE__*/new WeakMap();
 var $284849364a6ef73a$var$_get_session_id = /*#__PURE__*/new WeakMap();
-var $284849364a6ef73a$var$_guard_url_creator_length = /*#__PURE__*/new WeakSet();
 var $284849364a6ef73a$var$_run_url_creator_for_suggest = /*#__PURE__*/new WeakSet();
 var $284849364a6ef73a$var$_run_display_transformers_for_rest = /*#__PURE__*/new WeakSet();
 var $284849364a6ef73a$var$_cached_request = /*#__PURE__*/new WeakSet();
@@ -5789,9 +5788,7 @@ class $284849364a6ef73a$export$e015ed2f2950f2e3 {
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_cached_request);
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_run_display_transformers_for_rest);
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_run_url_creator_for_suggest);
-    $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_guard_url_creator_length);
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_get_cache_obj_for_endpoint);
-    $8tj43$babelruntimehelpersdefineProperty(this, "page_url_creator", void 0);
     $8tj43$babelruntimehelpersdefineProperty(this, "display_transformers", void 0);
     $284849364a6ef73a$var$_classPrivateFieldInitSpec(this, $284849364a6ef73a$var$_supports_finalization_registry, {
       writable: true,
@@ -5823,18 +5820,15 @@ class $284849364a6ef73a$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 : {};
     $8tj43$babelruntimehelpersclassPrivateFieldSet(this, $284849364a6ef73a$var$_get_metadata, get_metadata);
     $8tj43$babelruntimehelpersclassPrivateFieldSet(this, $284849364a6ef73a$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 = $8tj43$babelruntimehelpersclassPrivateFieldGet(this, $284849364a6ef73a$var$_add_ids_to_request).call(this, input_req);
-    const owner = $8tj43$getOwner();
     const metaData = await ((_classPrivateFieldGet3 = $8tj43$babelruntimehelpersclassPrivateFieldGet(this, $284849364a6ef73a$var$_get_metadata)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.call(this));
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -5846,7 +5840,7 @@ class $284849364a6ef73a$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 $8tj43$runWithOwner(owner, () => $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_url_creator_for_suggest, $284849364a6ef73a$var$_run_url_creator_for_suggest2).call(this, input_req.merchant, input_req.market, decoded_json));
+        return await $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_url_creator_for_suggest, $284849364a6ef73a$var$_run_url_creator_for_suggest2).call(this, input_req.merchant, input_req.market, decoded_json);
       } catch (e) {
         $8tj43$dwarn("displayTransformer failed", e);
       }
@@ -5933,101 +5927,55 @@ function $284849364a6ef73a$var$_get_cache_obj_for_endpoint2(endpoint) {
     })) : undefined
   });
 }
-function $284849364a6ef73a$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 $284849364a6ef73a$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]
   });
-  $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_guard_url_creator_length, $284849364a6ef73a$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 $284849364a6ef73a$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 = $8tj43$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]
     });
-    $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_guard_url_creator_length, $284849364a6ef73a$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 (page_url_creator || category_transformer)({
+    const transformed_category_displays = await category_transformer({
       merchant: merchant,
       market: market,
-      data: [...category_display_array],
-      ...(page_url_creator ? {
-        type: "categories"
-      } : {})
+      data: [...category_display_array]
     });
-    $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_guard_url_creator_length, $284849364a6ef73a$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 $8tj43$runWithOwner(owner, () => content_result_transformer({
-      merchant: merchant,
-      market: market,
-      data: [...content_search_links]
-    }));
-    $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_guard_url_creator_length, $284849364a6ef73a$var$_guard_url_creator_length2).call(this, content_search_links, result);
-    input_data.content_search_links = result;
+    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 $284849364a6ef73a$var$_cached_request2(_ref) {
@@ -6041,7 +5989,6 @@ async function $284849364a6ef73a$var$_cached_request2(_ref) {
   } = _ref;
   const cache_obj = $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_get_cache_obj_for_endpoint, $284849364a6ef73a$var$_get_cache_obj_for_endpoint2).call(this, endpoint_);
   const with_ids = $8tj43$babelruntimehelpersclassPrivateFieldGet(this, $284849364a6ef73a$var$_add_ids_to_request).call(this, input_req_);
-  const owner = $8tj43$getOwner();
   const metaData = await ((_classPrivateFieldGet5 = $8tj43$babelruntimehelpersclassPrivateFieldGet(this, $284849364a6ef73a$var$_get_metadata)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.call(this));
   const request = metaData ? Object.assign(with_ids, {
     metadata: metaData
@@ -6069,7 +6016,7 @@ async function $284849364a6ef73a$var$_cached_request2(_ref) {
       let result;
       try {
         const unmodified_result = await api_response.json();
-        result = await $8tj43$runWithOwner(owner, () => $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_display_transformers_for_rest, $284849364a6ef73a$var$_run_display_transformers_for_rest2).call(this, input_req_.merchant, input_req_.market, unmodified_result));
+        result = await $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_display_transformers_for_rest, $284849364a6ef73a$var$_run_display_transformers_for_rest2).call(this, input_req_.merchant, input_req_.market, unmodified_result);
       } catch (e) {
         $8tj43$dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
@@ -8146,7 +8093,9 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
             var _display_accessor;
             return $2855bffe06ef7a03$export$43cd1e747fecd42e({
               to_url_: (_display_accessor = display_accessor()) === null || _display_accessor === void 0 ? void 0 : _display_accessor.page_url,
-              filter_query_param_prefix_: filter_query_param_prefix_,
+              filter_query_param_prefix_:
+              // page_url here can be a getter if that was added in the display transformers as a way of making this reactive
+              filter_query_param_prefix_,
               sorting_query_param_: sorting_query_param_
             });
           });
@@ -8633,7 +8582,7 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $1145661fd3ca5519$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement style=white-space:pre-wrap>No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.`),
+const $1145661fd3ca5519$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId.`),
   $1145661fd3ca5519$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="ok major">`);
 function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $8tj43$is_debug)) return; // Just to make sure we don't show this in production
@@ -8645,7 +8594,7 @@ function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
     return $8tj43$runWithOwner(owner, () => $8tj43$createEffect(() => {
       if (!document.documentElement.contains(element)) return;
       if (!listing_id()) {
-        const warning = "No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.";
+        const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId.";
         $8tj43$dwarn(warning);
         const {
           close_toast_: close_toast_
@@ -9387,7 +9336,6 @@ class $f5f54892fd0c7d9f$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,
@@ -9466,7 +9414,6 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
         reset_history_state_: reset_history_state_,
         // @ts-ignore
         depict_api_: api !== null && api !== void 0 ? api : new (0, $284849364a6ef73a$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator,
           display_transformers: display_transformers
         }),
         router_: $8tj43$babelruntimehelpersclassPrivateFieldGet(this, $f5f54892fd0c7d9f$var$_router),
@@ -12521,7 +12468,6 @@ class $eb064bc3350276c1$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
@@ -12600,7 +12546,6 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
       });
       // @ts-ignore
       const depict_api_ = api !== null && api !== void 0 ? api : new (0, $284849364a6ef73a$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator,
         display_transformers: display_transformers
       });
       const previous_searches = $07d90b8270ece8de$export$84bba84a7b837187(get_search_query_);

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.0";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.2";
 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 (() => {
@@ -5517,100 +5517,54 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   };
   #get_metadata;
   #get_session_id;
-  #guard_url_creator_length(expected, received) {
-    if (expected.length !== received.length) {
-      const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
-      queueMicrotask(() => {
-        throw e;
-      });
-      throw e;
-    }
-  }
   async #run_url_creator_for_suggest(merchant, market, response) {
-    const page_url_creator = this.page_url_creator;
     const category_transformer = this.display_transformers?.categories;
-    if (!page_url_creator && !category_transformer) return response;
+    if (!category_transformer) return response;
     // find category suggestions, run thing with them, and then replace them
     const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "category");
-    const page_urls = await (page_url_creator || category_transformer)({
+    const transformed_category_suggestions = await category_transformer({
       market: market,
       merchant: merchant,
-      data: [...category_suggestions],
-      ...(page_url_creator ? {
-        type: "categories"
-      } : {})
+      data: [...category_suggestions]
     });
-    this.#guard_url_creator_length(category_suggestions, page_urls);
-    while (page_urls.length)
-    // Copy over getters so we sneakily can make this reactive
-    Object.defineProperties(category_suggestions.pop(), Object.getOwnPropertyDescriptors(page_urls.pop()));
+    response.suggestions = transformed_category_suggestions;
     return response;
   }
   async #run_display_transformers_for_rest(merchant, market, input_data) {
     const {
-      page_url_creator: page_url_creator,
       display_transformers: display_transformers
     } = this;
-    if (!page_url_creator && !display_transformers) return input_data;
+    if (!display_transformers) return input_data;
     const product_transformer = display_transformers?.products;
     const category_transformer = display_transformers?.categories;
     const content_result_transformer = display_transformers?.contentResults;
     const displays = input_data.displays;
-    const owner = $gVhhF$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]
       });
-      this.#guard_url_creator_length(displays, page_urls);
-      for (let i = 0; i < displays.length; i++) {
-        const new_display_or_page_url = page_urls[i];
-        const old_display = displays[i];
-        if ("page_url" in new_display_or_page_url && Object.keys(new_display_or_page_url).length === 1) {
-          // they only returned page_url, let's put it into the display
-          const old_display_was_modern = ("variant_index" in old_display);
-          if (old_display_was_modern) {
-            const variant_displays = old_display.variant_displays;
-            for (let i = 0; i < variant_displays.length; i++) variant_displays[i].page_url = new_display_or_page_url.page_url;
-          } else old_display.page_url = new_display_or_page_url.page_url;
-        } else
-          // We got a whole new display, let's replace it
-          displays[i] = new_display_or_page_url;
-      }
+      input_data.displays = transformed_displays;
     }
-    if (page_url_creator || category_transformer) for (const category_display_array of [breadcrumbs, quick_links]) {
+    if (category_transformer) for (const key of ["breadcrumbs", "quick_links"]) {
+      const category_display_array = input_data[key];
       if (!category_display_array) continue;
-      const page_urls = await (page_url_creator || category_transformer)({
+      const transformed_category_displays = await category_transformer({
         merchant: merchant,
         market: market,
-        data: [...category_display_array],
-        ...(page_url_creator ? {
-          type: "categories"
-        } : {})
+        data: [...category_display_array]
       });
-      this.#guard_url_creator_length(category_display_array, page_urls);
-      for (let i = 0; i < category_display_array.length; i++)
-      // Copy over getters so we sneakily can make this reactive
-      Object.defineProperties(category_display_array[i], Object.getOwnPropertyDescriptors(page_urls[i]));
-    }
-    if (content_search_links?.length && content_result_transformer) {
-      const result = await $gVhhF$solidjs.runWithOwner(owner, () => content_result_transformer({
-        merchant: merchant,
-        market: market,
-        data: [...content_search_links]
-      }));
-      this.#guard_url_creator_length(content_search_links, result);
-      input_data.content_search_links = result;
+      input_data[key] = transformed_category_displays;
     }
+    if (content_search_links?.length && content_result_transformer) input_data.content_search_links = await content_result_transformer({
+      merchant: merchant,
+      market: market,
+      data: [...content_search_links]
+    });
     return input_data;
   }
   async #cached_request({
@@ -5622,7 +5576,6 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   }) {
     const cache_obj = this.#get_cache_obj_for_endpoint(endpoint_);
     const with_ids = this.#add_ids_to_request(input_req_);
-    const owner = $gVhhF$solidjs.getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: metaData
@@ -5650,7 +5603,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await $gVhhF$solidjs.runWithOwner(owner, () => this.#run_display_transformers_for_rest(input_req_.merchant, input_req_.market, unmodified_result));
+          result = await this.#run_display_transformers_for_rest(input_req_.merchant, input_req_.market, unmodified_result);
         } catch (e) {
           $gVhhF$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -5681,17 +5634,14 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     const {
       get_metadata: get_metadata,
       get_session_id: get_session_id,
-      page_url_creator: page_url_creator,
       display_transformers: display_transformers
     } = options ?? {};
     this.#get_metadata = get_metadata;
     this.#get_session_id = get_session_id;
-    this.page_url_creator = page_url_creator;
     this.display_transformers = display_transformers;
   }
   async suggest(input_req) {
     const with_ids = this.#add_ids_to_request(input_req);
-    const owner = $gVhhF$solidjs.getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -5703,7 +5653,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 $gVhhF$solidjs.runWithOwner(owner, () => this.#run_url_creator_for_suggest(input_req.merchant, input_req.market, decoded_json));
+        return await this.#run_url_creator_for_suggest(input_req.merchant, input_req.market, decoded_json);
       } catch (e) {
         $gVhhF$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
@@ -7716,7 +7666,9 @@ function $e53b2e7e632ac4cb$export$5646050d516e06bc({
         children: (display_accessor, index) => {
           const href = $gVhhF$solidjs.createMemo(() => $1ab22f2cd39b3061$export$43cd1e747fecd42e({
             to_url_: display_accessor()?.page_url,
-            filter_query_param_prefix_: filter_query_param_prefix_,
+            filter_query_param_prefix_:
+            // page_url here can be a getter if that was added in the display transformers as a way of making this reactive
+            filter_query_param_prefix_,
             sorting_query_param_: sorting_query_param_
           }));
           return [$gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
@@ -8166,7 +8118,7 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $bb9760b7a8acdc18$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.`),
+const $bb9760b7a8acdc18$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId.`),
   $bb9760b7a8acdc18$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=buttons><button class="ok major">`);
 function $bb9760b7a8acdc18$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $gVhhF$depictaiutilishared.is_debug)) return; // Just to make sure we don't show this in production
@@ -8176,7 +8128,7 @@ function $bb9760b7a8acdc18$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   }) => $gVhhF$solidjs.runWithOwner(owner, () => $gVhhF$solidjs.createEffect(() => {
     if (!document.documentElement.contains(element)) return;
     if (!listing_id()) {
-      const warning = "No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.";
+      const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId.";
       $gVhhF$depictaiutilishared.dwarn(warning);
       const {
         close_toast_: close_toast_
@@ -8846,7 +8798,6 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
   constructor({
     api: api,
     on_navigation: on_navigation,
-    page_url_creator: page_url_creator,
     display_transformers: display_transformers,
     unique_instance_key_for_state = "",
     listing_id_state_key: listing_id_state_key,
@@ -8897,7 +8848,6 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
         reset_history_state_: reset_history_state_,
         // @ts-ignore
         depict_api_: api ?? new (0, $e1d6c0f3d89d531c$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator,
           display_transformers: display_transformers
         }),
         router_: this.#router,
@@ -11754,7 +11704,6 @@ class $2c61e4cd8229c49a$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
@@ -11806,7 +11755,6 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
       });
       // @ts-ignore
       const depict_api_ = api ?? new (0, $e1d6c0f3d89d531c$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator,
         display_transformers: display_transformers
       });
       const previous_searches = $2b7a005a65221045$export$84bba84a7b837187(get_search_query_);