@depict-ai/ui 3.0.2 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^2.0.0",
-    "@depict-ai/types": "^5.0.0",
-    "@depict-ai/utilishared": "^2.0.0",
+    "@depict-ai/plp-styling": "^2.0.1",
+    "@depict-ai/types": "^5.0.1",
+    "@depict-ai/utilishared": "^2.0.1",
     "solid-js": "^1.8.1"
   },
   "type": "module",

package/server/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.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.4";
 const $9d19451330d04c3c$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 $9d19451330d04c3c$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -420,12 +420,12 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
            * Vue has async router that needs to be awaited (it navigates after a microtask)
            * This standardises waiting for all kinds of routers
            */
-  constructor(on_navigation, listing_id_state_key) {
+  constructor(on_navigation, listing_query_state_key) {
     $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_get_navigation_happened_promise);
     $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_dont_attempt_navigation);
     $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_throwing_on_navigation);
     $parcel$interopDefault($3hooq$babelruntimehelpersdefineProperty)(this, "on_navigation_", void 0);
-    $parcel$interopDefault($3hooq$babelruntimehelpersdefineProperty)(this, "listing_id_state_key", void 0);
+    $parcel$interopDefault($3hooq$babelruntimehelpersdefineProperty)(this, "listing_query_state_key", void 0);
     $parcel$interopDefault($3hooq$babelruntimehelpersdefineProperty)(this, "navigate_", {
       /**
       * Call this if you *just* want to replace the state object in history.state
@@ -449,7 +449,7 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
           event_: event_,
           force_spa_navigation_: force_spa_navigation_,
           is_replace_: is_replace_,
-          listing_id_: listing_id_,
+          listing_query_: listing_query_,
           scroll = true
         } = _ref;
         const new_url_ = raw_new_url instanceof URL ? raw_new_url : new URL(raw_new_url, location.origin);
@@ -470,10 +470,10 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
         if (force_spa_navigation_ && wants_hard_navigation) {
           // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
           const new_state = history.state;
-          if (listing_id_) {
+          if (listing_query_) {
             // In JS-UI we need to know the listing_id of the current category, therefore push it into state
-            if (!this.listing_id_state_key) $3hooq$depictaiutilishared.report(new Error("listing_id_state_key is not set"), "error");
-            new_state[this.listing_id_state_key] = listing_id_;
+            if (!this.listing_query_state_key) $3hooq$depictaiutilishared.report(new Error("listing_query_state_key is not set"), "error");
+            new_state[this.listing_query_state_key] = listing_query_;
           }
           history[is_replace_ ? "replaceState" : "pushState"](new_state, "", new_url_);
         } else $73014ff36186a4dd$var$_classPrivateMethodGet(this, $73014ff36186a4dd$var$_throwing_on_navigation, $73014ff36186a4dd$var$_throwing_on_navigation2).call(this, {
@@ -484,7 +484,7 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
         await promise;
       })
     });
-    this.listing_id_state_key = listing_id_state_key;
+    this.listing_query_state_key = listing_query_state_key;
     this.on_navigation_ = on_navigation;
   }
 }
@@ -4745,6 +4745,8 @@ function $b3dc12c672c9df24$export$967e966fca9515e(api_response) {
   }
   return api_response;
 }
+const $c3739e86187f2054$export$74ee7529ce0f8a00 = "listingId";
+const $c3739e86187f2054$export$5aae649db1b959fc = "externalId";
 function $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(obj, privateSet) {
   $e270e9f953fcbc58$var$_checkPrivateRedeclaration(obj, privateSet);
   privateSet.add(obj);
@@ -4853,9 +4855,14 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
       })
     });
   }
-  async get_listing(input_req) {
+  async get_listing(_ref) {
+    let {
+      id_type_: id_type_,
+      id_to_query_for_: id_to_query_for_,
+      ...input_req
+    } = _ref;
     return await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_cached_request, $e270e9f953fcbc58$var$_cached_request2).call(this, {
-      endpoint_: $e270e9f953fcbc58$var$v3_base_url + "listings/" + encodeURIComponent(input_req.listing_id),
+      endpoint_: $e270e9f953fcbc58$var$v3_base_url + "listings/" + (id_type_ === $c3739e86187f2054$export$5aae649db1b959fc ? "external_id/" : "") + encodeURIComponent(id_to_query_for_),
       input_req_: input_req,
       fallback_response_: () => ({
         listing_id: "",
@@ -4869,20 +4876,18 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
         "quick_links": [],
         failed: true
       }),
-      method_: "GET",
-      delete_key_before_sending_: "listing_id" // this goes into the path, but we still need to have it in the request object until the last second as we want to include it as a key when caching requests
+      method_: "GET"
     });
   }
-
-  async get_listing_products(input_req) {
-    const listing_id = input_req.listing_id; // listing_id goes into the path
-    const cloned_request = {
-      ...input_req
-    };
-    delete cloned_request["listing_id"];
+  async get_listing_products(_ref2) {
+    let {
+      id_to_query_for_: id_to_query_for_,
+      id_type_: id_type_,
+      ...input_req_
+    } = _ref2;
     return await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_cached_request, $e270e9f953fcbc58$var$_cached_request2).call(this, {
-      endpoint_: $e270e9f953fcbc58$var$v3_base_url + "listings/" + encodeURIComponent(listing_id) + "/products",
-      input_req_: input_req,
+      endpoint_: $e270e9f953fcbc58$var$v3_base_url + "listings/" + (id_type_ === $c3739e86187f2054$export$5aae649db1b959fc ? "external_id/" : "") + encodeURIComponent(id_to_query_for_) + "/products",
+      input_req_: input_req_,
       fallback_response_: () => ({
         "n_hits": 0,
         "displays": [],
@@ -4920,7 +4925,7 @@ async function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, mar
   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;
   // find category suggestions, run thing with them, and then replace them
-  const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "category");
+  const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "listing");
   const transformed_category_suggestions = await category_transformer({
     market: market,
     merchant: merchant,
@@ -4966,15 +4971,14 @@ async function $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchan
   });
   return input_data;
 }
-async function $e270e9f953fcbc58$var$_cached_request2(_ref) {
+async function $e270e9f953fcbc58$var$_cached_request2(_ref3) {
   var _classPrivateFieldGet5, _cache_obj$cache_$bod, _cache_obj$cache_$bod2;
   let {
     endpoint_: endpoint_,
     input_req_: input_req_,
     fallback_response_: fallback_response_,
-    method_ = "POST",
-    delete_key_before_sending_: delete_key_before_sending_ // only supported for GET requests
-  } = _ref;
+    method_ = "POST"
+  } = _ref3;
   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($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_add_ids_to_request).call(this, input_req_);
   const metaData = await ((_classPrivateFieldGet5 = $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $e270e9f953fcbc58$var$_get_metadata)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.call(this));
@@ -4991,7 +4995,6 @@ async function $e270e9f953fcbc58$var$_cached_request2(_ref) {
   cache_obj.in_progress_[body] = new Promise(r => resolve_in_progress = r);
   try {
     const is_post = method_ === "POST";
-    if (!is_post && delete_key_before_sending_) delete sorted_request[delete_key_before_sending_];
     const url_to_request = is_post ? endpoint_ : $3hooq$depictaiutilishared.make_url_with_query_params(endpoint_, sorted_request);
     const api_response = await $3hooq$depictaiutilishared.fetch_retry($3hooq$depictaiutilishared.add_version_query_params(url_to_request), {
       method: method_,
@@ -5327,7 +5330,7 @@ function $19438fea513c9d01$export$5e4aed86c12acdd9(_ref) {
     // After first load, always just load 20 since people might just be browsing the top ones still
     min_products_to_fetch_ : now - last_loaded < 10000 ? min_products_to_fetch_ * 5 : min_products_to_fetch_;
     // dlog("loading ", number_of_results_to_load, "products, because it was", now - last_loaded, "ms since last load");
-    const api_response = await depict_api_["listing_id" in base_part ? "get_listing_products" : "query"]({
+    const api_response = await depict_api_["query" in base_part ? "query" : "get_listing_products"]({
       cursor: get_last_cursor(),
       limit: number_of_results_to_load,
       ...base_part
@@ -6707,11 +6710,12 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
   let {
     quicklinks_data_: quicklinks_data_,
     router_: router_,
-    current_listing_id_: current_listing_id_,
+    id_to_query_for_: id_to_query_for_,
     breadcrumb_data_: breadcrumb_data_,
     i18n_: i18n_,
     sorting_query_param_: sorting_query_param_,
-    filter_query_param_prefix_: filter_query_param_prefix_
+    filter_query_param_prefix_: filter_query_param_prefix_,
+    id_type_: id_type_
   } = _ref;
   let scrolling_logic_ran_for_listing_id = false;
   let last_scroll_position;
@@ -6719,13 +6723,13 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
   let last_was_placeholder = false;
   let sliding_element;
   $3hooq$solidjs.createComputed(() => {
-    current_listing_id_();
+    id_to_query_for_();
     scrolling_logic_ran_for_listing_id = false;
   });
   const place_holdey_quicklinks_data = $3hooq$solidjs.createMemo(() => quicklinks_data_() || [,,,]);
   const selected_index = $3hooq$solidjs.createMemo(() => {
     var _quicklinks_data_;
-    return (_quicklinks_data_ = quicklinks_data_()) === null || _quicklinks_data_ === void 0 ? void 0 : _quicklinks_data_.findIndex(item => item.listing_id === current_listing_id_());
+    return (_quicklinks_data_ = quicklinks_data_()) === null || _quicklinks_data_ === void 0 ? void 0 : _quicklinks_data_.findIndex(item => item[id_type_() === $c3739e86187f2054$export$5aae649db1b959fc ? "external_id" : "listing_id"] === id_to_query_for_());
   }); // this will be -1 when viewing child categories
   const scrollpos_per_listing_id = {};
   const mutation_plugins = [function () {
@@ -6735,7 +6739,7 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
     } = this.insert_here;
     if (scrollLeft > 0) {
       last_scroll_position = scrollLeft;
-      const current_id = $3hooq$solidjs.untrack(current_listing_id_);
+      const current_id = $3hooq$solidjs.untrack(id_to_query_for_);
       // make sure to not save position where selected item isn't in viewport
       const current_selected_index = $3hooq$solidjs.untrack(selected_index);
       const intersecting_thing = this.intersecting_items_object[current_selected_index];
@@ -6800,7 +6804,7 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
             equals: false
           }), new_data => {
             const quicklinks_data = quicklinks_data_(); // this signal should have updated by now since this is a createEffect
-            const current_id = current_listing_id_();
+            const current_id = id_to_query_for_();
             if (!new_data || !quicklinks_data || !current_id) return;
             const owner = $3hooq$solidjs.getOwner();
             queueMicrotask(() => {
@@ -6851,13 +6855,9 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
               // Solution: instead of not adding the state to the url, add a flag to the link if it's a sibling and then display the toast on load if the flag is set
               const is_sibling = $3hooq$solidjs.createMemo(() => {
                 var _quicklinks_data_2;
-                const current_id = current_listing_id_();
-                return (_quicklinks_data_2 = quicklinks_data_()) === null || _quicklinks_data_2 === void 0 ? void 0 : _quicklinks_data_2.some(_ref3 => {
-                  let {
-                    listing_id: listing_id
-                  } = _ref3;
-                  return listing_id === current_id;
-                });
+                const current_id = id_to_query_for_();
+                const lookForId = id_type_() === $c3739e86187f2054$export$5aae649db1b959fc ? "external_id" : "listing_id";
+                return (_quicklinks_data_2 = quicklinks_data_()) === null || _quicklinks_data_2 === void 0 ? void 0 : _quicklinks_data_2.some(quickLink => quickLink[lookForId] === current_id);
               });
               const href = $3hooq$solidjs.createMemo(() => {
                 var _display_accessor;
@@ -7076,13 +7076,14 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
 function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
   let {
     crumb_data_: crumb_data_,
-    listing_id_: listing_id_,
+    id_to_query_for_: id_to_query_for_,
     i18n_: i18n_,
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     plp_results_: plp_results_,
-    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+    id_type_: id_type_
   } = _ref;
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -7093,17 +7094,21 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
     i18n_: i18n_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
   });
-  // Code below is for when we're already open and the user navigates to a new category
+  // The code below is for when we're already open and the user navigates to a new category
   let previous_crumb_data = $3hooq$solidjs.untrack(crumb_data_);
-  let listing_id_when_we_got_previous_data = $3hooq$solidjs.untrack(listing_id_);
+  let id_when_we_got_previous_data = {
+    id_: $3hooq$solidjs.untrack(id_to_query_for_),
+    type_: $3hooq$solidjs.untrack(id_type_)
+  };
   let allow_filter_clearing = true; // set to false when going backwards/forwards
   // temporarily disable filter clearing when going backwards/forwards
   const handler = () => allow_filter_clearing = false;
   window.addEventListener("popstate", handler); // popstate only gets called when using back/forwards button of browser or the history navigate to achieve the same, but not on pushState or replaceState
   $3hooq$solidjs.onCleanup(() => window.removeEventListener("popstate", handler));
   $3hooq$solidjs.createEffect($3hooq$solidjs.on(crumb_data_, $3hooq$depictaiutilishared.catchify(new_crumb_data => {
-    const listing_id_of_new_data = listing_id_();
-    if (allow_filter_clearing && previous_crumb_data && new_crumb_data && listing_id_of_new_data !== listing_id_when_we_got_previous_data) {
+    const id_of_new_data = id_to_query_for_();
+    const type_of_id_of_new_data = id_type_();
+    if (allow_filter_clearing && previous_crumb_data && new_crumb_data && (id_of_new_data !== id_when_we_got_previous_data.id_ || type_of_id_of_new_data !== id_when_we_got_previous_data.type_)) {
       const previous_length = previous_crumb_data.length;
       const new_length = new_crumb_data.length;
       const went_upwards = new_length < previous_length;
@@ -7129,7 +7134,10 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
         sideways_filter_clearing_flag_[1](false);
       }
     }
-    listing_id_when_we_got_previous_data = listing_id_of_new_data;
+    id_when_we_got_previous_data = {
+      id_: id_of_new_data,
+      type_: type_of_id_of_new_data
+    };
     previous_crumb_data = new_crumb_data;
     if (!allow_filter_clearing) allow_filter_clearing = true;
   })));
@@ -7197,8 +7205,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
   var _on_filters_construct;
   let {
     depict_api_: depict_api_,
-    listing_id_: listing_id_,
-    meta_title_suffix_: meta_title_suffix_,
+    id_to_query_for_: id_to_query_for_,
+    id_type_: id_type_,
     current_sorting_: current_sorting_,
     min_products_to_fetch_: min_products_to_fetch_,
     category_filters_open_: category_filters_open_,
@@ -7251,7 +7259,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
       merchant: merchant_(),
       market: market_(),
       locale: backend_locale_(),
-      listing_id: listing_id_(),
+      id_to_query_for_: id_to_query_for_(),
+      id_type_: id_type_(),
       ...(f.length ? {
         filters: f
       } : {}),
@@ -7263,8 +7272,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
   // Make "Get products in listing" request to get products in listing
   const [plp_products_] = $3hooq$solidjs.createResource(products_query_base_,
   // only first page of results, unless the history state says we should load more (can't do that in load more thing, I tested, they need to be added at once for the browser to not give up scroll restoration)
-  $3hooq$depictaiutilishared.catchify(base_query => $fef4890f1f8e0544$export$cc42dd29bf655ab6({
-    id_: $3hooq$solidjs.untrack(listing_id_),
+  $3hooq$depictaiutilisharedlatest.catchify(base_query => $fef4890f1f8e0544$export$cc42dd29bf655ab6({
+    id_: $3hooq$solidjs.untrack(id_to_query_for_),
     scroll_restoration_data_: scroll_restoration_data_,
     min_products_to_fetch_: min_products_to_fetch_,
     make_request_: (limit, cursor) => depict_api_.get_listing_products({
@@ -7279,10 +7288,11 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     merchant: merchant_(),
     market: market_(),
     locale: backend_locale_(),
-    listing_id: listing_id_()
+    id_to_query_for_: id_to_query_for_(),
+    id_type_: id_type_()
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
-  const [plp_meta] = $3hooq$solidjs.createResource(meta_query_base, $3hooq$depictaiutilishared.catchify(query => depict_api_.get_listing(query)));
+  const [plp_meta] = $3hooq$solidjs.createResource(meta_query_base, $3hooq$depictaiutilisharedlatest.catchify(query => depict_api_.get_listing(query)));
   const available_sortings_ = $3hooq$solidjs.createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
     return (_plp_products_ = plp_products_()) === null || _plp_products_ === void 0 ? void 0 : (_plp_products_$sorts = _plp_products_.sorts) === null || _plp_products_$sorts === void 0 ? void 0 : _plp_products_$sorts.map(sort => {
@@ -7306,17 +7316,6 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     var _plp_meta2;
     return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
   });
-  const meta_tag_data_ = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta3;
-    if ((_plp_meta3 = plp_meta()) !== null && _plp_meta3 !== void 0 && _plp_meta3.replace_meta_tags) {
-      var _plp_meta4, _plp_meta5;
-      return {
-        title: ((_plp_meta4 = plp_meta()) === null || _plp_meta4 === void 0 ? void 0 : _plp_meta4.title) + (meta_title_suffix_() || ""),
-        description: (_plp_meta5 = plp_meta()) === null || _plp_meta5 === void 0 ? void 0 : _plp_meta5.description
-      };
-    }
-  });
-  $3hooq$depictaiutilishared.edit_current_page_meta_tags(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $3hooq$solidjs.createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $3hooq$solidjs.createSignal();
   const formatted_number_of_results_ = $068bde7fa83ac02c$export$92f2da32c6e7e7ee({
@@ -7380,7 +7379,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     }));
     results_for = make_product_count_();
   } else {
-    $3hooq$depictaiutilishared.report(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
+    $3hooq$depictaiutilisharedlatest.report(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
     results_for = $3hooq$solidjsweb.ssr($ede6c70ecdca46fe$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey());
   }
   const filters_opener = $f70cc6dfcadf0fd5$export$d7841e452f2e59a8({
@@ -7402,17 +7401,17 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     ...extra_sort_and_filter_args_
   });
-  $3hooq$depictaiutilishared.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
+  $3hooq$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
     scroll_restoration_data_: scroll_restoration_data_,
     last_result_in_viewport_: last_result_in_viewport_,
-    id_: listing_id_,
+    id_: id_to_query_for_,
     can_write_scroll_restoration_: can_write_scroll_restoration_
   });
   (_on_filters_construct = on_filters_constructed_) === null || _on_filters_construct === void 0 || _on_filters_construct();
   $3hooq$solidjs.createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
-  $3hooq$solidjs.createRenderEffect($3hooq$depictaiutilishared.catchify(async () => {
+  $3hooq$solidjs.createRenderEffect($3hooq$depictaiutilisharedlatest.catchify(async () => {
     var _only_show_filters_op;
     const slim = is_slim_();
     const only_show_filters_opener = (_only_show_filters_op = only_show_filters_opener_) === null || _only_show_filters_op === void 0 ? void 0 : _only_show_filters_op();
@@ -7426,14 +7425,15 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     available_filters_: available_filters_
   });
   $8b366fdb0c76194d$export$3945d6db2dfd3d12({
-    listing_id_: listing_id_,
+    id_to_query_for_: id_to_query_for_,
     crumb_data_: crumb_data_,
     i18n_: i18n_,
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     plp_results_: plp_products_,
-    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+    id_type_: id_type_
   });
   get_breadcrumb_accessor_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
   get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);
@@ -7457,7 +7457,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     get children() {
       return $3hooq$solidjsweb.createComponent((0, $21a004c2e7bd4c16$export$466cdc317043f6cb), {
         quicklinks_data_: quicklinks_data_,
-        current_listing_id_: listing_id_,
+        id_to_query_for_: id_to_query_for_,
+        id_type_: id_type_,
         router_: router_,
         breadcrumb_data_: crumb_data_,
         i18n_: i18n_,
@@ -7508,7 +7509,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
             sort_or_filter_open_: sort_or_filter_open_,
             desktop_filter_elements_: desktop_filter_elements_,
             content_blocks_by_row_: content_blocks_by_row_,
-            id_currently_querying_for_: listing_id_,
+            id_currently_querying_for_: id_to_query_for_,
             no_results_options_: {
               selected_filters_: selected_filters_,
               expanded_hierarchical_filters_: expanded_hierarchical_filters_,
@@ -7552,10 +7553,10 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
  * Adds the current page as last breadcrumb to the breadcrumb trail
  */
 function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta, title) {
-  const href_accessor = $3hooq$depictaiutilishared.use_href_accessor();
+  const href_accessor = $3hooq$depictaiutilisharedlatest.use_href_accessor();
   return $3hooq$solidjs.createMemo(() => {
-    var _plp_meta6;
-    const api_value = (_plp_meta6 = plp_meta()) === null || _plp_meta6 === void 0 ? void 0 : _plp_meta6.breadcrumbs;
+    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() {
@@ -7569,6 +7570,12 @@ function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta, title) {
       },
       get slug() {
         return plp_meta().slug;
+      },
+      get listing_type() {
+        return plp_meta().listing_type;
+      },
+      get external_id() {
+        return plp_meta().external_id;
       }
     }];
   });
