@depict-ai/react-ui 2.1.15 → 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.15";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.2.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -139,6 +139,9 @@ let $abe6528d061993d2$var$set = false;
 let $abe6528d061993d2$var$padding_animation;
 function $abe6528d061993d2$export$6453cbc34515a94d() {
   var _window, _window$next, _window$next$router, _window$next$router$e;
+  /// WARNING WARNING WARNING
+  // If you are debugging scroll restoration, make sure you're not in strict mode!!!!! Scroll restoration in nextjs won't work in strict mode because react will nuke all our elements from the DOM and render them again during going back
+  // Next 13.x+ has strict mode by default, opt out by setting reactStrictMode: false in next.config.js
   const are_on_search_or_category_page = () => $e7ba61a7074c02d3$export$775e6b3892b5ad52() || $e7ba61a7074c02d3$export$30c8a12df09be0e4();
   if ($abe6528d061993d2$var$set) return; // Just being safe
   $abe6528d061993d2$var$set = true;
@@ -828,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({
@@ -839,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: {
@@ -865,7 +892,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      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.15";
+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.15";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -115,6 +115,9 @@ let $64144f6d578fd8ac$var$set = false;
 let $64144f6d578fd8ac$var$padding_animation;
 function $64144f6d578fd8ac$export$6453cbc34515a94d() {
   var _window, _window$next, _window$next$router, _window$next$router$e;
+  /// WARNING WARNING WARNING
+  // If you are debugging scroll restoration, make sure you're not in strict mode!!!!! Scroll restoration in nextjs won't work in strict mode because react will nuke all our elements from the DOM and render them again during going back
+  // Next 13.x+ has strict mode by default, opt out by setting reactStrictMode: false in next.config.js
   const are_on_search_or_category_page = () => $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52() || $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4();
   if ($64144f6d578fd8ac$var$set) return; // Just being safe
   $64144f6d578fd8ac$var$set = true;
@@ -804,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({
@@ -815,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: {
@@ -841,7 +868,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      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.15";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.2.0";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -130,6 +130,9 @@ function $b4d0d98857ed9934$export$e5139bbbb9a05035(component, is_set) {
 let $6319748b4f0426f0$var$set = false;
 let $6319748b4f0426f0$var$padding_animation;
 function $6319748b4f0426f0$export$6453cbc34515a94d() {
+  /// WARNING WARNING WARNING
+  // If you are debugging scroll restoration, make sure you're not in strict mode!!!!! Scroll restoration in nextjs won't work in strict mode because react will nuke all our elements from the DOM and render them again during going back
+  // Next 13.x+ has strict mode by default, opt out by setting reactStrictMode: false in next.config.js
   const are_on_search_or_category_page = () => $b4d0d98857ed9934$export$775e6b3892b5ad52() || $b4d0d98857ed9934$export$30c8a12df09be0e4();
   if ($6319748b4f0426f0$var$set) return; // Just being safe
   $6319748b4f0426f0$var$set = true;
@@ -792,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({
@@ -803,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: {
@@ -828,7 +854,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2IzJs$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      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.15";
+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.15";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.0";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -106,6 +106,9 @@ function $c83ba9ab79386687$export$e5139bbbb9a05035(component, is_set) {
 let $8071251ee4e9ffa1$var$set = false;
 let $8071251ee4e9ffa1$var$padding_animation;
 function $8071251ee4e9ffa1$export$6453cbc34515a94d() {
+  /// WARNING WARNING WARNING
+  // If you are debugging scroll restoration, make sure you're not in strict mode!!!!! Scroll restoration in nextjs won't work in strict mode because react will nuke all our elements from the DOM and render them again during going back
+  // Next 13.x+ has strict mode by default, opt out by setting reactStrictMode: false in next.config.js
   const are_on_search_or_category_page = () => $c83ba9ab79386687$export$775e6b3892b5ad52() || $c83ba9ab79386687$export$30c8a12df09be0e4();
   if ($8071251ee4e9ffa1$var$set) return; // Just being safe
   $8071251ee4e9ffa1$var$set = true;
@@ -768,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({
@@ -779,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: {
@@ -804,7 +830,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2GFvs$RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      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.15",
+  "version": "2.2.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -136,7 +136,7 @@
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
     "@depict-ai/dpc": "^1.0.45",
-    "@depict-ai/plp-styling": "^1.2.14",
+    "@depict-ai/plp-styling": "^1.2.15",
     "@depict-ai/ui": "^2.1.23",
     "@depict-ai/utilishared": "^1.0.51",
     "solid-js": "^1.8.1"
@@ -150,10 +150,10 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@depict-ai/plp-styling": "^1.2.14",
+    "@depict-ai/plp-styling": "^1.2.15",
     "@jest/globals": "^29.3.1",
-    "@parcel/babel-preset-env": "^2.9.3",
-    "@parcel/transformer-sass": "^2.9.3",
+    "@parcel/babel-preset-env": "^2.10.3",
+    "@parcel/transformer-sass": "^2.10.3",
     "@types/jest": "^29.2.6",
     "@types/node": "^18.11.11",
     "@types/react": "^18.0.26",
@@ -164,7 +164,7 @@
     "jest-haste-map": "^29.3.1",
     "jest-resolve": "^29.3.1",
     "next": "^13.4.10",
-    "parcel": "^2.9.3",
+    "parcel": "^2.10.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-jest": "^29.0.5"

package/server/ES10/index.cjs

@@ -7,6 +7,7 @@ var $aNCHr$reactdomserver = require("react-dom/server");
 var $aNCHr$solidjs = require("solid-js");
 var $aNCHr$reactjsxruntime = require("react/jsx-runtime");
 var $aNCHr$reactdom = require("react-dom");
+var $aNCHr$depictaiuilocales = require("@depict-ai/ui/locales/ES10");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "ES10");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -140,11 +141,54 @@ async function $3441d987b5ea85cb$export$32024253978abdc7(_ref) {
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
+const $ef516b1f92253963$export$8e769ad4338a911e = {
+  usedLocale: $aNCHr$solidjs.createSignal((0, $aNCHr$depictaiuilocales.defaultLocale)),
+  search_instances: new Map(),
+  category_instances: new Map(),
+  api: null,
+  dpc: null,
+  merchant: $aNCHr$solidjs.createSignal(),
+  market: $aNCHr$solidjs.createSignal(),
+  userId: $aNCHr$solidjs.createSignal(),
+  sessionId: $aNCHr$solidjs.createSignal(),
+  known_category_paths: new Set(),
+  search_page_path_: $aNCHr$solidjs.createSignal(),
+  search_page_in_dom: $aNCHr$solidjs.createSignal(false),
+  category_page_in_dom: $aNCHr$solidjs.createSignal(false),
+  provider_is_updating: $aNCHr$solidjs.createSignal(false),
+  enable_content_search: $aNCHr$solidjs.createSignal(),
+  category_meta_title_suffix: $aNCHr$solidjs.createSignal(),
+  disable_override_query_id: $aNCHr$solidjs.createSignal()
+};
+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 $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $aNCHr$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $aNCHr$solidjsweb.isServer)
@@ -190,7 +234,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.15";
+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.15";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/ES10/index.js

@@ -4,9 +4,10 @@ import { ImagePlaceholder as $7h5e1$ImagePlaceholder, TextPlaceholder as $7h5e1$
 import { generateHydrationScript as $7h5e1$generateHydrationScript, renderToString as $7h5e1$renderToString, isServer as $7h5e1$isServer } from "solid-js/web";
 import { dwarn as $7h5e1$dwarn } from "@depict-ai/utilishared/ES10";
 import { renderToString as $7h5e1$renderToString1 } from "react-dom/server";
-import { getOwner as $7h5e1$getOwner, untrack as $7h5e1$untrack, runWithOwner as $7h5e1$runWithOwner, createEffect as $7h5e1$createEffect, on as $7h5e1$on, onCleanup as $7h5e1$onCleanup } from "solid-js";
+import { getOwner as $7h5e1$getOwner, untrack as $7h5e1$untrack, runWithOwner as $7h5e1$runWithOwner, createEffect as $7h5e1$createEffect, on as $7h5e1$on, onCleanup as $7h5e1$onCleanup, createSignal as $7h5e1$createSignal } from "solid-js";
 import { jsx as $7h5e1$jsx } from "react/jsx-runtime";
 import { createPortal as $7h5e1$createPortal } from "react-dom";
+import { defaultLocale as $7h5e1$defaultLocale } from "@depict-ai/ui/locales/ES10";
 
 //"use client"; // <- opt out of react server components to the rendering method where components are rendered both on the client and on the server and then hydrated on the client, see https://www.joshwcomeau.com/react/server-components/#:~:text=Client%20Components%20render%20on%20both%20the%20client%20and%20the%20server.
 // This "use client" actually just gets deleted by parcel, but I'm leaving it because we re-add it in the build scripts and this makes you more aware of that
@@ -117,11 +118,54 @@ async function $cce08f18e2476cbf$export$32024253978abdc7(_ref) {
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
+const $8c691d7f86317052$export$8e769ad4338a911e = {
+  usedLocale: $7h5e1$createSignal((0, $7h5e1$defaultLocale)),
+  search_instances: new Map(),
+  category_instances: new Map(),
+  api: null,
+  dpc: null,
+  merchant: $7h5e1$createSignal(),
+  market: $7h5e1$createSignal(),
+  userId: $7h5e1$createSignal(),
+  sessionId: $7h5e1$createSignal(),
+  known_category_paths: new Set(),
+  search_page_path_: $7h5e1$createSignal(),
+  search_page_in_dom: $7h5e1$createSignal(false),
+  category_page_in_dom: $7h5e1$createSignal(false),
+  provider_is_updating: $7h5e1$createSignal(false),
+  enable_content_search: $7h5e1$createSignal(),
+  category_meta_title_suffix: $7h5e1$createSignal(),
+  disable_override_query_id: $7h5e1$createSignal()
+};
+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 $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7h5e1$RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      return $9da62538e07f038e$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $7h5e1$isServer)
@@ -167,7 +211,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.15";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.0";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.cjs

@@ -7,6 +7,7 @@ var $7QqFM$reactdomserver = require("react-dom/server");
 var $7QqFM$solidjs = require("solid-js");
 var $7QqFM$reactjsxruntime = require("react/jsx-runtime");
 var $7QqFM$reactdom = require("react-dom");
+var $7QqFM$depictaiuilocales = require("@depict-ai/ui/locales/latest");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "latest");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -134,11 +135,53 @@ async function $6081519c185fcf70$export$32024253978abdc7({
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
+const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
+  usedLocale: $7QqFM$solidjs.createSignal((0, $7QqFM$depictaiuilocales.defaultLocale)),
+  search_instances: new Map(),
+  category_instances: new Map(),
+  api: null,
+  dpc: null,
+  merchant: $7QqFM$solidjs.createSignal(),
+  market: $7QqFM$solidjs.createSignal(),
+  userId: $7QqFM$solidjs.createSignal(),
+  sessionId: $7QqFM$solidjs.createSignal(),
+  known_category_paths: new Set(),
+  search_page_path_: $7QqFM$solidjs.createSignal(),
+  search_page_in_dom: $7QqFM$solidjs.createSignal(false),
+  category_page_in_dom: $7QqFM$solidjs.createSignal(false),
+  provider_is_updating: $7QqFM$solidjs.createSignal(false),
+  enable_content_search: $7QqFM$solidjs.createSignal(),
+  category_meta_title_suffix: $7QqFM$solidjs.createSignal(),
+  disable_override_query_id: $7QqFM$solidjs.createSignal()
+};
+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 $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7QqFM$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      return $3d35ad83c8fdfa92$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $7QqFM$solidjsweb.isServer)
@@ -182,7 +225,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.15";
+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.15";
+export const version = "2.2.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/latest/index.js

@@ -4,9 +4,10 @@ import { ImagePlaceholder as $eOXet$ImagePlaceholder, TextPlaceholder as $eOXet$
 import { generateHydrationScript as $eOXet$generateHydrationScript, renderToString as $eOXet$renderToString, isServer as $eOXet$isServer } from "solid-js/web";
 import { dwarn as $eOXet$dwarn } from "@depict-ai/utilishared/latest";
 import { renderToString as $eOXet$renderToString1 } from "react-dom/server";
-import { getOwner as $eOXet$getOwner, untrack as $eOXet$untrack, runWithOwner as $eOXet$runWithOwner, createEffect as $eOXet$createEffect, on as $eOXet$on, onCleanup as $eOXet$onCleanup } from "solid-js";
+import { getOwner as $eOXet$getOwner, untrack as $eOXet$untrack, runWithOwner as $eOXet$runWithOwner, createEffect as $eOXet$createEffect, on as $eOXet$on, onCleanup as $eOXet$onCleanup, createSignal as $eOXet$createSignal } from "solid-js";
 import { jsx as $eOXet$jsx } from "react/jsx-runtime";
 import { createPortal as $eOXet$createPortal } from "react-dom";
+import { defaultLocale as $eOXet$defaultLocale } from "@depict-ai/ui/locales/latest";
 
 //"use client"; // <- opt out of react server components to the rendering method where components are rendered both on the client and on the server and then hydrated on the client, see https://www.joshwcomeau.com/react/server-components/#:~:text=Client%20Components%20render%20on%20both%20the%20client%20and%20the%20server.
 // This "use client" actually just gets deleted by parcel, but I'm leaving it because we re-add it in the build scripts and this makes you more aware of that
@@ -111,11 +112,53 @@ async function $bcf84a32dc612a43$export$32024253978abdc7({
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
+const $42858f023ef23dab$export$8e769ad4338a911e = {
+  usedLocale: $eOXet$createSignal((0, $eOXet$defaultLocale)),
+  search_instances: new Map(),
+  category_instances: new Map(),
+  api: null,
+  dpc: null,
+  merchant: $eOXet$createSignal(),
+  market: $eOXet$createSignal(),
+  userId: $eOXet$createSignal(),
+  sessionId: $eOXet$createSignal(),
+  known_category_paths: new Set(),
+  search_page_path_: $eOXet$createSignal(),
+  search_page_in_dom: $eOXet$createSignal(false),
+  category_page_in_dom: $eOXet$createSignal(false),
+  provider_is_updating: $eOXet$createSignal(false),
+  enable_content_search: $eOXet$createSignal(),
+  category_meta_title_suffix: $eOXet$createSignal(),
+  disable_override_query_id: $eOXet$createSignal()
+};
+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 $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $eOXet$RecommendationGrid({
     get recommendations() {
-      return props.recommendations;
+      return $5ee8e057dabc10d4$export$12250cb2badef3d2(props);
     },
     product_card_template: display => {
       if (0, $eOXet$isServer)
@@ -159,7 +202,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.15";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.0";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }