@croct/plug-react 0.11.0 → 0.11.2

package/hooks/useContent.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -34,12 +35,13 @@ function useCsrContent(id, options = {}) {
     fallback: fallbackContent,
     initial: initialContent,
     staleWhileLoading = false,
+    preferredLocale,
     ...fetchOptions
   } = options;
-  const preferredLocale = normalizePreferredLocale(fetchOptions.preferredLocale);
+  const normalizedLocale = normalizePreferredLocale(preferredLocale);
   const defaultContent = (0, import_react.useMemo)(
-    () => (0, import_content.getSlotContent)(id, preferredLocale) ?? void 0,
-    [id, preferredLocale]
+    () => (0, import_content.getSlotContent)(id, normalizedLocale) ?? void 0,
+    [id, normalizedLocale]
   );
   const fallback = fallbackContent === void 0 ? defaultContent : fallbackContent;
   const [initial, setInitial] = (0, import_react.useState)(
@@ -48,12 +50,12 @@ function useCsrContent(id, options = {}) {
   const croct = (0, import_useCroct.useCroct)();
   const result = (0, import_useLoader.useLoader)({
     cacheKey: (0, import_hash.hash)(
-      `useContent:${cacheKey ?? ""}:${id}:${preferredLocale ?? ""}:${JSON.stringify(fetchOptions.attributes ?? {})}`
+      `useContent:${cacheKey ?? ""}:${id}:${normalizedLocale ?? ""}:${JSON.stringify(fetchOptions.attributes ?? {})}`
     ),
     loader: () => croct.fetch(id, {
       ...fetchOptions,
-      preferredLocale,
-      fallback
+      ...normalizedLocale !== void 0 ? { preferredLocale: normalizedLocale } : {},
+      ...fallback !== void 0 ? { fallback } : {}
     }).then(({ content }) => content),
     initial,
     expiration

package/hooks/useContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useMemo, useState } from "react";
 import { getSlotContent } from "@croct/content";
 import { useLoader } from "./useLoader.js";
@@ -11,12 +12,13 @@ function useCsrContent(id, options = {}) {
     fallback: fallbackContent,
     initial: initialContent,
     staleWhileLoading = false,
+    preferredLocale,
     ...fetchOptions
   } = options;
-  const preferredLocale = normalizePreferredLocale(fetchOptions.preferredLocale);
+  const normalizedLocale = normalizePreferredLocale(preferredLocale);
   const defaultContent = useMemo(
-    () => getSlotContent(id, preferredLocale) ?? void 0,
-    [id, preferredLocale]
+    () => getSlotContent(id, normalizedLocale) ?? void 0,
+    [id, normalizedLocale]
   );
   const fallback = fallbackContent === void 0 ? defaultContent : fallbackContent;
   const [initial, setInitial] = useState(
@@ -25,12 +27,12 @@ function useCsrContent(id, options = {}) {
   const croct = useCroct();
   const result = useLoader({
     cacheKey: hash(
-      `useContent:${cacheKey ?? ""}:${id}:${preferredLocale ?? ""}:${JSON.stringify(fetchOptions.attributes ?? {})}`
+      `useContent:${cacheKey ?? ""}:${id}:${normalizedLocale ?? ""}:${JSON.stringify(fetchOptions.attributes ?? {})}`
     ),
     loader: () => croct.fetch(id, {
       ...fetchOptions,
-      preferredLocale,
-      fallback
+      ...normalizedLocale !== void 0 ? { preferredLocale: normalizedLocale } : {},
+      ...fallback !== void 0 ? { fallback } : {}
     }).then(({ content }) => content),
     initial,
     expiration

package/hooks/useCroct.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/hooks/useCroct.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from "react";
 import { CroctContext } from "../CroctProvider.js";
 function useCroct() {

package/hooks/useEvaluation.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/hooks/useEvaluation.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useState } from "react";
 import { useLoader } from "./useLoader.js";
 import { useCroct } from "./useCroct.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croct/plug-react",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "React components and hooks to plug your React applications into Croct.",
   "author": {
     "name": "Croct",
@@ -62,7 +62,7 @@
     "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@croct/plug": "^0.17.1",
+    "@croct/plug": "^0.17.2",
     "@croct/sdk": "^0.18.0"
   },
   "devDependencies": {