@depict-ai/ui 4.2.2 → 4.3.1

package/server/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.2.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.1";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1251,7 +1251,7 @@ function $f3db423dc84bc35d$export$9d4a4b669b1929ab(props) {
     }
   }));
 }
-var $d66c35b5a6d6d926$var$_tmpl$ = ["<div", ' class="img-wrapper"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+var $d66c35b5a6d6d926$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $d66c35b5a6d6d926$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
   $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
@@ -1267,17 +1267,9 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     const display = display_();
     return display === null || display === void 0 ? void 0 : display.variant_displays[display === null || display === void 0 ? void 0 : display.variant_index];
   });
-  const imageUrls = () => {
-    var _variantToUse;
-    return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : _variantToUse.image_urls;
-  };
   const imageUrl = $3hooq$solidjs.createMemo(() => {
-    var _imageUrls;
-    return (_imageUrls = imageUrls()) === null || _imageUrls === void 0 ? void 0 : _imageUrls[0];
-  });
-  const secondaryImageUrl = $3hooq$solidjs.createMemo(() => {
-    var _imageUrls2;
-    return (_imageUrls2 = imageUrls()) === null || _imageUrls2 === void 0 ? void 0 : _imageUrls2[1];
+    var _variantToUse, _variantToUse$image_u;
+    return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
   const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $3hooq$solidjs.createSignal($3hooq$solidjs.untrack(isExpanded_));
@@ -1329,24 +1321,6 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
             }
           });
         }
-      })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
-        get when() {
-          return secondaryImageUrl();
-        },
-        get children() {
-          return $3hooq$solidjsweb.createComponent((0, $f3db423dc84bc35d$export$9d4a4b669b1929ab), {
-            get src() {
-              return secondaryImageUrl();
-            },
-            get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
-            },
-            "class": "secondary",
-            get autoAdjustAspectRatio() {
-              return isExpanded_() ? "smoothed" : false;
-            }
-          });
-        }
       })));
     }
   })), "<!--/-->", "<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
@@ -10158,7 +10132,8 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -10285,7 +10260,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $3hooq$depictaiutilishared.javascript_media_query("(max-width:651px)", _ref3 => {
@@ -11155,7 +11130,6 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -11165,7 +11139,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $3hooq$solidjs.createSignal(false);
@@ -11286,7 +11261,8 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $3hooq$solidjs.createSignal();
   const owner = $3hooq$solidjs.getOwner();
@@ -11509,12 +11485,7 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $3hooq$solidjs.createMemo(() => {
-                var _recommendations_layo;
-                return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-              });
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -12012,15 +11983,7 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77($b1ea8d47bcf03111$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $3hooq$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $3hooq$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -12892,7 +12855,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -13085,6 +13049,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $3hooq$depictaiutilisharedlatest.catchify((0, $fef4890f1f8e0544$export$6e49da55e449af7c))({
@@ -13337,6 +13302,7 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $3hooq$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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.2.2";
+export const version = "4.3.1";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1379,7 +1377,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+  filterModalParent_?: HTMLElement | ShadowRoot;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

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.2.2";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.1";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1161,7 +1161,7 @@ function $98688279b9059f50$export$9d4a4b669b1929ab(props) {
     }
   }));
 }
-var $0c5b1686f971e5e7$var$_tmpl$ = ["<div", ' class="img-wrapper"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+var $0c5b1686f971e5e7$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $0c5b1686f971e5e7$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
   $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
@@ -1177,17 +1177,9 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     const display = display_();
     return display === null || display === void 0 ? void 0 : display.variant_displays[display === null || display === void 0 ? void 0 : display.variant_index];
   });
-  const imageUrls = () => {
-    var _variantToUse;
-    return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : _variantToUse.image_urls;
-  };
   const imageUrl = $b8hua$createMemo(() => {
-    var _imageUrls;
-    return (_imageUrls = imageUrls()) === null || _imageUrls === void 0 ? void 0 : _imageUrls[0];
-  });
-  const secondaryImageUrl = $b8hua$createMemo(() => {
-    var _imageUrls2;
-    return (_imageUrls2 = imageUrls()) === null || _imageUrls2 === void 0 ? void 0 : _imageUrls2[1];
+    var _variantToUse, _variantToUse$image_u;
+    return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
   const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $b8hua$createSignal($b8hua$untrack(isExpanded_));
@@ -1239,24 +1231,6 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
             }
           });
         }
