@depict-ai/react-ui 2.1.13 → 2.1.15

package/ES10/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 var $2kiy7$depictaiutilishared = require("@depict-ai/utilishared/ES10");
 var $2kiy7$depictaiui = require("@depict-ai/ui/ES10");
 var $2kiy7$solidjs = require("solid-js");
@@ -38,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.13";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.15";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -223,6 +224,8 @@ function $abe6528d061993d2$var$make_next_router_event_target() {
   return next_router_event_target;
 }
 const $4a695f491f8300eb$export$599d4515591ef232 = (relativeUrl, isReplace, scroll) => {
+  var _window, _window$next;
+  if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined") throw new Error("You must provide a navigateFunction when not using Next.js.");
   let Page;
   (function (Page) {
     Page[Page["OTHER"] = 0] = "OTHER";
@@ -286,7 +289,10 @@ function $50b0315f34679db4$export$bae2769a30719c48(disposable, stateKey) {
       // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
       localization: $2kiy7$solidjs.untrack(get_locale),
       url_transformer: url => url.pathname = $2kiy7$solidjs.untrack(get_search_page_path),
-      on_navigation: (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation,
+      on_navigation: function () {
+        return (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation(...arguments);
+      },
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey,
       enable_content_search: $2kiy7$solidjs.untrack(get_enable_content_search)
     });
@@ -326,7 +332,10 @@ function $d944107b1e0acdae$export$248b95d5073d5bab(disposable, stateKey) {
       // TODO: check if we can do this
       merchant: $2kiy7$solidjs.untrack(get_merchant),
       localization: $2kiy7$solidjs.untrack(get_locale),
-      on_navigation: (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation,
+      on_navigation: function () {
+        return (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation(...arguments);
+      },
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey
     });
     $2kiy7$solidjs.createComputed(() => {
@@ -396,13 +405,11 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
   (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[1](merchant);
   $abe6528d061993d2$export$6453cbc34515a94d();
   try {
-    var _window, _window$next;
     const {
       search_instances: search_instances,
       category_instances: category_instances,
       search_page_path_: [, set_search_page_path]
     } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
-    if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
     const on_navigation = _ref => {
       let {
         is_replace: is_replace,
@@ -1029,4 +1036,4 @@ const $6bf91538dbdf0252$export$804fac5697cfbe35 = router => (relativeUrl, _ref)
 const $0d3a2413fdeb34b9$export$b8a61e5c71402559 = {
   nextRouterNavigation: $6bf91538dbdf0252$export$804fac5697cfbe35
 };
-$2kiy7$depictaiutilishared.add_to_version_info("react-ui", (0, $efbdd2dab4314170$export$83d89fbfd8236492));
+$2kiy7$depictaiutilishared.add_to_version_info("react-ui", (0, $efbdd2dab4314170$export$83d89fbfd8236492));

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.13";
+export const version = "2.1.15";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/ES10/index.js

@@ -1,3 +1,4 @@
+"use client";
 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";
@@ -14,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.13";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.15";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -199,6 +200,8 @@ function $64144f6d578fd8ac$var$make_next_router_event_target() {
   return next_router_event_target;
 }
 const $7abe9e29758fa0eb$export$599d4515591ef232 = (relativeUrl, isReplace, scroll) => {
+  var _window, _window$next;
+  if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined") throw new Error("You must provide a navigateFunction when not using Next.js.");
   let Page;
   (function (Page) {
     Page[Page["OTHER"] = 0] = "OTHER";
@@ -262,7 +265,10 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
       // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
       localization: $jb2Oo$untrack(get_locale),
       url_transformer: url => url.pathname = $jb2Oo$untrack(get_search_page_path),
-      on_navigation: (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation,
+      on_navigation: function () {
+        return (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation(...arguments);
+      },
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey,
       enable_content_search: $jb2Oo$untrack(get_enable_content_search)
     });
@@ -302,7 +308,10 @@ function $b1c85026e863c95b$export$248b95d5073d5bab(disposable, stateKey) {
       // TODO: check if we can do this
       merchant: $jb2Oo$untrack(get_merchant),
       localization: $jb2Oo$untrack(get_locale),
-      on_navigation: (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation,
+      on_navigation: function () {
+        return (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation(...arguments);
+      },
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey
     });
     $jb2Oo$createComputed(() => {
@@ -372,13 +381,11 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
   (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[1](merchant);
   $64144f6d578fd8ac$export$6453cbc34515a94d();
   try {
-    var _window, _window$next;
     const {
       search_instances: search_instances,
       category_instances: category_instances,
       search_page_path_: [, set_search_page_path]
     } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
-    if (typeof ((_window = window) === null || _window === void 0 ? void 0 : (_window$next = _window.next) === null || _window$next === void 0 ? void 0 : _window$next.router) === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
     const on_navigation = _ref => {
       let {
         is_replace: is_replace,
@@ -1006,4 +1013,4 @@ const $a7dfdd84298ae791$export$b8a61e5c71402559 = {
   nextRouterNavigation: $05726fa9c7eda0a1$export$804fac5697cfbe35
 };
 $jb2Oo$add_to_version_info("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
-export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $e86a296a07b17ad5$export$f7d2f673fc2f091d as CategoryPage, $d059770e7af9e2dc$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $4c71282d292aac6d$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };
+export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $e86a296a07b17ad5$export$f7d2f673fc2f091d as CategoryPage, $d059770e7af9e2dc$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $4c71282d292aac6d$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };

package/latest/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 var $2IzJs$depictaiutilishared = require("@depict-ai/utilishared/latest");
 var $2IzJs$depictaiui = require("@depict-ai/ui/latest");
 var $2IzJs$solidjs = require("solid-js");
@@ -38,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.13";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.15";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -209,6 +210,7 @@ function $6319748b4f0426f0$var$make_next_router_event_target() {
   return next_router_event_target;
 }
 const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl, isReplace, scroll) => {
+  if (typeof window?.next?.router === "undefined") throw new Error("You must provide a navigateFunction when not using Next.js.");
   let Page;
   (function (Page) {
     Page[Page["OTHER"] = 0] = "OTHER";
@@ -271,7 +273,8 @@ function $b1cf911fa603e77a$export$bae2769a30719c48(disposable, stateKey) {
       // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
       localization: $2IzJs$solidjs.untrack(get_locale),
       url_transformer: url => url.pathname = $2IzJs$solidjs.untrack(get_search_page_path),
-      on_navigation: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation,
+      on_navigation: (...args) => (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation(...args),
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey,
       enable_content_search: $2IzJs$solidjs.untrack(get_enable_content_search)
     });
@@ -311,7 +314,8 @@ function $da98aca6c7d4c3f9$export$248b95d5073d5bab(disposable, stateKey) {
       // TODO: check if we can do this
       merchant: $2IzJs$solidjs.untrack(get_merchant),
       localization: $2IzJs$solidjs.untrack(get_locale),
-      on_navigation: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation,
+      on_navigation: (...args) => (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).on_navigation(...args),
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey
     });
     $2IzJs$solidjs.createComputed(() => {
@@ -385,7 +389,6 @@ function $24b00503eef73528$var$ActualDepictProvider(props) {
       category_instances: category_instances,
       search_page_path_: [, set_search_page_path]
     } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
-    if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
     const on_navigation = ({
       is_replace: is_replace,
       new_url: new_url,
@@ -987,4 +990,4 @@ const $e387bd534de10acd$export$804fac5697cfbe35 = router => (relativeUrl, {
 const $b742053c966024b4$export$b8a61e5c71402559 = {
   nextRouterNavigation: $e387bd534de10acd$export$804fac5697cfbe35
 };
-$2IzJs$depictaiutilishared.add_to_version_info("react-ui", (0, $db7b67857900028b$export$83d89fbfd8236492));
+$2IzJs$depictaiutilishared.add_to_version_info("react-ui", (0, $db7b67857900028b$export$83d89fbfd8236492));

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.13";
+export const version = "2.1.15";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/latest/index.js

@@ -1,3 +1,4 @@
+"use client";
 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";
@@ -14,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.13";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.15";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -185,6 +186,7 @@ function $8071251ee4e9ffa1$var$make_next_router_event_target() {
   return next_router_event_target;
 }
 const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl, isReplace, scroll) => {
+  if (typeof window?.next?.router === "undefined") throw new Error("You must provide a navigateFunction when not using Next.js.");
   let Page;
   (function (Page) {
     Page[Page["OTHER"] = 0] = "OTHER";
@@ -247,7 +249,8 @@ function $80202ccbe2ade418$export$bae2769a30719c48(disposable, stateKey) {
       // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
       localization: $2GFvs$untrack(get_locale),
       url_transformer: url => url.pathname = $2GFvs$untrack(get_search_page_path),
-      on_navigation: (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation,
+      on_navigation: (...args) => (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation(...args),
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey,
       enable_content_search: $2GFvs$untrack(get_enable_content_search)
     });
@@ -287,7 +290,8 @@ function $9145bcf81a0216ce$export$248b95d5073d5bab(disposable, stateKey) {
       // TODO: check if we can do this
       merchant: $2GFvs$untrack(get_merchant),
       localization: $2GFvs$untrack(get_locale),
-      on_navigation: (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation,
+      on_navigation: (...args) => (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation(...args),
+      // wrapping the function here since it could change
       unique_instance_key_for_state: stateKey
     });
     $2GFvs$createComputed(() => {
@@ -361,7 +365,6 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
       category_instances: category_instances,
       search_page_path_: [, set_search_page_path]
     } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
-    if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
     const on_navigation = ({
       is_replace: is_replace,
       new_url: new_url,
@@ -964,4 +967,4 @@ const $97603d19204ec48d$export$b8a61e5c71402559 = {
   nextRouterNavigation: $a92aa2beb560b8af$export$804fac5697cfbe35
 };
 $2GFvs$add_to_version_info("react-ui", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
-export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };
+export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -137,7 +137,7 @@
     "@babel/runtime-corejs3": "latest",
     "@depict-ai/dpc": "^1.0.45",
     "@depict-ai/plp-styling": "^1.2.14",
-    "@depict-ai/ui": "^2.1.22",
+    "@depict-ai/ui": "^2.1.23",
     "@depict-ai/utilishared": "^1.0.51",
     "solid-js": "^1.8.1"
   },

package/server/ES10/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 var $aNCHr$react = require("react");
 var $aNCHr$depictaiui = require("@depict-ai/ui/ES10");
 var $aNCHr$solidjsweb = require("solid-js/web");
@@ -31,6 +32,10 @@ $parcel$export(module.exports, "useSearchModal", () => $202459d454907b31$export$
 $parcel$export(module.exports, "usePerformanceClient", () => $202459d454907b31$export$38b98fae14bd1f64);
 $parcel$export(module.exports, "useFetchRecommendations", () => $202459d454907b31$export$6501da23a2770fc);
 $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fbfd8236492);
+//"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
+// Doing that freaks react out, one can only have one use client statement: https://depictaiworkspace.slack.com/archives/C02BASM9X5J/p1699972968084709 but leaving it here commented out for you rinformation regardless
+
 function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
   let {
     solid_component: solid_component,
@@ -185,7 +190,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.13";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.15";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -288,4 +293,4 @@ function $202459d454907b31$export$6501da23a2770fc() {
       throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
     }
   };
-}
+}

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.13";
+export const version = "2.1.15";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/ES10/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 { generateHydrationScript as $7h5e1$generateHydrationScript, renderToString as $7h5e1$renderToString, isServer as $7h5e1$isServer } from "solid-js/web";
@@ -6,6 +7,10 @@ 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";
+
+//"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
+// Doing that freaks react out, one can only have one use client statement: https://depictaiworkspace.slack.com/archives/C02BASM9X5J/p1699972968084709 but leaving it here commented out for you rinformation regardless
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
 function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
@@ -162,7 +167,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.13";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.15";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -266,4 +271,4 @@ function $5c4add0a8fe94894$export$6501da23a2770fc() {
     }
   };
 }
-export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };
+export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };

package/server/latest/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 var $7QqFM$react = require("react");
 var $7QqFM$depictaiui = require("@depict-ai/ui/latest");
 var $7QqFM$solidjsweb = require("solid-js/web");
@@ -31,6 +32,10 @@ $parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$
 $parcel$export(module.exports, "usePerformanceClient", () => $41e7e5d85b5e0d49$export$38b98fae14bd1f64);
 $parcel$export(module.exports, "useFetchRecommendations", () => $41e7e5d85b5e0d49$export$6501da23a2770fc);
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
+//"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
+// Doing that freaks react out, one can only have one use client statement: https://depictaiworkspace.slack.com/archives/C02BASM9X5J/p1699972968084709 but leaving it here commented out for you rinformation regardless
+
 function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
   solid_component: solid_component,
   props: props,
@@ -177,7 +182,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.13";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.15";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -280,4 +285,4 @@ function $41e7e5d85b5e0d49$export$6501da23a2770fc() {
       throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
     }
   };
-}
+}

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.13";
+export const version = "2.1.15";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }

package/server/latest/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 { generateHydrationScript as $eOXet$generateHydrationScript, renderToString as $eOXet$renderToString, isServer as $eOXet$isServer } from "solid-js/web";
@@ -6,6 +7,10 @@ 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";
+
+//"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
+// Doing that freaks react out, one can only have one use client statement: https://depictaiworkspace.slack.com/archives/C02BASM9X5J/p1699972968084709 but leaving it here commented out for you rinformation regardless
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
 function $4568c09979447ab1$export$4b564d7f5a1b1d43({
@@ -154,7 +159,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.13";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.15";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -258,4 +263,4 @@ function $2b1fdeb83610500f$export$6501da23a2770fc() {
     }
   };
 }
-export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };
+export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };