@depict-ai/ui 2.0.14 → 2.0.16

package/server/ES10/index.js

@@ -1,6 +1,6 @@
-import { add_to_version_info as $b8hua$add_to_version_info, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, catchify as $b8hua$catchify, observer as $b8hua$observer, slider_fractional_factory as $b8hua$slider_fractional_factory, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, is_safari as $b8hua$is_safari, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, dlog as $b8hua$dlog, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, javascript_media_query as $b8hua$javascript_media_query, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, use_href_accessor as $b8hua$use_href_accessor, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, queueMacroTask as $b8hua$queueMacroTask, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ListenableSet as $b8hua$ListenableSet, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
-import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, createComponent as $b8hua$createComponent, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, ssrStyle as $b8hua$ssrStyle, Dynamic as $b8hua$Dynamic } from "solid-js/web";
-import { onCleanup as $b8hua$onCleanup, createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, Show as $b8hua$Show, createRenderEffect as $b8hua$createRenderEffect, createRoot as $b8hua$createRoot, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createEffect as $b8hua$createEffect, createUniqueId as $b8hua$createUniqueId, untrack as $b8hua$untrack, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, Index as $b8hua$Index, on as $b8hua$on, batch as $b8hua$batch, createReaction as $b8hua$createReaction } from "solid-js";
+import { add_to_version_info as $b8hua$add_to_version_info, queueMacroTask as $b8hua$queueMacroTask, catchify as $b8hua$catchify, is_safari as $b8hua$is_safari, observer as $b8hua$observer, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, slider_fractional_factory as $b8hua$slider_fractional_factory, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, dlog as $b8hua$dlog, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, javascript_media_query as $b8hua$javascript_media_query, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, use_href_accessor as $b8hua$use_href_accessor, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ListenableSet as $b8hua$ListenableSet, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, ssrElement as $b8hua$ssrElement, escape as $b8hua$escape, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrClassList as $b8hua$ssrClassList, Dynamic as $b8hua$Dynamic } from "solid-js/web";
+import { createSignal as $b8hua$createSignal, getOwner as $b8hua$getOwner, createEffect as $b8hua$createEffect, runWithOwner as $b8hua$runWithOwner, onCleanup as $b8hua$onCleanup, createMemo as $b8hua$createMemo, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, Show as $b8hua$Show, createRenderEffect as $b8hua$createRenderEffect, createRoot as $b8hua$createRoot, For as $b8hua$For, createUniqueId as $b8hua$createUniqueId, untrack as $b8hua$untrack, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, Index as $b8hua$Index, on as $b8hua$on, batch as $b8hua$batch, createReaction as $b8hua$createReaction } from "solid-js";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
@@ -8,7 +8,128 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! 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 = "2.0.14";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.16";
+const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$b8hua$createContext();
+function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
+  const our_object = {};
+  return $b8hua$createComponent($5441862cd2f5e111$var$ListingContext.Provider, {
+    value: our_object,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
+  return $b8hua$useContext($5441862cd2f5e111$var$ListingContext);
+}
+const $801e8845d3fa3653$var$_tmpl$ = ["<div", ' style="', '"></div>'];
+function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
+  return $b8hua$ssr($801e8845d3fa3653$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle("position:relative;width:100%;padding-bottom:".concat(1 / props.aspectRatio * 100, "%")));
+}
+function $56047603f9d212b6$export$e6fffe67d4cdd848(whatToWatch) {
+  const [size, setSize] = $b8hua$createSignal(0);
+  const resizeObserver = new ResizeObserver($b8hua$catchify(records => {
+    for (let j = 0; j < records.length; j++) {
+      const {
+        width: width
+      } = records[j].contentRect;
+      if (!width) continue;
+      // add extra 5% just in case. + safari is (in some cases) acting a bit questionable and needs a third extra to fill the set width
+      const new_size = width * 1.05 * ((0, $b8hua$is_safari) ? 4 / 3 : 1);
+      setSize(Math.round(new_size));
+    }
+  }));
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
+  const disconnect = (0, $b8hua$observer).onexists(whatToWatch, _ref => {
+    let {
+      element: element
+    } = _ref;
+    return requestAnimationFrame($b8hua$catchify(() => resizeObserver.observe(element)));
+  });
+  $b8hua$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
+  return size;
+}
+function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
+  // Enable reactive props
+  const otherOptions = $b8hua$createMemo(() => {
+    const cloned_props = {
+      ...props
+    };
+    delete cloned_props.resolutions;
+    // @ts-ignore
+    delete cloned_props.size;
+    // @ts-ignore
+    delete cloned_props.src;
+    return cloned_props;
+  });
+  const src_options = $b8hua$createMemo(() => {
+    const src = new URL(props.src, location.origin);
+    const fallback_src = $56047603f9d212b6$var$generateImageUrl(src, 400);
+    const srcset = $56047603f9d212b6$var$make_srcset(src, props.resolutions || [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096]);
+    return {
+      src: fallback_src,
+      srcset: srcset
+    };
+  });
+  return $b8hua$ssrElement("img", () => ({
+    ...otherOptions,
+    ...src_options(),
+    "sizes": props.size() + "px"
+  }), undefined, true);
+}
+function $56047603f9d212b6$var$make_srcset(url, resolutions) {
+  return resolutions.map(width => "".concat($56047603f9d212b6$var$generateImageUrl(url, width), " ").concat(width, "w")).join(", ");
+}
+function $56047603f9d212b6$var$generateImageUrl(url, width) {
+  url.searchParams.set("width", width);
+  return url.href;
+}
+const $4df489344a0f97c7$var$backupSizeSignal = /*@__PURE__*/$b8hua$createSignal();
+const $4df489344a0f97c7$export$d7b7ab832c20e2f4 = /*@__PURE__*/Symbol("ShopifyContainedImage");
+function $4df489344a0f97c7$export$e4b984597b71e989(props) {
+  const context = $5441862cd2f5e111$export$8d0c4fdbb05a2f2e();
+  if (context && !context[$4df489344a0f97c7$export$d7b7ab832c20e2f4])
+    // create a signal that's the same for all items in this listing
+    context[$4df489344a0f97c7$export$d7b7ab832c20e2f4] = $b8hua$createSignal();
+  const [currentImageSize, setCurrentImageSize] = (context === null || context === void 0 ? void 0 : context[$4df489344a0f97c7$export$d7b7ab832c20e2f4]) || $4df489344a0f97c7$var$backupSizeSignal; // use global fallback signal (might lead to blurry images) if no context is available
+  const container = $b8hua$createComponent((0, $801e8845d3fa3653$export$94026ee33dbabc26), {
+    get aspectRatio() {
+      return props.aspectRatio;
+    }
+  });
+  const owner = $b8hua$getOwner();
+  let createdSizeAccessor = false;
+  let wasCleanedUp = false;
+  $b8hua$createEffect(() => {
+    if (currentImageSize() || wasCleanedUp) return; // We get into the effect when onCleanup is called if we don't have wasCleanedUp
+    // ensure we always have a size accessor
+    // what this whole thing does is set the sizes attribute to the actual size of one of the existing image containers, therefore the value doesn't have to manually be specified
+    setCurrentImageSize(() => $b8hua$runWithOwner(owner, () => $56047603f9d212b6$export$e6fffe67d4cdd848(container)));
+  });
+  $b8hua$onCleanup(() => {
+    wasCleanedUp = true; // important to set this before the function call below and always, so the dead effects don't create dead size accessors
+    if (!createdSizeAccessor) return;
+    $b8hua$queueMacroTask(() => setCurrentImageSize(undefined)); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
+  });
+
+  container.append($b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), {
+    style: "width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;",
+    get size() {
+      return $b8hua$createMemo(() => {
+        var _currentImageSize;
+        return ((_currentImageSize = currentImageSize()) === null || _currentImageSize === void 0 ? void 0 : _currentImageSize()) || 0;
+      });
+    },
+    get src() {
+      return props.src;
+    }
+  }));
+  return container;
+}
 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;