@@ -7773,8 +7780,7 @@ var $9cbefc32b9dab36d$var$_router = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_localization_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_merchant_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_market_signal = /*#__PURE__*/new WeakMap();
-var $9cbefc32b9dab36d$var$_listing_id_signal = /*#__PURE__*/new WeakMap();
-var $9cbefc32b9dab36d$var$_meta_title_suffix_ = /*#__PURE__*/new WeakMap();
+var $9cbefc32b9dab36d$var$_listing_query_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_disable_override_listing_id = /*#__PURE__*/new WeakMap();
 class $9cbefc32b9dab36d$export$f34314aa9505732e {
   get localization() {
@@ -7784,11 +7790,11 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
   set localization(locale_obj) {
     $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_localization_signal)[1](locale_obj);
   }
-  get listing_id() {
-    return $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_listing_id_signal)[0]();
+  get listing_query() {
+    return $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_listing_query_signal)[0]();
   }
-  set listing_id(id) {
-    $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_listing_id_signal)[1](id);
+  set listing_query(query) {
+    $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_listing_query_signal)[1](query);
   }
   get merchant() {
     return $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_merchant_signal)[0]();
@@ -7802,12 +7808,6 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
   set market(market) {
     $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_market_signal)[1](market);
   }
-  get meta_title_suffix() {
-    return $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_meta_title_suffix_)[0]();
-  }
-  set meta_title_suffix(new_suffix) {
-    $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_meta_title_suffix_)[1](new_suffix);
-  }
   get disable_override_listing_id() {
     return $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_disable_override_listing_id)[0]();
   }
