@depict-ai/ui 4.7.19 → 4.7.21

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.7.18";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.21";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -252,7 +252,7 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
   }
   return true;
 }
-const $618bd53ea0a41cd4$var$CurrentlyIntersectingContext = /*@__PURE__*/$b8hua$createContext();
+const $618bd53ea0a41cd4$export$f223d69ed12f5fb7 = /*@__PURE__*/$b8hua$createContext();
 function $618bd53ea0a41cd4$export$4a14175d33d81a96(_ref) {
   let {
     displays_by_key_: displays_by_key_,
@@ -294,7 +294,7 @@ function $618bd53ea0a41cd4$export$4a14175d33d81a96(_ref) {
     }
     setCurrentlyIntersecting(intersectingValue);
   }, "renderDisplays IO failed"));
-  const renderedDisplays_ = $b8hua$createComponent($618bd53ea0a41cd4$var$CurrentlyIntersectingContext.Provider, {
+  const renderedDisplays_ = $b8hua$createComponent($618bd53ea0a41cd4$export$f223d69ed12f5fb7.Provider, {
     value: {
       currentlyIntersecting_: currentlyIntersecting,
       setIsListening_: setListenersForIntersecting
@@ -339,7 +339,7 @@ function $618bd53ea0a41cd4$export$80bb7300ce6a8be3() {
   const {
     setIsListening_: setIsListening_,
     currentlyIntersecting_: currentlyIntersecting_
-  } = $b8hua$useContext($618bd53ea0a41cd4$var$CurrentlyIntersectingContext) || {};
+  } = $b8hua$useContext($618bd53ea0a41cd4$export$f223d69ed12f5fb7) || {};
   const getOurIndex = $1e69163caedaab4e$export$e3faf4d95300054f();
   const isVisible = $b8hua$createMemo(() => currentlyIntersecting_ === null || currentlyIntersecting_ === void 0 ? void 0 : currentlyIntersecting_().has(getOurIndex === null || getOurIndex === void 0 ? void 0 : getOurIndex()));
   setIsListening_ === null || setIsListening_ === void 0 || setIsListening_(prev => prev + 1);
@@ -418,13 +418,15 @@ function $ca55612a53dbbdd2$export$a2cc176055f8f08() {
     t: "<!-- ".concat(text, " -->")
   } : document.createComment(text);
 }
-let $bdd80c7862246dc2$var$cached_placeholder_element;
-let $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
+const $bdd80c7862246dc2$var$defaultCacheKey = /*@__PURE__*/Symbol();
+const $bdd80c7862246dc2$var$cachedPlaceholderElements = {};
+const $bdd80c7862246dc2$var$renderingCachedPlaceholderElement = {};
 function $bdd80c7862246dc2$export$f33414a4df0afd3f(_ref) {
   let {
     product_card_template_: product_card_template_,
     num_placeholders_: num_placeholders_,
-    content_blocks_: content_blocks_
+    content_blocks_: content_blocks_,
+    placeholderCacheKey_: placeholderCacheKey_
   } = _ref;
   const [num_to_actually_show, set_num_to_actually_show] = $b8hua$createSignal($b8hua$untrack(num_placeholders_));
   if (0, $b8hua$isServer)
@@ -461,7 +463,8 @@ function $bdd80c7862246dc2$export$f33414a4df0afd3f(_ref) {
       });
       // Show content block before product card, so it's *at* that index
       return [possible_content_block, $bdd80c7862246dc2$var$Placeholder({
-        product_card_template_: product_card_template_
+        product_card_template_: product_card_template_,
+        placeholderCacheKey_: placeholderCacheKey_
       })]; // https://github.com/solidjs/solid/releases/tag/v1.7.0
     }
   });
@@ -471,23 +474,25 @@ function $bdd80c7862246dc2$export$f33414a4df0afd3f(_ref) {
  */
 function $bdd80c7862246dc2$var$Placeholder(_ref2) {
   let {
-    product_card_template_: product_card_template_
+    product_card_template_: product_card_template_,
+    placeholderCacheKey_ = $bdd80c7862246dc2$var$defaultCacheKey
   } = _ref2;
   const get_cloned_placeholders = function () {
-    let element_to_clone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : $bdd80c7862246dc2$var$cached_placeholder_element;
+    let element_to_clone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : $bdd80c7862246dc2$var$cachedPlaceholderElements[placeholderCacheKey_];
     return Array.isArray(element_to_clone) ? element_to_clone.map(el => el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
   };
-  if ($bdd80c7862246dc2$var$cached_placeholder_element) return get_cloned_placeholders();
+  if ($bdd80c7862246dc2$var$cachedPlaceholderElements[placeholderCacheKey_]) return get_cloned_placeholders();
   let dispose_original_copy;
   const get_unwrapped_element = $b8hua$createRoot(dispose => {
     dispose_original_copy = dispose;
     // if product_card_template_ is async and rejects the resource will take care of throwing upwards here in the solid-js error handling system
     const [resource] = $b8hua$createResource(() => {
-      if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) return $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
+      const rendering_cached_placeholder_element = $bdd80c7862246dc2$var$renderingCachedPlaceholderElement[placeholderCacheKey_];
+      if (rendering_cached_placeholder_element) return rendering_cached_placeholder_element;
       const return_value = product_card_template_(null, undefined);
       if (typeof return_value === "object" && typeof (return_value === null || return_value === void 0 ? void 0 : return_value.then) === "function")
         // Is Promise or promise-like object
-        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = return_value;
+        $bdd80c7862246dc2$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = return_value;
       return return_value;
     });
     return $b8hua$createMemo(() => {
@@ -496,14 +501,14 @@ function $bdd80c7862246dc2$var$Placeholder(_ref2) {
     });
   });
   $b8hua$onCleanup(() => {
-    if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) {
-      var _rendering_cached_pla;
+    const rendering = $bdd80c7862246dc2$var$renderingCachedPlaceholderElement[placeholderCacheKey_];
+    if (rendering) {
       // If we're still rendering in our separate root, let the rendering finish or other <Placeholder> components waiting for it might get an incomplete result
       const unset_current_rendering = () => {
         dispose_original_copy();
-        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
+        $bdd80c7862246dc2$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = undefined;
       };
-      (_rendering_cached_pla = $bdd80c7862246dc2$var$rendering_cached_placeholder_element) === null || _rendering_cached_pla === void 0 || _rendering_cached_pla.then(unset_current_rendering, unset_current_rendering);
+      rendering === null || rendering === void 0 || rendering.then(unset_current_rendering, unset_current_rendering);
     } else
       // Otherwise, just make sure we've disposed our root
       dispose_original_copy();
@@ -515,8 +520,8 @@ function $bdd80c7862246dc2$var$Placeholder(_ref2) {
       return;
     // placeholders have finished rendering, freeze the elements
     // here we might receive the result of a promise that has already been received, tore down and put into cached_placeholder_element, so don't overwrite that more valid result if it's already set
-    $bdd80c7862246dc2$var$cached_placeholder_element || ($bdd80c7862246dc2$var$cached_placeholder_element = get_cloned_placeholders(unwrapped_array)); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
-    $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
+    $bdd80c7862246dc2$var$cachedPlaceholderElements[placeholderCacheKey_] || ($bdd80c7862246dc2$var$cachedPlaceholderElements[placeholderCacheKey_] = get_cloned_placeholders(unwrapped_array)); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
+    $bdd80c7862246dc2$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = undefined;
     dispose_original_copy(); // So that this memo will never re-run and the placeholder rendering function can clean up
     return get_cloned_placeholders(); // clone, just in case. If we wouldn't, someone could modify the copy in the DOM, and it would affect the cached version
   });
@@ -761,7 +766,8 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
     product_card_template_: product_card_template_,
     layout_options_: layout_options_,
     title_: title_,
-    NoResultsFallback_: NoResultsFallback_
+    NoResultsFallback_: NoResultsFallback_,
+    placeholderCacheKey_: placeholderCacheKey_
   } = _ref;
   const is_showing_something = $b8hua$createMemo(() => {
     var _recommendations_reso;
@@ -800,7 +806,8 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
         get fallback() {
           return $bdd80c7862246dc2$export$f33414a4df0afd3f({
             num_placeholders_: num_placeholders_,
-            product_card_template_: product_card_template_
+            product_card_template_: product_card_template_,
+            placeholderCacheKey_: placeholderCacheKey_
           });
         },
         get children() {
@@ -1634,7 +1641,7 @@ function $697d8713dc82b9ab$export$44809a8a3e867e30(_ref) {
   }
   // Close us if another look expands
   $b8hua$createEffect(() => !expandedLooks_().has(us) && setUserWantsExpanded(false));
-  return $b8hua$ssr($697d8713dc82b9ab$var$_tmpl$, $b8hua$ssrHydrationKey(), "look-card ".concat(!display_ ? "placeholder" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+  return $b8hua$ssr($697d8713dc82b9ab$var$_tmpl$, $b8hua$ssrHydrationKey(), "look-card ".concat(!display_() ? "placeholder" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
     get when() {
       return display_();
     },
@@ -1803,7 +1810,8 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     title_: title_,
     max_rows_: max_rows_,
     view_more_button_: view_more_button_,
-    NoResultsFallback_: NoResultsFallback_
+    NoResultsFallback_: NoResultsFallback_,
+    placeholderCacheKey_: placeholderCacheKey_
   } = _ref;
   const rows_object_ = $b8hua$createMemo(() => {
     var _view_more_button$row;
@@ -1849,7 +1857,8 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
         get fallback() {
           return $bdd80c7862246dc2$export$f33414a4df0afd3f({
             num_placeholders_: num_placeholders_,
-            product_card_template_: product_card_template_
+            product_card_template_: product_card_template_,
+            placeholderCacheKey_: placeholderCacheKey_
           });
         },
         get children() {
@@ -1880,6 +1889,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
 }
 var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $bb34cd283e904784$var$expandedLooksSignal_;
+const $bb34cd283e904784$var$placeholderCacheKey_ = /*@__PURE__*/Symbol("Looks");
 function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     $bb34cd283e904784$var$expandedLooksSignal_ || ($bb34cd283e904784$var$expandedLooksSignal_ = $b8hua$createSignal(new Set(), {
@@ -1945,7 +1955,8 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
         cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
       })),
-      NoResultsFallback_: () => props.NoResultsFallback_
+      NoResultsFallback_: () => props.NoResultsFallback_,
+      placeholderCacheKey_: $bb34cd283e904784$var$placeholderCacheKey_
     };
     $b8hua$createEffect(() => {
       const {
@@ -13615,4 +13626,4 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $b8hua$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $697d8713dc82b9ab$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };
+export { $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $618bd53ea0a41cd4$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $697d8713dc82b9ab$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $63f1f8dbcd07d3b0$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };

package/server/latest/index.cjs

@@ -13,6 +13,7 @@ function $parcel$export(e, n, v, s) {
   });
 }
 $parcel$export(module.exports, "useProductCardIsVisible", () => $67155e1aeb7073f6$export$80bb7300ce6a8be3);
+$parcel$export(module.exports, "CurrentlyIntersectingContext", () => $67155e1aeb7073f6$export$f223d69ed12f5fb7);
 $parcel$export(module.exports, "useExpandingContainerReactive", () => $4b455f60dadde8b8$export$5bad61ecde080b1f);
 $parcel$export(module.exports, "LooksSliderOrGrid", () => $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa);
 $parcel$export(module.exports, "LookCard", () => $ad882bbe664dbd53$export$44809a8a3e867e30);
@@ -57,6 +58,7 @@ $parcel$export(module.exports, "SelectedFilters", () => $235a2771a44e28e9$export
 $parcel$export(module.exports, "FilterBody", () => $aff9a96d30ed3563$export$3f1a388cc0d8fed7);
 $parcel$export(module.exports, "create_modified_filters", () => $70482f04605572e2$export$b288c38ae3fddb56);
 $parcel$export(module.exports, "SolidLayout", () => $f48d0fbb00835aaa$export$d21e32dfedac04be);
+$parcel$export(module.exports, "SolidLayoutWithProvidedElement", () => $f48d0fbb00835aaa$export$445d8d3f5f706a40);
 $parcel$export(module.exports, "general_modal_abstraction", () => $9abb0a35d4b60ed3$export$79b1565500412d9b);
 $parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
 $parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
@@ -99,7 +101,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.7.18";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.21";
 
 /**
  * Gets product_id (the thing we key the rendering on) from a display
@@ -337,7 +339,7 @@ function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
   }
   return true;
 }
-const $67155e1aeb7073f6$var$CurrentlyIntersectingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
+const $67155e1aeb7073f6$export$f223d69ed12f5fb7 = /*@__PURE__*/$5vyXB$solidjs.createContext();
 function $67155e1aeb7073f6$export$4a14175d33d81a96({
   displays_by_key_: displays_by_key_,
   product_card_template_: product_card_template_,
@@ -378,7 +380,7 @@ function $67155e1aeb7073f6$export$4a14175d33d81a96({
     }
     setCurrentlyIntersecting(intersectingValue);
   }, "renderDisplays IO failed"));
-  const renderedDisplays_ = $5vyXB$solidjsweb.createComponent($67155e1aeb7073f6$var$CurrentlyIntersectingContext.Provider, {
+  const renderedDisplays_ = $5vyXB$solidjsweb.createComponent($67155e1aeb7073f6$export$f223d69ed12f5fb7.Provider, {
     value: {
       currentlyIntersecting_: currentlyIntersecting,
       setIsListening_: setListenersForIntersecting
@@ -423,7 +425,7 @@ function $67155e1aeb7073f6$export$80bb7300ce6a8be3() {
   const {
     setIsListening_: setIsListening_,
     currentlyIntersecting_: currentlyIntersecting_
-  } = $5vyXB$solidjs.useContext($67155e1aeb7073f6$var$CurrentlyIntersectingContext) || {};
+  } = $5vyXB$solidjs.useContext($67155e1aeb7073f6$export$f223d69ed12f5fb7) || {};
   const getOurIndex = $129b9b9c010039d0$export$e3faf4d95300054f();
   const isVisible = $5vyXB$solidjs.createMemo(() => currentlyIntersecting_?.().has(getOurIndex?.()));
   setIsListening_?.(prev => prev + 1);
@@ -495,12 +497,14 @@ function $fc23d7668ae0011d$export$a2cc176055f8f08(what = "grid") {
     t: `<!-- ${text} -->`
   } : document.createComment(text);
 }
-let $0caf87eaa19079da$var$cached_placeholder_element;
-let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
+const $0caf87eaa19079da$var$defaultCacheKey = /*@__PURE__*/Symbol();
+const $0caf87eaa19079da$var$cachedPlaceholderElements = {};
+const $0caf87eaa19079da$var$renderingCachedPlaceholderElement = {};
 function $0caf87eaa19079da$export$f33414a4df0afd3f({
   product_card_template_: product_card_template_,
   num_placeholders_: num_placeholders_,
-  content_blocks_: content_blocks_
+  content_blocks_: content_blocks_,
+  placeholderCacheKey_: placeholderCacheKey_
 }) {
   const [num_to_actually_show, set_num_to_actually_show] = $5vyXB$solidjs.createSignal($5vyXB$solidjs.untrack(num_placeholders_));
   if (0, $5vyXB$solidjsweb.isServer)
@@ -534,7 +538,8 @@ function $0caf87eaa19079da$export$f33414a4df0afd3f({
       const possible_content_block = $5vyXB$solidjs.createMemo(() => content_blocks_?.()?.()?.[index]);
       // Show content block before product card, so it's *at* that index
       return [possible_content_block, $0caf87eaa19079da$var$Placeholder({
-        product_card_template_: product_card_template_
+        product_card_template_: product_card_template_,
+        placeholderCacheKey_: placeholderCacheKey_
       })]; // https://github.com/solidjs/solid/releases/tag/v1.7.0
     }
   });
@@ -543,20 +548,22 @@ function $0caf87eaa19079da$export$f33414a4df0afd3f({
  * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
  */
 function $0caf87eaa19079da$var$Placeholder({
-  product_card_template_: product_card_template_
+  product_card_template_: product_card_template_,
+  placeholderCacheKey_ = $0caf87eaa19079da$var$defaultCacheKey
 }) {
-  const get_cloned_placeholders = (element_to_clone = $0caf87eaa19079da$var$cached_placeholder_element) => Array.isArray(element_to_clone) ? element_to_clone.map(el => el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
-  if ($0caf87eaa19079da$var$cached_placeholder_element) return get_cloned_placeholders();
+  const get_cloned_placeholders = (element_to_clone = $0caf87eaa19079da$var$cachedPlaceholderElements[placeholderCacheKey_]) => Array.isArray(element_to_clone) ? element_to_clone.map(el => el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
+  if ($0caf87eaa19079da$var$cachedPlaceholderElements[placeholderCacheKey_]) return get_cloned_placeholders();
   let dispose_original_copy;
   const get_unwrapped_element = $5vyXB$solidjs.createRoot(dispose => {
     dispose_original_copy = dispose;
     // if product_card_template_ is async and rejects the resource will take care of throwing upwards here in the solid-js error handling system
     const [resource] = $5vyXB$solidjs.createResource(() => {
-      if ($0caf87eaa19079da$var$rendering_cached_placeholder_element) return $0caf87eaa19079da$var$rendering_cached_placeholder_element;
+      const rendering_cached_placeholder_element = $0caf87eaa19079da$var$renderingCachedPlaceholderElement[placeholderCacheKey_];
+      if (rendering_cached_placeholder_element) return rendering_cached_placeholder_element;
       const return_value = product_card_template_(null, undefined);
       if (typeof return_value === "object" && typeof return_value?.then === "function")
         // Is Promise or promise-like object
-        $0caf87eaa19079da$var$rendering_cached_placeholder_element = return_value;
+        $0caf87eaa19079da$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = return_value;
       return return_value;
     });
     return $5vyXB$solidjs.createMemo(() => {
@@ -565,13 +572,14 @@ function $0caf87eaa19079da$var$Placeholder({
     });
   });
   $5vyXB$solidjs.onCleanup(() => {
-    if ($0caf87eaa19079da$var$rendering_cached_placeholder_element) {
+    const rendering = $0caf87eaa19079da$var$renderingCachedPlaceholderElement[placeholderCacheKey_];
+    if (rendering) {
       // If we're still rendering in our separate root, let the rendering finish or other <Placeholder> components waiting for it might get an incomplete result
       const unset_current_rendering = () => {
         dispose_original_copy();
-        $0caf87eaa19079da$var$rendering_cached_placeholder_element = undefined;
+        $0caf87eaa19079da$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = undefined;
       };
-      $0caf87eaa19079da$var$rendering_cached_placeholder_element?.then(unset_current_rendering, unset_current_rendering);
+      rendering?.then(unset_current_rendering, unset_current_rendering);
     } else
       // Otherwise, just make sure we've disposed our root
       dispose_original_copy();
@@ -583,8 +591,8 @@ function $0caf87eaa19079da$var$Placeholder({
       return;
     // placeholders have finished rendering, freeze the elements
     // here we might receive the result of a promise that has already been received, tore down and put into cached_placeholder_element, so don't overwrite that more valid result if it's already set
-    $0caf87eaa19079da$var$cached_placeholder_element ||= get_cloned_placeholders(unwrapped_array); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
-    $0caf87eaa19079da$var$rendering_cached_placeholder_element = undefined;
+    $0caf87eaa19079da$var$cachedPlaceholderElements[placeholderCacheKey_] ||= get_cloned_placeholders(unwrapped_array); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
+    $0caf87eaa19079da$var$renderingCachedPlaceholderElement[placeholderCacheKey_] = undefined;
     dispose_original_copy(); // So that this memo will never re-run and the placeholder rendering function can clean up
     return get_cloned_placeholders(); // clone, just in case. If we wouldn't, someone could modify the copy in the DOM, and it would affect the cached version
   });
@@ -820,7 +828,8 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
   product_card_template_: product_card_template_,
   layout_options_: layout_options_,
   title_: title_,
-  NoResultsFallback_: NoResultsFallback_
+  NoResultsFallback_: NoResultsFallback_,
+  placeholderCacheKey_: placeholderCacheKey_
 }) {
   const is_showing_something = $5vyXB$solidjs.createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
   const title = $5vyXB$solidjs.createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
@@ -856,7 +865,8 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
         get fallback() {
           return $0caf87eaa19079da$export$f33414a4df0afd3f({
             num_placeholders_: num_placeholders_,
-            product_card_template_: product_card_template_
+            product_card_template_: product_card_template_,
+            placeholderCacheKey_: placeholderCacheKey_
           });
         },
         get children() {
@@ -1653,7 +1663,7 @@ function $ad882bbe664dbd53$export$44809a8a3e867e30({
   }
   // Close us if another look expands
   $5vyXB$solidjs.createEffect(() => !expandedLooks_().has(us) && setUserWantsExpanded(false));
-  return $5vyXB$solidjsweb.ssr($ad882bbe664dbd53$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-card ${!display_ ? "placeholder" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+  return $5vyXB$solidjsweb.ssr($ad882bbe664dbd53$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-card ${!display_() ? "placeholder" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
       return display_();
     },
@@ -1805,7 +1815,8 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
   title_: title_,
   max_rows_: max_rows_,
   view_more_button_: view_more_button_,
-  NoResultsFallback_: NoResultsFallback_
+  NoResultsFallback_: NoResultsFallback_,
+  placeholderCacheKey_: placeholderCacheKey_
 }) {
   const rows_object_ = $5vyXB$solidjs.createMemo(() => {
     const view_more_button = view_more_button_?.();
@@ -1847,7 +1858,8 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
         get fallback() {
           return $0caf87eaa19079da$export$f33414a4df0afd3f({
             num_placeholders_: num_placeholders_,
-            product_card_template_: product_card_template_
+            product_card_template_: product_card_template_,
+            placeholderCacheKey_: placeholderCacheKey_
           });
         },
         get children() {
@@ -1878,6 +1890,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
 }
 var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
+const $a3bbfa5fdaa39f3a$var$placeholderCacheKey_ = /*@__PURE__*/Symbol("Looks");
 function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     $a3bbfa5fdaa39f3a$var$expandedLooksSignal_ ||= $5vyXB$solidjs.createSignal(new Set(), {
@@ -1941,7 +1954,8 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
         cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.columnsAtSize_),
         ...grid_spacing_override()
       })),
-      NoResultsFallback_: () => props.NoResultsFallback_
+      NoResultsFallback_: () => props.NoResultsFallback_,
+      placeholderCacheKey_: $a3bbfa5fdaa39f3a$var$placeholderCacheKey_
     };
     $5vyXB$solidjs.createEffect(() => {
       const {

package/server/latest/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Accessor, Signal, Setter } from "solid-js";
+import { JSX, Accessor, Setter, Signal } from "solid-js";
 import { Display, useExpandingContainer, ColsAtSize, report, Amazing_Slider, Elem, ModernDisplay, Node_Array } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SearchRequestV3, SortModel } from "@depict-ai/types/api/SearchRequestV3";
 import { ContentLink, SearchResponse, SearchFilter as _SearchFilter1 } from "@depict-ai/types/api/SearchResponse";
@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.18";
+export const version = "4.7.21";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -52,6 +52,10 @@ export function useProductCardIndex(): Accessor<number> | undefined;
  * @param obj Anything to clone
  */
 export function promiseSafeStructuredClone<T>(obj: T): T;
+export const CurrentlyIntersectingContext: import("solid-js").Context<{
+  currentlyIntersecting_: Accessor<Set<number>>;
+  setIsListening_: Setter<number>;
+} | undefined>;
 /**
  * Returns an accessor that says if said product card is in the viewport or not, when ran within a product card. Throws if not ran within a product card.
  */
@@ -120,6 +124,11 @@ export type SolidLayoutOptions = {
  * @return An accessor containing a CSS string
  */
 export function SolidLayout(props: SolidLayoutOptions): JSX.Element;
+/**
+ * See SolidLayout JSDoc except that here you can provide your own element
+ * When using insert_after_container, view more and view less buttons are not currently supported.
+ */
+export function SolidLayoutWithProvidedElement(props: Omit<SolidLayoutOptions, "children" | "element_attributes">, container_element: HTMLDivElement, insert_after_container?: boolean, container_class?: string): JSX.Element;
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -1436,7 +1445,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;
@@ -1515,5 +1524,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";