-      })), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
-        get when() {
-          return secondaryImageUrl();
-        },
-        get children() {
-          return $b8hua$createComponent((0, $98688279b9059f50$export$9d4a4b669b1929ab), {
-            get src() {
-              return secondaryImageUrl();
-            },
-            get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
-            },
-            "class": "secondary",
-            get autoAdjustAspectRatio() {
-              return isExpanded_() ? "smoothed" : false;
-            }
-          });
-        }
       })));
     }
   })), "<!--/-->", "<!--$-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
@@ -10068,7 +10042,8 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
     selected_filters_: selected_filters_,
     local_filter_cache_: local_filter_cache_,
     get_extra_filters_button_: get_extra_filters_button_,
-    get_extra_sorting_button_: get_extra_sorting_button_
+    get_extra_sorting_button_: get_extra_sorting_button_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -10195,7 +10170,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $b8hua$javascript_media_query("(max-width:651px)", _ref3 => {
@@ -11065,7 +11040,6 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     market_: market_,
     showing_recommendation_rows_: showing_recommendation_rows_,
     layout_options_: layout_options_,
-    recommendations_layout_options_: recommendations_layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
     product_card_template_: product_card_template_,
     modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -11075,7 +11049,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     content_search_enabled_: content_search_enabled_,
     content_blocks_by_row_: content_blocks_by_row_,
     modalVersionUsed_: modalVersionUsed_,
-    BackIcon_: BackIcon_
+    BackIcon_: BackIcon_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $b8hua$createSignal(false);
@@ -11196,7 +11171,8 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $b8hua$createSignal();
   const owner = $b8hua$getOwner();
@@ -11419,12 +11395,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $b8hua$createMemo(() => {
-                var _recommendations_layo;
-                return (_recommendations_layo = recommendations_layout_options_ === null || recommendations_layout_options_ === void 0 ? void 0 : recommendations_layout_options_()) !== null && _recommendations_layo !== void 0 ? _recommendations_layo : layout_options_();
-              });
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -11922,15 +11893,7 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $b8hua$createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options !== null && extra_depict_options !== void 0 && extra_depict_options.recommendations_cols_at_size ? {
-          cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $b8hua$untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -12802,7 +12765,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
     filter_query_param_prefix_: filter_query_param_prefix_,
-    content_blocks_by_row_: content_blocks_by_row_
+    content_blocks_by_row_: content_blocks_by_row_,
+    filterModalParent_: filterModalParent_
   } = _ref;
   let results_for;
   let only_show_filters_opener_;
@@ -12995,6 +12959,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $b8hua$catchify1((0, $5e6abec0dab4e610$export$6e49da55e449af7c))({
@@ -13247,6 +13212,7 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $b8hua$untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

package/server/latest/index.cjs

@@ -94,7 +94,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.2.2";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.1";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1197,7 +1197,7 @@ function $d212a67662c5cf38$export$9d4a4b669b1929ab(props) {
     }
   }));
 }
-var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $1ae437d7d388a66e$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
   $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
@@ -1212,9 +1212,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
     const display = display_();
     return display?.variant_displays[display?.variant_index];
   });
-  const imageUrls = () => variantToUse()?.image_urls;
-  const imageUrl = $5vyXB$solidjs.createMemo(() => imageUrls()?.[0]);
-  const secondaryImageUrl = $5vyXB$solidjs.createMemo(() => imageUrls()?.[1]);
+  const imageUrl = $5vyXB$solidjs.createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
   const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $5vyXB$solidjs.createSignal($5vyXB$solidjs.untrack(isExpanded_));
   const [animationEffectExists, setAnimationEffectExists] = $5vyXB$solidjs.createSignal(false);
@@ -1256,24 +1254,6 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
             }
           });
         }
-      })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
-        get when() {
-          return secondaryImageUrl();
-        },
-        get children() {
-          return $5vyXB$solidjsweb.createComponent((0, $d212a67662c5cf38$export$9d4a4b669b1929ab), {
-            get src() {
-              return secondaryImageUrl();
-            },
-            get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
-            },
-            "class": "secondary",
-            get autoAdjustAspectRatio() {
-              return isExpanded_() ? "smoothed" : false;
-            }
-          });
-        }
       })));
     }
   })), "<!--/-->", "<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -9514,7 +9494,8 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
   get_extra_filters_button_: get_extra_filters_button_,
-  get_extra_sorting_button_: get_extra_sorting_button_
+  get_extra_sorting_button_: get_extra_sorting_button_,
+  filterModalParent_: filterModalParent_
 }) {
   const Self = () => {
     // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
@@ -9626,7 +9607,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({
         formatted_number_of_results_: formatted_number_of_results_,
         dismiss_modal_: dismiss_modal_,
         i18n_: i18n_
-      }));
+      }, filterModalParent_));
       const {
         remove: remove
       } = $5vyXB$depictaiutilishared.javascript_media_query("(max-width:651px)", ({
@@ -10447,7 +10428,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   market_: market_,
   showing_recommendation_rows_: showing_recommendation_rows_,
   layout_options_: layout_options_,
-  recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
   modalAlignmentSignalsRef_: modalAlignmentSignalsRef_,
@@ -10457,7 +10437,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   content_search_enabled_: content_search_enabled_,
   content_blocks_by_row_: content_blocks_by_row_,
   modalVersionUsed_: modalVersionUsed_,
-  BackIcon_: BackIcon_
+  BackIcon_: BackIcon_,
+  filterModalParent_: filterModalParent_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = $5vyXB$solidjs.createSignal(false);
@@ -10563,7 +10544,8 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     formatted_number_of_results_: formatted_number_of_results_,
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    filterModalParent_: filterModalParent_
   });
   const results_filters = $5vyXB$solidjs.createSignal();
   const owner = $5vyXB$solidjs.getOwner();
@@ -10781,9 +10763,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
             depict_api_: depict_api_,
             i18n_: i18n_,
             search_query_base_: search_query_base_,
-            get layout_options_() {
-              return $5vyXB$solidjs.createMemo(() => recommendations_layout_options_?.() ?? layout_options_());
-            },
+            layout_options_: layout_options_,
             showing_recommendation_rows_: showing_recommendation_rows_,
             product_card_template_: product_card_template_,
             all_products_loaded_: get_all_products_loaded
@@ -11191,15 +11171,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
         ...grid_spacing_override()
       })),
-      recommendations_layout_options_: $5vyXB$solidjs.createMemo(() => {
-        const {
-          extra_depict_options: extra_depict_options
-        } = props;
-        return extra_depict_options?.recommendations_cols_at_size ? {
-          cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(extra_depict_options.recommendations_cols_at_size),
-          ...grid_spacing_override()
-        } : undefined;
-      }),
+      filterModalParent_: $5vyXB$solidjs.untrack(() => props.filterModalParent_),
       product_card_template_: product_card_template
     });
   }, "Entire SearchPage failed");
@@ -11953,7 +11925,8 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
   filter_query_param_prefix_: filter_query_param_prefix_,
-  content_blocks_by_row_: content_blocks_by_row_
+  content_blocks_by_row_: content_blocks_by_row_,
+  filterModalParent_: filterModalParent_
 }) {
   let results_for;
   let only_show_filters_opener_;
@@ -12121,6 +12094,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     sort_and_filter_disabled_: sort_and_filter_disabled_,
+    filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
   $5vyXB$depictaiutilisharedlatest.catchify((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
@@ -12362,6 +12336,7 @@ function $14f289047713d67a$export$e2bf8ce7779e827e(props) {
       category_sorting_open_: category_sorting_open_,
       expanded_filters_: expanded_filters_,
       expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+      filterModalParent_: $5vyXB$solidjs.untrack(() => props.filterModalParent_),
       selected_filters_: selected_filters_,
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,

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.2.2";
+export const version = "4.3.1";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -1337,9 +1337,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
   content_blocks_by_row?: ContentBlocksByRow;
   on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
-  extra_depict_options?: {
-    recommendations_cols_at_size?: SDKColsAtSize;
-  };
+  filterModalParent_?: HTMLElement | ShadowRoot;
 }): import("@depict-ai/utilishared").Node_Array;
 /**
  * Connects the height of the search field to the height of the aligner.
@@ -1379,7 +1377,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1456,5 +1454,6 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+  filterModalParent_?: HTMLElement | ShadowRoot;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";