@@ -7827,7 +7827,7 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
       on_navigation: on_navigation,
       display_transformers: display_transformers,
       unique_instance_key_for_state = "",
-      listing_id_state_key: listing_id_state_key,
+      listing_query_state_key: listing_query_state_key,
       ...props_on_class
     } = _ref2;
     $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_router, {
@@ -7846,13 +7846,9 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
       writable: true,
       value: $3hooq$solidjs.createSignal()
     });
-    $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_listing_id_signal, {
+    $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_listing_query_signal, {
       writable: true,
-      value: $3hooq$solidjs.createSignal("")
-    });
-    $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_meta_title_suffix_, {
-      writable: true,
-      value: $3hooq$solidjs.createSignal()
+      value: $3hooq$solidjs.createSignal({})
     });
     $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_disable_override_listing_id, {
       writable: true,
@@ -7865,7 +7861,7 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
         throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
       Object.assign(this, props_on_class); // set initial signal values
       $cfcd56242923775d$export$5162a71f252e6122();
-      $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldSet)(this, $9cbefc32b9dab36d$var$_router, new (0, $73014ff36186a4dd$export$7e1297a3a19f10d8)("hard_navigation", listing_id_state_key));
+      $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldSet)(this, $9cbefc32b9dab36d$var$_router, new (0, $73014ff36186a4dd$export$7e1297a3a19f10d8)("hard_navigation", listing_query_state_key));
       if (on_navigation) $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_router).on_navigation_ = on_navigation;
       const override_listing_id_query_param_names_ = ["listing_id_" + unique_instance_key_for_state, "listing_id"]; // If you're wondering why this is an array https://gitlab.com/depict-ai/depict.ai/-/merge_requests/7958#note_1511700842
       const sorting_query_param_ = "sorting" + unique_instance_key_for_state;
