@depict-ai/ui 4.1.3 → 4.1.5

package/latest/index.js

@@ -7,7 +7,76 @@ 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.1.3";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.5";
+
+/**
+ * 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 $de6ccd37192b5fc2$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 $90980bd87c9960f9$export$3064e1e8c6513da3 = new Set();
 let $90980bd87c9960f9$var$has_ran = false;
 function $90980bd87c9960f9$export$5162a71f252e6122() {
@@ -149,12 +218,55 @@ function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
   }) => signal[1](matches)).remove);
   return signal[0];
 }
+var $d20eff0aadc28983$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span>`);
+function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return (() => {
+    var _el$ = $9HbP8$getNextElement($d20eff0aadc28983$var$_tmpl$);
+    $9HbP8$effect(_p$ => {
+      var _v$ = `${props.class || ""} depict-placeholder`,
+        _v$2 = props.style;
+      _v$ !== _p$.e && $9HbP8$className(_el$, _p$.e = _v$);
+      _p$.t = $9HbP8$style(_el$, _v$2, _p$.t);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
+}
+function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
+  const style = $9HbP8$createMemo(() => {
+    const {
+      style: style,
+      height: height,
+      width: width
+    } = props;
+    return {
+      ...(style || {}),
+      height: height ?? "1em",
+      ...(width && {
+        width: width
+      })
+    };
+  });
+  return $9HbP8$createComponent((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
+    get style() {
+      return style();
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+}
 var $e003be2a50d9e5bc$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class="title line-clamp">`),
   $e003be2a50d9e5bc$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=brand>`),
   $e003be2a50d9e5bc$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class="tagline line-clamp">`),
   $e003be2a50d9e5bc$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<span class="orig price"><!$><!/><!$><!/><!$><!/>`),
-  $e003be2a50d9e5bc$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<a class=instant-card><div class=img-part><!$><!/><!$><!/></div><div class=right-part><!$><!/><div class=price-container><!$><!/><span class=price><!$><!/><!$><!/><!$><!/>`),
-  $e003be2a50d9e5bc$var$_tmpl$6 = /*#__PURE__*/$9HbP8$template(`<div class=title-brand-tagline>`);
+  $e003be2a50d9e5bc$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<span class=price><!$><!/><!$><!/><!$><!/>`),
+  $e003be2a50d9e5bc$var$_tmpl$6 = /*#__PURE__*/$9HbP8$template(`<a class=instant-card><div class=img-part><!$><!/><!$><!/></div><div class=right-part><!$><!/><div class=price-container><!$><!/><!$><!/>`),
+  $e003be2a50d9e5bc$var$_tmpl$7 = /*#__PURE__*/$9HbP8$template(`<div class=title-brand-tagline>`);
 const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
   display_: display_,
   router_: router_,
@@ -168,7 +280,10 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
   const [get_selected_index_, set_selected_index_] = selected_index_ || [];
   const variant = display_.variant_displays[display_.variant_index];
   const href = $9HbP8$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] = $9HbP8$createResource(() => variant.sale_price);
+  const [originalPrice] = $9HbP8$createResource(() => variant.original_price);
+  const isOnSale = $9HbP8$createMemo(() => salePrice() !== originalPrice());
   const supports_hover = $dc9262ef6f786812$export$d9f36cf74e24d595("(hover: hover) and (pointer: fine)");
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $f4125ce4984deee6$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = variant.image_urls?.[1] || variant.secondary_image_url || variant.alternative_display_image_url;
@@ -190,25 +305,20 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
     })();
   })())];
   return (() => {
-    var _el$4 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$5),
+    var _el$4 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$6),
       _el$5 = _el$4.firstChild,
       _el$6 = _el$5.firstChild,
       [_el$7, _co$] = $9HbP8$getNextMarker(_el$6.nextSibling),
       _el$8 = _el$7.nextSibling,
       [_el$9, _co$2] = $9HbP8$getNextMarker(_el$8.nextSibling),
       _el$10 = _el$5.nextSibling,
-      _el$28 = _el$10.firstChild,
-      [_el$29, _co$10] = $9HbP8$getNextMarker(_el$28.nextSibling),
-      _el$11 = _el$29.nextSibling,
+      _el$30 = _el$10.firstChild,
+      [_el$31, _co$11] = $9HbP8$getNextMarker(_el$30.nextSibling),
+      _el$11 = _el$31.nextSibling,
       _el$26 = _el$11.firstChild,
       [_el$27, _co$9] = $9HbP8$getNextMarker(_el$26.nextSibling),
-      _el$19 = _el$27.nextSibling,
-      _el$20 = _el$19.firstChild,
-      [_el$21, _co$6] = $9HbP8$getNextMarker(_el$20.nextSibling),
-      _el$22 = _el$21.nextSibling,
-      [_el$23, _co$7] = $9HbP8$getNextMarker(_el$22.nextSibling),
-      _el$24 = _el$23.nextSibling,
-      [_el$25, _co$8] = $9HbP8$getNextMarker(_el$24.nextSibling);
+      _el$28 = _el$27.nextSibling,
+      [_el$29, _co$10] = $9HbP8$getNextMarker(_el$28.nextSibling);
     $9HbP8$use(element => $f4125ce4984deee6$export$12761f53d7ab7f27(element, () => selectedDueToKeyboardNavigation?.() ?? false), _el$4);
     $9HbP8$addEventListener(_el$4, "mouseleave", $9HbP8$catchify(() => set_selected_index_?.()));
     $9HbP8$addEventListener(_el$4, "mouseenter", $9HbP8$catchify(() => set_selected_index_?.([keyboardNavigationGroupIndex_(), index_()])));
@@ -233,12 +343,14 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
       }
     }), _el$9, _co$2);
     $9HbP8$insert(_el$10, selected_index_ ? $9HbP8$createComponent(TitleBrandTagline, {}) : (() => {
-      var _el$30 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$6);
-      $9HbP8$insert(_el$30, $9HbP8$createComponent(TitleBrandTagline, {}));
-      return _el$30;
-    })(), _el$29, _co$10);
+      var _el$32 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$7);
+      $9HbP8$insert(_el$32, $9HbP8$createComponent(TitleBrandTagline, {}));
+      return _el$32;
+    })(), _el$31, _co$11);
     $9HbP8$insert(_el$11, $9HbP8$createComponent((0, $9HbP8$Show), {
-      when: is_sale,
+      get when() {
+        return isOnSale();
+      },
       get children() {
         var _el$12 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$4),
           _el$13 = _el$12.firstChild,
@@ -250,7 +362,7 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
         $9HbP8$insert(_el$12, () => i18n_.price_formatting_().pre_, _el$14, _co$3);
         $9HbP8$insert(_el$12, $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
           get price_() {
-            return variant.original_price;
+            return originalPrice();
           },
           get price_formatting_() {
             return i18n_.price_formatting_();
@@ -260,17 +372,39 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
         return _el$12;
       }
     }), _el$27, _co$9);
-    _el$19.classList.toggle("sales-price", !!is_sale);
-    $9HbP8$insert(_el$19, () => i18n_.price_formatting_().pre_, _el$21, _co$6);
-    $9HbP8$insert(_el$19, $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
-      get price_() {
-        return variant.sale_price;
+    $9HbP8$insert(_el$11, $9HbP8$createComponent((0, $9HbP8$Show), {
+      get when() {
+        return !salePrice.loading && salePrice.latest;
       },
-      get price_formatting_() {
-        return i18n_.price_formatting_();
+      get fallback() {
+        return $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+          width: "5ch",
+          height: "1em",
+          "class": "price"
+        });
+      },
+      get children() {
+        var _el$19 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$5),
+          _el$20 = _el$19.firstChild,
+          [_el$21, _co$6] = $9HbP8$getNextMarker(_el$20.nextSibling),
+          _el$22 = _el$21.nextSibling,
+          [_el$23, _co$7] = $9HbP8$getNextMarker(_el$22.nextSibling),
+          _el$24 = _el$23.nextSibling,
+          [_el$25, _co$8] = $9HbP8$getNextMarker(_el$24.nextSibling);
+        $9HbP8$insert(_el$19, () => i18n_.price_formatting_().pre_, _el$21, _co$6);
+        $9HbP8$insert(_el$19, $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
+          get price_() {
+            return salePrice();
+          },
+          get price_formatting_() {
+            return i18n_.price_formatting_();
+          }
+        }), _el$23, _co$7);
+        $9HbP8$insert(_el$19, () => i18n_.price_formatting_().post_, _el$25, _co$8);
+        $9HbP8$effect(() => _el$19.classList.toggle("sales-price", !!isOnSale()));
+        return _el$19;
       }
-    }), _el$23, _co$7);
-    $9HbP8$insert(_el$19, () => i18n_.price_formatting_().post_, _el$25, _co$8);
+    }), _el$29, _co$10);
     $9HbP8$effect(_p$ => {
       var _v$ = href(),
         _v$2 = display_.search_result_id,
@@ -289,24 +423,6 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
   })();
 };
 $9HbP8$delegateEvents(["click"]);
-var $d20eff0aadc28983$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span>`);
-function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
-  // Work around https://github.com/solidjs/solid/issues/1980
-  return (() => {
-    var _el$ = $9HbP8$getNextElement($d20eff0aadc28983$var$_tmpl$);
-    $9HbP8$effect(_p$ => {
-      var _v$ = `${props.class || ""} depict-placeholder`,
-        _v$2 = props.style;
-      _v$ !== _p$.e && $9HbP8$className(_el$, _p$.e = _v$);
-      _p$.t = $9HbP8$style(_el$, _v$2, _p$.t);
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
-    return _el$;
-  })();
-}
 function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
   const style = $9HbP8$createMemo(() => {
     const {
@@ -338,30 +454,6 @@ function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
     }
   });
 }
