@depict-ai/ui 4.1.4 → 4.1.6

package/server/ES10/index.cjs

@@ -18,6 +18,7 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "promiseSafeStructuredClone", () => $400d96565bbbfe07$export$83bb9af5671e1dbe);
 $parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $cfcd56242923775d$export$5162a71f252e6122);
 $parcel$export(module.exports, "prefixes_to_preserve_in_history_dot_state", () => $cfcd56242923775d$export$3064e1e8c6513da3);
 $parcel$export(module.exports, "allowNativeNavigation", () => $9ca08bcacbc598ce$export$29d28dadc2d6b631);
@@ -98,7 +99,76 @@ $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.1.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.6";
+
+/**
+ * This is a function that will safely clone an object that may contain promises.
+ * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.
+ * @param obj Anything to clone
+ */
+function $400d96565bbbfe07$export$83bb9af5671e1dbe(obj) {
+  if (obj instanceof Promise) return obj;
+  // Extract all promises, keep a map of them, and then re-apply them to both the original object and the target object after cloning
+  const seen = new Set();
+  const keyStack = [[]];
+  const valueStack = [obj];
+  const promiseLocationStack = [];
+  while (valueStack.length) {
+    const value = valueStack.pop();
+    const keyPath = keyStack.pop();
+    // Promises can only be in objects and we don't need to check for objects we've already seen (like in circular references)
+    if (typeof value !== "object" || value === null || seen.has(value)) continue;
+    seen.add(value);
+    if (Array.isArray(value)) {
+      for (let i = 0; i < value.length; i++) {
+        const ourValue = value[i];
+        const valuesKeyPath = [...keyPath, i];
+        if (ourValue instanceof Promise) {
+          promiseLocationStack.push([valuesKeyPath, ourValue]);
+          delete value[i]; // This will leave a hole in the array, but it's fine since we'll put it back soon
+          // This way both the indexes will be correct when putting the value back and our for loop doesn't get messed up
+        } else {
+          keyStack.push(valuesKeyPath);
+          valueStack.push(ourValue);
+        }
+      }
+      continue;
+    }
+    for (const innerKey in value) {
+      const ourValue = value[innerKey];
+      const valuesKeyPath = [...keyPath, innerKey];
+      if (ourValue instanceof Promise) {
+        promiseLocationStack.push([valuesKeyPath, ourValue]);
+        delete value[innerKey];
+      } else {
+        keyStack.push(valuesKeyPath);
+        valueStack.push(ourValue);
+      }
+    }
+  }
+  let structuredClonedObject;
+  let error;
+  try {
+    structuredClonedObject = structuredClone(obj);
+  } catch (e) {
+    // We still need to put back the promises in the original object, even if we threw an error
+    error = e;
+  }
+  // Put back the promises in both the original object and the cloned object
+  while (promiseLocationStack.length) {
+    const [keyPath, promise] = promiseLocationStack.pop();
+    let targetInClone = structuredClonedObject;
+    let targetInOriginal = obj;
+    for (let i = 0; i < keyPath.length - 1; i++) {
+      if (!error) targetInClone = targetInClone[keyPath[i]];
+      targetInOriginal = targetInOriginal[keyPath[i]];
+    }
+    if (!error) targetInClone[keyPath[keyPath.length - 1]] = promise;
+    targetInOriginal[keyPath[keyPath.length - 1]] = promise;
+  }
+  if (error) throw error;
+  return structuredClonedObject;
+}
 const $cfcd56242923775d$export$3064e1e8c6513da3 = new Set();
 let $cfcd56242923775d$var$has_ran = false;
 function $cfcd56242923775d$export$5162a71f252e6122() {
@@ -245,12 +315,42 @@ function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   }).remove);
   return signal[0];
 }
+var $e3d733f899558f40$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
+function $e3d733f899558f40$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $3hooq$solidjsweb.ssr($e3d733f899558f40$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape(props.class, true) || "", " depict-placeholder"), $3hooq$solidjsweb.ssrStyle(props.style));
+}
+function $a7f7d416e6f61504$export$89c6019e4baa40b1(props) {
+  const style = $3hooq$solidjs.createMemo(() => {
+    const {
+      style: style,
+      height: height,
+      width: width
+    } = props;
+    return {
+      ...(style || {}),
+      height: height !== null && height !== void 0 ? height : "1em",
+      ...(width && {
+        width: width
+      })
+    };
+  });
+  return $3hooq$solidjsweb.createComponent((0, $e3d733f899558f40$export$acb3eaade4b23afd), {
+    get style() {
+      return style();
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+}
 var $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
   $82d079b68975fbf7$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $82d079b68975fbf7$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $82d079b68975fbf7$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
-  $82d079b68975fbf7$var$_tmpl$5 = ["<a", ' class="', '"', '><div class="img-part"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="right-part"><!--$-->', '<!--/--><div class="price-container"><!--$-->', '<!--/--><span class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div></a>"],
-  $82d079b68975fbf7$var$_tmpl$6 = ["<div", ' class="title-brand-tagline">', "</div>"];
+  $82d079b68975fbf7$var$_tmpl$5 = ["<span", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
+  $82d079b68975fbf7$var$_tmpl$6 = ["<a", ' class="', '"', '><div class="img-part"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="right-part"><!--$-->', '<!--/--><div class="price-container"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div></a>"],
+  $82d079b68975fbf7$var$_tmpl$7 = ["<div", ' class="title-brand-tagline">', "</div>"];
 const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
   var _variant$image_urls;
   let {
@@ -266,13 +366,16 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
   const [get_selected_index_, set_selected_index_] = selected_index_ || [];
   const variant = display_.variant_displays[display_.variant_index];
   const href = $3hooq$solidjs.createMemo(() => variant.page_url); // <- could be made reactive getter in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
-  const is_sale = variant.sale_price !== variant.original_price;
+  // Prices can be promises, for example in our shopify app. Always assume they are (will work the same when they aren't)
+  const [salePrice] = $3hooq$solidjs.createResource(() => variant.sale_price);
+  const [originalPrice] = $3hooq$solidjs.createResource(() => variant.original_price);
+  const isOnSale = $3hooq$solidjs.createMemo(() => salePrice() !== originalPrice());
   const supports_hover = $3e17e871e9d0911d$export$d9f36cf74e24d595("(hover: hover) and (pointer: fine)");
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $b0f8d9f49e018db9$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = ((_variant$image_urls = variant.image_urls) === null || _variant$image_urls === void 0 ? void 0 : _variant$image_urls[1]) || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
   const TitleBrandTagline = () => [!selected_index_ && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(variant.brand)), $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
-  return $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(href(), true), false) + $3hooq$solidjsweb.ssrAttribute("data-search-result-id", $3hooq$solidjsweb.escape(display_.search_result_id, true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(InstantCardImageComponent_, {
+  return $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(href(), true), false) + $3hooq$solidjsweb.ssrAttribute("data-search-result-id", $3hooq$solidjsweb.escape(display_.search_result_id, true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(InstantCardImageComponent_, {
     get src_() {
       var _variant$image_urls2;
       return ((_variant$image_urls2 = variant.image_urls) === null || _variant$image_urls2 === void 0 ? void 0 : _variant$image_urls2[0]) || variant.image_url || variant.display_image_url;
@@ -286,32 +389,43 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
         src_: secondary_image_url
       });
     }
-  })), selected_index_ ? $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {})) : $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {}))), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
-    when: is_sale,
+  })), selected_index_ ? $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {})) : $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$7, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {}))), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+    get when() {
+      return isOnSale();
+    },
     get children() {
       return $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(i18n_.price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
         get price_() {
-          return variant.original_price;
+          return originalPrice();
         },
         get price_formatting_() {
           return i18n_.price_formatting_();
         }
       })), $3hooq$solidjsweb.escape(i18n_.price_formatting_().post_));
     }
-  })), "".concat("price", " ").concat(is_sale ? "sales-price" : ""), $3hooq$solidjsweb.escape(i18n_.price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
-    get price_() {
-      return variant.sale_price;
+  })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+    get when() {
+      return !salePrice.loading && salePrice.latest;
     },
-    get price_formatting_() {
-      return i18n_.price_formatting_();
+    get fallback() {
+      return [$3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+        width: "5ch",
+        height: "max(1em, 100%)",
+        "class": "price"
+      }), "\xa0"];
+    },
+    get children() {
+      return $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), "".concat("price", " ").concat(isOnSale() ? "sales-price" : ""), $3hooq$solidjsweb.escape(i18n_.price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
+        get price_() {
+          return salePrice();
+        },
+        get price_formatting_() {
+          return i18n_.price_formatting_();
+        }
+      })), $3hooq$solidjsweb.escape(i18n_.price_formatting_().post_));
     }
-  })), $3hooq$solidjsweb.escape(i18n_.price_formatting_().post_));
+  })));
 };
-var $e3d733f899558f40$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
-function $e3d733f899558f40$export$acb3eaade4b23afd(props) {
-  // Work around https://github.com/solidjs/solid/issues/1980
-  return $3hooq$solidjsweb.ssr($e3d733f899558f40$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape(props.class, true) || "", " depict-placeholder"), $3hooq$solidjsweb.ssrStyle(props.style));
-}
 function $b8a8d61b3ec5f5ac$export$3f37af283f8fb843(props) {
   const style = $3hooq$solidjs.createMemo(() => {
     const {
@@ -343,30 +457,6 @@ function $b8a8d61b3ec5f5ac$export$3f37af283f8fb843(props) {
     }
   });
 }
-function $a7f7d416e6f61504$export$89c6019e4baa40b1(props) {
-  const style = $3hooq$solidjs.createMemo(() => {
-    const {
-      style: style,
-      height: height,
-      width: width
-    } = props;
-    return {
-      ...(style || {}),
-      height: height !== null && height !== void 0 ? height : "1em",
-      ...(width && {
-        width: width
-      })
-    };
-  });
-  return $3hooq$solidjsweb.createComponent((0, $e3d733f899558f40$export$acb3eaade4b23afd), {
-    get style() {
-      return style();
-    },
-    get ["class"]() {
-      return props.class;
-    }
-  });
-}
 var $c0cf6af094336798$var$_tmpl$ = ["<div", ' class="instant-card"><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="title">', '</span></div><div class="price-container">', "</div></div></div>"];
 const $c0cf6af094336798$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
 function $c0cf6af094336798$export$ee1733d9a8495996() {
@@ -468,7 +558,12 @@ function $76012c4468a53d1f$export$43f0fb951fcb0c54(_ref) {
         // We had a case on singular where they popped an image url and due to use caching after some time there was no image
         // Attempt cloning the displays if possible (99.9% of the cases probably) and if not, just use the original display
         try {
-          display = structuredClone(display);
+          // Use promiseSafeStructuredClone so that:
+          // 1. When fetching for example prices from an API, one can start that API request
+          // 2. Add the promise to the display
+          // 3. Already render the product card with placeholders for prices while the price loads
+          // 4. When the price loads, re-render the display with the new price
+          display = $400d96565bbbfe07$export$83bb9af5671e1dbe(display);
         } catch (e) {
           if (!$76012c4468a53d1f$var$printedCloneError) {
             $76012c4468a53d1f$var$printedCloneError = true;
@@ -526,7 +621,7 @@ function $76012c4468a53d1f$export$43f0fb951fcb0c54(_ref) {
 // Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
   const stack = [[obj1, obj2]];
-  while (stack.length > 0) {
+  while (stack.length) {
     const [currentObj1, currentObj2] = stack.pop();
     if (currentObj1 === currentObj2) continue;
     if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
@@ -2077,10 +2172,10 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   const src_options = $3hooq$solidjs.createMemo(() => {
     const {
       src: src,
-      customGenerateImageUrl_: customGenerateImageUrl_
+      customUrls: customUrls
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $858fdcf73148519f$export$1d6267828870adda)(src, 400);
-    const srcset = $858fdcf73148519f$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customGenerateImageUrl_);
+    const fallback_src = (customUrls || $858fdcf73148519f$export$1d6267828870adda)(src, 400);
+    const srcset = $858fdcf73148519f$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customUrls);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
       srcset: srcset,
@@ -2089,7 +2184,9 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   });
   // Work around https://github.com/solidjs/solid/issues/1828
   const img = new Image(); // Need to use new Image or browser might not start loading image before it's in the DOM
-  const [, otherAttributes] = $3hooq$solidjs.splitProps(props, ["resolutions", "size", "src", "srcSet", "loading"]);
+  const [, otherAttributes] = $3hooq$solidjs.splitProps(props, ["resolutions", "size", "src", "srcSet", "loading", "customUrls" // Can't have properties ending on underscore because the property name mangling will get confused by this <-
+  ]);
+
   const [hasSetSize, setHasSetSize] = $3hooq$solidjs.createSignal(false);
   const [hasDecoded, setHasDecoded] = $3hooq$solidjs.createSignal(false);
   const productCardIndexAccessor = $b54645378dfc7280$export$e3faf4d95300054f();
@@ -2290,7 +2387,7 @@ function $9e470232a6b789a3$export$9d4a4b669b1929ab(props) {
     get imgProps() {
       return {
         ...props.imgProps,
-        customGenerateImageUrl_: (url, width // Apparently don't have to encode url for CF's service
+        customUrls: (url, width // Apparently don't have to encode url for CF's service
         ) => {
           if (url.startsWith("https://cdn.shopify.com"))
             // The shopify image resizing CDN blocks Cloudflare's image resizer. It's possible that we can't detect shopify image URLs sometimes because they go to the merchant's domain,

package/server/ES10/index.d.ts

@@ -10,7 +10,13 @@ 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 _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.4";
+export const version = "4.1.6";
+/**
+ * This is a function that will safely clone an object that may contain promises.
+ * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.
+ * @param obj Anything to clone
+ */
+export function promiseSafeStructuredClone<T>(obj: T): T;
 export const prefixes_to_preserve_in_history_dot_state: Set<string>;
 /**
  * Prevent, usually SPAs, from deleting our stuff from history.state when they call history.pushState with a new object they have constructed. This will only run once no matter how often it's called.
@@ -436,7 +442,7 @@ export function ShopifyResponsiveImg(props: {
   size: Accessor<number>;
   src: string;
   loading?: "eager" | "lazy" | "force-lazy";
-  customGenerateImageUrl_?: (url: string, width: number) => string;
+  customUrls?: (url: string, width: number) => string;
 } & Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, "srcset" | "src" | "sizes" | "loading">): JSX.Element;
 type ImagePlaceholderBaseOptions = {
   style?: JSX.CSSProperties;

package/server/ES10/index.js

@@ -10,7 +10,76 @@ 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.1.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.6";
+
+/**
+ * This is a function that will safely clone an object that may contain promises.
+ * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.
+ * @param obj Anything to clone
+ */
+function $6d75ec14f537c37f$export$83bb9af5671e1dbe(obj) {
+  if (obj instanceof Promise) return obj;
+  // Extract all promises, keep a map of them, and then re-apply them to both the original object and the target object after cloning
+  const seen = new Set();
+  const keyStack = [[]];
+  const valueStack = [obj];
+  const promiseLocationStack = [];
+  while (valueStack.length) {
+    const value = valueStack.pop();
+    const keyPath = keyStack.pop();
+    // Promises can only be in objects and we don't need to check for objects we've already seen (like in circular references)
+    if (typeof value !== "object" || value === null || seen.has(value)) continue;
+    seen.add(value);
+    if (Array.isArray(value)) {
+      for (let i = 0; i < value.length; i++) {
+        const ourValue = value[i];
+        const valuesKeyPath = [...keyPath, i];
+        if (ourValue instanceof Promise) {
+          promiseLocationStack.push([valuesKeyPath, ourValue]);
+          delete value[i]; // This will leave a hole in the array, but it's fine since we'll put it back soon
+          // This way both the indexes will be correct when putting the value back and our for loop doesn't get messed up
+        } else {
+          keyStack.push(valuesKeyPath);
+          valueStack.push(ourValue);
+        }
+      }
+      continue;
+    }
+    for (const innerKey in value) {
+      const ourValue = value[innerKey];
+      const valuesKeyPath = [...keyPath, innerKey];
+      if (ourValue instanceof Promise) {
+        promiseLocationStack.push([valuesKeyPath, ourValue]);
+        delete value[innerKey];
+      } else {
+        keyStack.push(valuesKeyPath);
+        valueStack.push(ourValue);
+      }
+    }
+  }
+  let structuredClonedObject;
+  let error;
+  try {
+    structuredClonedObject = structuredClone(obj);
+  } catch (e) {
+    // We still need to put back the promises in the original object, even if we threw an error
+    error = e;
+  }
+  // Put back the promises in both the original object and the cloned object
+  while (promiseLocationStack.length) {
+    const [keyPath, promise] = promiseLocationStack.pop();
+    let targetInClone = structuredClonedObject;
+    let targetInOriginal = obj;
+    for (let i = 0; i < keyPath.length - 1; i++) {
+      if (!error) targetInClone = targetInClone[keyPath[i]];
+      targetInOriginal = targetInOriginal[keyPath[i]];
+    }
+    if (!error) targetInClone[keyPath[keyPath.length - 1]] = promise;
+    targetInOriginal[keyPath[keyPath.length - 1]] = promise;
+  }
+  if (error) throw error;
+  return structuredClonedObject;
+}
 const $68e6625c8d51f847$export$3064e1e8c6513da3 = new Set();
 let $68e6625c8d51f847$var$has_ran = false;
 function $68e6625c8d51f847$export$5162a71f252e6122() {
@@ -157,12 +226,42 @@ function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   }).remove);
   return signal[0];
 }
+var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
+function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
+}
+function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
+  const style = $b8hua$createMemo(() => {
+    const {
+      style: style,
+      height: height,
+      width: width
+    } = props;
+    return {
+      ...(style || {}),
+      height: height !== null && height !== void 0 ? height : "1em",
+      ...(width && {
+        width: width
+      })
+    };
+  });
+  return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
+    get style() {
+      return style();
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+}
 var $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
   $9a693c7e832d3f18$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $9a693c7e832d3f18$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $9a693c7e832d3f18$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
-  $9a693c7e832d3f18$var$_tmpl$5 = ["<a", ' class="', '"', '><div class="img-part"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="right-part"><!--$-->', '<!--/--><div class="price-container"><!--$-->', '<!--/--><span class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div></a>"],
-  $9a693c7e832d3f18$var$_tmpl$6 = ["<div", ' class="title-brand-tagline">', "</div>"];
+  $9a693c7e832d3f18$var$_tmpl$5 = ["<span", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
+  $9a693c7e832d3f18$var$_tmpl$6 = ["<a", ' class="', '"', '><div class="img-part"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="right-part"><!--$-->', '<!--/--><div class="price-container"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div></a>"],
+  $9a693c7e832d3f18$var$_tmpl$7 = ["<div", ' class="title-brand-tagline">', "</div>"];
 const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
   var _variant$image_urls;
   let {
@@ -178,13 +277,16 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
   const [get_selected_index_, set_selected_index_] = selected_index_ || [];
   const variant = display_.variant_displays[display_.variant_index];
   const href = $b8hua$createMemo(() => variant.page_url); // <- could be made reactive getter in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
-  const is_sale = variant.sale_price !== variant.original_price;
+  // Prices can be promises, for example in our shopify app. Always assume they are (will work the same when they aren't)
+  const [salePrice] = $b8hua$createResource(() => variant.sale_price);
+  const [originalPrice] = $b8hua$createResource(() => variant.original_price);
+  const isOnSale = $b8hua$createMemo(() => salePrice() !== originalPrice());
   const supports_hover = $00a5b94f0c11efbb$export$d9f36cf74e24d595("(hover: hover) and (pointer: fine)");
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $d0883254246d3eb6$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = ((_variant$image_urls = variant.image_urls) === null || _variant$image_urls === void 0 ? void 0 : _variant$image_urls[1]) || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
   const TitleBrandTagline = () => [!selected_index_ && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(variant.brand)), $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
-  return $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$5, $b8hua$ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $b8hua$ssrAttribute("href", $b8hua$escape(href(), true), false) + $b8hua$ssrAttribute("data-search-result-id", $b8hua$escape(display_.search_result_id, true), false), $b8hua$escape($b8hua$createComponent(InstantCardImageComponent_, {
+  return $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$6, $b8hua$ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $b8hua$ssrAttribute("href", $b8hua$escape(href(), true), false) + $b8hua$ssrAttribute("data-search-result-id", $b8hua$escape(display_.search_result_id, true), false), $b8hua$escape($b8hua$createComponent(InstantCardImageComponent_, {
     get src_() {
       var _variant$image_urls2;
       return ((_variant$image_urls2 = variant.image_urls) === null || _variant$image_urls2 === void 0 ? void 0 : _variant$image_urls2[0]) || variant.image_url || variant.display_image_url;
@@ -198,32 +300,43 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
         src_: secondary_image_url
       });
     }
-  })), selected_index_ ? $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {})) : $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$6, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {}))), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
-    when: is_sale,
+  })), selected_index_ ? $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {})) : $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$7, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {}))), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+    get when() {
+      return isOnSale();
+    },
     get children() {
       return $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$4, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
         get price_() {
-          return variant.original_price;
+          return originalPrice();
         },
         get price_formatting_() {
           return i18n_.price_formatting_();
         }
       })), $b8hua$escape(i18n_.price_formatting_().post_));
     }
-  })), "".concat("price", " ").concat(is_sale ? "sales-price" : ""), $b8hua$escape(i18n_.price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
-    get price_() {
-      return variant.sale_price;
+  })), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+    get when() {
+      return !salePrice.loading && salePrice.latest;
     },
-    get price_formatting_() {
-      return i18n_.price_formatting_();
+    get fallback() {
+      return [$b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+        width: "5ch",
+        height: "max(1em, 100%)",
+        "class": "price"
+      }), "\xa0"];
+    },
+    get children() {
+      return $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$5, $b8hua$ssrHydrationKey(), "".concat("price", " ").concat(isOnSale() ? "sales-price" : ""), $b8hua$escape(i18n_.price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+        get price_() {
+          return salePrice();
+        },
+        get price_formatting_() {
+          return i18n_.price_formatting_();
+        }
+      })), $b8hua$escape(i18n_.price_formatting_().post_));
     }
-  })), $b8hua$escape(i18n_.price_formatting_().post_));
+  })));
 };
-var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
-function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
-  // Work around https://github.com/solidjs/solid/issues/1980
-  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
-}
 function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
   const style = $b8hua$createMemo(() => {
     const {
@@ -255,30 +368,6 @@ function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
     }
   });
 }
-function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
-  const style = $b8hua$createMemo(() => {
-    const {
-      style: style,
-      height: height,
-      width: width
-    } = props;
-    return {
-      ...(style || {}),
-      height: height !== null && height !== void 0 ? height : "1em",
-      ...(width && {
-        width: width
-      })
-    };
-  });
-  return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
-    get style() {
-      return style();
-    },
-    get ["class"]() {
-      return props.class;
-    }
-  });
-}
 var $5eaa00b951637e96$var$_tmpl$ = ["<div", ' class="instant-card"><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="title">', '</span></div><div class="price-container">', "</div></div></div>"];
 const $5eaa00b951637e96$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
 function $5eaa00b951637e96$export$ee1733d9a8495996() {
@@ -380,7 +469,12 @@ function $2d7bad8684bc7f44$export$43f0fb951fcb0c54(_ref) {
         // We had a case on singular where they popped an image url and due to use caching after some time there was no image
         // Attempt cloning the displays if possible (99.9% of the cases probably) and if not, just use the original display
         try {
-          display = structuredClone(display);
+          // Use promiseSafeStructuredClone so that:
+          // 1. When fetching for example prices from an API, one can start that API request
+          // 2. Add the promise to the display
+          // 3. Already render the product card with placeholders for prices while the price loads
+          // 4. When the price loads, re-render the display with the new price
+          display = $6d75ec14f537c37f$export$83bb9af5671e1dbe(display);
         } catch (e) {
           if (!$2d7bad8684bc7f44$var$printedCloneError) {
             $2d7bad8684bc7f44$var$printedCloneError = true;
@@ -438,7 +532,7 @@ function $2d7bad8684bc7f44$export$43f0fb951fcb0c54(_ref) {
 // Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
   const stack = [[obj1, obj2]];
-  while (stack.length > 0) {
+  while (stack.length) {
     const [currentObj1, currentObj2] = stack.pop();
     if (currentObj1 === currentObj2) continue;
     if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
@@ -1989,10 +2083,10 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   const src_options = $b8hua$createMemo(() => {
     const {
       src: src,
-      customGenerateImageUrl_: customGenerateImageUrl_
+      customUrls: customUrls
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $56047603f9d212b6$export$1d6267828870adda)(src, 400);
-    const srcset = $56047603f9d212b6$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customGenerateImageUrl_);
+    const fallback_src = (customUrls || $56047603f9d212b6$export$1d6267828870adda)(src, 400);
+    const srcset = $56047603f9d212b6$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customUrls);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
       srcset: srcset,
@@ -2001,7 +2095,9 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   });
   // Work around https://github.com/solidjs/solid/issues/1828
   const img = new Image(); // Need to use new Image or browser might not start loading image before it's in the DOM
-  const [, otherAttributes] = $b8hua$splitProps(props, ["resolutions", "size", "src", "srcSet", "loading"]);
+  const [, otherAttributes] = $b8hua$splitProps(props, ["resolutions", "size", "src", "srcSet", "loading", "customUrls" // Can't have properties ending on underscore because the property name mangling will get confused by this <-
+  ]);
+
   const [hasSetSize, setHasSetSize] = $b8hua$createSignal(false);
   const [hasDecoded, setHasDecoded] = $b8hua$createSignal(false);
   const productCardIndexAccessor = $1e69163caedaab4e$export$e3faf4d95300054f();
@@ -2202,7 +2298,7 @@ function $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab(props) {
     get imgProps() {
       return {
         ...props.imgProps,
-        customGenerateImageUrl_: (url, width // Apparently don't have to encode url for CF's service
+        customUrls: (url, width // Apparently don't have to encode url for CF's service
         ) => {
           if (url.startsWith("https://cdn.shopify.com"))
             // The shopify image resizing CDN blocks Cloudflare's image resizer. It's possible that we can't detect shopify image URLs sometimes because they go to the merchant's domain,
@@ -12745,4 +12841,4 @@ function $a3026fb727bc7550$var$align_field_modal(alignmentSignals, input, modalV
   });
 }
 $b8hua$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_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, $50aebf5b445518eb$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, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $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, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $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, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField };
+export { $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_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, $50aebf5b445518eb$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, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $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, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $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, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField };