@depict-ai/react-ui 2.1.6 → 2.1.8

package/server/latest/index.cjs

@@ -5,6 +5,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$depictaiutilishared = require("@depict-ai/utilishared/latest");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "latest");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -38,7 +39,7 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
 }) {
   const wrapper_element_ref = $7QqFM$react.useRef();
   // The worst thing that can happen by multiple generateHydrationScript's is that events dispatched before the hydration are duplicated in solid's shared context which leads to them being deduplicated again here https://github.com/ryansolid/dom-expressions/blob/21fdba5bcab25986a2b93003aaace100b2231cdc/packages/dom-expressions/src/client.js#L280
-  const rendered_html = $7QqFM$solidjsweb.renderToString(() => solid_component(props, () => {})) + $7QqFM$solidjsweb.generateHydrationScript();
+  const rendered_html = $7QqFM$solidjsweb.generateHydrationScript() + $7QqFM$solidjsweb.renderToString(() => solid_component(props, () => {}));
   return $7QqFM$react.createElement((0, $7QqFM$react.Fragment), null, $7QqFM$react.createElement(wrapper_type, {
     ref: wrapper_element_ref,
     style: wrapper_style,
@@ -163,7 +164,17 @@ function $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.6";
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $67657ea54664baa8$export$4daadad26e48a2c7(props) {
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof props?.recommendations?.then !== "function") {
+    $7QqFM$depictaiutilishared.dwarn(us, "Got", props.recommendations, "which is not thenable");
+    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");
+  }
+}
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.8";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -187,7 +198,8 @@ function $41e7e5d85b5e0d49$export$466cdc317043f6cb() {
     children: []
   });
 }
-function $41e7e5d85b5e0d49$export$82cfdc85a4d15688() {
+function $41e7e5d85b5e0d49$export$82cfdc85a4d15688(props) {
+  $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $7QqFM$react.createElement("div", {
     children: []
   });
@@ -212,6 +224,7 @@ function $41e7e5d85b5e0d49$export$3f37af283f8fb843(raw_react_props) {
   });
 }
 function $41e7e5d85b5e0d49$export$b0a773486c1c2312(props) {
+  $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $35dfe83eec81954c$export$4b564d7f5a1b1d43({
     solid_component: (0, $0aaa03f81d756b85$export$bd8acc07a8bae229),
     props: props,

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.6";
+export const version = "2.1.8";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -607,7 +607,7 @@ export function useFetchRecommendations<T extends Display>(): UseFetchRecommenda
  * Helper function to navigate to a new page depending on the navigation library used.
  */
 export const Navigation: {
-  nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
+  nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
 };
 export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
 export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";

package/server/latest/index.js

@@ -1,10 +1,11 @@
 import { createElement as $eOXet$createElement, useRef as $eOXet$useRef, Fragment as $eOXet$Fragment, useEffect as $eOXet$useEffect, useState as $eOXet$useState, Component as $eOXet$Component } from "react";
 import { ImagePlaceholder as $eOXet$ImagePlaceholder, TextPlaceholder as $eOXet$TextPlaceholder, RecommendationGrid as $eOXet$RecommendationGrid, defaultColsAtSize as $eOXet$defaultColsAtSize, defaultGridSpacing as $eOXet$defaultGridSpacing, ProductCardError as $eOXet$ProductCardError } from "@depict-ai/ui/latest";
-import { renderToString as $eOXet$renderToString, generateHydrationScript as $eOXet$generateHydrationScript, isServer as $eOXet$isServer } from "solid-js/web";
+import { generateHydrationScript as $eOXet$generateHydrationScript, renderToString as $eOXet$renderToString, isServer as $eOXet$isServer } from "solid-js/web";
 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 { jsx as $eOXet$jsx } from "react/jsx-runtime";
 import { createPortal as $eOXet$createPortal } from "react-dom";
+import { dwarn as $eOXet$dwarn } from "@depict-ai/utilishared/latest";
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
 function $4568c09979447ab1$export$4b564d7f5a1b1d43({
@@ -15,7 +16,7 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({
 }) {
   const wrapper_element_ref = $eOXet$useRef();
   // The worst thing that can happen by multiple generateHydrationScript's is that events dispatched before the hydration are duplicated in solid's shared context which leads to them being deduplicated again here https://github.com/ryansolid/dom-expressions/blob/21fdba5bcab25986a2b93003aaace100b2231cdc/packages/dom-expressions/src/client.js#L280
-  const rendered_html = $eOXet$renderToString(() => solid_component(props, () => {})) + $eOXet$generateHydrationScript();
+  const rendered_html = $eOXet$generateHydrationScript() + $eOXet$renderToString(() => solid_component(props, () => {}));
   return $eOXet$createElement((0, $eOXet$Fragment), null, $eOXet$createElement(wrapper_type, {
     ref: wrapper_element_ref,
     style: wrapper_style,
@@ -140,7 +141,17 @@ function $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.6";
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props) {
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof props?.recommendations?.then !== "function") {
+    $eOXet$dwarn(us, "Got", props.recommendations, "which is not thenable");
+    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");
+  }
+}
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.8";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -164,7 +175,8 @@ function $2b1fdeb83610500f$export$466cdc317043f6cb() {
     children: []
   });
 }
-function $2b1fdeb83610500f$export$82cfdc85a4d15688() {
+function $2b1fdeb83610500f$export$82cfdc85a4d15688(props) {
+  $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $eOXet$createElement("div", {
     children: []
   });
@@ -189,6 +201,7 @@ function $2b1fdeb83610500f$export$3f37af283f8fb843(raw_react_props) {
   });
 }
 function $2b1fdeb83610500f$export$b0a773486c1c2312(props) {
+  $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $4568c09979447ab1$export$4b564d7f5a1b1d43({
     solid_component: (0, $8bee51f55543fe0c$export$bd8acc07a8bae229),
     props: props,