@@ -584,17 +705,21 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $b8hua$createResource(() => props.recommendations, recs => recs);
-    return $b8hua$ssr($d5d7e58c5c9d8db0$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($39ddb986053fb759$export$d41d19e89346fa2({
-      product_card_template_: function () {
-        return props.product_card_template(...arguments);
-      },
-      recommendations_resource_: recommendations_resource_,
-      market_: () => props.market,
-      merchant_: () => props.merchant,
-      layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
-        ...grid_spacing_override()
-      }))
+    return $b8hua$ssr($d5d7e58c5c9d8db0$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+      get children() {
+        return $39ddb986053fb759$export$d41d19e89346fa2({
+          product_card_template_: function () {
+            return props.product_card_template(...arguments);
+          },
+          recommendations_resource_: recommendations_resource_,
+          market_: () => props.market,
+          merchant_: () => props.merchant,
+          layout_options_: $b8hua$createMemo(() => ({
+            cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
+            ...grid_spacing_override()
+          }))
+        });
+      }
     })));
   }, "RecommendationSlider failed");
 }
@@ -687,76 +812,25 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $b8hua$createResource(() => props.recommendations, recs => recs);
-    return $b8hua$ssr($b432b11321ad4c97$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($e3efeb558d952696$export$7da560f849543dff({
-      rows_object_: rows_object_,
-      product_card_template_: function () {
-        return props.product_card_template(...arguments);
-      },
-      recommendations_resource_: recommendations_resource_,
-      market_: () => props.market,
-      merchant_: () => props.merchant,
-      layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
-        ...grid_spacing_override()
-      }))
+    return $b8hua$ssr($b432b11321ad4c97$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+      get children() {
+        return $e3efeb558d952696$export$7da560f849543dff({
+          rows_object_: rows_object_,
+          product_card_template_: function () {
+            return props.product_card_template(...arguments);
+          },
+          recommendations_resource_: recommendations_resource_,
+          market_: () => props.market,
+          merchant_: () => props.merchant,
+          layout_options_: $b8hua$createMemo(() => ({
+            cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
+            ...grid_spacing_override()
+          }))
+        });
+      }
     })));
   }, "RecommendationGrid failed");
 }
