@depict-ai/ui 4.10.11 → 4.10.12

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpe
 /*! 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.10.11";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.10.12";
 function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
   const signal = $b8hua$createSignal(false);
   $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
@@ -6481,7 +6481,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
   })));
   return container;
 }
-const $98688279b9059f50$var$customUrls = (url, width) => {
+const $98688279b9059f50$var$defaultCustomUrls = (url, width) => {
   var _url$startsWith;
   if (url !== null && url !== void 0 && (_url$startsWith = url.startsWith) !== null && _url$startsWith !== void 0 && _url$startsWith.call(url, "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,
@@ -6491,18 +6491,23 @@ const $98688279b9059f50$var$customUrls = (url, width) => {
   return "https://app.depict.ai/cdn-cgi/image/width=".concat(width, ",format=auto/").concat(url);
 };
 function $98688279b9059f50$export$9d4a4b669b1929ab(props) {
+  var _props$imageResizer_;
+  const resolvedCustomUrls = (_props$imageResizer_ = props.imageResizer_) !== null && _props$imageResizer_ !== void 0 ? _props$imageResizer_ : $98688279b9059f50$var$defaultCustomUrls;
   return $b8hua$createComponent((0, $4df489344a0f97c7$export$e4b984597b71e989), $b8hua$mergeProps1(props, {
     get imgProps() {
       return {
         ...props.imgProps,
-        customUrls: $98688279b9059f50$var$customUrls
+        customUrls: resolvedCustomUrls
       };
     }
   }));
 }
 function $98688279b9059f50$export$140423fa4bfb6d63(props) {
   return $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps1(props, {
-    customUrls: $98688279b9059f50$var$customUrls
+    get customUrls() {
+      var _props$imageResizer_2;
+      return (_props$imageResizer_2 = props.imageResizer_) !== null && _props$imageResizer_2 !== void 0 ? _props$imageResizer_2 : $98688279b9059f50$var$defaultCustomUrls;
+    }
   }));
 }
 var $3b772ef9a35560fe$var$_tmpl$ = ["<video", ' disablepictureinpicture="true" class="d-standard-content"></video>'];
@@ -6513,7 +6518,8 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
     router_: router_,
     setAspectRatioWas_: setAspectRatioWas_,
     mediaUrl_: mediaUrl_,
-    aspectRatioWhenAloneInRow_: aspectRatioWhenAloneInRow_
+    aspectRatioWhenAloneInRow_: aspectRatioWhenAloneInRow_,
+    imageResizer_: imageResizer_
   } = _ref;
   let wroteAspectRatioToContainer = false; // Only write this once so we don't get into a aspect ratio changed -> size changed -> image source changed -> aspect ratio slightly changed infinite loop
   const [wrapperSize, setWrapperSize] = $b8hua$createSignal();
@@ -6567,7 +6573,8 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
                 },
                 src: mediaUrl_,
                 "class": "d-standard-content",
-                onDecoded: () => setHasLoaded(true)
+                onDecoded: () => setHasLoaded(true),
+                imageResizer_: imageResizer_
               });
             }
           }), $b8hua$createComponent((0, $b8hua$Match), {
@@ -6581,7 +6588,7 @@ function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
     }
   }));
 }
-function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, products_request_loading_) {
+function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, products_request_loading_, imageResizer_) {
   let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   const contentComponents = new Map();
@@ -6637,7 +6644,8 @@ function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_
               ...prev.aspectRatios,
               [componentCacheKey]: Math.round(aspectRatio * 100) / 100
             }
-          }))
+          })),
+          imageResizer_: imageResizer_
         });
         contentComponents.set(componentCacheKey, component);
       }
@@ -6702,7 +6710,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     filterModalParent_: filterModalParent_,
     showSliderArrow_: showSliderArrow_,
     hideCount0FilterOptions_: hideCount0FilterOptions_,
-    switchToFiltersDrawerBreakpoint_: switchToFiltersDrawerBreakpoint_
+    switchToFiltersDrawerBreakpoint_: switchToFiltersDrawerBreakpoint_,
+    imageResizer_: imageResizer_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -6798,7 +6807,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     setMetaRequestsForQuery(prev => prev.set(query.id_type_ + query.id_to_query_for_, listing));
     return result;
   }));
-  const contentBlocksByRow = $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, () => plp_products_.loading);
+  const contentBlocksByRow = $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, () => plp_products_.loading, imageResizer_);
   const countOfProductsForUI = $0728458b46ee9d32$export$a86bc18439445599(plp_products_, all_products_loaded_, currentlyLoadedDisplays);
   const available_sortings_ = $b8hua$createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
@@ -7343,7 +7352,8 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
     outerRef_: outerRef_,
     animationDuration_: animationDuration_,
     priceFormatting_: priceFormatting_,
-    pseudoRouter_: pseudoRouter_
+    pseudoRouter_: pseudoRouter_,
+    imageResizer_: imageResizer_
   } = _ref;
   const variantToUse = $b8hua$createMemo(() => {
     const display = display_();
@@ -7409,7 +7419,8 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
             },
             imgProps: {
               keyRatioUpdating: true
-            }
+            },
+            imageResizer_: imageResizer_
           });
         }
       })));
@@ -7562,7 +7573,8 @@ function $275d06a183ca0a29$export$ebf0b1d4f90c09ae(_ref) {
     supportsHover_: supportsHover_,
     priceFormatting_: priceFormatting_,
     pseudoRouter_: pseudoRouter_,
-    containerHeight_: containerHeight_
+    containerHeight_: containerHeight_,
+    imageResizer_: imageResizer_
   } = _ref;
   let isAffectedByChromeBug = false;
   // If the user requests the drawer to be expanded or not
@@ -7598,6 +7610,7 @@ function $275d06a183ca0a29$export$ebf0b1d4f90c09ae(_ref) {
                 userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
+                imageResizer_: imageResizer_,
                 outerRef_: el => $b8hua$createEffect(() => {
                   if (index !== 0) return;
                   const resizeObserver = new ResizeObserver($b8hua$catchify1(records => setLookItemHeight(records.at(-1).contentRect.height)));
@@ -7641,7 +7654,8 @@ function $22dd375b476673e2$export$44809a8a3e867e30(_ref) {
     placeholderImageAspectRatio_: placeholderImageAspectRatio_,
     animationDuration_: animationDuration_,
     priceFormatting_: priceFormatting_,
-    pseudoRouter_: pseudoRouter_
+    pseudoRouter_: pseudoRouter_,
+    imageResizer_: imageResizer_
   } = _ref;
   let container;
   const useWantsExpandedSignal_ = $b8hua$createSignal(false);
@@ -7709,7 +7723,8 @@ function $22dd375b476673e2$export$44809a8a3e867e30(_ref) {
           return (_display_ = display_()) === null || _display_ === void 0 ? void 0 : (_display_$image_urls = _display_.image_urls) === null || _display_$image_urls === void 0 ? void 0 : _display_$image_urls[0];
         },
         aspectRatio: placeholderImageAspectRatio_,
-        autoAdjustAspectRatio: true
+        autoAdjustAspectRatio: true,
+        imageResizer_: imageResizer_
       });
     }
   })), $b8hua$escape($b8hua$createComponent((0, $275d06a183ca0a29$export$ebf0b1d4f90c09ae), {
@@ -7724,7 +7739,8 @@ function $22dd375b476673e2$export$44809a8a3e867e30(_ref) {
     FavoriteButton_: FavoriteButton_,
     priceFormatting_: priceFormatting_,
     pseudoRouter_: pseudoRouter_,
-    containerHeight_: containerHeight_
+    containerHeight_: containerHeight_,
+    imageResizer_: imageResizer_
   })));
 }
 
@@ -7999,7 +8015,8 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
         animationDuration_: expandingAnimationDuration,
         expandedLooksSignal_: $bb34cd283e904784$var$expandedLooksSignal_,
         priceFormatting_: () => props.priceFormatting_,
-        pseudoRouter_: pseudoRouter
+        pseudoRouter_: pseudoRouter,
+        imageResizer_: props.imageResizer_
       }),
       recommendations_resource_: looksResource,
       title_: () => props.title_,
@@ -9486,7 +9503,8 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
     merchant_: merchant_,
     keyboardNavigationGroupIndex_: keyboardNavigationGroupIndex_,
     index_: index_,
-    selected_index_: [read_selected_index_, write_selected_index_]
+    selected_index_: [read_selected_index_, write_selected_index_],
+    imageResizer_: imageResizer_
   } = _ref;
   const href = $b8hua$createMemo(() => {
     var _listing_;
@@ -9515,7 +9533,8 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
     tabIndex: -1,
     get children() {
       return $b8hua$ssr($26db6925469636a4$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent($26db6925469636a4$export$ea41102db9bd68c3, {
-        image_urls_: image_urls
+        image_urls_: image_urls,
+        imageResizer_: imageResizer_
       })));
     }
   })), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
@@ -9545,7 +9564,8 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
 }
 function $26db6925469636a4$export$ea41102db9bd68c3(_ref2) {
   let {
-    image_urls_: image_urls_
+    image_urls_: image_urls_,
+    imageResizer_: imageResizer_
   } = _ref2;
   return $b8hua$createComponent((0, $b8hua$Show), {
     get when() {
@@ -9569,7 +9589,8 @@ function $26db6925469636a4$export$ea41102db9bd68c3(_ref2) {
               },
               imgProps: {
                 style: "object-fit: cover;"
-              }
+              },
+              imageResizer_: imageResizer_
             })
           });
         }
@@ -9594,7 +9615,8 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
     selected_index_: selected_index_,
     modalLayoutStacked_: modalLayoutStacked_,
     showPlaceholders_: showPlaceholders_,
-    currently_showing_suggestions_: [, set_currently_showing_suggestions]
+    currently_showing_suggestions_: [, set_currently_showing_suggestions],
+    imageResizer_: imageResizer_
   } = _ref;
   const listings_by_id = $b8hua$createMemo(() => Object.fromEntries((listing_suggestions_() || []).map(listing => [listing.listing_id, listing])));
   const productCards = $b8hua$createComponent((0, $b8hua$For), {
@@ -9612,7 +9634,8 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
         merchant_: merchant_,
         keyboardNavigationGroupIndex_: itemIndex_,
         index_: index,
-        selected_index_: selected_index_
+        selected_index_: selected_index_,
+        imageResizer_: imageResizer_
       });
     }
   });
@@ -9932,7 +9955,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
     setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
-    forceUseDiv_: forceUseDiv_
+    forceUseDiv_: forceUseDiv_,
+    imageResizer_: imageResizer_
   } = _ref;
   let on_enter_in_search_field_function;
   let listingSuggestionsDebounceTimeout;
@@ -10145,7 +10169,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
               },
               imgProps: {
                 alt: "Product image"
-              }
+              },
+              imageResizer_: imageResizer_
             }),
             ...instant_results_options_
           })));
@@ -10174,7 +10199,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
                 selected_index_: selected_index_,
                 currently_showing_suggestions_: currently_showing_suggestions_,
                 modalLayoutStacked_: modalLayoutStacked_,
-                showPlaceholders_: () => !suggestions_response_.latest
+                showPlaceholders_: () => !suggestions_response_.latest,
+                imageResizer_: imageResizer_
               });
             }
           });
@@ -13125,6 +13151,7 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
       display_transformers: display_transformers,
       api: api,
       searchModalComponent: searchModalComponent,
+      imageResizer_: imageResizer_,
       // Stuff needed for non-standard customer deployments that we shouldn't actually expose
       disable_scrolling_during_modal = true,
       bottom_distance_under_modal: bottom_distance_under_modal,
@@ -13288,6 +13315,7 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
           },
           i18n_: i18n_,
           enable_category_suggestions_: enable_category_suggestions,
+          imageResizer_: imageResizer_,
           disable_scrolling_: disable_scrolling_during_modal,
           bottom_distance_under_modal_: bottom_distance_under_modal
         }, override_modal_element);
@@ -14189,7 +14217,8 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,
       filter_query_param_prefix_: filter_query_param_prefix_,
-      switchToFiltersDrawerBreakpoint_: () => props.switchToFiltersDrawerBreakpoint_
+      switchToFiltersDrawerBreakpoint_: () => props.switchToFiltersDrawerBreakpoint_,
+      imageResizer_: props.imageResizer_
     });
   }, "Entire CategoryPage failed");
 }

package/server/latest/index.cjs

@@ -109,7 +109,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.10.11";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.10.12";
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
   const signal = $5vyXB$solidjs.createSignal(false);
   $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
@@ -6209,7 +6209,7 @@ function $a33065cfed827fc0$export$e4b984597b71e989(props) {
   })));
   return container;
 }
-const $d212a67662c5cf38$var$customUrls = (url, width) => {
+const $d212a67662c5cf38$var$defaultCustomUrls = (url, width) => {
   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.
@@ -6218,18 +6218,21 @@ const $d212a67662c5cf38$var$customUrls = (url, width) => {
   return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
 };
 function $d212a67662c5cf38$export$9d4a4b669b1929ab(props) {
+  const resolvedCustomUrls = props.imageResizer_ ?? $d212a67662c5cf38$var$defaultCustomUrls;
   return $5vyXB$solidjsweb.createComponent((0, $a33065cfed827fc0$export$e4b984597b71e989), $5vyXB$solidjsweb.mergeProps(props, {
     get imgProps() {
       return {
         ...props.imgProps,
-        customUrls: $d212a67662c5cf38$var$customUrls
+        customUrls: resolvedCustomUrls
       };
     }
   }));
 }
 function $d212a67662c5cf38$export$140423fa4bfb6d63(props) {
   return $5vyXB$solidjsweb.createComponent((0, $19950faaac026e09$export$6e5611bc7e57e477), $5vyXB$solidjsweb.mergeProps(props, {
-    customUrls: $d212a67662c5cf38$var$customUrls
+    get customUrls() {
+      return props.imageResizer_ ?? $d212a67662c5cf38$var$defaultCustomUrls;
+    }
   }));
 }
 var $32c662f618f5d80d$var$_tmpl$ = ["<video", ' disablepictureinpicture="true" class="d-standard-content"></video>'];
@@ -6239,7 +6242,8 @@ function $32c662f618f5d80d$export$780a853d15174484({
   router_: router_,
   setAspectRatioWas_: setAspectRatioWas_,
   mediaUrl_: mediaUrl_,
-  aspectRatioWhenAloneInRow_: aspectRatioWhenAloneInRow_
+  aspectRatioWhenAloneInRow_: aspectRatioWhenAloneInRow_,
+  imageResizer_: imageResizer_
 }) {
   let wroteAspectRatioToContainer = false; // Only write this once so we don't get into a aspect ratio changed -> size changed -> image source changed -> aspect ratio slightly changed infinite loop
   const [wrapperSize, setWrapperSize] = $5vyXB$solidjs.createSignal();
@@ -6287,7 +6291,8 @@ function $32c662f618f5d80d$export$780a853d15174484({
                 sizeHeight: () => wrapperSize()?.[1]?.() || 0,
                 src: mediaUrl_,
                 "class": "d-standard-content",
-                onDecoded: () => setHasLoaded(true)
+                onDecoded: () => setHasLoaded(true),
+                imageResizer_: imageResizer_
               });
             }
           }), $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Match), {
@@ -6301,7 +6306,7 @@ function $32c662f618f5d80d$export$780a853d15174484({
     }
   }));
 }
-function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, products_request_loading_) {
+function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, products_request_loading_, imageResizer_) {
   let hasSeenContentBlock = false;
   const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
   const contentComponents = new Map();
@@ -6356,7 +6361,8 @@ function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_
               ...prev.aspectRatios,
               [componentCacheKey]: Math.round(aspectRatio * 100) / 100
             }
-          }))
+          })),
+          imageResizer_: imageResizer_
         });
         contentComponents.set(componentCacheKey, component);
       }
@@ -6418,7 +6424,8 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   filterModalParent_: filterModalParent_,
   showSliderArrow_: showSliderArrow_,
   hideCount0FilterOptions_: hideCount0FilterOptions_,
-  switchToFiltersDrawerBreakpoint_: switchToFiltersDrawerBreakpoint_
+  switchToFiltersDrawerBreakpoint_: switchToFiltersDrawerBreakpoint_,
+  imageResizer_: imageResizer_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -6514,7 +6521,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     setMetaRequestsForQuery(prev => prev.set(query.id_type_ + query.id_to_query_for_, listing));
     return result;
   }));
-  const contentBlocksByRow = $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, () => plp_products_.loading);
+  const contentBlocksByRow = $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_, () => plp_products_.loading, imageResizer_);
   const countOfProductsForUI = $13796d59ea8af231$export$a86bc18439445599(plp_products_, all_products_loaded_, currentlyLoadedDisplays);
   const available_sortings_ = $5vyXB$solidjs.createMemo(() => plp_products_()?.sorts?.map(sort => ({
     ...sort,
@@ -7025,7 +7032,8 @@ function $0540c3739b32dc79$export$b73ed90f0ee50dc3({
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
   priceFormatting_: priceFormatting_,
-  pseudoRouter_: pseudoRouter_
+  pseudoRouter_: pseudoRouter_,
+  imageResizer_: imageResizer_
 }) {
   const variantToUse = $5vyXB$solidjs.createMemo(() => {
     const display = display_();
@@ -7076,7 +7084,8 @@ function $0540c3739b32dc79$export$b73ed90f0ee50dc3({
             },
             imgProps: {
               keyRatioUpdating: true
-            }
+            },
+            imageResizer_: imageResizer_
           });
         }
       })));
@@ -7225,7 +7234,8 @@ function $912d9a717ceee184$export$ebf0b1d4f90c09ae({
   supportsHover_: supportsHover_,
   priceFormatting_: priceFormatting_,
   pseudoRouter_: pseudoRouter_,
-  containerHeight_: containerHeight_
+  containerHeight_: containerHeight_,
+  imageResizer_: imageResizer_
 }) {
   let isAffectedByChromeBug = false;
   // If the user requests the drawer to be expanded or not
@@ -7261,6 +7271,7 @@ function $912d9a717ceee184$export$ebf0b1d4f90c09ae({
                 userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
+                imageResizer_: imageResizer_,
                 outerRef_: el => $5vyXB$solidjs.createEffect(() => {
                   if (index !== 0) return;
                   const resizeObserver = new ResizeObserver($5vyXB$depictaiutilishared.catchify(records => setLookItemHeight(records.at(-1).contentRect.height)));
@@ -7303,7 +7314,8 @@ function $bda357ff87c46163$export$44809a8a3e867e30({
   placeholderImageAspectRatio_: placeholderImageAspectRatio_,
   animationDuration_: animationDuration_,
   priceFormatting_: priceFormatting_,
-  pseudoRouter_: pseudoRouter_
+  pseudoRouter_: pseudoRouter_,
+  imageResizer_: imageResizer_
 }) {
   let container;
   const useWantsExpandedSignal_ = $5vyXB$solidjs.createSignal(false);
@@ -7368,7 +7380,8 @@ function $bda357ff87c46163$export$44809a8a3e867e30({
           return display_()?.image_urls?.[0];
         },
         aspectRatio: placeholderImageAspectRatio_,
-        autoAdjustAspectRatio: true
+        autoAdjustAspectRatio: true,
+        imageResizer_: imageResizer_
       });
     }
   })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $912d9a717ceee184$export$ebf0b1d4f90c09ae), {
@@ -7380,7 +7393,8 @@ function $bda357ff87c46163$export$44809a8a3e867e30({
     FavoriteButton_: FavoriteButton_,
     priceFormatting_: priceFormatting_,
     pseudoRouter_: pseudoRouter_,
-    containerHeight_: containerHeight_
+    containerHeight_: containerHeight_,
+    imageResizer_: imageResizer_
   })));
 }
 
@@ -7636,7 +7650,8 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
         animationDuration_: expandingAnimationDuration,
         expandedLooksSignal_: $a3bbfa5fdaa39f3a$var$expandedLooksSignal_,
         priceFormatting_: () => props.priceFormatting_,
-        pseudoRouter_: pseudoRouter
+        pseudoRouter_: pseudoRouter,
+        imageResizer_: props.imageResizer_
       }),
       recommendations_resource_: looksResource,
       title_: () => props.title_,
@@ -9040,7 +9055,8 @@ function $1f3b5fa875714dea$export$67152d26d4f56ee8({
   merchant_: merchant_,
   keyboardNavigationGroupIndex_: keyboardNavigationGroupIndex_,
   index_: index_,
-  selected_index_: [read_selected_index_, write_selected_index_]
+  selected_index_: [read_selected_index_, write_selected_index_],
+  imageResizer_: imageResizer_
 }) {
   const href = $5vyXB$solidjs.createMemo(() => listing_()?.page_url); // <- could be made reactive getter created 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 LinkToListing = props => $5vyXB$solidjsweb.ssrElement("a", $5vyXB$solidjsweb.mergeProps(props, {
@@ -9059,7 +9075,8 @@ function $1f3b5fa875714dea$export$67152d26d4f56ee8({
     tabIndex: -1,
     get children() {
       return $5vyXB$solidjsweb.ssr($1f3b5fa875714dea$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($1f3b5fa875714dea$export$ea41102db9bd68c3, {
-        image_urls_: image_urls
+        image_urls_: image_urls,
+        imageResizer_: imageResizer_
       })));
     }
   })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -9086,7 +9103,8 @@ function $1f3b5fa875714dea$export$67152d26d4f56ee8({
   })));
 }
 function $1f3b5fa875714dea$export$ea41102db9bd68c3({
-  image_urls_: image_urls_
+  image_urls_: image_urls_,
+  imageResizer_: imageResizer_
 }) {
   return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
@@ -9109,7 +9127,8 @@ function $1f3b5fa875714dea$export$ea41102db9bd68c3({
               },
               imgProps: {
                 style: "object-fit: cover;"
-              }
+              },
+              imageResizer_: imageResizer_
             })
           });
         }
@@ -9133,7 +9152,8 @@ function $83e616b38be339e4$export$c8d7e00464029b45({
   selected_index_: selected_index_,
   modalLayoutStacked_: modalLayoutStacked_,
   showPlaceholders_: showPlaceholders_,
-  currently_showing_suggestions_: [, set_currently_showing_suggestions]
+  currently_showing_suggestions_: [, set_currently_showing_suggestions],
+  imageResizer_: imageResizer_
 }) {
   const listings_by_id = $5vyXB$solidjs.createMemo(() => Object.fromEntries((listing_suggestions_() || []).map(listing => [listing.listing_id, listing])));
   const productCards = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.For), {
@@ -9151,7 +9171,8 @@ function $83e616b38be339e4$export$c8d7e00464029b45({
         merchant_: merchant_,
         keyboardNavigationGroupIndex_: itemIndex_,
         index_: index,
-        selected_index_: selected_index_
+        selected_index_: selected_index_,
+        imageResizer_: imageResizer_
       });
     }
   });
@@ -9460,7 +9481,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
   setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
-  forceUseDiv_: forceUseDiv_
+  forceUseDiv_: forceUseDiv_,
+  imageResizer_: imageResizer_
 }) {
   let on_enter_in_search_field_function;
   let listingSuggestionsDebounceTimeout;
@@ -9666,7 +9688,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
               },
               imgProps: {
                 alt: "Product image"
-              }
+              },
+              imageResizer_: imageResizer_
             }),
             ...instant_results_options_
           })));
@@ -9695,7 +9718,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
                 selected_index_: selected_index_,
                 currently_showing_suggestions_: currently_showing_suggestions_,
                 modalLayoutStacked_: modalLayoutStacked_,
-                showPlaceholders_: () => !suggestions_response_.latest
+                showPlaceholders_: () => !suggestions_response_.latest,
+                imageResizer_: imageResizer_
               });
             }
           });
@@ -12379,6 +12403,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     display_transformers: display_transformers,
     api: api,
     searchModalComponent: searchModalComponent,
+    imageResizer_: imageResizer_,
     // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true,
     bottom_distance_under_modal: bottom_distance_under_modal,
@@ -12509,6 +12534,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
           },
           i18n_: i18n_,
           enable_category_suggestions_: enable_category_suggestions,
+          imageResizer_: imageResizer_,
           disable_scrolling_: disable_scrolling_during_modal,
           bottom_distance_under_modal_: bottom_distance_under_modal
         }, override_modal_element);
@@ -13283,7 +13309,8 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,
       filter_query_param_prefix_: filter_query_param_prefix_,
-      switchToFiltersDrawerBreakpoint_: () => props.switchToFiltersDrawerBreakpoint_
+      switchToFiltersDrawerBreakpoint_: () => props.switchToFiltersDrawerBreakpoint_,
+      imageResizer_: props.imageResizer_
     });
   }, "Entire CategoryPage failed");
 }