@depict-ai/react-ui 2.1.16 → 2.2.0

package/ES10/index.cjs

@@ -39,7 +39,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.16";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.2.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -831,6 +831,30 @@ function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
+function $7b4cd941f15b2582$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      var _globalState$api, _globalState$api$disp;
+      const transformFunction = (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
+      if (transformFunction) try {
+        return await transformFunction({
+          merchant: (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[0](),
+          market: (0, $ef516b1f92253963$export$8e769ad4338a911e).market[0](),
+          displays: displays
+        });
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
 function $745b83c12baac3c0$export$82cfdc85a4d15688(props) {
   $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $e7ba61a7074c02d3$export$f6e64e17bd69eeef({
@@ -842,7 +866,7 @@ function $745b83c12baac3c0$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationSlider({
     get recommendations() {
-      return props.recommendations;
+      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
     },
     product_card_template: display => $3441d987b5ea85cb$export$32024253978abdc7({
       component_props: {
@@ -868,18 +892,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationGrid({
     get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        var _globalState$api, _globalState$api$disp;
-        const transformFunction = (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-        if (transformFunction) return transformFunction({
-          merchant: (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $ef516b1f92253963$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-        return displays;
-      });
-      return recs;
+      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $2kiy7$solidjsweb.isServer)

package/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "2.1.16";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/ES10/index.js

@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.16";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -807,6 +807,30 @@ function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
+function $9da62538e07f038e$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      var _globalState$api, _globalState$api$disp;
+      const transformFunction = (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
+      if (transformFunction) try {
+        return await transformFunction({
+          merchant: (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0](),
+          market: (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0](),
+          displays: displays
+        });
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
 function $c02e9fd51f31a1bd$export$82cfdc85a4d15688(props) {
   $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
@@ -818,7 +842,7 @@ function $c02e9fd51f31a1bd$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationSlider({
     get recommendations() {
-      return props.recommendations;
+      return $9da62538e07f038e$export$12250cb2badef3d2(props);
     },
     product_card_template: display => $cce08f18e2476cbf$export$32024253978abdc7({
       component_props: {
@@ -844,18 +868,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationGrid({
     get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        var _globalState$api, _globalState$api$disp;
-        const transformFunction = (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-        if (transformFunction) return transformFunction({
-          merchant: (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-        return displays;
-      });
-      return recs;
+      return $9da62538e07f038e$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $jb2Oo$isServer)

package/latest/index.cjs

@@ -39,7 +39,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.16";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.2.0";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -795,6 +795,29 @@ function $67657ea54664baa8$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
+function $3d35ad83c8fdfa92$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      const transformFunction = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers?.products;
+      if (transformFunction) try {
+        return await transformFunction({
+          merchant: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).merchant[0](),
+          market: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).market[0](),
+          displays: displays
+        });
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
 function $8ffd7da37fdd46be$export$82cfdc85a4d15688(props) {
   $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $b4d0d98857ed9934$export$f6e64e17bd69eeef({
@@ -806,7 +829,7 @@ function $8ffd7da37fdd46be$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $2IzJs$depictaiui.RecommendationSlider({
     get recommendations() {
-      return props.recommendations;
+      return $3d35ad83c8fdfa92$export$12250cb2badef3d2(props);
     },
     product_card_template: display => $6081519c185fcf70$export$32024253978abdc7({
       component_props: {
@@ -831,17 +854,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2IzJs$depictaiui.RecommendationGrid({
     get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        const transformFunction = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers?.products;
-        if (transformFunction) return transformFunction({
-          merchant: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-        return displays;
-      });
-      return recs;
+      return $3d35ad83c8fdfa92$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $2IzJs$solidjsweb.isServer)

package/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "2.1.16";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/latest/index.js

@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.16";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.0";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -771,6 +771,29 @@ function $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
+function $5ee8e057dabc10d4$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      const transformFunction = (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers?.products;
+      if (transformFunction) try {
+        return await transformFunction({
+          merchant: (0, $42858f023ef23dab$export$8e769ad4338a911e).merchant[0](),
+          market: (0, $42858f023ef23dab$export$8e769ad4338a911e).market[0](),
+          displays: displays
+        });
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
 function $4fd5dc0e231a60d9$export$82cfdc85a4d15688(props) {
   $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $c83ba9ab79386687$export$f6e64e17bd69eeef({
@@ -782,7 +805,7 @@ function $4fd5dc0e231a60d9$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $2GFvs$RecommendationSlider({
     get recommendations() {
-      return props.recommendations;
+      return $5ee8e057dabc10d4$export$12250cb2badef3d2(props);
     },
     product_card_template: display => $bcf84a32dc612a43$export$32024253978abdc7({
       component_props: {
@@ -807,17 +830,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2GFvs$RecommendationGrid({
     get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        const transformFunction = (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers?.products;
-        if (transformFunction) return transformFunction({
-          merchant: (0, $42858f023ef23dab$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $42858f023ef23dab$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-        return displays;
-      });
-      return recs;
+      return $5ee8e057dabc10d4$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $2GFvs$isServer)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "2.1.16",
+  "version": "2.2.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",

package/server/ES10/index.cjs

@@ -160,22 +160,35 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
   category_meta_title_suffix: $aNCHr$solidjs.createSignal(),
   disable_override_query_id: $aNCHr$solidjs.createSignal()
 };
-function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
-  const component_portals = new Set();
-  return $aNCHr$depictaiui.RecommendationGrid({
-    get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        var _globalState$api, _globalState$api$disp;
-        const transformFunction = (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-        if (transformFunction) return transformFunction({
+function $7b4cd941f15b2582$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      var _globalState$api, _globalState$api$disp;
+      const transformFunction = (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
+      if (transformFunction) try {
+        return await transformFunction({
           merchant: (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[0](),
           market: (0, $ef516b1f92253963$export$8e769ad4338a911e).market[0](),
           displays: displays
         });
-        return displays;
-      });
-      return recs;
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
+function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
+  const component_portals = new Set();
+  return $aNCHr$depictaiui.RecommendationGrid({
+    get recommendations() {
+      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $aNCHr$solidjsweb.isServer)
@@ -221,7 +234,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.16";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.2.0";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "2.1.16";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/ES10/index.js

@@ -137,22 +137,35 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
   category_meta_title_suffix: $7h5e1$createSignal(),
   disable_override_query_id: $7h5e1$createSignal()
 };
-function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
-  const component_portals = new Set();
-  return $7h5e1$RecommendationGrid({
-    get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        var _globalState$api, _globalState$api$disp;
-        const transformFunction = (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-        if (transformFunction) return transformFunction({
+function $9da62538e07f038e$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      var _globalState$api, _globalState$api$disp;
+      const transformFunction = (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
+      if (transformFunction) try {
+        return await transformFunction({
           merchant: (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0](),
           market: (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0](),
           displays: displays
         });
-        return displays;
-      });
-      return recs;
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
+function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
+  const component_portals = new Set();
+  return $7h5e1$RecommendationGrid({
+    get recommendations() {
+      return $9da62538e07f038e$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $7h5e1$isServer)
@@ -198,7 +211,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.16";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.0";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.cjs

@@ -154,21 +154,34 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   category_meta_title_suffix: $7QqFM$solidjs.createSignal(),
   disable_override_query_id: $7QqFM$solidjs.createSignal()
 };
-function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
-  const component_portals = new Set();
-  return $7QqFM$depictaiui.RecommendationGrid({
-    get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        const transformFunction = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers?.products;
-        if (transformFunction) return transformFunction({
+function $3d35ad83c8fdfa92$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      const transformFunction = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers?.products;
+      if (transformFunction) try {
+        return await transformFunction({
           merchant: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).merchant[0](),
           market: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).market[0](),
           displays: displays
         });
-        return displays;
-      });
-      return recs;
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
+function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
+  const component_portals = new Set();
+  return $7QqFM$depictaiui.RecommendationGrid({
+    get recommendations() {
+      return $3d35ad83c8fdfa92$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $7QqFM$solidjsweb.isServer)
@@ -212,7 +225,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.16";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.2.0";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "2.1.16";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/latest/index.js

@@ -131,21 +131,34 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
   category_meta_title_suffix: $eOXet$createSignal(),
   disable_override_query_id: $eOXet$createSignal()
 };
-function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
-  const component_portals = new Set();
-  return $eOXet$RecommendationGrid({
-    get recommendations() {
-      const recs = props.recommendations;
-      if ("then" in recs) return recs.then(displays => {
-        const transformFunction = (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers?.products;
-        if (transformFunction) return transformFunction({
+function $5ee8e057dabc10d4$export$12250cb2badef3d2(props) {
+  const recs = props.recommendations;
+  if ("then" in recs)
+    // Run displayTransformers for RecommendationSlider and RecommendationGrid
+    return recs.then(async displays => {
+      const transformFunction = (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers?.products;
+      if (transformFunction) try {
+        return await transformFunction({
           merchant: (0, $42858f023ef23dab$export$8e769ad4338a911e).merchant[0](),
           market: (0, $42858f023ef23dab$export$8e769ad4338a911e).market[0](),
           displays: displays
         });
-        return displays;
-      });
-      return recs;
+      } catch (e) {
+        console.error(e);
+        throw new Error("Error running display transformer for recommendations", {
+          cause: e
+        }); // To stop recommendation grid from rendering
+      }
+
+      return displays;
+    });
+  return recs;
+}
+function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
+  const component_portals = new Set();
+  return $eOXet$RecommendationGrid({
+    get recommendations() {
+      return $5ee8e057dabc10d4$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $eOXet$isServer)
@@ -189,7 +202,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.16";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.0";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }