@depict-ai/ui 4.1.3 → 4.1.4

package/ES10/index.cjs

@@ -98,7 +98,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.3";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.4";
 const $cfcd56242923775d$export$3064e1e8c6513da3 = new Set();
 let $cfcd56242923775d$var$has_ran = false;
 function $cfcd56242923775d$export$5162a71f252e6122() {
@@ -2649,7 +2649,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $858fdcf73148519f$var$generateImageUrl)(src, 400);
+    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_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2791,9 +2791,9 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   });
 }
 function $858fdcf73148519f$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $858fdcf73148519f$var$generateImageUrl)(url, width), " ").concat(width, "w")).join(", ");
+  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $858fdcf73148519f$export$1d6267828870adda)(url, width), " ").concat(width, "w")).join(", ");
 }
-function $858fdcf73148519f$var$generateImageUrl(url, width) {
+function $858fdcf73148519f$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
@@ -2861,7 +2861,14 @@ function $9e470232a6b789a3$export$9d4a4b669b1929ab(props) {
       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=".concat(width, ",format=auto/").concat(url)
+        ) => {
+          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 $858fdcf73148519f$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=".concat(width, ",format=auto/").concat(url);
+        }
       };
     }
   }));

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.3";
+export const version = "4.1.4";
 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.

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.3";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.4";
 const $68e6625c8d51f847$export$3064e1e8c6513da3 = new Set();
 let $68e6625c8d51f847$var$has_ran = false;
 function $68e6625c8d51f847$export$5162a71f252e6122() {
@@ -2561,7 +2561,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $56047603f9d212b6$var$generateImageUrl)(src, 400);
+    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_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2703,9 +2703,9 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   });
 }
 function $56047603f9d212b6$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $56047603f9d212b6$var$generateImageUrl)(url, width), " ").concat(width, "w")).join(", ");
+  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $56047603f9d212b6$export$1d6267828870adda)(url, width), " ").concat(width, "w")).join(", ");
 }
-function $56047603f9d212b6$var$generateImageUrl(url, width) {
+function $56047603f9d212b6$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
@@ -2773,7 +2773,14 @@ function $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab(props) {
       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=".concat(width, ",format=auto/").concat(url)
+        ) => {
+          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 $56047603f9d212b6$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=".concat(width, ",format=auto/").concat(url);
+        }
       };
     }
   }));

package/latest/index.cjs

@@ -92,7 +92,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.3";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.4";
 const $d84fe647b84b5dc5$export$3064e1e8c6513da3 = new Set();
 let $d84fe647b84b5dc5$var$has_ran = false;
 function $d84fe647b84b5dc5$export$5162a71f252e6122() {
@@ -2543,7 +2543,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $19950faaac026e09$var$generateImageUrl)(src, 400);
+    const fallback_src = (customGenerateImageUrl_ || $19950faaac026e09$export$1d6267828870adda)(src, 400);
     const srcset = $19950faaac026e09$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customGenerateImageUrl_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2682,9 +2682,9 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   });
 }
 function $19950faaac026e09$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => `${(customGenerateImageUrl_ || $19950faaac026e09$var$generateImageUrl)(url, width)} ${width}w`).join(", ");
+  return resolutions.map(width => `${(customGenerateImageUrl_ || $19950faaac026e09$export$1d6267828870adda)(url, width)} ${width}w`).join(", ");
 }
-function $19950faaac026e09$var$generateImageUrl(url, width) {
+function $19950faaac026e09$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
@@ -2750,7 +2750,14 @@ function $e8327f98c8ee28d7$export$9d4a4b669b1929ab(props) {
       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}`
+        ) => {
+          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 $19950faaac026e09$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}`;
+        }
       };
     }
   }));

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.3";
+export const version = "4.1.4";
 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.

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.3";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.4";
 const $90980bd87c9960f9$export$3064e1e8c6513da3 = new Set();
 let $90980bd87c9960f9$var$has_ran = false;
 function $90980bd87c9960f9$export$5162a71f252e6122() {
@@ -2458,7 +2458,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $e8ffe11ed01df0fe$var$generateImageUrl)(src, 400);
+    const fallback_src = (customGenerateImageUrl_ || $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], customGenerateImageUrl_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2597,9 +2597,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
@@ -2665,7 +2665,14 @@ function $4f16612bea257571$export$9d4a4b669b1929ab(props) {
       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}`
+        ) => {
+          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}`;
+        }
       };
     }
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -98,7 +98,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.3";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.4";
 const $cfcd56242923775d$export$3064e1e8c6513da3 = new Set();
 let $cfcd56242923775d$var$has_ran = false;
 function $cfcd56242923775d$export$5162a71f252e6122() {
@@ -2079,7 +2079,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $858fdcf73148519f$var$generateImageUrl)(src, 400);
+    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_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2221,9 +2221,9 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   });
 }
 function $858fdcf73148519f$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $858fdcf73148519f$var$generateImageUrl)(url, width), " ").concat(width, "w")).join(", ");
