@depict-ai/ui 3.0.7 → 3.0.8

package/ES10/index.cjs

@@ -83,7 +83,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.8";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -6081,15 +6081,23 @@ async function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, mar
   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 $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchant, market, locale, input_data) {
@@ -10635,7 +10643,7 @@ function $4edbc04f5c5a1843$export$a146ac6fa8346a25(_ref) {
   currently_showing_suggestions_[1](value => {
     value[0] = $52FdA$solidjs.createMemo(() => previous_searches_().map(result => ({
       type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -10760,23 +10768,17 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     submit_query_: submit_query_,
     get_content_results_: get_content_results_
   } = _ref;
-  const queries_memo = $52FdA$solidjs.createMemo(() => suggestion_memo_().filter(_ref2 => {
-    let {
-      type: type,
-      title: title
-    } = _ref2;
-    return type === (0, $ce079d50d380ee11$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title);
-  } // don't show the ones we already show from the history
+  const queries_memo = $52FdA$solidjs.createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $ce079d50d380ee11$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 = $52FdA$solidjs.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, $ce079d50d380ee11$export$3cf9497e790da491);
     }) : [];
     return [...from_suggest_request.slice(0, content_results.length ? 2 : 3), ...content_results.slice(0, 1)];
@@ -10786,7 +10788,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     const is_query = $52FdA$solidjs.createMemo(() => input_obj().type === (0, $ce079d50d380ee11$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $52FdA$solidjs.createMemo(() => is_query() ? $77fe1b91e837c071$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $52FdA$solidjs.createMemo(() => input_obj().title),
+      value_: $52FdA$solidjs.createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $52FdA$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -10808,8 +10810,9 @@ function $0677d509ad208e22$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_({
@@ -10837,7 +10840,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
         }), $52FdA$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
           class_: "value line-clamp",
           get whole_text_to_display_() {
-            return $52FdA$solidjs.createMemo(() => input_obj().title);
+            return $52FdA$solidjs.createMemo(() => input_obj().query);
           },
           searching_for_value_: searching_for_value_
         })] : [$52FdA$solidjsweb.memo((() => {
@@ -10968,7 +10971,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
               return (() => {
                 const mapped_history_results = $52FdA$solidjs.createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -11145,16 +11148,16 @@ function $1a7b2e0cdf65293a$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;
         $52FdA$solidjs.runWithOwner(owner, block_updating_for_one_change);
-        set_search_field_value(title);
+        set_search_field_value(query);
         $52FdA$solidjs.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 $1730e5b4d47679a3$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") $52FdA$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.7";
+export const version = "3.0.8";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

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.7";
+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] : {};
@@ -6008,15 +6008,23 @@ async function $284849364a6ef73a$var$_run_url_creator_for_suggest2(merchant, mar
   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, locale, input_data) {
@@ -10562,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;
@@ -10687,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)];
@@ -10713,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);
@@ -10735,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_({
@@ -10764,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((() => {
@@ -10895,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
                 })));
 
@@ -11072,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 => {

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.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.8";
 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 (() => {
@@ -5588,15 +5588,23 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.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;
   }
   /**
@@ -9952,7 +9960,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({
   currently_showing_suggestions_[1](value => {
     value[0] = $gVhhF$solidjs.createMemo(() => previous_searches_().map(result => ({
       type: (0, $3ec9e21d6b6debdd$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -10072,10 +10080,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
   submit_query_: submit_query_,
   get_content_results_: get_content_results_
 }) {
-  const queries_memo = $gVhhF$solidjs.createMemo(() => suggestion_memo_().filter(({
-    type: type,
-    title: title
-  }) => type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
+  const queries_memo = $gVhhF$solidjs.createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $3ec9e21d6b6debdd$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 = $gVhhF$solidjs.createMemo(() => {
@@ -10091,7 +10096,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     const is_query = $gVhhF$solidjs.createMemo(() => input_obj().type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $gVhhF$solidjs.createMemo(() => is_query() ? $496cde876b53ce1e$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $gVhhF$solidjs.createMemo(() => input_obj().title),
+      value_: $gVhhF$solidjs.createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $gVhhF$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -10109,8 +10114,9 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
           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_({
@@ -10138,7 +10144,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
         }), $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
           class_: "value line-clamp",
           get whole_text_to_display_() {
-            return $gVhhF$solidjs.createMemo(() => input_obj().title);
+            return $gVhhF$solidjs.createMemo(() => input_obj().query);
           },
           searching_for_value_: searching_for_value_
         })] : [$gVhhF$solidjsweb.memo((() => {
@@ -10266,7 +10272,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
               return (() => {
                 const mapped_history_results = $gVhhF$solidjs.createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $3ec9e21d6b6debdd$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -10437,16 +10443,16 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({
     // update text field value if needed
     if (selected_entry?.type == "query") {
       const {
-        title: title
+        query: query
       } = selected_entry;
       $gVhhF$solidjs.runWithOwner(owner, block_updating_for_one_change);
-      set_search_field_value(title);
+      set_search_field_value(query);
       $gVhhF$solidjs.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_?.(url);
-        url.searchParams.set(search_query_param_name_, title);
+        url.searchParams.set(search_query_param_name_, query);
         return $b8700779b3e745de$export$1efe1013da60d0e4(e, url.href);
       }));
     } else if (selected_entry?.type == "listing" || selected_entry?.type === "content") $gVhhF$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.7";
+export const version = "3.0.8";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$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.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.8";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$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 $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -5518,15 +5518,23 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.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;
   }
   /**
@@ -9882,7 +9890,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({
   currently_showing_suggestions_[1](value => {
     value[0] = $9HbP8$createMemo(() => previous_searches_().map(result => ({
       type: (0, $a0eb8b431ec1f87b$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -10002,10 +10010,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
   submit_query_: submit_query_,
   get_content_results_: get_content_results_
 }) {
-  const queries_memo = $9HbP8$createMemo(() => suggestion_memo_().filter(({
-    type: type,
-    title: title
-  }) => type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
+  const queries_memo = $9HbP8$createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $a0eb8b431ec1f87b$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 = $9HbP8$createMemo(() => {
@@ -10021,7 +10026,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     const is_query = $9HbP8$createMemo(() => input_obj().type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $9HbP8$createMemo(() => is_query() ? $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $9HbP8$createMemo(() => input_obj().title),
+      value_: $9HbP8$createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $9HbP8$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -10039,8 +10044,9 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
           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_({
@@ -10068,7 +10074,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
         }), $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
           class_: "value line-clamp",
           get whole_text_to_display_() {
-            return $9HbP8$createMemo(() => input_obj().title);
+            return $9HbP8$createMemo(() => input_obj().query);
           },
           searching_for_value_: searching_for_value_
         })] : [$9HbP8$memo((() => {
@@ -10196,7 +10202,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
               return (() => {
                 const mapped_history_results = $9HbP8$createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $a0eb8b431ec1f87b$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -10367,16 +10373,16 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({
     // update text field value if needed
     if (selected_entry?.type == "query") {
       const {
-        title: title
+        query: query
       } = selected_entry;
       $9HbP8$runWithOwner(owner, block_updating_for_one_change);
-      set_search_field_value(title);
+      set_search_field_value(query);
       $9HbP8$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_?.(url);
-        url.searchParams.set(search_query_param_name_, title);
+        url.searchParams.set(search_query_param_name_, query);
         return $92a48aea6a9364d8$export$1efe1013da60d0e4(e, url.href);
       }));
     } else if (selected_entry?.type == "listing" || selected_entry?.type === "content") $9HbP8$runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "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",

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.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.8";
 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;
@@ -4996,15 +4996,23 @@ async function $e270e9f953fcbc58$var$_run_url_creator_for_suggest2(merchant, mar
   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 $e270e9f953fcbc58$var$_run_display_transformers_for_rest2(merchant, market, locale, input_data) {
@@ -8789,7 +8797,7 @@ function $4edbc04f5c5a1843$export$a146ac6fa8346a25(_ref) {
   currently_showing_suggestions_[1](value => {
     value[0] = $3hooq$solidjs.createMemo(() => previous_searches_().map(result => ({
       type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -8857,23 +8865,17 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     submit_query_: submit_query_,
     get_content_results_: get_content_results_
   } = _ref;
-  const queries_memo = $3hooq$solidjs.createMemo(() => suggestion_memo_().filter(_ref2 => {
-    let {
-      type: type,
-      title: title
-    } = _ref2;
-    return type === (0, $ce079d50d380ee11$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title);
-  } // don't show the ones we already show from the history
+  const queries_memo = $3hooq$solidjs.createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $ce079d50d380ee11$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 = $3hooq$solidjs.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, $ce079d50d380ee11$export$3cf9497e790da491);
     }) : [];
     return [...from_suggest_request.slice(0, content_results.length ? 2 : 3), ...content_results.slice(0, 1)];
@@ -8883,7 +8885,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     const is_query = $3hooq$solidjs.createMemo(() => input_obj().type === (0, $ce079d50d380ee11$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $3hooq$solidjs.createMemo(() => is_query() ? $77fe1b91e837c071$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $3hooq$solidjs.createMemo(() => input_obj().title),
+      value_: $3hooq$solidjs.createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $3hooq$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -8908,7 +8910,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
     }), $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
       class_: "value line-clamp",
       get whole_text_to_display_() {
-        return $3hooq$solidjs.createMemo(() => input_obj().title);
+        return $3hooq$solidjs.createMemo(() => input_obj().query);
       },
       searching_for_value_: searching_for_value_
     })]) : $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), {
@@ -8980,7 +8982,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
               return (() => {
                 const mapped_history_results = $3hooq$solidjs.createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $ce079d50d380ee11$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -9146,16 +9148,16 @@ function $1a7b2e0cdf65293a$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;
         $3hooq$solidjs.runWithOwner(owner, block_updating_for_one_change);
-        set_search_field_value(title);
+        set_search_field_value(query);
         $3hooq$solidjs.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 $1730e5b4d47679a3$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") $3hooq$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.7";
+export const version = "3.0.8";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.8";
 const $ca6ab5f08bd28bca$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 $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -4923,15 +4923,23 @@ async function $284849364a6ef73a$var$_run_url_creator_for_suggest2(merchant, mar
   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, locale, input_data) {
@@ -8716,7 +8724,7 @@ function $494c9ad553139dbc$export$a146ac6fa8346a25(_ref) {
   currently_showing_suggestions_[1](value => {
     value[0] = $b8hua$createMemo(() => previous_searches_().map(result => ({
       type: (0, $7cd4d275a9f8d600$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -8784,23 +8792,17 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     submit_query_: submit_query_,
     get_content_results_: get_content_results_
   } = _ref;
-  const queries_memo = $b8hua$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 = $b8hua$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 = $b8hua$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)];
@@ -8810,7 +8812,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     const is_query = $b8hua$createMemo(() => input_obj().type === (0, $7cd4d275a9f8d600$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $b8hua$createMemo(() => is_query() ? $e8776b492383c292$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $b8hua$createMemo(() => input_obj().title),
+      value_: $b8hua$createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $b8hua$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -8835,7 +8837,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     }), $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
       class_: "value line-clamp",
       get whole_text_to_display_() {
-        return $b8hua$createMemo(() => input_obj().title);
+        return $b8hua$createMemo(() => input_obj().query);
       },
       searching_for_value_: searching_for_value_
     })]) : $b8hua$escape([parent_title_if_exists() ? $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$4, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
@@ -8907,7 +8909,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
               return (() => {
                 const mapped_history_results = $b8hua$createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $7cd4d275a9f8d600$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -9073,16 +9075,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;
         $b8hua$runWithOwner(owner, block_updating_for_one_change);
-        set_search_field_value(title);
+        set_search_field_value(query);
         $b8hua$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") $b8hua$runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/server/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.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.8";
 const $0f313083912e447a$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 $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -4546,15 +4546,23 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.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;
   }
   /**
@@ -8168,7 +8176,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({
   currently_showing_suggestions_[1](value => {
     value[0] = $5vyXB$solidjs.createMemo(() => previous_searches_().map(result => ({
       type: (0, $3ec9e21d6b6debdd$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -8231,10 +8239,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
   submit_query_: submit_query_,
   get_content_results_: get_content_results_
 }) {
-  const queries_memo = $5vyXB$solidjs.createMemo(() => suggestion_memo_().filter(({
-    type: type,
-    title: title
-  }) => type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
+  const queries_memo = $5vyXB$solidjs.createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $3ec9e21d6b6debdd$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 = $5vyXB$solidjs.createMemo(() => {
@@ -8250,7 +8255,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     const is_query = $5vyXB$solidjs.createMemo(() => input_obj().type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $5vyXB$solidjs.createMemo(() => is_query() ? $496cde876b53ce1e$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $5vyXB$solidjs.createMemo(() => input_obj().title),
+      value_: $5vyXB$solidjs.createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $5vyXB$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -8271,7 +8276,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     }), $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
       class_: "value line-clamp",
       get whole_text_to_display_() {
-        return $5vyXB$solidjs.createMemo(() => input_obj().title);
+        return $5vyXB$solidjs.createMemo(() => input_obj().query);
       },
       searching_for_value_: searching_for_value_
     })]) : $5vyXB$solidjsweb.escape([parent_title_if_exists() ? $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
@@ -8340,7 +8345,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
               return (() => {
                 const mapped_history_results = $5vyXB$solidjs.createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $3ec9e21d6b6debdd$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -8500,16 +8505,16 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({
     // update text field value if needed
     if (selected_entry?.type == "query") {
       const {
-        title: title
+        query: query
       } = selected_entry;
       $5vyXB$solidjs.runWithOwner(owner, block_updating_for_one_change);
-      set_search_field_value(title);
+      set_search_field_value(query);
       $5vyXB$solidjs.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_?.(url);
-        url.searchParams.set(search_query_param_name_, title);
+        url.searchParams.set(search_query_param_name_, query);
         return $b8700779b3e745de$export$1efe1013da60d0e4(e, url.href);
       }));
     } else if (selected_entry?.type == "listing" || selected_entry?.type === "content") $5vyXB$solidjs.runWithOwner(owner, () => override_on_enter_for_this_entry(e => {

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.7";
+export const version = "3.0.8";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

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.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.8";
 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));
@@ -4476,15 +4476,23 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   async #run_url_creator_for_suggest(merchant, market, locale, response) {
     const category_transformer = this.display_transformers?.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;
   }
   /**
@@ -8098,7 +8106,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({
   currently_showing_suggestions_[1](value => {
     value[0] = $i7OB2$createMemo(() => previous_searches_().map(result => ({
       type: (0, $a0eb8b431ec1f87b$export$3cf9497e790da491),
-      title: result,
+      query: result,
       suggestions_result_id: "history"
     })));
     return value;
@@ -8161,10 +8169,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
   submit_query_: submit_query_,
   get_content_results_: get_content_results_
 }) {
-  const queries_memo = $i7OB2$createMemo(() => suggestion_memo_().filter(({
-    type: type,
-    title: title
-  }) => type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
+  const queries_memo = $i7OB2$createMemo(() => suggestion_memo_().filter(suggestion => suggestion.type === (0, $a0eb8b431ec1f87b$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 = $i7OB2$createMemo(() => {
@@ -8180,7 +8185,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     const is_query = $i7OB2$createMemo(() => input_obj().type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491));
     const href_with_changed_params_accessor = $i7OB2$createMemo(() => is_query() ? $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
       param_: search_query_url_param_name_,
-      value_: $i7OB2$createMemo(() => input_obj().title),
+      value_: $i7OB2$createMemo(() => input_obj().query),
       url_transformer_: url_transformer_
     }) : undefined);
     const href = $i7OB2$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
@@ -8201,7 +8206,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     }), $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
       class_: "value line-clamp",
       get whole_text_to_display_() {
-        return $i7OB2$createMemo(() => input_obj().title);
+        return $i7OB2$createMemo(() => input_obj().query);
       },
       searching_for_value_: searching_for_value_
     })]) : $i7OB2$escape([parent_title_if_exists() ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -8270,7 +8275,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
               return (() => {
                 const mapped_history_results = $i7OB2$createMemo(() => filtered_previous_searches_().map(result => ({
                   type: (0, $a0eb8b431ec1f87b$export$3cf9497e790da491),
-                  title: result,
+                  query: result,
                   suggestions_result_id: "history" // worthless to fix typing
                 })));
 
@@ -8430,16 +8435,16 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({
     // update text field value if needed
     if (selected_entry?.type == "query") {
       const {
-        title: title
+        query: query
       } = selected_entry;
       $i7OB2$runWithOwner(owner, block_updating_for_one_change);
-      set_search_field_value(title);
+      set_search_field_value(query);
       $i7OB2$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_?.(url);
-        url.searchParams.set(search_query_param_name_, title);
+        url.searchParams.set(search_query_param_name_, query);
         return $92a48aea6a9364d8$export$1efe1013da60d0e4(e, url.href);
       }));
     } else if (selected_entry?.type == "listing" || selected_entry?.type === "content") $i7OB2$runWithOwner(owner, () => override_on_enter_for_this_entry(e => {