@depict-ai/ui 3.0.6 → 3.0.8

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.6";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.8";
 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] : {};
@@ -5766,6 +5766,69 @@ function $ed0fefda39a0f15d$export$967e966fca9515e(api_response) {
 // Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $397620a4d7958ed1$export$74ee7529ce0f8a00 = "listingId";
 const $397620a4d7958ed1$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 $f454ce4c74ef4dc0$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 $284849364a6ef73a$var$_classPrivateMethodInitSpec(obj, privateSet) {
   $284849364a6ef73a$var$_checkPrivateRedeclaration(obj, privateSet);
   privateSet.add(obj);
@@ -5793,6 +5856,9 @@ var $284849364a6ef73a$var$_run_url_creator_for_suggest = /*#__PURE__*/new WeakSe
 var $284849364a6ef73a$var$_run_display_transformers_for_rest = /*#__PURE__*/new WeakSet();
 var $284849364a6ef73a$var$_cached_request = /*#__PURE__*/new WeakSet();
 class $284849364a6ef73a$export$e015ed2f2950f2e3 {
+  /**
+  * rest = everything except query suggestions
+  */
   constructor(options) {
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_cached_request);
     $284849364a6ef73a$var$_classPrivateMethodInitSpec(this, $284849364a6ef73a$var$_run_display_transformers_for_rest);
@@ -5849,7 +5915,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 $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, input_req.locale, decoded_json);
       } catch (e) {
         $8tj43$dwarn("displayTransformer failed", e);
       }
@@ -5886,13 +5952,12 @@ class $284849364a6ef73a$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"
@@ -5939,21 +6004,30 @@ function $284849364a6ef73a$var$_get_cache_obj_for_endpoint2(endpoint) {
     })) : undefined
   });
 }
-async function $284849364a6ef73a$var$_run_url_creator_for_suggest2(merchant, market, response) {
+async function $284849364a6ef73a$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 $284849364a6ef73a$var$_run_display_transformers_for_rest2(merchant, market, input_data) {
+async function $284849364a6ef73a$var$_run_display_transformers_for_rest2(merchant, market, locale, input_data) {
   const {
     display_transformers: display_transformers
   } = this;
@@ -5969,25 +6043,24 @@ async function $284849364a6ef73a$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 $f454ce4c74ef4dc0$export$d9792230b7c0203e({
+    input_data_: input_data,
+    category_transformer_: category_transformer,
+    merchant_: merchant,
+    market_: market,
+    locale_: locale
+  });
   return input_data;
 }
 async function $284849364a6ef73a$var$_cached_request2(_ref3) {
@@ -6026,7 +6099,7 @@ async function $284849364a6ef73a$var$_cached_request2(_ref3) {
       let result;
       try {
         const unmodified_result = await api_response.json();
-        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);
+        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, input_req_.locale, unmodified_result);
       } catch (e) {
         $8tj43$dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
@@ -8775,7 +8848,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     var _plp_meta;
     return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
   });
-  const crumb_data_ = $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta, title);
+  const crumb_data_ = $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $8tj43$createMemo(() => {
     var _plp_meta2;
     return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
@@ -9065,32 +9138,17 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
 /**
  * Adds the current page as last breadcrumb to the breadcrumb trail
  */
-function $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta, title) {
+function $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $8tj43$use_href_accessor();
   return $8tj43$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, $8tj43$mergeProps1(plp_meta(), {
       get page_url() {
         return href_accessor();
-      },
-      get slug() {
-        return plp_meta().slug;
-      },
-      get listing_type() {
-        return plp_meta().listing_type;
-      },
-      get external_id() {
-        return plp_meta().external_id;
       }
-    }];
+    })];
   });
 }
 function $9d3d794b62318ecc$export$477caf01aecaeb2a(options) {
@@ -9781,7 +9839,7 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
   } = _ref;
   const parentTitle = $8tj43$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$ = $8tj43$getNextElement($dea31647b99a443b$var$_tmpl$2),
@@ -10512,7 +10570,7 @@ function $494c9ad553139dbc$export$a146ac6fa8346a25(_ref) {
   currently_showing_suggestions_[1](value => {
     value[0] = $8tj43$createMemo(() => previous_searches_().map(result => ({
       type: (0, $7cd4d275a9f8d600$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -10637,23 +10695,17 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     submit_query_: submit_query_,
     get_content_results_: get_content_results_
   } = _ref;
-  const queries_memo = $8tj43$createMemo(() => suggestion_memo_().filter(_ref2 => {
-    let {
-      type: type,
-      title: title
-    } = _ref2;
-    return type === (0, $7cd4d275a9f8d600$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title);
-  } // don't show the ones we already show from the history
+  const queries_memo = $8tj43$createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $7cd4d275a9f8d600$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 = $8tj43$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, $7cd4d275a9f8d600$export$3cf9497e790da491);
     }) : [];
     return [...from_suggest_request.slice(0, content_results.length ? 2 : 3), ...content_results.slice(0, 1)];
@@ -10663,7 +10715,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     const is_query = $8tj43$createMemo(() => input_obj().type === (0, $7cd4d275a9f8d600$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $8tj43$createMemo(() => is_query() ? $e8776b492383c292$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $8tj43$createMemo(() => input_obj().title),
+      value_: $8tj43$createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $8tj43$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -10672,10 +10724,10 @@ function $40dd3f46f55d62ba$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 = $8tj43$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$ = $8tj43$getNextElement($40dd3f46f55d62ba$var$_tmpl$);
@@ -10685,8 +10737,9 @@ function $40dd3f46f55d62ba$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_({
@@ -10714,7 +10767,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
         }), $8tj43$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
           class_: "value line-clamp",
           get whole_text_to_display_() {
-            return $8tj43$createMemo(() => input_obj().title);
+            return $8tj43$createMemo(() => input_obj().query);
           },
           searching_for_value_: searching_for_value_
         })] : [$8tj43$memo((() => {
@@ -10845,7 +10898,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
               return (() => {
                 const mapped_history_results = $8tj43$createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $7cd4d275a9f8d600$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -11022,16 +11075,16 @@ function $2ebb1d6ae6763f7a$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;
         $8tj43$runWithOwner(owner, block_updating_for_one_change);
-        set_search_field_value(title);
+        set_search_field_value(query);
         $8tj43$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 $76b6e14a50da4597$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") $8tj43$runWithOwner(owner, () => override_on_enter_for_this_entry(e => {