-function $56047603f9d212b6$export$e6fffe67d4cdd848(whatToWatch) {
-  const [size, setSize] = $b8hua$createSignal(0);
-  const resizeObserver = new ResizeObserver($b8hua$catchify(records => {
-    for (let j = 0; j < records.length; j++) {
-      const {
-        width: width
-      } = records[j].contentRect;
-      if (!width) continue;
-      // add extra 5% just in case. + safari is (in some cases) acting a bit questionable and needs a third extra to fill the set width
-      const new_size = width * 1.05 * ((0, $b8hua$is_safari) ? 4 / 3 : 1);
-      setSize(Math.round(new_size));
-    }
-  }));
-  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
-  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
-  const disconnect = (0, $b8hua$observer).onexists(whatToWatch, _ref => {
-    let {
-      element: element
-    } = _ref;
-    return requestAnimationFrame($b8hua$catchify(() => resizeObserver.observe(element)));
-  });
-  $b8hua$onCleanup(() => {
-    resizeObserver.disconnect();
-    disconnect();
-  });
-  return size;
-}
-function $56047603f9d212b6$export$6e5611bc7e57e477(_ref2) {
-  let {
-    src: raw_src,
-    size: size,
-    resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
-    ...otherOptions
-  } = _ref2;
-  const src = new URL(raw_src, location.origin);
-  const fallbackSrc = $56047603f9d212b6$var$generateImageUrl(src, 400);
-  const srcset = $56047603f9d212b6$var$make_srcset(src, resolutions);
-  return $b8hua$ssrElement("img", () => ({
-    ...otherOptions,
-    "src": fallbackSrc,
-    "srcset": srcset,
-    "sizes": size() + "px"
-  }), undefined, true);
-}
-function $56047603f9d212b6$var$make_srcset(url, resolutions) {
-  return resolutions.map(width => "".concat($56047603f9d212b6$var$generateImageUrl(url, width), " ").concat(width, "w")).join(", ");
-}
-function $56047603f9d212b6$var$generateImageUrl(url, width) {
-  url.searchParams.set("width", width);
-  return url.href;
-}
-const $801e8845d3fa3653$var$_tmpl$ = ["<div", ' style="', '"></div>'];
-function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
-  return $b8hua$ssr($801e8845d3fa3653$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle("position:relative;width:100%;padding-bottom:".concat(1 / props.aspectRatio * 100, "%")));
-}
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -5638,26 +5712,30 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     severity_: "error",
     message_: "Showing results failed",
     get children() {
-      return $7faea0096f14b59b$export$3925f87b1545cfc6({
-        min_products_to_fetch_:
-        // if you want to get if all products have been loaded you can add an optional signal here, see SearchPage
-        min_products_to_fetch_,
-        query_base_: query_base_,
-        plp_results_: plp_results_,
-        depict_api_: depict_api_,
-        first_result_in_viewport_: first_result_in_viewport_,
-        last_result_in_viewport_: last_result_in_viewport_,
-        scroll_restoration_data_: scroll_restoration_data_,
-        layout_options_: layout_options_,
-        product_card_template_: product_card_template_,
-        sort_or_filter_open_: sort_or_filter_open_,
-        desktop_filter_elements_: desktop_filter_elements_,
-        id_currently_querying_for_: query_id_,
-        no_results_options_: {
-          selected_filters_: selected_filters_,
-          expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          i18n_: i18n_,
-          local_filter_cache_: local_filter_cache_
+      return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+        get children() {
+          return $7faea0096f14b59b$export$3925f87b1545cfc6({
+            min_products_to_fetch_:
+            // if you want to get if all products have been loaded you can add an optional signal here, see SearchPage
+            min_products_to_fetch_,
+            query_base_: query_base_,
+            plp_results_: plp_results_,
+            depict_api_: depict_api_,
+            first_result_in_viewport_: first_result_in_viewport_,
+            last_result_in_viewport_: last_result_in_viewport_,
+            scroll_restoration_data_: scroll_restoration_data_,
+            layout_options_: layout_options_,
+            product_card_template_: product_card_template_,
+            sort_or_filter_open_: sort_or_filter_open_,
+            desktop_filter_elements_: desktop_filter_elements_,
+            id_currently_querying_for_: query_id_,
+            no_results_options_: {
+              selected_filters_: selected_filters_,
+              expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+              i18n_: i18n_,
+              local_filter_cache_: local_filter_cache_
+            }
+          });
         }
       });
     }
@@ -6607,10 +6685,12 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
   } = _ref;
   const [get_showing_recommendation_rows] = showing_recommendation_rows_; // We reset this in after_submit in search.tsx FYI
   const rows_object = view_more_button_ ? $8ef6232475d44150$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