@@ -7934,14 +7930,16 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
+  const diffableListingQuery = $3hooq$solidjs.createMemo(() => Object.values(depict_category.listing_query).join(""));
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     $3hooq$solidjs.createEffect(prev => {
       // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
-      const id = depict_category.listing_id; // <- this is a reactive getter
-      $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_id_change)(id, prev);
-      return id;
+      diffableListingQuery(); // Only re-run this effect when the listing query *actually* changes (not just the object reference)
+      const newId = $3hooq$solidjs.untrack(() => depict_category.listing_query);
+      $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)(newId, prev);
+      return newId;
     });
-    $3hooq$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_id_change)());
+    $3hooq$solidjs.onCleanup(() => $bdea39a75c454f4f$export$f50b88e2a00918b5(props.on_listing_query_change)());
     const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -7982,8 +7980,8 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $9cbefc32b9dab36d$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
-      listing_id_: $3hooq$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_id),
-      meta_title_suffix_: () => depict_category.meta_title_suffix,
+      id_to_query_for_: $3hooq$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
+      id_type_: $3hooq$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $c3739e86187f2054$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
       i18n_: i18n_,
       show_quicklinks_: $3hooq$solidjs.createMemo(() => {
         var _props$show_quicklink;
@@ -8051,13 +8049,16 @@ function $9cbefc32b9dab36d$export$de035477d6fef996(_ref4) {
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_
   } = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
+  const id_to_query_for_ = $3hooq$solidjs.createMemo(() => depict_category.listing_query.id);
+  const id_type_ = $3hooq$solidjs.createMemo(() => depict_category.listing_query.type);
   return $3hooq$solidjsweb.createComponent($9cbefc32b9dab36d$var$InExternalAreaDiv, {
     get children() {
       return $21a004c2e7bd4c16$export$466cdc317043f6cb({
         i18n_: i18n_,
         quicklinks_data_: quicklinks_data_,
         router_: router_,
-        current_listing_id_: () => depict_category.listing_id,
+        id_type_: id_type_,
+        id_to_query_for_: id_to_query_for_,
         breadcrumb_data_: breadcrumb_data_,
         sorting_query_param_: sorting_query_param_,
         filter_query_param_prefix_: filter_query_param_prefix_
@@ -8234,12 +8235,16 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _ref;
+  const parentTitle = $3hooq$solidjs.createMemo(() => {
+    var _category_suggestion_;
+    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+  });
   return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(category_suggestion_().page_url, true), false), $3hooq$solidjsweb.escape(category_suggestion_().title), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(category_suggestion_().parent_title));
+      return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(parentTitle()));
     }
   })));
 }
