@depict-ai/ui 4.3.9 → 4.3.11

package/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.9";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.11";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1393,6 +1393,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $52FdA$solidjs.createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return (() => {
     var _el$ = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1503,9 +1507,12 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
             disconnector();
           }));
         }, _el$3);
+        $52FdA$solidjsweb.spread(_el$5, $52FdA$solidjsweb.mergeProps(() => title() && {
+          title: title()
+        }), false, true);
         $52FdA$solidjsweb.insert(_el$5, () => {
-          var _variantToUse$title, _variantToUse5;
-          return (_variantToUse$title = (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title) !== null && _variantToUse$title !== void 0 ? _variantToUse$title : $52FdA$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+          var _title;
+          return (_title = title()) !== null && _title !== void 0 ? _title : $52FdA$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
             height: "1em",
             width: "20ch"
           });
@@ -1584,6 +1591,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
           }
         }), _el$11, _co$2);
         $52FdA$solidjsweb.effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $52FdA$solidjsweb.runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);
@@ -2089,6 +2097,9 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.9";
+export const version = "4.3.11";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,7 +873,7 @@ export function LooksSliderOrGrid(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
-  class_: string;
+  class_?: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -1398,7 +1398,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;
@@ -1476,5 +1476,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";

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$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.3.9";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.11";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1303,6 +1303,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $8tj43$createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return (() => {
     var _el$ = $8tj43$getNextElement($0c5b1686f971e5e7$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1413,9 +1417,12 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
             disconnector();
           }));
         }, _el$3);
+        $8tj43$spread(_el$5, $8tj43$mergeProps(() => title() && {
+          title: title()
+        }), false, true);
         $8tj43$insert(_el$5, () => {
-          var _variantToUse$title, _variantToUse5;
-          return (_variantToUse$title = (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title) !== null && _variantToUse$title !== void 0 ? _variantToUse$title : $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+          var _title;
+          return (_title = title()) !== null && _title !== void 0 ? _title : $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
             height: "1em",
             width: "20ch"
           });
@@ -1494,6 +1501,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
           }
         }), _el$11, _co$2);
         $8tj43$effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $8tj43$runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);
@@ -1999,6 +2007,9 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.9";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.11";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1315,6 +1315,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   const enableLink = $gVhhF$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $gVhhF$solidjs.createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $gVhhF$solidjs.createMemo(() => variantToUse()?.title);
   return (() => {
     var _el$ = $gVhhF$solidjsweb.getNextElement($1ae437d7d388a66e$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1424,7 +1425,10 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
             disconnector();
           }));
         }, _el$3);
-        $gVhhF$solidjsweb.insert(_el$5, () => variantToUse()?.title ?? $gVhhF$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+        $gVhhF$solidjsweb.spread(_el$5, $gVhhF$solidjsweb.mergeProps(() => title() && {
+          title: title()
+        }), false, true);
+        $gVhhF$solidjsweb.insert(_el$5, () => title() ?? $gVhhF$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
           height: "1em",
           width: "20ch"
         }));
@@ -1502,6 +1506,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
           }
         }), _el$11, _co$2);
         $gVhhF$solidjsweb.effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $gVhhF$solidjsweb.runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);
@@ -1984,6 +1989,9 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.9";
+export const version = "4.3.11";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,7 +873,7 @@ export function LooksSliderOrGrid(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
-  class_: string;
+  class_?: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -1398,7 +1398,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;
@@ -1476,5 +1476,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";

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! 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.3.9";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.11";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1228,6 +1228,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   const enableLink = $9HbP8$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $9HbP8$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $9HbP8$createMemo(() => variantToUse()?.title);
   return (() => {
     var _el$ = $9HbP8$getNextElement($5a6c386e1bde5665$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1337,7 +1338,10 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
             disconnector();
           }));
         }, _el$3);
-        $9HbP8$insert(_el$5, () => variantToUse()?.title ?? $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+        $9HbP8$spread(_el$5, $9HbP8$mergeProps(() => title() && {
+          title: title()
+        }), false, true);
+        $9HbP8$insert(_el$5, () => title() ?? $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
           height: "1em",
           width: "20ch"
         }));
@@ -1415,6 +1419,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
           }
         }), _el$11, _co$2);
         $9HbP8$effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $9HbP8$runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);
@@ -1897,6 +1902,9 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.9",
+  "version": "4.3.11",
   "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

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.9";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.11";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1242,7 +1242,7 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
 }
 var $d66c35b5a6d6d926$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $d66c35b5a6d6d926$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1280,6 +1280,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $3hooq$solidjs.createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $3hooq$solidjsweb.ssrElement("a", $3hooq$solidjsweb.mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1324,11 +1328,17 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), (_$escape2 = $3hooq$solidjsweb.escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrElement("span", $3hooq$solidjsweb.mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $3hooq$solidjsweb.escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1844,6 +1854,9 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.9";
+export const version = "4.3.11";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,7 +873,7 @@ export function LooksSliderOrGrid(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
-  class_: string;
+  class_?: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -1398,7 +1398,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;
@@ -1476,5 +1476,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";

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.3.9";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.11";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1152,7 +1152,7 @@ function $60ec7a29849d81db$export$a71e92cfbb498adc(props) {
 }
 var $0c5b1686f971e5e7$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $0c5b1686f971e5e7$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1190,6 +1190,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $b8hua$createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $b8hua$ssrElement("a", $b8hua$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1234,11 +1238,17 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), (_$escape2 = $b8hua$escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $b8hua$escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1754,6 +1764,9 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/server/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.9";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.11";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1188,7 +1188,7 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 }
 var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $1ae437d7d388a66e$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
@@ -1213,6 +1213,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   const enableLink = $5vyXB$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $5vyXB$solidjs.createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $5vyXB$solidjs.createMemo(() => variantToUse()?.title);
   return $5vyXB$solidjsweb.ssrElement("a", $5vyXB$solidjsweb.mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1257,10 +1258,14 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(variantToUse()?.title) ?? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrElement("span", $5vyXB$solidjsweb.mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => $5vyXB$solidjsweb.escape(title()) ?? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
         height: "1em",
         width: "20ch"
-      })), `d-price ${isOnSale() ? "sale" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+      })), false), `d-price ${isOnSale() ? "sale" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1754,6 +1759,9 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.9";
+export const version = "4.3.11";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,7 +873,7 @@ export function LooksSliderOrGrid(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
-  class_: string;
+  class_?: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -1398,7 +1398,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;
@@ -1476,5 +1476,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";

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! 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.3.9";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.11";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1101,7 +1101,7 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 }
 var $5a6c386e1bde5665$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $5a6c386e1bde5665$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $5a6c386e1bde5665$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $5a6c386e1bde5665$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
@@ -1126,6 +1126,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   const enableLink = $i7OB2$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $i7OB2$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $i7OB2$createMemo(() => variantToUse()?.title);
   return $i7OB2$ssrElement("a", $i7OB2$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1170,10 +1171,14 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $i7OB2$ssr($5a6c386e1bde5665$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape(variantToUse()?.title) ?? $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+      return $i7OB2$ssr($5a6c386e1bde5665$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("span", $i7OB2$mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => $i7OB2$escape(title()) ?? $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
         height: "1em",
         width: "20ch"
-      })), `d-price ${isOnSale() ? "sale" : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+      })), false), `d-price ${isOnSale() ? "sale" : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },
@@ -1667,6 +1672,9 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
       const {
         listings: listings
       } = decoded;
+      if (!listings)
+        // Sometimes backend returns a JSON containing an error instead, bail in that case
+        return [];
       const baseData = {
         merchant: merchant,
         market: market,