-  const [recommendations_resource] = $b8hua$createResource(search_query_base_, query => depict_api_.get_recommended(query).then(r => r.displays));
-  const is_showing_something = $b8hua$createMemo(() => {
+  const [recommendations_resource] = $b8hua$createResource(() => all_products_loaded_() && search_query_base_(),
+  // only fetch/refetch if all products are loaded
+  query => query && depict_api_.get_recommended(query).then(r => r.displays));
+  const should_show = $b8hua$createMemo(() => {
     var _recommendations_reso;
-    return recommendations_resource.loading || ((_recommendations_reso = recommendations_resource()) === null || _recommendations_reso === void 0 ? void 0 : _recommendations_reso.length);
+    return !!((recommendations_resource.loading || (_recommendations_reso = recommendations_resource()) !== null && _recommendations_reso !== void 0 && _recommendations_reso.length) && all_products_loaded_());
   });
   const num_placeholders_ = $b8hua$createMemo(() => (0, $981356a8bf29ad72$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(_ref2 => {
     let [per_column] = _ref2;
@@ -6635,7 +6715,10 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
         get children() {
           return (() => {
             // IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
-            const displays_by_key_ = $2d7bad8684bc7f44$export$7f8bd308237ab5a5($b8hua$createMemo(() => recommendations_resource() || []));
+            const displays_by_key_ = $2d7bad8684bc7f44$export$7f8bd308237ab5a5($b8hua$createMemo(prev => {
+              if (!should_show() && prev) return prev; // When we're invisible, don't update what we're rendering to be possibly undefined to preserve the same products if possible
+              return recommendations_resource() || [];
+            }));
             return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
               displays_by_key_: displays_by_key_,
               merchant_: $b8hua$createMemo(() => search_query_base_().tenant),
@@ -6649,7 +6732,7 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
   }))));
   return $b8hua$createComponent((0, $b8hua$Show), {
     get when() {
-      return is_showing_something() && all_products_loaded_();
+      return should_show();
     },
     children: elements
   });
@@ -7860,17 +7943,21 @@ function $e82132ed97521828$export$1c593cbd6f1e10bc(_ref) {
     severity_: "error",
     message_: "Instant results failed",
     get children() {
-      return $f7414b949aeabc90$export$62f101a8aa597bf8({
-        search_field_value_: search_field_value_,
-        depict_api_: depict_api_,
-        tenant_: tenant_,
-        i18n_: i18n_,
-        market_: market_,
-        set_total_num_results_accessor_: set_total_num_results_accessor_,
-        router_: router_,
-        set_modal_search_results_: set_modal_search_results_,
-        content_search_enabled_: content_search_enabled_,
-        ...instant_results_options_
+      return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+        get children() {
+          return $f7414b949aeabc90$export$62f101a8aa597bf8({
+            search_field_value_: search_field_value_,
+            depict_api_: depict_api_,
+            tenant_: tenant_,
+            i18n_: i18n_,
+            market_: market_,
+            set_total_num_results_accessor_: set_total_num_results_accessor_,
+            router_: router_,
+            set_modal_search_results_: set_modal_search_results_,
+            content_search_enabled_: content_search_enabled_,
+            ...instant_results_options_
+          });
+        }
       });
     }
   })), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
@@ -8708,14 +8795,18 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
           return content_search_enabled_();
         },
         get children() {
-          return $b8hua$createComponent((0, $d53ebed6f63304e4$export$6d0c9c22f6652669), {
-            content_results_rows_: content_results_rows_,
-            search_results_: search_results_,
-            i18n_: i18n_,
-            get_search_query_: get_search_query_,
-            layout_options_: content_layout_options_,
-            router_: router_,
-            query_base_: search_query_base_
+          return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+            get children() {
+              return $b8hua$createComponent((0, $d53ebed6f63304e4$export$6d0c9c22f6652669), {
+                content_results_rows_: content_results_rows_,
+                search_results_: search_results_,
+                i18n_: i18n_,
+                get_search_query_: get_search_query_,
+                layout_options_: content_layout_options_,
+                router_: router_,
+                query_base_: search_query_base_
+              });
+            }
           });
         }
       });
@@ -8747,28 +8838,32 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     severity_: "error",
     message_: "Search results failed",
     get children() {
-      return $7faea0096f14b59b$export$3925f87b1545cfc6({
-        all_products_loaded_: all_products_loaded_,
-        min_products_to_fetch_: min_products_to_fetch_,
-        query_base_: search_query_base_,
-        plp_results_: search_results_,
-        depict_api_: depict_api_,
-        first_result_in_viewport_: first_result_in_viewport_,
-        last_result_in_viewport_: last_result_in_viewport_,
-        scroll_restoration_data_: scroll_restoration_data_,
-        desktop_filter_elements_: desktop_filter_elements_,
-        product_card_template_: product_card_template_,
-        layout_options_: layout_options_,
-        sort_or_filter_open_: sort_or_filter_open_,
-        id_currently_querying_for_: get_search_query_,
-        no_results_options_: {
-          selected_filters_: selected_filters_,
-          expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          local_filter_cache_: local_filter_cache_,
-          i18n_: {
-            ...i18n_,
-            no_results_text_: no_results_text_
-          }
+      return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+        get children() {
+          return $7faea0096f14b59b$export$3925f87b1545cfc6({
+            all_products_loaded_: all_products_loaded_,
+            min_products_to_fetch_: min_products_to_fetch_,
+            query_base_: search_query_base_,
+            plp_results_: search_results_,
+            depict_api_: depict_api_,
+            first_result_in_viewport_: first_result_in_viewport_,
+            last_result_in_viewport_: last_result_in_viewport_,
+            scroll_restoration_data_: scroll_restoration_data_,
+            desktop_filter_elements_: desktop_filter_elements_,
+            product_card_template_: product_card_template_,
+            layout_options_: layout_options_,
+            sort_or_filter_open_: sort_or_filter_open_,
+            id_currently_querying_for_: get_search_query_,
+            no_results_options_: {
+              selected_filters_: selected_filters_,
+              expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+              local_filter_cache_: local_filter_cache_,
+              i18n_: {
+                ...i18n_,
+                no_results_text_: no_results_text_
+              }
+            }
+          });
         }
       });
     }
@@ -8780,20 +8875,24 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
         severity_: "error",
         message_: "Search recommendations failed",
         get children() {
-          return $b8hua$createComponent((0, $8ef6232475d44150$export$7de92c4c2205ebf3), {
-            depict_api_: depict_api_,
-            i18n_: i18n_,
-            search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $b8hua$createMemo(() => {
-                var _recommendations_layo;
-                return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
+          return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+            get children() {
+              return $b8hua$createComponent((0, $8ef6232475d44150$export$7de92c4c2205ebf3), {
+                depict_api_: depict_api_,
+                i18n_: i18n_,
+                search_query_base_: search_query_base_,
+                get layout_options_() {
+                  return $b8hua$createMemo(() => {
+                    var _recommendations_layo;
+                    return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
+                  });
+                },
+                showing_recommendation_rows_: showing_recommendation_rows_,
+                view_more_button_: search_recs_view_more_,
+                product_card_template_: product_card_template_,
+                all_products_loaded_: get_all_products_loaded
               });
-            },
-            showing_recommendation_rows_: showing_recommendation_rows_,
-            view_more_button_: search_recs_view_more_,
-            product_card_template_: product_card_template_,
-            all_products_loaded_: get_all_products_loaded
+            }
           });
         }
       });
@@ -9738,4 +9837,4 @@ const $d399250dfa491636$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $d399250dfa491636$export$864d304a0bc46829 = "2%";
 const $d399250dfa491636$export$7bf543b9d9be2c22 = (0, $fa332ea03168857c$export$b91cec6bdc6b32a1);
 $b8hua$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $0dc044cffe1e825b$export$9f191182275e9ef as make_accurate_size_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $5c5732ef44f05b26$export$58e808b1db15d3bc as fetchDepictRecommendations, $f5f54892fd0c7d9f$export$de035477d6fef996 as QuickLinks, $f5f54892fd0c7d9f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $96fd967c5b358ead$export$643598a327b5833e as get_categories, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $f5f54892fd0c7d9f$export$e2bf8ce7779e827e as CategoryPage, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $eb064bc3350276c1$export$316f6f283ae64765 as SearchField, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version };
+export { $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $0dc044cffe1e825b$export$9f191182275e9ef as make_accurate_size_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $5c5732ef44f05b26$export$58e808b1db15d3bc as fetchDepictRecommendations, $f5f54892fd0c7d9f$export$de035477d6fef996 as QuickLinks, $f5f54892fd0c7d9f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $96fd967c5b358ead$export$643598a327b5833e as get_categories, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $f5f54892fd0c7d9f$export$e2bf8ce7779e827e as CategoryPage, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $eb064bc3350276c1$export$316f6f283ae64765 as SearchField, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version };