@@ -8826,6 +8831,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 = $3hooq$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 $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "suggestion ".concat(is_selected() ? "selected" : "", " ").concat(is_history ? "history" : "", " ").concat($3hooq$solidjsweb.escape($3hooq$solidjsweb.escape("type-" + input_obj().type, true), true)), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(href(), true), false), is_query() ? $3hooq$solidjsweb.escape([$3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
       when: is_history,
       get fallback() {
@@ -8840,13 +8851,13 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
         return $3hooq$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $3hooq$solidjsweb.escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+    })]) : $3hooq$solidjsweb.escape([parent_title_if_exists() ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $3hooq$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $3hooq$solidjsweb.escape(input_obj().parent_title)) : input_obj().type === "content" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3cf7b4db1e203c93$export$605674723bcc715c), {
+    })), $3hooq$solidjsweb.escape(parent_title_if_exists())) : input_obj().type === "content" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3cf7b4db1e203c93$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
@@ -8863,7 +8874,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       searching_for_value_: searching_for_value_
     }), $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjs.createMemo(() => {
       if (input_obj().type === "content") return i18n_.content_();
-      if (input_obj().category_type === "BRAND") return i18n_.brand_();
+      if (input_obj().listing_type === "brand") return i18n_.brand_();
       return i18n_.category_();
     })()))]));
   };
@@ -9087,7 +9098,7 @@ function $1a7b2e0cdf65293a$var$actual_navigation_working_on_fake_data(_ref2) {
           url.searchParams.set(search_query_param_name_, title);
           return $1730e5b4d47679a3$export$1efe1013da60d0e4(e, url.href);
         }));
-      } else if ((selected_entry === null || selected_entry === void 0 ? void 0 : selected_entry.type) == "category" || (selected_entry === null || selected_entry === void 0 ? void 0 : selected_entry.type) === "content") $3hooq$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {
+      } 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") $3hooq$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {
         const {
           page_url: page_url
         } = selected_entry;
@@ -9567,7 +9578,7 @@ function $e3ac79dbd744c1c1$export$c05a196222ba1302(_ref) {
   } = _ref;
   const category_suggestions_ = $3hooq$solidjs.createMemo(() => {
     var _suggestions_;
-    return (_suggestions_ = suggestions_()) === null || _suggestions_ === void 0 ? void 0 : _suggestions_.suggestions.filter(s => s.type === "category");
+    return (_suggestions_ = suggestions_()) === null || _suggestions_ === void 0 ? void 0 : _suggestions_.suggestions.filter(s => s.type === "listing");
   });
   return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {