@depict-ai/ui 4.7.31 → 4.7.33

package/latest/index.js

@@ -7,7 +7,14 @@ import { dlog as $9HbP8$dlog, catchify as $9HbP8$catchify, ListenableSet as $9Hb
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.31";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.33";
+
+// Value first so shopify merchants can set (extra) display transformers in the shopify app
+// Calling these functions normally doesn't do anything, but our shopify app respects them
+// Them being here is value first too because this can be easily imported in the product card editor
+let $a63fa9cb46ed211b$var$extraDisplayTransformers;
+const $a63fa9cb46ed211b$export$b2d94be4f02525b2 = () => $a63fa9cb46ed211b$var$extraDisplayTransformers;
+const $a63fa9cb46ed211b$export$f98b8d5ea7207a1 = displayTransformers => $a63fa9cb46ed211b$var$extraDisplayTransformers = displayTransformers;
 function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
   const signal = $9HbP8$createSignal(false);
   $9HbP8$onCleanup($9HbP8$javascript_media_query(media_query, ({
@@ -356,19 +363,22 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           }
         }));
         $9HbP8$effect(_p$ => {
-          var _v$ = {
+          var _v$ = !!(final_span_columns() === max_span_columns()),
+            _v$2 = {
               [(0, $6dee9211e57ac31a$export$c500183c31c2b22e)]: final_span_columns()
             },
-            _v$2 = `span ${final_span_columns()}`,
-            _v$3 = `span ${final_span_rows()}`;
-          _p$.e = $9HbP8$style(_el$, _v$, _p$.e);
-          _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$.style.setProperty("grid-column", _v$2) : _el$.style.removeProperty("grid-column"));
-          _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$.style.setProperty("grid-row", _v$3) : _el$.style.removeProperty("grid-row"));
+            _v$3 = `span ${final_span_columns()}`,
+            _v$4 = `span ${final_span_rows()}`;
+          _v$ !== _p$.e && _el$.classList.toggle("spans-whole-row", _p$.e = _v$);
+          _p$.t = $9HbP8$style(_el$, _v$2, _p$.t);
+          _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$.style.setProperty("grid-column", _v$3) : _el$.style.removeProperty("grid-column"));
+          _v$4 !== _p$.o && ((_p$.o = _v$4) != null ? _el$.style.setProperty("grid-row", _v$4) : _el$.style.removeProperty("grid-row"));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
-          a: undefined
+          a: undefined,
+          o: undefined
         });
         return _el$;
       }
@@ -1669,24 +1679,29 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
   })));
   return container;
 }
+const $70bb27cc6be01fc7$var$customUrls = (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.
+    return $e8ffe11ed01df0fe$export$1d6267828870adda(url, width);
+  // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
+  return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
+};
 function $70bb27cc6be01fc7$export$9d4a4b669b1929ab(props) {
   return $9HbP8$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $9HbP8$mergeProps1(props, {
     get imgProps() {
       return {
         ...props.imgProps,
-        customUrls: (url, width // Apparently don't have to encode url for CF's service
-        ) => {
-          if (url?.startsWith?.("https://cdn.shopify.com"))
-            // The shopify image resizing CDN blocks Cloudflare's image resizer. It's possible that we can't detect shopify image URLs sometimes because they go to the merchant's domain,
-            // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
-            return $e8ffe11ed01df0fe$export$1d6267828870adda(url, width);
-          // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
-          return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
-        }
+        customUrls: $70bb27cc6be01fc7$var$customUrls
       };
     }
   }));
 }
+function $70bb27cc6be01fc7$export$140423fa4bfb6d63(props) {
+  return $9HbP8$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $9HbP8$mergeProps1(props, {
+    customUrls: $70bb27cc6be01fc7$var$customUrls
+  }));
+}
 function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
   return $9HbP8$createMemo(() => {
     const price_formatting = props.price_formatting_;
@@ -10396,7 +10411,8 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
           // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
-          scroll_restoration_data: []
+          scroll_restoration_data: [],
+          history_content_blocks: []
         }),
         router_: this.#router,
         prefix_: "category" + unique_instance_key_for_state + "_"
