@depict-ai/ui 3.0.0 → 3.0.2

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.0";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.2";
 const $fbbadcb080ad1d4a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -4405,100 +4405,54 @@ class $7fa23e2a0079eca4$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 = $i7OB2$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 $i7OB2$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({
@@ -4510,7 +4464,6 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   }) {
     const cache_obj = this.#get_cache_obj_for_endpoint(endpoint_);
     const with_ids = this.#add_ids_to_request(input_req_);
-    const owner = $i7OB2$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: metaData
@@ -4538,7 +4491,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await $i7OB2$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) {
           $i7OB2$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
@@ -4569,17 +4522,14 @@ class $7fa23e2a0079eca4$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 = $i7OB2$getOwner();
     const metaData = await this.#get_metadata?.();
     const request = metaData ? Object.assign(with_ids, {
       metadata: JSON.stringify(metaData)
@@ -4591,7 +4541,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 $i7OB2$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) {
         $i7OB2$dwarn("displayTransformer failed", e);
       }
@@ -6201,7 +6151,9 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
         children: (display_accessor, index) => {
           const href = $i7OB2$createMemo(() => $4147651646da990a$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 [$i7OB2$createComponent((0, $i7OB2$Show), {
@@ -7256,7 +7208,6 @@ class $961b5c64bef4662f$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,
@@ -7307,7 +7258,6 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
         reset_history_state_: reset_history_state_,
         // @ts-ignore
         depict_api_: api ?? new (0, $7fa23e2a0079eca4$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator,
           display_transformers: display_transformers
         }),
         router_: this.#router,
@@ -9577,7 +9527,6 @@ class $806c97b931758897$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
@@ -9629,7 +9578,6 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
       });
       // @ts-ignore
       const depict_api_ = api ?? new (0, $7fa23e2a0079eca4$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator,
         display_transformers: display_transformers
       });
       const previous_searches = $21f51c14cb3f586f$export$84bba84a7b837187(get_search_query_);