+  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $858fdcf73148519f$export$1d6267828870adda)(url, width), " ").concat(width, "w")).join(", ");
 }
-function $858fdcf73148519f$var$generateImageUrl(url, width) {
+function $858fdcf73148519f$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
@@ -2291,7 +2291,14 @@ function $9e470232a6b789a3$export$9d4a4b669b1929ab(props) {
       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=".concat(width, ",format=auto/").concat(url)
+        ) => {
+          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 $858fdcf73148519f$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=".concat(width, ",format=auto/").concat(url);
+        }
       };
     }
   }));

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.3";
+export const version = "4.1.4";
 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.

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.3";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.4";
 const $68e6625c8d51f847$export$3064e1e8c6513da3 = new Set();
 let $68e6625c8d51f847$var$has_ran = false;
 function $68e6625c8d51f847$export$5162a71f252e6122() {
@@ -1991,7 +1991,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $56047603f9d212b6$var$generateImageUrl)(src, 400);
+    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_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2133,9 +2133,9 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   });
 }
 function $56047603f9d212b6$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $56047603f9d212b6$var$generateImageUrl)(url, width), " ").concat(width, "w")).join(", ");
+  return resolutions.map(width => "".concat((customGenerateImageUrl_ || $56047603f9d212b6$export$1d6267828870adda)(url, width), " ").concat(width, "w")).join(", ");
 }
-function $56047603f9d212b6$var$generateImageUrl(url, width) {
+function $56047603f9d212b6$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
@@ -2203,7 +2203,14 @@ function $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab(props) {
       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=".concat(width, ",format=auto/").concat(url)
+        ) => {
+          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 $56047603f9d212b6$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=".concat(width, ",format=auto/").concat(url);
+        }
       };
     }
   }));

package/server/latest/index.cjs

@@ -92,7 +92,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.3";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.4";
 const $d84fe647b84b5dc5$export$3064e1e8c6513da3 = new Set();
 let $d84fe647b84b5dc5$var$has_ran = false;
 function $d84fe647b84b5dc5$export$5162a71f252e6122() {
@@ -1987,7 +1987,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $19950faaac026e09$var$generateImageUrl)(src, 400);
+    const fallback_src = (customGenerateImageUrl_ || $19950faaac026e09$export$1d6267828870adda)(src, 400);
     const srcset = $19950faaac026e09$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customGenerateImageUrl_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2126,9 +2126,9 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   });
 }
 function $19950faaac026e09$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => `${(customGenerateImageUrl_ || $19950faaac026e09$var$generateImageUrl)(url, width)} ${width}w`).join(", ");
+  return resolutions.map(width => `${(customGenerateImageUrl_ || $19950faaac026e09$export$1d6267828870adda)(url, width)} ${width}w`).join(", ");
 }
-function $19950faaac026e09$var$generateImageUrl(url, width) {
+function $19950faaac026e09$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
@@ -2194,7 +2194,14 @@ function $e8327f98c8ee28d7$export$9d4a4b669b1929ab(props) {
       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}`
+        ) => {
+          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 $19950faaac026e09$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}`;
+        }
       };
     }
   }));

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.3";
+export const version = "4.1.4";
 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.

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.3";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.4";
 const $90980bd87c9960f9$export$3064e1e8c6513da3 = new Set();
 let $90980bd87c9960f9$var$has_ran = false;
 function $90980bd87c9960f9$export$5162a71f252e6122() {
@@ -1902,7 +1902,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
       src: src,
       customGenerateImageUrl_: customGenerateImageUrl_
     } = props;
-    const fallback_src = (customGenerateImageUrl_ || $e8ffe11ed01df0fe$var$generateImageUrl)(src, 400);
+    const fallback_src = (customGenerateImageUrl_ || $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], customGenerateImageUrl_);
     // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
     return {
@@ -2041,9 +2041,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
@@ -2109,7 +2109,14 @@ function $4f16612bea257571$export$9d4a4b669b1929ab(props) {
       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}`
+        ) => {
+          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}`;
+        }
       };
     }
   }));