@depict-ai/ui 4.0.10 → 4.0.11

package/ES10/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.11";
 function $a28000bc10de28ad$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $52FdA$solidjs.createSignal();
   const deparallelizedFetcher = $52FdA$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -597,6 +597,7 @@ function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $6e8d48eea3d0469d$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=instant-results>`);
+const $6e8d48eea3d0469d$export$62fda23edba5cc9b = 250;
 function $6e8d48eea3d0469d$export$62f101a8aa597bf8(_ref) {
   let {
     depict_api_: depict_api_,
@@ -622,7 +623,7 @@ function $6e8d48eea3d0469d$export$62f101a8aa597bf8(_ref) {
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($52FdA$depictaiutilishared.catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($52FdA$depictaiutilishared.catchify(() => write_current_instant_query(value)), $6e8d48eea3d0469d$export$62fda23edba5cc9b);
   });
   const [search_results] = $52FdA$solidjs.createResource($52FdA$solidjs.createMemo(() => ({
     // <-- key order important, see comment below
@@ -3643,6 +3644,7 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
     forceUseDiv_: forceUseDiv_
   } = _ref;
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -3658,6 +3660,8 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
   const [input_field, set_input_field] = $52FdA$solidjs.createSignal();
   const [searching_for_value_, set_searching_for_value_] = $52FdA$solidjs.createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $52FdA$solidjs.createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $52FdA$solidjs.createSignal(false);
   const suggestions_updating_blocked_ = $52FdA$solidjs.createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $52FdA$solidjs.createSignal(0);
   const modalLayoutStacked_ = $52FdA$solidjs.createMemo(() => modalBodyWidth() < 650);
@@ -3689,9 +3693,11 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $52FdA$solidjs.createMemo(() => {
+  const listing_suggestions_ = $52FdA$solidjs.createMemo(prev => {
     var _suggestions_response;
     const all = enable_category_suggestions_ ? (_suggestions_response = suggestions_response_()) === null || _suggestions_response === void 0 ? void 0 : _suggestions_response.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !(all !== null && all !== void 0 && all.length)) return prev;
     if (modalLayoutStacked_()) return all;
     return all === null || all === void 0 ? void 0 : all.slice(0, 3);
   });
@@ -3766,6 +3772,13 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
   $4b71b4fabdee5753$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $52FdA$solidjs.onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $52FdA$solidjs.createEffect($52FdA$solidjs.on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($52FdA$depictaiutilishared.catchify(() => setShowStaleListingSuggestions(false)), (0, $6e8d48eea3d0469d$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $4e44eb7e21ff022a$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

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 = "4.0.10";
+export const version = "4.0.11";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1207,7 +1207,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1339,7 +1339,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 = "4.0.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.11";
 function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $8tj43$createSignal();
   const deparallelizedFetcher = $8tj43$deparallelize_no_drop(async dependencyValue => {
@@ -513,6 +513,7 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $f7414b949aeabc90$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=instant-results>`);
+const $f7414b949aeabc90$export$62fda23edba5cc9b = 250;
 function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
   let {
     depict_api_: depict_api_,
@@ -538,7 +539,7 @@ function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($8tj43$catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($8tj43$catchify(() => write_current_instant_query(value)), $f7414b949aeabc90$export$62fda23edba5cc9b);
   });
   const [search_results] = $8tj43$createResource($8tj43$createMemo(() => ({
     // <-- key order important, see comment below
@@ -3559,6 +3560,7 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
     forceUseDiv_: forceUseDiv_
   } = _ref;
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -3574,6 +3576,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
   const [input_field, set_input_field] = $8tj43$createSignal();
   const [searching_for_value_, set_searching_for_value_] = $8tj43$createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $8tj43$createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $8tj43$createSignal(false);
   const suggestions_updating_blocked_ = $8tj43$createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $8tj43$createSignal(0);
   const modalLayoutStacked_ = $8tj43$createMemo(() => modalBodyWidth() < 650);
@@ -3605,9 +3609,11 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $8tj43$createMemo(() => {
+  const listing_suggestions_ = $8tj43$createMemo(prev => {
     var _suggestions_response;
     const all = enable_category_suggestions_ ? (_suggestions_response = suggestions_response_()) === null || _suggestions_response === void 0 ? void 0 : _suggestions_response.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !(all !== null && all !== void 0 && all.length)) return prev;
     if (modalLayoutStacked_()) return all;
     return all === null || all === void 0 ? void 0 : all.slice(0, 3);
   });
@@ -3682,6 +3688,13 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
   $a82a41ab7188eda2$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $8tj43$onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $8tj43$createEffect($8tj43$on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($8tj43$catchify(() => setShowStaleListingSuggestions(false)), (0, $f7414b949aeabc90$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $a09bb7c652acf957$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

package/latest/index.cjs

@@ -88,7 +88,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.11";
 function $53df95e470b2f8d2$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $gVhhF$solidjs.createSignal();
   const deparallelizedFetcher = $gVhhF$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -571,6 +571,7 @@ function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $6ae556e536054e87$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=instant-results>`);
+const $6ae556e536054e87$export$62fda23edba5cc9b = 250;
 function $6ae556e536054e87$export$62f101a8aa597bf8({
   depict_api_: depict_api_,
   search_field_value_: [get_search_field_value],
@@ -595,7 +596,7 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($gVhhF$depictaiutilishared.catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($gVhhF$depictaiutilishared.catchify(() => write_current_instant_query(value)), $6ae556e536054e87$export$62fda23edba5cc9b);
   });
   const [search_results] = $gVhhF$solidjs.createResource($gVhhF$solidjs.createMemo(() => ({
     // <-- key order important, see comment below
@@ -3485,6 +3486,7 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   forceUseDiv_: forceUseDiv_
 }) {
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -3500,6 +3502,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   const [input_field, set_input_field] = $gVhhF$solidjs.createSignal();
   const [searching_for_value_, set_searching_for_value_] = $gVhhF$solidjs.createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $gVhhF$solidjs.createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $gVhhF$solidjs.createSignal(false);
   const suggestions_updating_blocked_ = $gVhhF$solidjs.createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $gVhhF$solidjs.createSignal(0);
   const modalLayoutStacked_ = $gVhhF$solidjs.createMemo(() => modalBodyWidth() < 650);
@@ -3531,8 +3535,10 @@ function $11597ae03e703a47$var$RawSearchModalV2({
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $gVhhF$solidjs.createMemo(() => {
+  const listing_suggestions_ = $gVhhF$solidjs.createMemo(prev => {
     const all = enable_category_suggestions_ ? suggestions_response_()?.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !all?.length) return prev;
     if (modalLayoutStacked_()) return all;
     return all?.slice(0, 3);
   });
@@ -3601,6 +3607,13 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   $eb3039a27db40508$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $gVhhF$solidjs.onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $gVhhF$solidjs.createEffect($gVhhF$solidjs.on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($gVhhF$depictaiutilishared.catchify(() => setShowStaleListingSuggestions(false)), (0, $6ae556e536054e87$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $036d367ce3058351$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

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 = "4.0.10";
+export const version = "4.0.11";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1207,7 +1207,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1339,7 +1339,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 = "4.0.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.11";
 function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $9HbP8$createSignal();
   const deparallelizedFetcher = $9HbP8$deparallelize_no_drop(async dependencyValue => {
@@ -490,6 +490,7 @@ function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $eea41f703612261b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=instant-results>`);
+const $eea41f703612261b$export$62fda23edba5cc9b = 250;
 function $eea41f703612261b$export$62f101a8aa597bf8({
   depict_api_: depict_api_,
   search_field_value_: [get_search_field_value],
@@ -514,7 +515,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($9HbP8$catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($9HbP8$catchify(() => write_current_instant_query(value)), $eea41f703612261b$export$62fda23edba5cc9b);
   });
   const [search_results] = $9HbP8$createResource($9HbP8$createMemo(() => ({
     // <-- key order important, see comment below
@@ -3404,6 +3405,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   forceUseDiv_: forceUseDiv_
 }) {
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -3419,6 +3421,8 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   const [input_field, set_input_field] = $9HbP8$createSignal();
   const [searching_for_value_, set_searching_for_value_] = $9HbP8$createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $9HbP8$createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $9HbP8$createSignal(false);
   const suggestions_updating_blocked_ = $9HbP8$createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $9HbP8$createSignal(0);
   const modalLayoutStacked_ = $9HbP8$createMemo(() => modalBodyWidth() < 650);
@@ -3450,8 +3454,10 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $9HbP8$createMemo(() => {
+  const listing_suggestions_ = $9HbP8$createMemo(prev => {
     const all = enable_category_suggestions_ ? suggestions_response_()?.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !all?.length) return prev;
     if (modalLayoutStacked_()) return all;
     return all?.slice(0, 3);
   });
@@ -3520,6 +3526,13 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $9HbP8$onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $9HbP8$createEffect($9HbP8$on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($9HbP8$catchify(() => setShowStaleListingSuggestions(false)), (0, $eea41f703612261b$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $c64d28ca12452b21$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

package/package.json

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

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.11";
 function $a28000bc10de28ad$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $3hooq$solidjs.createSignal();
   const deparallelizedFetcher = $3hooq$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -489,6 +489,7 @@ function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $6e8d48eea3d0469d$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
+const $6e8d48eea3d0469d$export$62fda23edba5cc9b = 250;
 function $6e8d48eea3d0469d$export$62f101a8aa597bf8(_ref) {
   let {
     depict_api_: depict_api_,
@@ -514,7 +515,7 @@ function $6e8d48eea3d0469d$export$62f101a8aa597bf8(_ref) {
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($3hooq$depictaiutilishared.catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($3hooq$depictaiutilishared.catchify(() => write_current_instant_query(value)), $6e8d48eea3d0469d$export$62fda23edba5cc9b);
   });
   const [search_results] = $3hooq$solidjs.createResource($3hooq$solidjs.createMemo(() => ({
     // <-- key order important, see comment below
@@ -2881,6 +2882,7 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
     forceUseDiv_: forceUseDiv_
   } = _ref;
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -2896,6 +2898,8 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
   const [input_field, set_input_field] = $3hooq$solidjs.createSignal();
   const [searching_for_value_, set_searching_for_value_] = $3hooq$solidjs.createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $3hooq$solidjs.createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $3hooq$solidjs.createSignal(false);
   const suggestions_updating_blocked_ = $3hooq$solidjs.createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $3hooq$solidjs.createSignal(0);
   const modalLayoutStacked_ = $3hooq$solidjs.createMemo(() => modalBodyWidth() < 650);
@@ -2927,9 +2931,11 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $3hooq$solidjs.createMemo(() => {
+  const listing_suggestions_ = $3hooq$solidjs.createMemo(prev => {
     var _suggestions_response;
     const all = enable_category_suggestions_ ? (_suggestions_response = suggestions_response_()) === null || _suggestions_response === void 0 ? void 0 : _suggestions_response.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !(all !== null && all !== void 0 && all.length)) return prev;
     if (modalLayoutStacked_()) return all;
     return all === null || all === void 0 ? void 0 : all.slice(0, 3);
   });
@@ -3004,6 +3010,13 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
   $4b71b4fabdee5753$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $3hooq$solidjs.onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $3hooq$solidjs.createEffect($3hooq$solidjs.on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($3hooq$depictaiutilishared.catchify(() => setShowStaleListingSuggestions(false)), (0, $6e8d48eea3d0469d$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $4e44eb7e21ff022a$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

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 = "4.0.10";
+export const version = "4.0.11";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1207,7 +1207,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1339,7 +1339,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 = "4.0.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.11";
 function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $b8hua$createSignal();
   const deparallelizedFetcher = $b8hua$deparallelize_no_drop(async dependencyValue => {
@@ -405,6 +405,7 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $f7414b949aeabc90$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
+const $f7414b949aeabc90$export$62fda23edba5cc9b = 250;
 function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
   let {
     depict_api_: depict_api_,
@@ -430,7 +431,7 @@ function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($b8hua$catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($b8hua$catchify(() => write_current_instant_query(value)), $f7414b949aeabc90$export$62fda23edba5cc9b);
   });
   const [search_results] = $b8hua$createResource($b8hua$createMemo(() => ({
     // <-- key order important, see comment below
@@ -2797,6 +2798,7 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
     forceUseDiv_: forceUseDiv_
   } = _ref;
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -2812,6 +2814,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
   const [input_field, set_input_field] = $b8hua$createSignal();
   const [searching_for_value_, set_searching_for_value_] = $b8hua$createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $b8hua$createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $b8hua$createSignal(false);
   const suggestions_updating_blocked_ = $b8hua$createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $b8hua$createSignal(0);
   const modalLayoutStacked_ = $b8hua$createMemo(() => modalBodyWidth() < 650);
@@ -2843,9 +2847,11 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $b8hua$createMemo(() => {
+  const listing_suggestions_ = $b8hua$createMemo(prev => {
     var _suggestions_response;
     const all = enable_category_suggestions_ ? (_suggestions_response = suggestions_response_()) === null || _suggestions_response === void 0 ? void 0 : _suggestions_response.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !(all !== null && all !== void 0 && all.length)) return prev;
     if (modalLayoutStacked_()) return all;
     return all === null || all === void 0 ? void 0 : all.slice(0, 3);
   });
@@ -2920,6 +2926,13 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
   $a82a41ab7188eda2$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $b8hua$onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $b8hua$createEffect($b8hua$on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($b8hua$catchify(() => setShowStaleListingSuggestions(false)), (0, $f7414b949aeabc90$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $a09bb7c652acf957$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

package/server/latest/index.cjs

@@ -88,7 +88,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.11";
 function $53df95e470b2f8d2$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $5vyXB$solidjs.createSignal();
   const deparallelizedFetcher = $5vyXB$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -466,6 +466,7 @@ function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $6ae556e536054e87$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
+const $6ae556e536054e87$export$62fda23edba5cc9b = 250;
 function $6ae556e536054e87$export$62f101a8aa597bf8({
   depict_api_: depict_api_,
   search_field_value_: [get_search_field_value],
@@ -490,7 +491,7 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($5vyXB$depictaiutilishared.catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($5vyXB$depictaiutilishared.catchify(() => write_current_instant_query(value)), $6ae556e536054e87$export$62fda23edba5cc9b);
   });
   const [search_results] = $5vyXB$solidjs.createResource($5vyXB$solidjs.createMemo(() => ({
     // <-- key order important, see comment below
@@ -2744,6 +2745,7 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   forceUseDiv_: forceUseDiv_
 }) {
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -2759,6 +2761,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   const [input_field, set_input_field] = $5vyXB$solidjs.createSignal();
   const [searching_for_value_, set_searching_for_value_] = $5vyXB$solidjs.createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $5vyXB$solidjs.createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $5vyXB$solidjs.createSignal(false);
   const suggestions_updating_blocked_ = $5vyXB$solidjs.createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $5vyXB$solidjs.createSignal(0);
   const modalLayoutStacked_ = $5vyXB$solidjs.createMemo(() => modalBodyWidth() < 650);
@@ -2790,8 +2794,10 @@ function $11597ae03e703a47$var$RawSearchModalV2({
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $5vyXB$solidjs.createMemo(() => {
+  const listing_suggestions_ = $5vyXB$solidjs.createMemo(prev => {
     const all = enable_category_suggestions_ ? suggestions_response_()?.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !all?.length) return prev;
     if (modalLayoutStacked_()) return all;
     return all?.slice(0, 3);
   });
@@ -2860,6 +2866,13 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   $eb3039a27db40508$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $5vyXB$solidjs.onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $5vyXB$solidjs.createEffect($5vyXB$solidjs.on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($5vyXB$depictaiutilishared.catchify(() => setShowStaleListingSuggestions(false)), (0, $6ae556e536054e87$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $036d367ce3058351$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,

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 = "4.0.10";
+export const version = "4.0.11";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1207,7 +1207,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1339,7 +1339,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 = "4.0.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.11";
 function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $i7OB2$createSignal();
   const deparallelizedFetcher = $i7OB2$deparallelize_no_drop(async dependencyValue => {
@@ -385,6 +385,7 @@ function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
   return true;
 }
 var $eea41f703612261b$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
+const $eea41f703612261b$export$62fda23edba5cc9b = 250;
 function $eea41f703612261b$export$62f101a8aa597bf8({
   depict_api_: depict_api_,
   search_field_value_: [get_search_field_value],
@@ -409,7 +410,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($i7OB2$catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($i7OB2$catchify(() => write_current_instant_query(value)), $eea41f703612261b$export$62fda23edba5cc9b);
   });
   const [search_results] = $i7OB2$createResource($i7OB2$createMemo(() => ({
     // <-- key order important, see comment below
@@ -2663,6 +2664,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   forceUseDiv_: forceUseDiv_
 }) {
   let on_enter_in_search_field_function;
+  let listingSuggestionsDebounceTimeout;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
   // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
   // Basically the UI signals that the button that opens the modal starts a new search.
@@ -2678,6 +2680,8 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   const [input_field, set_input_field] = $i7OB2$createSignal();
   const [searching_for_value_, set_searching_for_value_] = $i7OB2$createSignal();
   const [show_stale_content_results_, set_show_stale_content_results_] = $i7OB2$createSignal(false);
+  // For fake debounce
+  const [showStaleListingSuggestions, setShowStaleListingSuggestions] = $i7OB2$createSignal(false);
   const suggestions_updating_blocked_ = $i7OB2$createSignal(false);
   const [modalBodyWidth, setModalBodyWidth] = $i7OB2$createSignal(0);
   const modalLayoutStacked_ = $i7OB2$createMemo(() => modalBodyWidth() < 650);
@@ -2709,8 +2713,10 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
     set_searching_for_value_: set_searching_for_value_,
     set_show_stale_content_results_: set_show_stale_content_results_
   });
-  const listing_suggestions_ = $i7OB2$createMemo(() => {
+  const listing_suggestions_ = $i7OB2$createMemo(prev => {
     const all = enable_category_suggestions_ ? suggestions_response_()?.filter(item => item.type === "listing") : [];
+    // To prevent jumping of the modal when the visual listing suggestions exist/don't exist we debounce it the same way as the product results
+    if (showStaleListingSuggestions() && !all?.length) return prev;
     if (modalLayoutStacked_()) return all;
     return all?.slice(0, 3);
   });
@@ -2779,6 +2785,13 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   addEventListener("keydown", close_on_escape_handler);
   $i7OB2$onCleanup(() => removeEventListener("keydown", close_on_escape_handler));
+  $i7OB2$createEffect($i7OB2$on(get_search_field_value_, () => {
+    setShowStaleListingSuggestions(true);
+    clearTimeout(listingSuggestionsDebounceTimeout);
+    listingSuggestionsDebounceTimeout = setTimeout($i7OB2$catchify(() => setShowStaleListingSuggestions(false)), (0, $eea41f703612261b$export$62fda23edba5cc9b));
+  }, {
+    defer: true
+  }));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $c64d28ca12452b21$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,