@storyblok/react 4.5.1 → 4.5.3

package/dist/index.d.ts

@@ -1,10 +1,13 @@
 import { ISbStoriesParams, ISbStoryData, StoryblokBridgeConfigV2 } from './types';
+import { useStoryblokRichText } from './richtext';
 export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<import('@storyblok/js').StoryblokComponentType<string> & {
     [index: string]: any;
 }>;
 export * from './common/client';
 export * from './common/index';
-export { useStoryblokRichTextResolver } from './richtext';
+export { useStoryblokRichText };
+/** @deprecated Use useStoryblokRichText instead */
+export declare const useStoryblokRichTextResolver: typeof useStoryblokRichText;
 export { default as StoryblokRichText } from './storyblok-rich-text';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,YAAY,SACjB,MAAM,eACA,gBAAgB,kBACb,uBAAuB;;EAgDvC,CAAC;AAEF,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,eAAO,MAAM,YAAY,SACjB,MAAM,eACA,gBAAgB,kBACb,uBAAuB;;EAgDvC,CAAC;AAEF,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,6BAAuB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("./storyblok-js.js"),t=require("./index2.js"),a=require("./client.js"),S=require("./richtext.js"),d=require("./storyblok-rich-text.js"),g=require("./utils.js"),T=require("./storyblok-component.js"),R=(n,r={},o={})=>{const[c,i]=y.useState({}),u=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",s=t.useStoryblokApi();return y.useEffect(()=>{if(!s){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function k(){const{data:l}=await s.get(`cdn/stories/${n}`,r);i(l.story),u&&l.story.id&&e.registerStoryblokBridge(l.story.id,b=>i(b),o)}k()},[n,JSON.stringify(r),s]),s?(o.resolveRelations=o.resolveRelations??r.resolve_relations,o.resolveLinks=o.resolveLinks??r.resolve_links,c):null};exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.getStoryblokApi=t.useStoryblokApi;exports.setComponents=t.setComponents;exports.storyblokInit=t.storyblokInit;exports.useStoryblokApi=t.useStoryblokApi;exports.useStoryblokState=a.useStoryblokState;exports.useStoryblokRichTextResolver=S.useStoryblokRichTextResolver;exports.StoryblokRichText=d;exports.convertAttributesInElement=g.convertAttributesInElement;exports.StoryblokComponent=T;exports.useStoryblok=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("./storyblok-js.js"),t=require("./index2.js"),c=require("./richtext.js"),S=require("./client.js"),d=require("./storyblok-rich-text.js"),T=require("./utils.js"),g=require("./storyblok-component.js"),R=(n,r={},o={})=>{const[u,i]=y.useState({}),k=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",s=t.useStoryblokApi();return y.useEffect(()=>{if(!s){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function b(){const{data:l}=await s.get(`cdn/stories/${n}`,r);i(l.story),k&&l.story.id&&e.registerStoryblokBridge(l.story.id,a=>i(a),o)}b()},[n,JSON.stringify(r),s]),s?(o.resolveRelations=o.resolveRelations??r.resolve_relations,o.resolveLinks=o.resolveLinks??r.resolve_links,u):null},x=c.useStoryblokRichText;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.getStoryblokApi=t.useStoryblokApi;exports.setComponents=t.setComponents;exports.storyblokInit=t.storyblokInit;exports.useStoryblokApi=t.useStoryblokApi;exports.useStoryblokRichText=c.useStoryblokRichText;exports.useStoryblokState=S.useStoryblokState;exports.StoryblokRichText=d;exports.convertAttributesInElement=T.convertAttributesInElement;exports.StoryblokComponent=g;exports.useStoryblok=R;exports.useStoryblokRichTextResolver=x;

package/dist/index.mjs

@@ -1,60 +1,61 @@
-import { useState as f, useEffect as c } from "react";
+import { useState as c, useEffect as f } from "react";
 import { registerStoryblokBridge as k } from "./storyblok-js.mjs";
-import { BlockTypes as g, MarkTypes as v, RichTextResolver as R, RichTextSchema as T, TextTypes as h, apiPlugin as B, loadStoryblokBridge as C, renderRichText as E, richTextResolver as w, storyblokEditable as A } from "./storyblok-js.mjs";
+import { BlockTypes as T, MarkTypes as h, RichTextResolver as B, RichTextSchema as C, TextTypes as E, apiPlugin as w, loadStoryblokBridge as A, renderRichText as I, richTextResolver as F, storyblokEditable as L } from "./storyblok-js.mjs";
 import { useStoryblokApi as u } from "./index2.mjs";
-import { getComponent as F, getCustomFallbackComponent as L, getEnableFallbackComponent as P, setComponents as _, storyblokInit as G } from "./index2.mjs";
-import { useStoryblokState as M } from "./client.mjs";
-import { useStoryblokRichTextResolver as Y } from "./richtext.mjs";
-import { default as j } from "./storyblok-rich-text.mjs";
-import { convertAttributesInElement as z } from "./utils.mjs";
-import { default as H } from "./storyblok-component.mjs";
-const d = (s, o = {}, e = {}) => {
-  const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = u();
-  return c(() => {
+import { getComponent as _, getCustomFallbackComponent as G, getEnableFallbackComponent as J, setComponents as M, storyblokInit as N } from "./index2.mjs";
+import { useStoryblokRichText as m } from "./richtext.mjs";
+import { useStoryblokState as $ } from "./client.mjs";
+import { default as q } from "./storyblok-rich-text.mjs";
+import { convertAttributesInElement as D } from "./utils.mjs";
+import { default as K } from "./storyblok-component.mjs";
+const x = (s, o = {}, e = {}) => {
+  const [n, l] = c({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = u();
+  return f(() => {
     if (!t) {
       console.error(
         "You can't use useStoryblok if you're not loading apiPlugin."
       );
       return;
     }
-    async function a() {
+    async function y() {
       const { data: r } = await t.get(
         `cdn/stories/${s}`,
         o
       );
       l(r.story), i && r.story.id && k(
         r.story.id,
-        (y) => l(y),
+        (a) => l(a),
         e
       );
     }
-    a();
+    y();
   }, [s, JSON.stringify(o), t]), t ? (e.resolveRelations = e.resolveRelations ?? o.resolve_relations, e.resolveLinks = e.resolveLinks ?? o.resolve_links, n) : null;
-};
+}, g = m;
 export {
-  g as BlockTypes,
-  v as MarkTypes,
-  R as RichTextResolver,
-  T as RichTextSchema,
-  H as StoryblokComponent,
-  j as StoryblokRichText,
-  h as TextTypes,
-  B as apiPlugin,
-  z as convertAttributesInElement,
-  F as getComponent,
-  L as getCustomFallbackComponent,
-  P as getEnableFallbackComponent,
+  T as BlockTypes,
+  h as MarkTypes,
+  B as RichTextResolver,
+  C as RichTextSchema,
+  K as StoryblokComponent,
+  q as StoryblokRichText,
+  E as TextTypes,
+  w as apiPlugin,
+  D as convertAttributesInElement,
+  _ as getComponent,
+  G as getCustomFallbackComponent,
+  J as getEnableFallbackComponent,
   u as getStoryblokApi,
-  C as loadStoryblokBridge,
+  A as loadStoryblokBridge,
   k as registerStoryblokBridge,
-  E as renderRichText,
-  w as richTextResolver,
-  _ as setComponents,
-  A as storyblokEditable,
-  G as storyblokInit,
-  d as useStoryblok,
+  I as renderRichText,
+  F as richTextResolver,
+  M as setComponents,
+  L as storyblokEditable,
+  N as storyblokInit,
+  x as useStoryblok,
   u as useStoryblokApi,
   k as useStoryblokBridge,
-  Y as useStoryblokRichTextResolver,
-  M as useStoryblokState
+  m as useStoryblokRichText,
+  g as useStoryblokRichTextResolver,
+  $ as useStoryblokState
 };

package/dist/richtext.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { StoryblokRichTextNode, StoryblokRichTextOptions } from '@storyblok/js';
 export declare function componentResolver(node: StoryblokRichTextNode<React.ReactElement>): React.ReactElement;
-export declare function useStoryblokRichTextResolver(options: StoryblokRichTextOptions<React.ReactElement>): {
+export declare function useStoryblokRichText(options: StoryblokRichTextOptions<React.ReactElement>): {
     render: (node: StoryblokRichTextNode<React.ReactNode>) => React.ReactNode;
 };
 //# sourceMappingURL=richtext.d.ts.map

package/dist/richtext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../src/richtext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGrF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAMrG;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EActD"}
+{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../src/richtext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGrF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAMrG;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EActD"}

package/dist/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("./storyblok-component.js"),n=require("./storyblok-js.js");function l(e){var t,s;const r=(t=e==null?void 0:e.attrs)==null?void 0:t.body;return o.createElement(c,{blok:Array.isArray(r)?r[0]:void 0,key:(s=e.attrs)==null?void 0:s.id})}function i(e){const r={renderFn:o.createElement,textFn:t=>o.createElement(o.Fragment,{key:Math.random().toString(36).substring(2,15)},t),resolvers:{[n.BlockTypes.COMPONENT]:l,...e.resolvers},keyedResolvers:!0};return n.richTextResolver(r)}exports.componentResolver=l;exports.useStoryblokRichTextResolver=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("./storyblok-component.js"),n=require("./storyblok-js.js");function c(e){var r,s;const t=(r=e==null?void 0:e.attrs)==null?void 0:r.body;return o.createElement(l,{blok:Array.isArray(t)?t[0]:void 0,key:(s=e.attrs)==null?void 0:s.id})}function i(e){const t={renderFn:o.createElement,textFn:r=>o.createElement(o.Fragment,{key:Math.random().toString(36).substring(2,15)},r),resolvers:{[n.BlockTypes.COMPONENT]:c,...e.resolvers},keyedResolvers:!0};return n.richTextResolver(t)}exports.componentResolver=c;exports.useStoryblokRichText=i;

package/dist/richtext.mjs

@@ -1,12 +1,12 @@
 import o from "react";
-import n from "./storyblok-component.mjs";
+import s from "./storyblok-component.mjs";
 import { BlockTypes as m, richTextResolver as a } from "./storyblok-js.mjs";
 function i(e) {
-  var t, s;
+  var t, n;
   const r = (t = e == null ? void 0 : e.attrs) == null ? void 0 : t.body;
-  return o.createElement(n, {
+  return o.createElement(s, {
     blok: Array.isArray(r) ? r[0] : void 0,
-    key: (s = e.attrs) == null ? void 0 : s.id
+    key: (n = e.attrs) == null ? void 0 : n.id
   });
 }
 function p(e) {
@@ -25,5 +25,5 @@ function p(e) {
 }
 export {
   i as componentResolver,
-  p as useStoryblokRichTextResolver
+  p as useStoryblokRichText
 };

package/dist/rsc/index.d.ts

@@ -1,4 +1,7 @@
-export { useStoryblokRichTextResolver } from '../richtext';
+import { useStoryblokRichText } from '../richtext';
+export { useStoryblokRichText };
+/** @deprecated Use useStoryblokRichText instead */
+export declare const useStoryblokRichTextResolver: typeof useStoryblokRichText;
 export { default as StoryblokRichText } from '../storyblok-rich-text';
 export * from './common';
 export { default as StoryblokStory } from './story';

package/dist/rsc/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rsc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,KAAK,yCAAyC,EAC9C,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,SAAS,GACV,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rsc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,6BAAuB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,KAAK,yCAAyC,EAC9C,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/rsc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./richtext.js"),r=require("./storyblok-rich-text.js"),o=require("./common.js"),l=require("./story.js"),e=require("./storyblok-js.js"),s=require("./server-component.js");exports.useStoryblokRichTextResolver=t.useStoryblokRichTextResolver;exports.StoryblokRichText=r;exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.StoryblokStory=l;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./richtext.js"),r=require("./storyblok-rich-text.js"),o=require("./common.js"),l=require("./story.js"),e=require("./storyblok-js.js"),s=require("./server-component.js"),i=t.useStoryblokRichText;exports.useStoryblokRichText=t.useStoryblokRichText;exports.StoryblokRichText=r;exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.StoryblokStory=l;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.RichTextResolver=e.RichTextResolver;exports.RichTextSchema=e.RichTextSchema;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=s;exports.useStoryblokRichTextResolver=i;

package/dist/rsc.mjs

@@ -1,31 +1,33 @@
-import { useStoryblokRichTextResolver as t } from "./richtext.mjs";
-import { default as l } from "./storyblok-rich-text.mjs";
-import { getComponent as i, getCustomFallbackComponent as a, getEnableFallbackComponent as p, useStoryblokApi as b, setComponents as k, storyblokInit as y, useStoryblokApi as n } from "./common.mjs";
-import { default as m } from "./story.mjs";
-import { BlockTypes as g, MarkTypes as c, RichTextResolver as d, RichTextSchema as T, TextTypes as f, apiPlugin as u, loadStoryblokBridge as R, registerStoryblokBridge as h, renderRichText as C, richTextResolver as B, storyblokEditable as v, registerStoryblokBridge as A } from "./storyblok-js.mjs";
-import { default as F } from "./server-component.mjs";
+import { useStoryblokRichText as o } from "./richtext.mjs";
+import { default as s } from "./storyblok-rich-text.mjs";
+import { getComponent as p, getCustomFallbackComponent as a, getEnableFallbackComponent as b, useStoryblokApi as k, setComponents as y, storyblokInit as n, useStoryblokApi as S } from "./common.mjs";
+import { default as x } from "./story.mjs";
+import { BlockTypes as g, MarkTypes as T, RichTextResolver as d, RichTextSchema as u, TextTypes as f, apiPlugin as R, loadStoryblokBridge as h, registerStoryblokBridge as C, renderRichText as B, richTextResolver as v, storyblokEditable as A, registerStoryblokBridge as E } from "./storyblok-js.mjs";
+import { default as I } from "./server-component.mjs";
+const t = o;
 export {
   g as BlockTypes,
-  c as MarkTypes,
+  T as MarkTypes,
   d as RichTextResolver,
-  T as RichTextSchema,
-  l as StoryblokRichText,
-  F as StoryblokServerComponent,
-  m as StoryblokStory,
+  u as RichTextSchema,
+  s as StoryblokRichText,
+  I as StoryblokServerComponent,
+  x as StoryblokStory,
   f as TextTypes,
-  u as apiPlugin,
-  i as getComponent,
+  R as apiPlugin,
+  p as getComponent,
   a as getCustomFallbackComponent,
-  p as getEnableFallbackComponent,
-  b as getStoryblokApi,
-  R as loadStoryblokBridge,
-  h as registerStoryblokBridge,
-  C as renderRichText,
-  B as richTextResolver,
-  k as setComponents,
-  v as storyblokEditable,
-  y as storyblokInit,
-  n as useStoryblokApi,
-  A as useStoryblokBridge,
+  b as getEnableFallbackComponent,
+  k as getStoryblokApi,
+  h as loadStoryblokBridge,
+  C as registerStoryblokBridge,
+  B as renderRichText,
+  v as richTextResolver,
+  y as setComponents,
+  A as storyblokEditable,
+  n as storyblokInit,
+  S as useStoryblokApi,
+  E as useStoryblokBridge,
+  o as useStoryblokRichText,
   t as useStoryblokRichTextResolver
 };

package/dist/storyblok-js.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let B=!1;const z=[],G=n=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}B?s():z.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=n,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{z.forEach(o=>o()),B=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var oe=Object.defineProperty,ie=(n,e,t)=>e in n?oe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,g=(n,e,t)=>ie(n,typeof e!="symbol"?e+"":e,t);class ae extends Error{constructor(e){super(e),this.name="AbortError"}}function le(n,e,t){if(!Number.isFinite(e))throw new TypeError("Expected `limit` to be a finite number");if(!Number.isFinite(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],o=0,i=!1;const l=async()=>{o++;const h=r.shift();if(h)try{const p=await n(...h.args);h.resolve(p)}catch(p){h.reject(p)}const d=setTimeout(()=>{o--,r.length>0&&l(),s=s.filter(p=>p!==d)},t);s.includes(d)||s.push(d)},a=(...h)=>i?Promise.reject(new Error("Throttled function is already aborted and not accepting new promises")):new Promise((d,p)=>{r.push({resolve:d,reject:p,args:h}),o<e&&l()});return a.abort=()=>{i=!0,s.forEach(clearTimeout),s=[],r.forEach(h=>h.reject(()=>new ae("Throttle function aborted"))),r.length=0},a}class C{constructor(){g(this,"isCDNUrl",(e="")=>e.includes("/cdn/")),g(this,"getOptionsPage",(e,t=25,r=1)=>({...e,per_page:t,page:r})),g(this,"delay",e=>new Promise(t=>setTimeout(t,e))),g(this,"arrayFrom",(e=0,t)=>Array.from({length:e},t)),g(this,"range",(e=0,t=e)=>{const r=Math.abs(t-e)||0,s=e<t?1:-1;return this.arrayFrom(r,(o,i)=>i*s+e)}),g(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),g(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,s)=>[...r,...s],[])),g(this,"escapeHTML",function(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,s=new RegExp(r.source);return e&&s.test(e)?e.replace(r,o=>t[o]):e})}stringify(e,t,r){const s=[];for(const o in e){if(!Object.prototype.hasOwnProperty.call(e,o))continue;const i=e[o],l=r?"":encodeURIComponent(o);let a;typeof i=="object"?a=this.stringify(i,t?t+encodeURIComponent(`[${l}]`):l,Array.isArray(i)):a=`${t?t+encodeURIComponent(`[${l}]`):l}=${encodeURIComponent(i)}`,s.push(a)}return s.join("&")}getRegionURL(e){const t="api.storyblok.com",r="api-us.storyblok.com",s="app.storyblokchina.cn",o="api-ap.storyblok.com",i="api-ca.storyblok.com";switch(e){case"us":return r;case"cn":return s;case"ap":return o;case"ca":return i;default:return t}}}const ce=function(n,e){const t={};for(const r in n){const s=n[r];e.includes(r)&&s!==null&&(t[r]=s)}return t},he=n=>n==="email",ue=()=>({singleTag:"hr"}),de=()=>({tag:"blockquote"}),pe=()=>({tag:"ul"}),ge=n=>({tag:["pre",{tag:"code",attrs:n.attrs}]}),fe=()=>({singleTag:"br"}),me=n=>({tag:`h${n.attrs.level}`}),ye=n=>({singleTag:[{tag:"img",attrs:ce(n.attrs,["src","alt","title"])}]}),be=()=>({tag:"li"}),ke=()=>({tag:"ol"}),$e=()=>({tag:"p"}),ve=n=>({tag:[{tag:"span",attrs:{"data-type":"emoji","data-name":n.attrs.name,emoji:n.attrs.emoji}}]}),we=()=>({tag:"b"}),Te=()=>({tag:"s"}),Re=()=>({tag:"u"}),_e=()=>({tag:"strong"}),Ee=()=>({tag:"code"}),Se=()=>({tag:"i"}),je=n=>{if(!n.attrs)return{tag:""};const e=new C().escapeHTML,t={...n.attrs},{linktype:r="url"}=n.attrs;if(delete t.linktype,t.href&&(t.href=e(n.attrs.href||"")),he(r)&&(t.href=`mailto:${t.href}`),t.anchor&&(t.href=`${t.href}#${t.anchor}`,delete t.anchor),t.custom){for(const s in t.custom)t[s]=t.custom[s];delete t.custom}return{tag:[{tag:"a",attrs:t}]}},Ie=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Ae=()=>({tag:"sub"}),Oe=()=>({tag:"sup"}),xe=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Le=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`background-color:${n.attrs.color};`}}]}:{tag:""}},Ce=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`color:${n.attrs.color}`}}]}:{tag:""}},V={nodes:{horizontal_rule:ue,blockquote:de,bullet_list:pe,code_block:ge,hard_break:fe,heading:me,image:ye,list_item:be,ordered_list:ke,paragraph:$e,emoji:ve},marks:{bold:we,strike:Te,underline:Re,strong:_e,code:Ee,italic:Se,link:je,styled:Ie,subscript:Ae,superscript:Oe,anchor:xe,highlight:Le,textStyle:Ce}},Pe=function(n){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,r=new RegExp(t.source);return n&&r.test(n)?n.replace(t,s=>e[s]):n};let D=!1;class A{constructor(e){g(this,"marks"),g(this,"nodes"),e||(e=V),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e,t={optimizeImages:!1},r=!0){if(!D&&r&&(console.warn("Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"),D=!0),e&&e.content&&Array.isArray(e.content)){let s="";return e.content.forEach(o=>{s+=this.renderNode(o)}),t.optimizeImages?this.optimizeImages(s,t.optimizeImages):s}return console.warn(`The render method must receive an Object with a "content" field.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let B=!1;const z=[],G=n=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}B?s():z.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=n,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{z.forEach(o=>o()),B=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var oe=Object.defineProperty,ie=(n,e,t)=>e in n?oe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,g=(n,e,t)=>ie(n,typeof e!="symbol"?e+"":e,t);class ae extends Error{constructor(e){super(e),this.name="AbortError"}}function le(n,e,t){if(!Number.isFinite(e))throw new TypeError("Expected `limit` to be a finite number");if(!Number.isFinite(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],o=0,i=!1;const l=async()=>{o++;const h=r.shift();if(h)try{const p=await n(...h.args);h.resolve(p)}catch(p){h.reject(p)}const d=setTimeout(()=>{o--,r.length>0&&l(),s=s.filter(p=>p!==d)},t);s.includes(d)||s.push(d)},a=(...h)=>i?Promise.reject(new Error("Throttled function is already aborted and not accepting new promises")):new Promise((d,p)=>{r.push({resolve:d,reject:p,args:h}),o<e&&l()});return a.abort=()=>{i=!0,s.forEach(clearTimeout),s=[],r.forEach(h=>h.reject(()=>new ae("Throttle function aborted"))),r.length=0},a}class C{constructor(){g(this,"isCDNUrl",(e="")=>e.includes("/cdn/")),g(this,"getOptionsPage",(e,t=25,r=1)=>({...e,per_page:t,page:r})),g(this,"delay",e=>new Promise(t=>setTimeout(t,e))),g(this,"arrayFrom",(e=0,t)=>Array.from({length:e},t)),g(this,"range",(e=0,t=e)=>{const r=Math.abs(t-e)||0,s=e<t?1:-1;return this.arrayFrom(r,(o,i)=>i*s+e)}),g(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),g(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,s)=>[...r,...s],[])),g(this,"escapeHTML",function(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,s=new RegExp(r.source);return e&&s.test(e)?e.replace(r,o=>t[o]):e})}stringify(e,t,r){const s=[];for(const o in e){if(!Object.prototype.hasOwnProperty.call(e,o))continue;const i=e[o];if(i==null)continue;const l=r?"":encodeURIComponent(o);let a;typeof i=="object"?a=this.stringify(i,t?t+encodeURIComponent(`[${l}]`):l,Array.isArray(i)):a=`${t?t+encodeURIComponent(`[${l}]`):l}=${encodeURIComponent(i)}`,s.push(a)}return s.join("&")}getRegionURL(e){const t="api.storyblok.com",r="api-us.storyblok.com",s="app.storyblokchina.cn",o="api-ap.storyblok.com",i="api-ca.storyblok.com";switch(e){case"us":return r;case"cn":return s;case"ap":return o;case"ca":return i;default:return t}}}const ce=function(n,e){const t={};for(const r in n){const s=n[r];e.includes(r)&&s!==null&&(t[r]=s)}return t},he=n=>n==="email",ue=()=>({singleTag:"hr"}),de=()=>({tag:"blockquote"}),pe=()=>({tag:"ul"}),ge=n=>({tag:["pre",{tag:"code",attrs:n.attrs}]}),fe=()=>({singleTag:"br"}),me=n=>({tag:`h${n.attrs.level}`}),ye=n=>({singleTag:[{tag:"img",attrs:ce(n.attrs,["src","alt","title"])}]}),be=()=>({tag:"li"}),ke=()=>({tag:"ol"}),$e=()=>({tag:"p"}),ve=n=>({tag:[{tag:"span",attrs:{"data-type":"emoji","data-name":n.attrs.name,emoji:n.attrs.emoji}}]}),we=()=>({tag:"b"}),Te=()=>({tag:"s"}),Re=()=>({tag:"u"}),_e=()=>({tag:"strong"}),Ee=()=>({tag:"code"}),Se=()=>({tag:"i"}),je=n=>{if(!n.attrs)return{tag:""};const e=new C().escapeHTML,t={...n.attrs},{linktype:r="url"}=n.attrs;if(delete t.linktype,t.href&&(t.href=e(n.attrs.href||"")),he(r)&&(t.href=`mailto:${t.href}`),t.anchor&&(t.href=`${t.href}#${t.anchor}`,delete t.anchor),t.custom){for(const s in t.custom)t[s]=t.custom[s];delete t.custom}return{tag:[{tag:"a",attrs:t}]}},Ie=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Ae=()=>({tag:"sub"}),Oe=()=>({tag:"sup"}),xe=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Le=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`background-color:${n.attrs.color};`}}]}:{tag:""}},Ce=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`color:${n.attrs.color}`}}]}:{tag:""}},V={nodes:{horizontal_rule:ue,blockquote:de,bullet_list:pe,code_block:ge,hard_break:fe,heading:me,image:ye,list_item:be,ordered_list:ke,paragraph:$e,emoji:ve},marks:{bold:we,strike:Te,underline:Re,strong:_e,code:Ee,italic:Se,link:je,styled:Ie,subscript:Ae,superscript:Oe,anchor:xe,highlight:Le,textStyle:Ce}},Pe=function(n){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,r=new RegExp(t.source);return n&&r.test(n)?n.replace(t,s=>e[s]):n};let D=!1;class A{constructor(e){g(this,"marks"),g(this,"nodes"),e||(e=V),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e,t={optimizeImages:!1},r=!0){if(!D&&r&&(console.warn("Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"),D=!0),e&&e.content&&Array.isArray(e.content)){let s="";return e.content.forEach(o=>{s+=this.renderNode(o)}),t.optimizeImages?this.optimizeImages(s,t.optimizeImages):s}return console.warn(`The render method must receive an Object with a "content" field.
       The "content" field must be an array of nodes as the type ISbRichtext.
       ISbRichtext:
         content?: ISbRichtext[]

package/dist/storyblok-js.mjs

@@ -89,7 +89,10 @@ class L {
     for (const o in e) {
       if (!Object.prototype.hasOwnProperty.call(e, o))
         continue;
-      const a = e[o], l = r ? "" : encodeURIComponent(o);
+      const a = e[o];
+      if (a == null)
+        continue;
+      const l = r ? "" : encodeURIComponent(o);
       let i;
       typeof a == "object" ? i = this.stringify(
         a,

package/dist/storyblok-rich-text.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),u=require("./utils.js"),l=require("./richtext.js"),x=i.forwardRef(({doc:t,resolvers:e},r)=>{const{render:o}=l.useStoryblokRichTextResolver({resolvers:e}),s=o(t),c=u.convertAttributesInElement(s);return n.jsx("div",{ref:r,children:c})});module.exports=x;
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),u=require("./utils.js"),l=require("./richtext.js"),x=i.forwardRef(({doc:t,resolvers:e},r)=>{const{render:o}=l.useStoryblokRichText({resolvers:e}),s=o(t),c=u.convertAttributesInElement(s);return n.jsx("div",{ref:r,children:c})});module.exports=x;

package/dist/storyblok-rich-text.mjs

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { convertAttributesInElement as c } from "./utils.mjs";
-import { useStoryblokRichTextResolver as f } from "./richtext.mjs";
-const h = s(
+import { forwardRef as c } from "react";
+import { convertAttributesInElement as f } from "./utils.mjs";
+import { useStoryblokRichText as s } from "./richtext.mjs";
+const h = c(
   ({ doc: t, resolvers: r }, o) => {
-    const { render: e } = f({
+    const { render: e } = s({
       resolvers: r
-    }), m = e(t), n = c(m);
+    }), m = e(t), n = f(m);
     return /* @__PURE__ */ i("div", { ref: o, children: n });
   }
 );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "4.5.1",
+  "version": "4.5.3",
   "private": false,
   "packageManager": "pnpm@10.2.0",
   "description": "SDK to integrate Storyblok into your project using React.",
@@ -59,7 +59,7 @@
     "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@storyblok/js": "3.3.0"
+    "@storyblok/js": "3.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.7",