@depict-ai/react-ui 2.1.15 → 2.1.16

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.1.16";
 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;
@@ -865,7 +868,18 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     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.1.16";
 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.1.16";
 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;
@@ -841,7 +844,18 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     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.1.16";
 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;
@@ -828,7 +831,17 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2IzJs$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     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.1.16";
 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.1.16";
 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;
@@ -804,7 +807,17 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2GFvs$RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     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.1.16",
   "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,41 @@ 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 $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $aNCHr$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     product_card_template: display => {
       if (0, $aNCHr$solidjsweb.isServer)
@@ -190,7 +221,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.15";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.16";
 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.1.16";
 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,41 @@ 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 $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7h5e1$RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     product_card_template: display => {
       if (0, $7h5e1$isServer)
@@ -167,7 +198,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.15";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.16";
 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,40 @@ 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 $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7QqFM$depictaiui.RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     product_card_template: display => {
       if (0, $7QqFM$solidjsweb.isServer)
@@ -182,7 +212,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.15";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.16";
 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.1.16";
 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,40 @@ 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 $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $eOXet$RecommendationGrid({
     get recommendations() {
-      return props.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;
     },
     product_card_template: display => {
       if (0, $eOXet$isServer)
@@ -159,7 +189,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.15";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.16";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }