@depict-ai/react-ui 2.1.6 → 2.1.7

package/ES10/index.cjs

@@ -38,7 +38,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.6";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.7";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -810,7 +810,19 @@ const $07e1b96355935829$export$89c6019e4baa40b1 = raw_react_props => {
     }
   });
 };
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $2kiy7$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");
+  }
+}
 function $745b83c12baac3c0$export$82cfdc85a4d15688(props) {
+  $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $e7ba61a7074c02d3$export$f6e64e17bd69eeef({
     solid_component: $745b83c12baac3c0$export$5abb40edfde2a843,
     props: props
@@ -887,6 +899,7 @@ function $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
   });
 }
 function $8f89f8a832210d6b$export$b0a773486c1c2312(props) {
+  $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $e7ba61a7074c02d3$export$f6e64e17bd69eeef({
     solid_component: (0, $27d583018ba6e604$export$bd8acc07a8bae229),
     props: props,

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.6";
+export const version = "2.1.7";
 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/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $jb2Oo$add_to_version_info, catchify as $jb2Oo$catchify, queueMacroTask as $jb2Oo$queueMacroTask, instant_exec_on_suspect_history_change as $jb2Oo$instant_exec_on_suspect_history_change, derror as $jb2Oo$derror } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $jb2Oo$add_to_version_info, catchify as $jb2Oo$catchify, queueMacroTask as $jb2Oo$queueMacroTask, instant_exec_on_suspect_history_change as $jb2Oo$instant_exec_on_suspect_history_change, derror as $jb2Oo$derror, dwarn as $jb2Oo$dwarn } from "@depict-ai/utilishared/ES10";
 import { CategoryTitle as $383b6fd56bf151bd$re_export$CategoryTitle, embedded_num_products as $383b6fd56bf151bd$re_export$EmbeddedNumProducts, DepictAPI as $jb2Oo$DepictAPI, DepictSearch as $jb2Oo$DepictSearch, DepictCategory as $jb2Oo$DepictCategory, get_search_query_updating_blocked_signal as $jb2Oo$get_search_query_updating_blocked_signal, SearchPage as $jb2Oo$SearchPage, defaultColsAtSize as $jb2Oo$defaultColsAtSize, defaultGridSpacing as $jb2Oo$defaultGridSpacing, ProductCardError as $jb2Oo$ProductCardError, CategoryPage as $jb2Oo$CategoryPage, defaultCategoryTitlePlugin as $jb2Oo$defaultCategoryTitlePlugin, BreadCrumbs as $jb2Oo$BreadCrumbs, QuickLinks as $jb2Oo$QuickLinks, ImagePlaceholder as $jb2Oo$ImagePlaceholder, TextPlaceholder as $jb2Oo$TextPlaceholder, RecommendationSlider as $jb2Oo$RecommendationSlider, RecommendationGrid as $jb2Oo$RecommendationGrid, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { untrack as $jb2Oo$untrack, createRoot as $jb2Oo$createRoot, createEffect as $jb2Oo$createEffect, createMemo as $jb2Oo$createMemo, createComponent as $jb2Oo$createComponent, Show as $jb2Oo$Show, createSignal as $jb2Oo$createSignal, createComputed as $jb2Oo$createComputed, onCleanup as $jb2Oo$onCleanup, getOwner as $jb2Oo$getOwner, runWithOwner as $jb2Oo$runWithOwner, on as $jb2Oo$on, mapArray as $jb2Oo$mapArray } from "solid-js";
 import { createElement as $jb2Oo$createElement, Fragment as $jb2Oo$Fragment, useEffect as $jb2Oo$useEffect, useState as $jb2Oo$useState, useRef as $jb2Oo$useRef, forwardRef as $jb2Oo$forwardRef, Component as $jb2Oo$Component, useCallback as $jb2Oo$useCallback } from "react";
@@ -14,7 +14,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.6";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.7";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -786,7 +786,19 @@ const $2c7738b65cbcac1c$export$89c6019e4baa40b1 = raw_react_props => {
     }
   });
 };
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $jb2Oo$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");
+  }
+}
 function $c02e9fd51f31a1bd$export$82cfdc85a4d15688(props) {
+  $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
     solid_component: $c02e9fd51f31a1bd$export$5abb40edfde2a843,
     props: props
@@ -863,6 +875,7 @@ function $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
   });
 }
 function $31abef71c0a2d3fc$export$b0a773486c1c2312(props) {
+  $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
     solid_component: (0, $48b0916cc674770c$export$bd8acc07a8bae229),
     props: props,

package/latest/index.cjs

@@ -38,7 +38,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.6";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.7";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -779,7 +779,18 @@ const $7c8b440edc188ad5$export$89c6019e4baa40b1 = raw_react_props => {
     }
   });
 };
+
+// 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") {
+    $2IzJs$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");
+  }
+}
 function $8ffd7da37fdd46be$export$82cfdc85a4d15688(props) {
+  $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $b4d0d98857ed9934$export$f6e64e17bd69eeef({
     solid_component: $8ffd7da37fdd46be$export$5abb40edfde2a843,
     props: props
@@ -853,6 +864,7 @@ function $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
   });
 }
 function $48732d1a919ddb4c$export$b0a773486c1c2312(props) {
+  $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $b4d0d98857ed9934$export$f6e64e17bd69eeef({
     solid_component: (0, $0aaa03f81d756b85$export$bd8acc07a8bae229),
     props: props,

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.6";
+export const version = "2.1.7";
 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/latest/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $2GFvs$add_to_version_info, catchify as $2GFvs$catchify, queueMacroTask as $2GFvs$queueMacroTask, instant_exec_on_suspect_history_change as $2GFvs$instant_exec_on_suspect_history_change, derror as $2GFvs$derror } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $2GFvs$add_to_version_info, catchify as $2GFvs$catchify, queueMacroTask as $2GFvs$queueMacroTask, instant_exec_on_suspect_history_change as $2GFvs$instant_exec_on_suspect_history_change, derror as $2GFvs$derror, dwarn as $2GFvs$dwarn } from "@depict-ai/utilishared/latest";
 import { CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, DepictAPI as $2GFvs$DepictAPI, DepictSearch as $2GFvs$DepictSearch, DepictCategory as $2GFvs$DepictCategory, get_search_query_updating_blocked_signal as $2GFvs$get_search_query_updating_blocked_signal, SearchPage as $2GFvs$SearchPage, defaultColsAtSize as $2GFvs$defaultColsAtSize, defaultGridSpacing as $2GFvs$defaultGridSpacing, ProductCardError as $2GFvs$ProductCardError, CategoryPage as $2GFvs$CategoryPage, defaultCategoryTitlePlugin as $2GFvs$defaultCategoryTitlePlugin, BreadCrumbs as $2GFvs$BreadCrumbs, QuickLinks as $2GFvs$QuickLinks, ImagePlaceholder as $2GFvs$ImagePlaceholder, TextPlaceholder as $2GFvs$TextPlaceholder, RecommendationSlider as $2GFvs$RecommendationSlider, RecommendationGrid as $2GFvs$RecommendationGrid, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { untrack as $2GFvs$untrack, createRoot as $2GFvs$createRoot, createEffect as $2GFvs$createEffect, createMemo as $2GFvs$createMemo, createComponent as $2GFvs$createComponent, Show as $2GFvs$Show, createSignal as $2GFvs$createSignal, createComputed as $2GFvs$createComputed, onCleanup as $2GFvs$onCleanup, getOwner as $2GFvs$getOwner, runWithOwner as $2GFvs$runWithOwner, on as $2GFvs$on, mapArray as $2GFvs$mapArray } from "solid-js";
 import { createElement as $2GFvs$createElement, Fragment as $2GFvs$Fragment, useEffect as $2GFvs$useEffect, useState as $2GFvs$useState, useRef as $2GFvs$useRef, forwardRef as $2GFvs$forwardRef, Component as $2GFvs$Component, useCallback as $2GFvs$useCallback } from "react";
@@ -14,7 +14,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.6";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.7";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -755,7 +755,18 @@ const $cbd250061abf11cb$export$89c6019e4baa40b1 = raw_react_props => {
     }
   });
 };
+
+// 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") {
+    $2GFvs$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");
+  }
+}
 function $4fd5dc0e231a60d9$export$82cfdc85a4d15688(props) {
+  $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $c83ba9ab79386687$export$f6e64e17bd69eeef({
     solid_component: $4fd5dc0e231a60d9$export$5abb40edfde2a843,
     props: props
@@ -829,6 +840,7 @@ function $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
   });
 }
 function $73b783bfc241b2d9$export$b0a773486c1c2312(props) {
+  $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $c83ba9ab79386687$export$f6e64e17bd69eeef({
     solid_component: (0, $8bee51f55543fe0c$export$bd8acc07a8bae229),
     props: props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -137,8 +137,8 @@
     "@babel/runtime-corejs3": "latest",
     "@depict-ai/dpc": "^1.0.42",
     "@depict-ai/plp-styling": "^1.2.6",
-    "@depict-ai/ui": "^2.1.8",
-    "@depict-ai/utilishared": "^1.0.47",
+    "@depict-ai/ui": "^2.1.12",
+    "@depict-ai/utilishared": "^1.0.48",
     "solid-js": "^1.8.1"
   },
   "peerDependencies": {

package/server/ES10/index.cjs

@@ -5,6 +5,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$depictaiutilishared = require("@depict-ai/utilishared/ES10");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "ES10");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -39,7 +40,7 @@ function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
   } = _ref;
   const wrapper_element_ref = $aNCHr$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 = $aNCHr$solidjsweb.renderToString(() => solid_component(props, () => {})) + $aNCHr$solidjsweb.generateHydrationScript();
+  const rendered_html = $aNCHr$solidjsweb.generateHydrationScript() + $aNCHr$solidjsweb.renderToString(() => solid_component(props, () => {}));
   return $aNCHr$react.createElement((0, $aNCHr$react.Fragment), null, $aNCHr$react.createElement(wrapper_type, {
     ref: wrapper_element_ref,
     style: wrapper_style,
@@ -170,7 +171,18 @@ function $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.6";
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $aNCHr$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 $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.7";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -194,7 +206,8 @@ function $202459d454907b31$export$466cdc317043f6cb() {
     children: []
   });
 }
-function $202459d454907b31$export$82cfdc85a4d15688() {
+function $202459d454907b31$export$82cfdc85a4d15688(props) {
+  $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $aNCHr$react.createElement("div", {
     children: []
   });
@@ -219,6 +232,7 @@ function $202459d454907b31$export$3f37af283f8fb843(raw_react_props) {
   });
 }
 function $202459d454907b31$export$b0a773486c1c2312(props) {
+  $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $f144be06c518d0ac$export$4b564d7f5a1b1d43({
     solid_component: (0, $27d583018ba6e604$export$bd8acc07a8bae229),
     props: props,

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.6";
+export const version = "2.1.7";
 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/ES10/index.js

@@ -1,10 +1,11 @@
 import { createElement as $7h5e1$createElement, useRef as $7h5e1$useRef, Fragment as $7h5e1$Fragment, useEffect as $7h5e1$useEffect, useState as $7h5e1$useState, Component as $7h5e1$Component } from "react";
 import { ImagePlaceholder as $7h5e1$ImagePlaceholder, TextPlaceholder as $7h5e1$TextPlaceholder, RecommendationGrid as $7h5e1$RecommendationGrid, defaultColsAtSize as $7h5e1$defaultColsAtSize, defaultGridSpacing as $7h5e1$defaultGridSpacing, ProductCardError as $7h5e1$ProductCardError } from "@depict-ai/ui/ES10";
-import { renderToString as $7h5e1$renderToString, generateHydrationScript as $7h5e1$generateHydrationScript, isServer as $7h5e1$isServer } from "solid-js/web";
+import { generateHydrationScript as $7h5e1$generateHydrationScript, renderToString as $7h5e1$renderToString, isServer as $7h5e1$isServer } from "solid-js/web";
 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 { jsx as $7h5e1$jsx } from "react/jsx-runtime";
 import { createPortal as $7h5e1$createPortal } from "react-dom";
+import { dwarn as $7h5e1$dwarn } from "@depict-ai/utilishared/ES10";
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
 function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
@@ -16,7 +17,7 @@ function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
   } = _ref;
   const wrapper_element_ref = $7h5e1$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 = $7h5e1$renderToString(() => solid_component(props, () => {})) + $7h5e1$generateHydrationScript();
+  const rendered_html = $7h5e1$generateHydrationScript() + $7h5e1$renderToString(() => solid_component(props, () => {}));
   return $7h5e1$createElement((0, $7h5e1$Fragment), null, $7h5e1$createElement(wrapper_type, {
     ref: wrapper_element_ref,
     style: wrapper_style,
@@ -147,7 +148,18 @@ function $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.6";
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $7h5e1$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 $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.7";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -171,7 +183,8 @@ function $5c4add0a8fe94894$export$466cdc317043f6cb() {
     children: []
   });
 }
-function $5c4add0a8fe94894$export$82cfdc85a4d15688() {
+function $5c4add0a8fe94894$export$82cfdc85a4d15688(props) {
+  $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $7h5e1$createElement("div", {
     children: []
   });
@@ -196,6 +209,7 @@ function $5c4add0a8fe94894$export$3f37af283f8fb843(raw_react_props) {
   });
 }
 function $5c4add0a8fe94894$export$b0a773486c1c2312(props) {
+  $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $e8e755ef02e716bf$export$4b564d7f5a1b1d43({
     solid_component: (0, $48b0916cc674770c$export$bd8acc07a8bae229),
     props: props,

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.7";
 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.7";
 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.7";
 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,