@storyblok/react 5.4.5 → 5.4.9

package/dist/core/richtext-hoc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("@storyblok/js");function u(o,{isServerContext:t=!1}={}){return function(e){var a,l;const r=(a=e==null?void 0:e.attrs)==null?void 0:a.body,c=Array.isArray(r)&&r.length>0?r[0]:void 0,s=((l=e.attrs)==null?void 0:l.id)||(t?`fallback-key-${JSON.stringify(e.attrs)}`:void 0);return n.createElement(o,{blok:c,key:s})}}function m(o,{isServerContext:t=!1}={}){return function(e){const r=u(o,{isServerContext:t}),c={...t?e:{},renderFn:n.createElement,textFn:s=>n.createElement(n.Fragment,{key:Math.random().toString(36).substring(2,15)},s),resolvers:{[i.BlockTypes.COMPONENT]:r,...e.resolvers},keyedResolvers:!0,...t?{}:e};return i.richTextResolver(c)}}exports.createComponentResolver=u;exports.createRichTextHook=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@storyblok/js");function u(c,{isServerContext:t=!1}={}){return function(e){var o,n;const r=(o=e==null?void 0:e.attrs)==null?void 0:o.body;if(!Array.isArray(r)||r.length===0)return[];const a=((n=e.attrs)==null?void 0:n.id)||(t?`fallback-key-${JSON.stringify(e.attrs)}`:void 0);return r.map((i,m)=>s.createElement(c,{blok:i,key:`${a}-${m}`}))}}function R(c,{isServerContext:t=!1}={}){return function(e){const r=u(c,{isServerContext:t}),{resolvers:a,...o}=e,n={...t?e:{},renderFn:s.createElement,textFn:i=>s.createElement(s.Fragment,{key:Math.random().toString(36).substring(2,15)},i),resolvers:{[l.BlockTypes.COMPONENT]:r,...a},keyedResolvers:!0,...t?{}:o};return l.richTextResolver(n)}}exports.createComponentResolver=u;exports.createRichTextHook=R;

package/dist/core/richtext-hoc.mjs

@@ -1,38 +1,43 @@
-import n from "react";
-import { BlockTypes as m, richTextResolver as u } from "@storyblok/js";
-function f(o, {
+import s from "react";
+import { BlockTypes as u, richTextResolver as f } from "@storyblok/js";
+function y(c, {
   isServerContext: t = !1
 } = {}) {
   return function(e) {
-    var a, l;
-    const r = (a = e == null ? void 0 : e.attrs) == null ? void 0 : a.body, s = Array.isArray(r) && r.length > 0 ? r[0] : void 0, c = ((l = e.attrs) == null ? void 0 : l.id) || (t ? `fallback-key-${JSON.stringify(e.attrs)}` : void 0);
-    return n.createElement(o, {
-      blok: s,
-      key: c
-    });
+    var o, n;
+    const r = (o = e == null ? void 0 : e.attrs) == null ? void 0 : o.body;
+    if (!Array.isArray(r) || r.length === 0)
+      return [];
+    const a = ((n = e.attrs) == null ? void 0 : n.id) || (t ? `fallback-key-${JSON.stringify(e.attrs)}` : void 0);
+    return r.map(
+      (i, m) => s.createElement(c, {
+        blok: i,
+        key: `${a}-${m}`
+      })
+    );
   };
 }
-function R(o, {
+function k(c, {
   isServerContext: t = !1
 } = {}) {
   return function(e) {
-    const r = f(o, { isServerContext: t }), s = {
+    const r = y(c, { isServerContext: t }), { resolvers: a, ...o } = e, n = {
       ...t ? e : {},
-      renderFn: n.createElement,
-      textFn: (c) => n.createElement(n.Fragment, {
+      renderFn: s.createElement,
+      textFn: (i) => s.createElement(s.Fragment, {
         key: Math.random().toString(36).substring(2, 15)
-      }, c),
+      }, i),
       resolvers: {
-        [m.COMPONENT]: r,
-        ...e.resolvers
+        [u.COMPONENT]: r,
+        ...a
       },
       keyedResolvers: !0,
-      ...t ? {} : e
+      ...t ? {} : o
     };
-    return u(s);
+    return f(n);
   };
 }
 export {
-  f as createComponentResolver,
-  R as createRichTextHook
+  y as createComponentResolver,
+  k as createRichTextHook
 };

package/dist/core/use-storyblok-state.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("@storyblok/js"),f=(e=null,o={})=>{const[r,s]=t.useState(e),u=(e==null?void 0:e.id)??0,d=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u";return t.useEffect(()=>{s(e),!(!d||!e)&&c.registerStoryblokBridge(u,n=>s(n),o)},[e]),r};exports.useStoryblokState=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),d=require("@storyblok/js"),l=(t=null,o={})=>{const[r,u]=n.useState(null),e=(t==null?void 0:t.id)??null;return n.useEffect(()=>{u(null)},[e]),n.useEffect(()=>{!(typeof window<"u"&&typeof window.storyblokRegisterEvent<"u")||!e||d.registerStoryblokBridge(e,i=>u(i),o)},[e,o]),r&&r.id===e?r:t};exports.useStoryblokState=l;

package/dist/core/use-storyblok-state.mjs

@@ -1,15 +1,17 @@
 "use client";
-import { useState as u, useEffect as n } from "react";
-import { registerStoryblokBridge as c } from "@storyblok/js";
-const g = (e = null, s = {}) => {
-  const [r, o] = u(e), d = (e == null ? void 0 : e.id) ?? 0, t = typeof window < "u" && typeof window.storyblokRegisterEvent < "u";
-  return n(() => {
-    o(e), !(!t || !e) && c(
-      d,
-      (f) => o(f),
-      s
+import { useState as l, useEffect as i } from "react";
+import { registerStoryblokBridge as u } from "@storyblok/js";
+const g = (t = null, n = {}) => {
+  const [r, o] = l(null), e = (t == null ? void 0 : t.id) ?? null;
+  return i(() => {
+    o(null);
+  }, [e]), i(() => {
+    !(typeof window < "u" && typeof window.storyblokRegisterEvent < "u") || !e || u(
+      e,
+      (d) => o(d),
+      n
     );
-  }, [e]), r;
+  }, [e, n]), r && r.id === e ? r : t;
 };
 export {
   g as useStoryblokState

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "5.4.5",
+  "version": "5.4.9",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
@@ -49,7 +49,7 @@
     }
   },
   "dependencies": {
-    "@storyblok/js": "4.2.5"
+    "@storyblok/js": "4.2.7"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",