@depict-ai/ui 4.7.34 → 4.7.35

package/ES10/index.cjs

@@ -114,7 +114,7 @@ $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $054b1113e4897051$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.34";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.35";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$52FdA$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -284,7 +284,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $52FdA$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -16037,9 +16037,12 @@ function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $52FdA$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/ES10/index.d.ts

@@ -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.34";
+export const version = "4.7.35";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/ES10/index.js

@@ -10,7 +10,7 @@ import $8tj43$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpe
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.34";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.35";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$8tj43$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -180,7 +180,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $8tj43$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -15933,9 +15933,12 @@ function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $8tj43$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/latest/index.cjs

@@ -108,7 +108,7 @@ $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $128302ab61dab8f1$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.34";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.35";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -276,7 +276,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $gVhhF$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -14987,9 +14987,12 @@ function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $gVhhF$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/latest/index.d.ts

@@ -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.34";
+export const version = "4.7.35";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/latest/index.js

@@ -7,7 +7,7 @@ import { dlog as $9HbP8$dlog, catchify as $9HbP8$catchify1, ListenableSet as $9H
 /*! 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.34";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.35";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$9HbP8$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -175,7 +175,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $9HbP8$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -14886,9 +14886,12 @@ function $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_
     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 developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.7.34",
+  "version": "4.7.35",
   "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",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.4.8",
+    "@depict-ai/plp-styling": "^4.4.9",
     "@depict-ai/types": "^5.4.2",
     "@depict-ai/utilishared": "^2.4.4",
     "solid-js": "^1.8.12"

package/server/ES10/index.cjs

@@ -114,7 +114,7 @@ $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $054b1113e4897051$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.34";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.35";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$3hooq$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -270,7 +270,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $3hooq$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -13384,9 +13384,12 @@ function $0c035bbe7e30b438$export$7a92d995f1bf3592(history_content_blocks_, plp_
     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 developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/server/ES10/index.d.ts

@@ -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.34";
+export const version = "4.7.35";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpe
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.34";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.35";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$b8hua$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -166,7 +166,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $b8hua$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -13280,9 +13280,12 @@ function $12ff24fdc4b26d88$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $b8hua$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/server/latest/index.cjs

@@ -108,7 +108,7 @@ $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de03
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 $parcel$export(module.exports, "makeSizeAccessors", () => $128302ab61dab8f1$export$54c6d6ff54e72743);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.34";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.35";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -262,7 +262,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $5vyXB$depictaiutilishared.catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -12410,9 +12410,12 @@ function $0a80939bf0a1e9cc$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $5vyXB$solidjs.createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,

package/server/latest/index.d.ts

@@ -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.34";
+export const version = "4.7.35";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { dlog as $i7OB2$dlog, catchify as $i7OB2$catchify1, ListenableSet as $i7
 /*! 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.34";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.35";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -161,7 +161,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     img.addEventListener("load", $i7OB2$catchify(() => {
       const aspectRatio_ = img.naturalWidth / img.naturalHeight;
       if (srcJustChanged)
-        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        // Always key object-fit-cover compensation to one src, to avoid loading-different-images-infinite-loop
         setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
       srcJustChanged = false;
       // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
@@ -12309,9 +12309,12 @@ function $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_
     if (serverContentBlock && JSON.stringify(serverContentBlock) !== JSON.stringify(historyContentBlocks())) setHistoryContentBlocks(serverContentBlock);
   });
   const contentBlocksByRow = $i7OB2$createMemo(() => {
-    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const developerProvided = content_blocks_by_row_();
+    const fromHistory = historyContentBlocks();
+    // If none come from backend/History, fall back to developer provided/what usually is undefined. layout="slider" and layout="slider-without-filters" is only supported if content blocks is undefined, so if we don't do that those layouts are broken.
+    if (developerProvided || !fromHistory.length) return developerProvided;
     const content = [];
-    historyContentBlocks().forEach(row => {
+    fromHistory.forEach(row => {
       const contentBlock = {
         span_columns: row.span_columns,
         span_rows: row.span_rows,