@@ -14789,70 +14805,94 @@ function $cc6f5b69378cd164$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   $9HbP8$onCleanup(disconnect);
 }
 $9HbP8$delegateEvents(["click"]);
-var $f916989c4b1be9f7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a><img>`),
-  $f916989c4b1be9f7$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<a><video loop>`);
+var $f916989c4b1be9f7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a class=d-standard-content-wrapper><video loop class=d-standard-content>`);
 function $f916989c4b1be9f7$export$780a853d15174484({
-  contentBlock: contentBlock,
+  contentBlock_: {
+    content: {
+      link: link,
+      type: type,
+      url: mediaUrl
+    }
+  },
   router_: router_
 }) {
-  if (contentBlock.content.type === "image") return () => (() => {
-    var _el$ = $9HbP8$getNextElement($f916989c4b1be9f7$var$_tmpl$),
-      _el$2 = _el$.firstChild;
-    $9HbP8$addEventListener(_el$, "click", $9HbP8$catchify(ev => router_.navigate_.go_to_({
-      new_url_: contentBlock.content.link,
-      is_replace_: false,
-      event_: ev
-    })), true);
-    _el$2.style.setProperty("width", "100%");
-    _el$2.style.setProperty("height", "100%");
-    _el$2.style.setProperty("object-fit", "cover");
-    _el$2.style.setProperty("position", "absolute");
-    _el$2.style.setProperty("inset", "0");
-    $9HbP8$effect(_p$ => {
-      var _v$ = contentBlock.content.link,
-        _v$2 = contentBlock.content.url;
-      _v$ !== _p$.e && $9HbP8$setAttribute(_el$, "href", _p$.e = _v$);
-      _v$2 !== _p$.t && $9HbP8$setAttribute(_el$2, "src", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
-    $9HbP8$runHydrationEvents();
-    return _el$;
-  })();
-  if (contentBlock.content.type === "video") return () => (() => {
-    var _el$3 = $9HbP8$getNextElement($f916989c4b1be9f7$var$_tmpl$2),
-      _el$4 = _el$3.firstChild;
-    $9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(ev => router_.navigate_.go_to_({
-      new_url_: contentBlock.content.link,
-      is_replace_: false,
-      event_: ev
-    })), true);
-    $9HbP8$setProperty(_el$4, "controls", false);
-    $9HbP8$setProperty(_el$4, "muted", true);
-    $9HbP8$setProperty(_el$4, "autoplay", true);
-    $9HbP8$setProperty(_el$4, "playsinline", true);
-    _el$4.style.setProperty("width", "100%");
-    _el$4.style.setProperty("height", "100%");
-    _el$4.style.setProperty("object-fit", "cover");
-    _el$4.style.setProperty("position", "absolute");
-    _el$4.style.setProperty("inset", "0");
-    $9HbP8$effect(_p$ => {
-      var _v$3 = contentBlock.content.link,
-        _v$4 = contentBlock.content.url;
-      _v$3 !== _p$.e && $9HbP8$setAttribute(_el$3, "href", _p$.e = _v$3);
-      _v$4 !== _p$.t && $9HbP8$setAttribute(_el$4, "src", _p$.t = _v$4);
-      return _p$;
+  if (type === "image") {
+    const [wrapperSize, setWrapperSize] = $9HbP8$createSignal();
+    return $9HbP8$createComponent((0, $9HbP8$Dynamic), $9HbP8$mergeProps1({
+      component: link ? "a" : "div",
+      "class": "d-standard-content-wrapper",
+      ref: el => setWrapperSize(() => $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(el)),
+      get onClick() {
+        return $9HbP8$catchify(ev => link && router_.navigate_.go_to_({
+          new_url_: link,
+          is_replace_: false,
+          event_: ev
+        }));
+      }
+    }, link && {
+      href: link
     }, {
-      e: undefined,
-      t: undefined
-    });
-    $9HbP8$runHydrationEvents();
-    return _el$3;
-  })();
+      get children() {
+        return $9HbP8$createComponent((0, $70bb27cc6be01fc7$export$140423fa4bfb6d63), {
+          get size() {
+            return $9HbP8$createMemo(() => wrapperSize()?.() || 0);
+          },
+          src: mediaUrl,
+          "class": "d-standard-content"
+        });
+      }
+    }));
+  }
+  if (type === "video") {
+    const pageVisible = $5e3d278ef4c80cd7$export$54299a3c81f5425();
+    return (() => {
+      var _el$ = $9HbP8$getNextElement($f916989c4b1be9f7$var$_tmpl$),
+        _el$2 = _el$.firstChild;
+      $9HbP8$addEventListener(_el$, "click", $9HbP8$catchify(ev => router_.navigate_.go_to_({
+        new_url_: link,
+        is_replace_: false,
+        event_: ev
+      })), true);
+      $9HbP8$setAttribute(_el$, "href", link);
+      $9HbP8$use(element => $9HbP8$createEffect(() => {
+        if (pageVisible()) element.play().catch(e => $9HbP8$dlog1("Failed to play", e));else element.pause();
+      }), _el$2);
+      $9HbP8$setAttribute(_el$2, "src", mediaUrl);
+      $9HbP8$setProperty(_el$2, "controls", false);
+      $9HbP8$setProperty(_el$2, "muted", true);
+      $9HbP8$setProperty(_el$2, "autoplay", true);
+      $9HbP8$setProperty(_el$2, "playsinline", true);
+      $9HbP8$runHydrationEvents();
+      return _el$;
+    })();
+  }
 }
 $9HbP8$delegateEvents(["click"]);
+function $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
+  $9HbP8$createEffect(() => {
+    const serverContentBlock = plp_meta()?.content_blocks;
+    if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
+  });
+  const contentBlocksByRow = $9HbP8$createMemo(() => {
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    historyContentBlocks().forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: () => $9HbP8$createComponent((0, $f916989c4b1be9f7$export$780a853d15174484), {
+          contentBlock_: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
+  return contentBlocksByRow;
+}
 var $df5d81d0fe61ff21$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=product-count><!$><!/> <!$><!/>`),
   $df5d81d0fe61ff21$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>`),
   $df5d81d0fe61ff21$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
@@ -14880,6 +14920,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   show_breadcrumbs_: show_breadcrumbs_,
   layout_options_: layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
+  history_content_blocks_: history_content_blocks_,
   product_card_template_: product_card_template_,
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
   sorting_query_param_: sorting_query_param_,
@@ -14948,23 +14989,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $9HbP8$createResource(meta_query_base, $9HbP8$catchify(query => depict_api_.get_listing(query)));
-  const contentBlocksByRow = $9HbP8$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
-    const content = [];
-    plp_meta()?.content_blocks?.forEach(row => {
-      const contentBlock = {
-        span_columns: row.span_columns,
-        span_rows: row.span_rows,
-        position: row.position,
-        content: $f916989c4b1be9f7$export$780a853d15174484({
-          contentBlock: row,
-          router_: router_
-        })
-      };
-      content[row.row] = contentBlock;
-    });
-    return content;
-  });
+  const contentBlocksByRow = $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $9HbP8$createMemo(() => plp_products_()?.sorts?.map(sort => ({
     ...sort,
     order: sort.order ?? "desc"
@@ -15319,7 +15344,8 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
       sorting_open: category_sorting_open_,
       expanded_filters: expanded_filters_,
       expanded_hierarchical_filters: expanded_hierarchical_filters_,
-      scroll_restoration_data: scroll_restoration_data_
+      scroll_restoration_data: scroll_restoration_data_,
+      history_content_blocks: history_content_blocks_
     } = depict_category.historyStateSignals_;
     const {
       current_sorting_: current_sorting_,
@@ -15365,6 +15391,7 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       scroll_restoration_data_: scroll_restoration_data_,
+      history_content_blocks_: history_content_blocks_,
       layout_options_: $9HbP8$createMemo(() => ({
         cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),
@@ -15377,4 +15404,4 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $9HbP8$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $e7a7eb102ddc0c79$export$92aa5d691d588f3f as remap_blocks_to_index, $4eb0a704f8f30273$export$d4d96868197be50e as useMobileHover, $5e3d278ef4c80cd7$export$54299a3c81f5425 as useVisibilityState, $f32e14878e75af51$export$eaa625fb39439e37 as useSlidableInformation, $f091294da861020c$export$80bb7300ce6a8be3 as useProductCardIsVisible, $f091294da861020c$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $e9d1d09be9e6471e$export$44809a8a3e867e30 as LookCard, $4fd2ba03703a7d92$export$7e1297a3a19f10d8 as PseudoRouter, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $c8d5ff4524619fcd$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };
+export { $a63fa9cb46ed211b$export$f98b8d5ea7207a1 as setExtraDisplayTransformers, $a63fa9cb46ed211b$export$b2d94be4f02525b2 as getExtraDisplayTransformers, $e7a7eb102ddc0c79$export$92aa5d691d588f3f as remap_blocks_to_index, $4eb0a704f8f30273$export$d4d96868197be50e as useMobileHover, $5e3d278ef4c80cd7$export$54299a3c81f5425 as useVisibilityState, $f32e14878e75af51$export$eaa625fb39439e37 as useSlidableInformation, $f091294da861020c$export$80bb7300ce6a8be3 as useProductCardIsVisible, $f091294da861020c$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $e9d1d09be9e6471e$export$44809a8a3e867e30 as LookCard, $4fd2ba03703a7d92$export$7e1297a3a19f10d8 as PseudoRouter, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $c8d5ff4524619fcd$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };

package/package.json

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

package/server/ES10/index.cjs

@@ -18,6 +18,8 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "setExtraDisplayTransformers", () => $cc9aacef898ccc9a$export$f98b8d5ea7207a1);
+$parcel$export(module.exports, "getExtraDisplayTransformers", () => $cc9aacef898ccc9a$export$b2d94be4f02525b2);
 $parcel$export(module.exports, "remap_blocks_to_index", () => $f8f375d6245ffff2$export$92aa5d691d588f3f);
 $parcel$export(module.exports, "useMobileHover", () => $0deb6ff75e3d67c6$export$d4d96868197be50e);
 $parcel$export(module.exports, "useVisibilityState", () => $e7a7d2fe8a8217d8$export$54299a3c81f5425);
@@ -111,7 +113,14 @@ $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.7.31";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.33";
+
+// Value first so shopify merchants can set (extra) display transformers in the shopify app
+// Calling these functions normally doesn't do anything, but our shopify app respects them
+// Them being here is value first too because this can be easily imported in the product card editor
+let $cc9aacef898ccc9a$var$extraDisplayTransformers;
+const $cc9aacef898ccc9a$export$b2d94be4f02525b2 = () => $cc9aacef898ccc9a$var$extraDisplayTransformers;
+const $cc9aacef898ccc9a$export$f98b8d5ea7207a1 = displayTransformers => $cc9aacef898ccc9a$var$extraDisplayTransformers = displayTransformers;
 function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
   const signal = $3hooq$solidjs.createSignal(false);
   $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
@@ -179,7 +188,7 @@ function $b8a8d61b3ec5f5ac$export$3f37af283f8fb843(props) {
     }
   });
 }
-var $f8f375d6245ffff2$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
+var $f8f375d6245ffff2$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
   let {
     content_blocks_: incoming_content_blocks,
@@ -311,7 +320,7 @@ function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         return !rendering_delayed();
       },
       get children() {
-        return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(final_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
+        return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "content-block-wrapper ".concat(final_span_columns() === max_span_columns() ? "spans-whole-row" : ""), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(final_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
           get content() {
             return block.content;
           }
@@ -1619,25 +1628,30 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
   })));
   return container;
 }
+const $f3db423dc84bc35d$var$customUrls = (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,
+    // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
+    return $858fdcf73148519f$export$1d6267828870adda(url, width);
+  // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
+  return "https://app.depict.ai/cdn-cgi/image/width=".concat(width, ",format=auto/").concat(url);
+};
 function $f3db423dc84bc35d$export$9d4a4b669b1929ab(props) {
   return $3hooq$solidjsweb.createComponent((0, $28535bb7671c63d1$export$e4b984597b71e989), $3hooq$solidjsweb.mergeProps(props, {
     get imgProps() {
       return {
         ...props.imgProps,
-        customUrls: (url, width // Apparently don't have to encode url for CF's service
-        ) => {
-          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,
-            // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
-            return $858fdcf73148519f$export$1d6267828870adda(url, width);
-          // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
-          return "https://app.depict.ai/cdn-cgi/image/width=".concat(width, ",format=auto/").concat(url);
-        }
+        customUrls: $f3db423dc84bc35d$var$customUrls
       };
     }
   }));
 }
+function $f3db423dc84bc35d$export$140423fa4bfb6d63(props) {
+  return $3hooq$solidjsweb.createComponent((0, $858fdcf73148519f$export$6e5611bc7e57e477), $3hooq$solidjsweb.mergeProps(props, {
+    customUrls: $f3db423dc84bc35d$var$customUrls
+  }));
+}
 function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
   return $3hooq$solidjs.createMemo(() => {
     const price_formatting = props.price_formatting_;
@@ -8977,7 +8991,8 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
           // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
-          scroll_restoration_data: []
+          scroll_restoration_data: [],
+          history_content_blocks: []
         }),
         router_: $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $9cbefc32b9dab36d$var$_router),
         prefix_: "category" + unique_instance_key_for_state + "_"
@@ -13296,15 +13311,77 @@ function $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-var $c19709057a32b2e7$var$_tmpl$ = ["<a", "><img", ' style="', '"></a>'],
-  $c19709057a32b2e7$var$_tmpl$2 = ["<a", "><video", ' muted="" autoplay="" playsinline="" loop style="', '"></video></a>'];
+var $c19709057a32b2e7$var$_tmpl$ = ["<a", ' class="d-standard-content-wrapper"', "><video", ' muted="" autoplay="" playsinline="" loop class="d-standard-content"></video></a>'];
 function $c19709057a32b2e7$export$780a853d15174484(_ref) {
   let {
-    contentBlock: contentBlock,
+    contentBlock_: {
+      content: {
+        link: link,
+        type: type,
+        url: mediaUrl
+      }
+    },
     router_: router_
   } = _ref;
-  if (contentBlock.content.type === "image") return () => $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey() + $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(contentBlock.content.link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
-  if (contentBlock.content.type === "video") return () => $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey() + $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(contentBlock.content.link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+  if (type === "image") {
+    const [wrapperSize, setWrapperSize] = $3hooq$solidjs.createSignal();
+    return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjsweb.Dynamic), $3hooq$solidjsweb.mergeProps({
+      component: link ? "a" : "div",
+      "class": "d-standard-content-wrapper",
+      get onClick() {
+        return $3hooq$depictaiutilisharedlatest.catchify(ev => link && router_.navigate_.go_to_({
+          new_url_: link,
+          is_replace_: false,
+          event_: ev
+        }));
+      }
+    }, link && {
+      href: link
+    }, {
+      get children() {
+        return $3hooq$solidjsweb.createComponent((0, $f3db423dc84bc35d$export$140423fa4bfb6d63), {
+          get size() {
+            return $3hooq$solidjs.createMemo(() => {
+              var _wrapperSize;
+              return ((_wrapperSize = wrapperSize()) === null || _wrapperSize === void 0 ? void 0 : _wrapperSize()) || 0;
+            });
+          },
+          src: mediaUrl,
+          "class": "d-standard-content"
+        });
+      }
+    }));
+  }
+  if (type === "video") {
+    const pageVisible = $e7a7d2fe8a8217d8$export$54299a3c81f5425();
+    return $3hooq$solidjsweb.ssr($c19709057a32b2e7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(link, true), false), $3hooq$solidjsweb.ssrAttribute("src", $3hooq$solidjsweb.escape(mediaUrl, true), false));
+  }
+}
+function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_) {
+  const [historyContentBlocks, setHistoryContentBlocks] = history_content_blocks_;
+  $3hooq$solidjs.createEffect(() => {
+    var _plp_meta;
+    const serverContentBlock = (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.content_blocks;
+    if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
+  });
+  const contentBlocksByRow = $3hooq$solidjs.createMemo(() => {
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    historyContentBlocks().forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: () => $3hooq$solidjsweb.createComponent((0, $c19709057a32b2e7$export$780a853d15174484), {
+          contentBlock_: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
+  return contentBlocksByRow;
 }
 var $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $ede6c70ecdca46fe$var$_tmpl$2 = ["<div", "></div>"],
@@ -13334,6 +13411,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     show_breadcrumbs_: show_breadcrumbs_,
     layout_options_: layout_options_,
     scroll_restoration_data_: scroll_restoration_data_,
+    history_content_blocks_: history_content_blocks_,
     product_card_template_: product_card_template_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
     sorting_query_param_: sorting_query_param_,
@@ -13402,24 +13480,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $3hooq$solidjs.createResource(meta_query_base, $3hooq$depictaiutilisharedlatest.catchify(query => depict_api_.get_listing(query)));
-  const contentBlocksByRow = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta, _plp_meta$content_blo;
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
-    const content = [];
-    (_plp_meta = plp_meta()) === null || _plp_meta === void 0 || (_plp_meta$content_blo = _plp_meta.content_blocks) === null || _plp_meta$content_blo === void 0 || _plp_meta$content_blo.forEach(row => {
-      const contentBlock = {
-        span_columns: row.span_columns,
-        span_rows: row.span_rows,
-        position: row.position,
-        content: $c19709057a32b2e7$export$780a853d15174484({
-          contentBlock: row,
-          router_: router_
-        })
-      };
-      content[row.row] = contentBlock;
-    });
-    return content;
-  });
+  const contentBlocksByRow = $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $3hooq$solidjs.createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
     return (_plp_products_ = plp_products_()) === null || _plp_products_ === void 0 ? void 0 : (_plp_products_$sorts = _plp_products_.sorts) === null || _plp_products_$sorts === void 0 ? void 0 : _plp_products_$sorts.map(sort => {
@@ -13435,13 +13496,13 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     return (_plp_products_2 = plp_products_()) === null || _plp_products_2 === void 0 ? void 0 : _plp_products_2.filters;
   });
   const title = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta2;
-    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.title;
+    var _plp_meta;
+    return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
   });
   const crumb_data_ = $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $3hooq$solidjs.createMemo(() => {
-    var _plp_meta3;
-    return (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.quick_links;
+    var _plp_meta2;
+    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
   });
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $3hooq$solidjs.createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $3hooq$solidjs.createSignal();
@@ -13707,8 +13768,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
 function $ede6c70ecdca46fe$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $3hooq$depictaiutilisharedlatest.use_href_accessor();
   return $3hooq$solidjs.createMemo(() => {
-    var _plp_meta4;
-    const api_value = (_plp_meta4 = plp_meta()) === null || _plp_meta4 === void 0 ? void 0 : _plp_meta4.breadcrumbs;
+    var _plp_meta3;
+    const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.breadcrumbs;
     if (!api_value) return api_value;
     return [...api_value, $3hooq$solidjs.mergeProps(plp_meta(), {
       get page_url() {
@@ -13758,7 +13819,8 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       sorting_open: category_sorting_open_,
       expanded_filters: expanded_filters_,
       expanded_hierarchical_filters: expanded_hierarchical_filters_,
-      scroll_restoration_data: scroll_restoration_data_
+      scroll_restoration_data: scroll_restoration_data_,
+      history_content_blocks: history_content_blocks_
     } = depict_category.historyStateSignals_;
     const {
       current_sorting_: current_sorting_,
@@ -13810,6 +13872,7 @@ function $c10e33c4681f8c9b$export$e2bf8ce7779e827e(props) {
       sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
       content_blocks_by_row_: () => props.content_blocks_by_row,
       scroll_restoration_data_: scroll_restoration_data_,
+      history_content_blocks_: history_content_blocks_,
       layout_options_: $3hooq$solidjs.createMemo(() => ({
         cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),