-function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
-  const style = $9HbP8$createMemo(() => {
-    const {
-      style: style,
-      height: height,
-      width: width
-    } = props;
-    return {
-      ...(style || {}),
-      height: height ?? "1em",
-      ...(width && {
-        width: width
-      })
-    };
-  });
-  return $9HbP8$createComponent((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
-    get style() {
-      return style();
-    },
-    get ["class"]() {
-      return props.class;
-    }
-  });
-}
 var $bb15dfb548a7666e$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<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>`);
 const $bb15dfb548a7666e$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
 function $bb15dfb548a7666e$export$ee1733d9a8495996() {
@@ -470,7 +562,12 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
         // 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 = $de6ccd37192b5fc2$export$83bb9af5671e1dbe(display);
         } catch (e) {
           if (!$29ec7cddbe1d3484$var$printedCloneError) {
             $29ec7cddbe1d3484$var$printedCloneError = true;
@@ -528,7 +625,7 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
 // Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $29ec7cddbe1d3484$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)) {
@@ -2456,10 +2553,10 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   const src_options = $9HbP8$createMemo(() => {
     const {
       src: src,
-      customGenerateImageUrl_: customGenerateImageUrl_
+      customUrls: customUrls
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $e8ffe11ed01df0fe$var$generateImageUrl)(src, 400);
-    const srcset = $e8ffe11ed01df0fe$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 || $e8ffe11ed01df0fe$export$1d6267828870adda)(src, 400);
+    const srcset = $e8ffe11ed01df0fe$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,
@@ -2468,7 +2565,9 @@ function $e8ffe11ed01df0fe$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] = $9HbP8$splitProps(props, ["resolutions", "size", "src", "srcSet", "loading"]);
+  const [, otherAttributes] = $9HbP8$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] = $9HbP8$createSignal(false);
   const [hasDecoded, setHasDecoded] = $9HbP8$createSignal(false);
   const productCardIndexAccessor = $b6440e72ed83671a$export$e3faf4d95300054f();
@@ -2597,9 +2696,9 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   });
 }
 function $e8ffe11ed01df0fe$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => `${(customGenerateImageUrl_ || $e8ffe11ed01df0fe$var$generateImageUrl)(url, width)} ${width}w`).join(", ");
+  return resolutions.map(width => `${(customGenerateImageUrl_ || $e8ffe11ed01df0fe$export$1d6267828870adda)(url, width)} ${width}w`).join(", ");
 }
-function $e8ffe11ed01df0fe$var$generateImageUrl(url, width) {
+function $e8ffe11ed01df0fe$export$1d6267828870adda(url, width) {
   // Even just creating one `URL` object per image src and then setting the search parameter is quite slow (0.25ms to set the width param)
   // We're making the assumptions that the url has already at least one query parameter and that the image resizing service will choose the last one out of a duplicate width parameter (shopify's does)
   // That way we can just to string concatenation which is insanely fast
@@ -2664,8 +2763,15 @@ function $4f16612bea257571$export$9d4a4b669b1929ab(props) {
     get imgProps() {
       return {
         ...props.imgProps,
-        customGenerateImageUrl_: (url, width // Apparently don't have to encode url for CF's service
-        ) => `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`
+        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,
+            // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
+            return $e8ffe11ed01df0fe$export$1d6267828870adda(url, width);
+          // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
+          return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
+        }
       };
     }
   }));
@@ -14186,4 +14292,4 @@ function $58b3487626e85ece$var$align_field_modal(alignmentSignals, input, modalV
   });
 }
 $9HbP8$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $4f16612bea257571$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField };
+export { $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $4f16612bea257571$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField };

package/package.json

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