@storyblok/react 1.3.5 → 2.0.1

package/dist/storyblok-react.mjs

@@ -3,16 +3,16 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a2, prop, b[prop]);
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a2, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
     }
-  return a2;
+  return a;
 };
 var __objRest = (source, exclude) => {
   var target = {};
@@ -27,7 +27,6 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React, { forwardRef, useState, useEffect } from "react";
-import e from "axios";
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -35,18 +34,18 @@ var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a2, prop, b[prop]);
+var __spreadValues2 = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp2.call(b2, prop))
+      __defNormalProp2(a, prop, b2[prop]);
   if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a2, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols2(b2)) {
+      if (__propIsEnum2.call(b2, prop))
+        __defNormalProp2(a, prop, b2[prop]);
     }
-  return a2;
+  return a;
 };
-var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 let loaded = false;
 const callbacks = [];
 const loadBridge = (src) => {
@@ -78,619 +77,555 @@ const loadBridge = (src) => {
     document.getElementsByTagName("head")[0].appendChild(script);
   });
 };
-const pick = function(attrs, allowed) {
-  if (!attrs) {
-    return null;
-  }
-  let h2 = {};
-  for (let key in attrs) {
-    let value = attrs[key];
-    if (allowed.indexOf(key) > -1 && value !== null) {
-      h2[key] = value;
+var m = Object.defineProperty;
+var R = (i, t, e) => t in i ? m(i, t, { enumerable: true, configurable: true, writable: true, value: e }) : i[t] = e;
+var l = (i, t, e) => (R(i, typeof t != "symbol" ? t + "" : t, e), e);
+function y(i) {
+  return !(i !== i || i === 1 / 0 || i === -1 / 0);
+}
+function _(i, t, e) {
+  if (!y(t))
+    throw new TypeError("Expected `limit` to be a finite number");
+  if (!y(e))
+    throw new TypeError("Expected `interval` to be a finite number");
+  const s = [];
+  let r = [], n = 0;
+  const c = function() {
+    n++;
+    const a = setTimeout(function() {
+      n--, s.length > 0 && c(), r = r.filter(function(u) {
+        return u !== a;
+      });
+    }, e);
+    r.indexOf(a) < 0 && r.push(a);
+    const h = s.shift();
+    h.resolve(i.apply(h.self, h.args));
+  }, o = function(...a) {
+    const h = this;
+    return new Promise(function(u, g) {
+      s.push({
+        resolve: u,
+        reject: g,
+        args: a,
+        self: h
+      }), n < t && c();
+    });
+  };
+  return o.abort = function() {
+    r.forEach(clearTimeout), r = [], s.forEach(function(a) {
+      a.reject(function() {
+        Error.call(this, "Throttled function aborted"), this.name = "AbortError";
+      });
+    }), s.length = 0;
+  }, o;
+}
+const b = function(i, t) {
+  const e = {};
+  for (const s in i) {
+    const r = i[s];
+    t.indexOf(s) > -1 && r !== null && (e[s] = r);
+  }
+  return e;
+}, $ = (i) => i === "email", w = () => ({
+  singleTag: "hr"
+}), E = () => ({
+  tag: "blockquote"
+}), x = () => ({
+  tag: "ul"
+}), P = (i) => ({
+  tag: [
+    "pre",
+    {
+      tag: "code",
+      attrs: i.attrs
     }
-  }
-  return h2;
-};
-const isEmailLinkType = (type) => type === "email";
-var defaultHtmlSerializer = {
-  nodes: {
-    horizontal_rule() {
-      return {
-        singleTag: "hr"
-      };
-    },
-    blockquote() {
-      return {
-        tag: "blockquote"
-      };
-    },
-    bullet_list() {
-      return {
-        tag: "ul"
-      };
-    },
-    code_block(node) {
-      return {
-        tag: [
-          "pre",
-          {
-            tag: "code",
-            attrs: node.attrs
-          }
-        ]
-      };
-    },
-    hard_break() {
-      return {
-        singleTag: "br"
-      };
-    },
-    heading(node) {
-      return {
-        tag: `h${node.attrs.level}`
-      };
-    },
-    image(node) {
-      return {
-        singleTag: [
-          {
-            tag: "img",
-            attrs: pick(node.attrs, ["src", "alt", "title"])
-          }
-        ]
-      };
-    },
-    list_item() {
-      return {
-        tag: "li"
-      };
-    },
-    ordered_list() {
-      return {
-        tag: "ol"
-      };
-    },
-    paragraph() {
-      return {
-        tag: "p"
-      };
+  ]
+}), O = () => ({
+  singleTag: "br"
+}), S = (i) => ({
+  tag: `h${i.attrs.level}`
+}), C = (i) => ({
+  singleTag: [
+    {
+      tag: "img",
+      attrs: b(i.attrs, ["src", "alt", "title"])
     }
-  },
-  marks: {
-    bold() {
-      return {
-        tag: "b"
-      };
-    },
-    strike() {
-      return {
-        tag: "strike"
-      };
-    },
-    underline() {
-      return {
-        tag: "u"
-      };
-    },
-    strong() {
-      return {
-        tag: "strong"
-      };
-    },
-    code() {
-      return {
-        tag: "code"
-      };
-    },
-    italic() {
-      return {
-        tag: "i"
-      };
-    },
-    link(node) {
-      const attrs = __spreadValues2({}, node.attrs);
-      const { linktype = "url" } = node.attrs;
-      if (isEmailLinkType(linktype)) {
-        attrs.href = `mailto:${attrs.href}`;
-      }
-      if (attrs.anchor) {
-        attrs.href = `${attrs.href}#${attrs.anchor}`;
-        delete attrs.anchor;
+  ]
+}), L = () => ({
+  tag: "li"
+}), U = () => ({
+  tag: "ol"
+}), H = () => ({
+  tag: "p"
+}), A = () => ({
+  tag: "b"
+}), I = () => ({
+  tag: "strike"
+}), M = () => ({
+  tag: "u"
+}), N = () => ({
+  tag: "strong"
+}), q = () => ({
+  tag: "code"
+}), z = () => ({
+  tag: "i"
+}), F = (i) => {
+  const t = __spreadValues2({}, i.attrs), { linktype: e = "url" } = i.attrs;
+  return $(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
+    tag: [
+      {
+        tag: "a",
+        attrs: t
       }
-      return {
-        tag: [
-          {
-            tag: "a",
-            attrs
-          }
-        ]
-      };
-    },
-    styled(node) {
-      return {
-        tag: [
-          {
-            tag: "span",
-            attrs: node.attrs
-          }
-        ]
-      };
+    ]
+  };
+}, V = (i) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: i.attrs
     }
-  }
-};
-const escapeHTML = function(string) {
-  const htmlEscapes = {
+  ]
+}), j = {
+  nodes: {
+    horizontal_rule: w,
+    blockquote: E,
+    bullet_list: x,
+    code_block: P,
+    hard_break: O,
+    heading: S,
+    image: C,
+    list_item: L,
+    ordered_list: U,
+    paragraph: H
+  },
+  marks: {
+    bold: A,
+    strike: I,
+    underline: M,
+    strong: N,
+    code: q,
+    italic: z,
+    link: F,
+    styled: V
+  }
+}, J = function(i) {
+  const t = {
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  };
-  const reUnescapedHtml = /[&<>"']/g;
-  const reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
-  return string && reHasUnescapedHtml.test(string) ? string.replace(reUnescapedHtml, (chr) => htmlEscapes[chr]) : string;
+  }, e = /[&<>"']/g, s = RegExp(e.source);
+  return i && s.test(i) ? i.replace(e, (r) => t[r]) : i;
 };
-class RichTextResolver {
-  constructor(schema) {
-    if (!schema) {
-      schema = defaultHtmlSerializer;
-    }
-    this.marks = schema.marks || [];
-    this.nodes = schema.nodes || [];
-  }
-  addNode(key, schema) {
-    this.nodes[key] = schema;
-  }
-  addMark(key, schema) {
-    this.marks[key] = schema;
-  }
-  render(data = {}) {
-    if (data.content && Array.isArray(data.content)) {
-      let html = "";
-      data.content.forEach((node) => {
-        html += this.renderNode(node);
-      });
-      return html;
-    }
-    console.warn("The render method must receive an object with a content field, which is an array");
-    return "";
-  }
-  renderNode(item) {
-    let html = [];
-    if (item.marks) {
-      item.marks.forEach((m) => {
-        const mark = this.getMatchingMark(m);
-        if (mark) {
-          html.push(this.renderOpeningTag(mark.tag));
-        }
-      });
-    }
-    const node = this.getMatchingNode(item);
-    if (node && node.tag) {
-      html.push(this.renderOpeningTag(node.tag));
-    }
-    if (item.content) {
-      item.content.forEach((content) => {
-        html.push(this.renderNode(content));
-      });
-    } else if (item.text) {
-      html.push(escapeHTML(item.text));
-    } else if (node && node.singleTag) {
-      html.push(this.renderTag(node.singleTag, " /"));
-    } else if (node && node.html) {
-      html.push(node.html);
-    }
-    if (node && node.tag) {
-      html.push(this.renderClosingTag(node.tag));
-    }
-    if (item.marks) {
-      item.marks.slice(0).reverse().forEach((m) => {
-        const mark = this.getMatchingMark(m);
-        if (mark) {
-          html.push(this.renderClosingTag(mark.tag));
-        }
-      });
+class v {
+  constructor(t) {
+    l(this, "marks");
+    l(this, "nodes");
+    t || (t = j), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t) {
+    if (t && t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((s) => {
+        e += this.renderNode(s);
+      }), e;
     }
-    return html.join("");
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
   }
-  renderTag(tags, ending) {
-    if (tags.constructor === String) {
-      return `<${tags}${ending}>`;
-    }
-    const all = tags.map((tag) => {
-      if (tag.constructor === String) {
-        return `<${tag}${ending}>`;
-      } else {
-        let h2 = `<${tag.tag}`;
-        if (tag.attrs) {
-          for (let key in tag.attrs) {
-            let value = tag.attrs[key];
-            if (value !== null) {
-              h2 += ` ${key}="${value}"`;
-            }
+  renderNode(t) {
+    const e = [];
+    t.marks && t.marks.forEach((r) => {
+      const n = this.getMatchingMark(r);
+      n && e.push(this.renderOpeningTag(n.tag));
+    });
+    const s = this.getMatchingNode(t);
+    return s && s.tag && e.push(this.renderOpeningTag(s.tag)), t.content ? t.content.forEach((r) => {
+      e.push(this.renderNode(r));
+    }) : t.text ? e.push(J(t.text)) : s && s.singleTag ? e.push(this.renderTag(s.singleTag, " /")) : s && s.html && e.push(s.html), s && s.tag && e.push(this.renderClosingTag(s.tag)), t.marks && t.marks.slice(0).reverse().forEach((r) => {
+      const n = this.getMatchingMark(r);
+      n && e.push(this.renderClosingTag(n.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((r) => {
+      if (r.constructor === String)
+        return `<${r}${e}>`;
+      {
+        let n = `<${r.tag}`;
+        if (r.attrs)
+          for (const c in r.attrs) {
+            const o = r.attrs[c];
+            o !== null && (n += ` ${c}="${o}"`);
           }
-        }
-        return `${h2}${ending}>`;
+        return `${n}${e}>`;
       }
-    });
-    return all.join("");
+    }).join("");
   }
-  renderOpeningTag(tags) {
-    return this.renderTag(tags, "");
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
   }
-  renderClosingTag(tags) {
-    if (tags.constructor === String) {
-      return `</${tags}>`;
-    }
-    const all = tags.slice(0).reverse().map((tag) => {
-      if (tag.constructor === String) {
-        return `</${tag}>`;
-      } else {
-        return `</${tag.tag}>`;
-      }
-    });
-    return all.join("");
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((s) => s.constructor === String ? `</${s}>` : `</${s.tag}>`).join("");
   }
-  getMatchingNode(item) {
-    if (typeof this.nodes[item.type] !== "function") {
-      return;
-    }
-    return this.nodes[item.type](item);
+  getMatchingNode(t) {
+    const e = this.nodes[t.type];
+    if (typeof e == "function")
+      return e(t);
   }
-  getMatchingMark(item) {
-    if (typeof this.marks[item.type] !== "function") {
-      return;
-    }
-    return this.marks[item.type](item);
+  getMatchingMark(t) {
+    const e = this.marks[t.type];
+    if (typeof e == "function")
+      return e(t);
   }
 }
-/*!
- * storyblok-js-client v4.5.2
- * Universal JavaScript SDK for Storyblok's API
- * (c) 2020-2022 Stobylok Team
- */
-function t(e2) {
-  return typeof e2 == "number" && (e2 == e2 && e2 !== 1 / 0 && e2 !== -1 / 0);
-}
-function s(e2, s2, r2) {
-  if (!t(s2))
-    throw new TypeError("Expected `limit` to be a finite number");
-  if (!t(r2))
-    throw new TypeError("Expected `interval` to be a finite number");
-  var i2 = [], n2 = [], o2 = 0, a2 = function() {
-    o2++;
-    var t2 = setTimeout(function() {
-      o2--, i2.length > 0 && a2(), n2 = n2.filter(function(e3) {
-        return e3 !== t2;
-      });
-    }, r2);
-    n2.indexOf(t2) < 0 && n2.push(t2);
-    var s3 = i2.shift();
-    s3.resolve(e2.apply(s3.self, s3.args));
-  }, l2 = function() {
-    var e3 = arguments, t2 = this;
-    return new Promise(function(r3, n3) {
-      i2.push({ resolve: r3, reject: n3, args: e3, self: t2 }), o2 < s2 && a2();
+class T {
+  constructor() {
+    l(this, "isCDNUrl", (t = "") => t.indexOf("/cdn/") > -1);
+    l(this, "getOptionsPage", (t, e = 25, s = 1) => __spreadProps(__spreadValues2({}, t), {
+      per_page: e,
+      page: s
+    }));
+    l(this, "delay", (t) => new Promise((e) => setTimeout(e, t)));
+    l(this, "arrayFrom", (t = 0, e) => [...Array(t)].map(e));
+    l(this, "range", (t = 0, e = t) => {
+      const s = Math.abs(e - t) || 0, r = t < e ? 1 : -1;
+      return this.arrayFrom(s, (n, c) => c * r + t);
     });
-  };
-  return l2.abort = function() {
-    n2.forEach(clearTimeout), n2 = [], i2.forEach(function(e3) {
-      e3.reject(new throttle.AbortError());
-    }), i2.length = 0;
-  }, l2;
-}
-s.AbortError = function() {
-  Error.call(this, "Throttled function aborted"), this.name = "AbortError";
-};
-const r = function(e2, t2) {
-  if (!e2)
-    return null;
-  let s2 = {};
-  for (let r2 in e2) {
-    let i2 = e2[r2];
-    t2.indexOf(r2) > -1 && i2 !== null && (s2[r2] = i2);
-  }
-  return s2;
-};
-var i = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (e2) => ({ tag: ["pre", { tag: "code", attrs: e2.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (e2) => ({ tag: `h${e2.attrs.level}` }), image: (e2) => ({ singleTag: [{ tag: "img", attrs: r(e2.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(e2) {
-  const t2 = __spreadValues2({}, e2.attrs), { linktype: s2 = "url" } = e2.attrs;
-  return s2 === "email" && (t2.href = `mailto:${t2.href}`), t2.anchor && (t2.href = `${t2.href}#${t2.anchor}`, delete t2.anchor), { tag: [{ tag: "a", attrs: t2 }] };
-}, styled: (e2) => ({ tag: [{ tag: "span", attrs: e2.attrs }] }) } };
-class n {
-  constructor(e2) {
-    e2 || (e2 = i), this.marks = e2.marks || [], this.nodes = e2.nodes || [];
-  }
-  addNode(e2, t2) {
-    this.nodes[e2] = t2;
-  }
-  addMark(e2, t2) {
-    this.marks[e2] = t2;
-  }
-  render(e2 = {}) {
-    if (e2.content && Array.isArray(e2.content)) {
-      let t2 = "";
-      return e2.content.forEach((e3) => {
-        t2 += this.renderNode(e3);
-      }), t2;
+    l(this, "asyncMap", async (t, e) => Promise.all(t.map(e)));
+    l(this, "flatMap", (t = [], e) => t.map(e).reduce((s, r) => [...s, ...r], []));
+  }
+  stringify(t, e, s) {
+    const r = [];
+    for (const n in t) {
+      if (!Object.prototype.hasOwnProperty.call(t, n))
+        continue;
+      const c = t[n], o = s ? "" : encodeURIComponent(n);
+      let a;
+      typeof c == "object" ? a = this.stringify(c, e ? e + encodeURIComponent("[" + o + "]") : o, Array.isArray(c)) : a = (e ? e + encodeURIComponent("[" + o + "]") : o) + "=" + encodeURIComponent(c), r.push(a);
     }
-    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+    return r.join("&");
   }
-  renderNode(e2) {
-    let t2 = [];
-    e2.marks && e2.marks.forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderOpeningTag(s3.tag));
+}
+var f = /* @__PURE__ */ ((i) => (i.GET = "get", i.DELETE = "delete", i.POST = "post", i.PUT = "put", i))(f || {});
+class G {
+  constructor(t) {
+    l(this, "baseURL");
+    l(this, "timeout");
+    l(this, "headers");
+    l(this, "responseInterceptor");
+    l(this, "ejectInterceptor");
+    l(this, "url");
+    l(this, "parameters");
+    this.baseURL = t.baseURL, this.timeout = t.timeout ? t.timeout * 1e3 : 1e3, this.headers = t.headers || [], this.responseInterceptor = t.responseInterceptor, this.ejectInterceptor = false, this.url = "", this.parameters = {};
+  }
+  get(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler(f.GET);
+  }
+  post(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler(f.POST);
+  }
+  put(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler(f.PUT);
+  }
+  delete(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler(f.DELETE);
+  }
+  async _responseHandler(t) {
+    const e = [], s = {
+      data: {},
+      headers: {},
+      status: 0,
+      statusText: ""
+    };
+    await t.json().then((r) => {
+      s.data = r;
     });
-    const s2 = this.getMatchingNode(e2);
-    return s2 && s2.tag && t2.push(this.renderOpeningTag(s2.tag)), e2.content ? e2.content.forEach((e3) => {
-      t2.push(this.renderNode(e3));
-    }) : e2.text ? t2.push(function(e3) {
-      const t3 = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, s3 = /[&<>"']/g, r2 = RegExp(s3.source);
-      return e3 && r2.test(e3) ? e3.replace(s3, (e4) => t3[e4]) : e3;
-    }(e2.text)) : s2 && s2.singleTag ? t2.push(this.renderTag(s2.singleTag, " /")) : s2 && s2.html && t2.push(s2.html), s2 && s2.tag && t2.push(this.renderClosingTag(s2.tag)), e2.marks && e2.marks.slice(0).reverse().forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderClosingTag(s3.tag));
-    }), t2.join("");
-  }
-  renderTag(e2, t2) {
-    if (e2.constructor === String)
-      return `<${e2}${t2}>`;
-    return e2.map((e3) => {
-      if (e3.constructor === String)
-        return `<${e3}${t2}>`;
-      {
-        let s2 = `<${e3.tag}`;
-        if (e3.attrs)
-          for (let t3 in e3.attrs) {
-            let r2 = e3.attrs[t3];
-            r2 !== null && (s2 += ` ${t3}="${r2}"`);
-          }
-        return `${s2}${t2}>`;
-      }
-    }).join("");
-  }
-  renderOpeningTag(e2) {
-    return this.renderTag(e2, "");
-  }
-  renderClosingTag(e2) {
-    if (e2.constructor === String)
-      return `</${e2}>`;
-    return e2.slice(0).reverse().map((e3) => e3.constructor === String ? `</${e3}>` : `</${e3.tag}>`).join("");
+    for (const r of t.headers.entries())
+      e[r[0]] = r[1];
+    return s.headers = __spreadValues2({}, e), s.status = t.status, s.statusText = t.statusText, s;
+  }
+  async _methodHandler(t) {
+    const e = new URL(`${this.baseURL}${this.url}`);
+    let s = null;
+    if (t === "get") {
+      const o = new T();
+      e.search = o.stringify(this.parameters);
+    } else
+      s = JSON.stringify(this.parameters);
+    const r = new AbortController(), { signal: n } = r, c = setTimeout(() => r.abort(), this.timeout);
+    try {
+      const o = await fetch(`${e}`, {
+        method: t,
+        headers: this.headers,
+        body: s,
+        signal: n
+      });
+      clearTimeout(c);
+      const a = await this._responseHandler(o);
+      return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(a)) : this._statusHandler(a);
+    } catch (o) {
+      return o;
+    }
   }
-  getMatchingNode(e2) {
-    if (typeof this.nodes[e2.type] == "function")
-      return this.nodes[e2.type](e2);
+  eject() {
+    this.ejectInterceptor = true;
   }
-  getMatchingMark(e2) {
-    if (typeof this.marks[e2.type] == "function")
-      return this.marks[e2.type](e2);
+  _statusHandler(t) {
+    if (/20[01]/g.test(`${t.status}`))
+      return t;
+    throw {
+      message: new Error(t.statusText || `status: ${t.status}`),
+      response: t
+    };
   }
 }
-const o = (e2 = 0, t2 = e2) => {
-  const s2 = Math.abs(t2 - e2) || 0, r2 = e2 < t2 ? 1 : -1;
-  return ((e3 = 0, t3) => [...Array(e3)].map(t3))(s2, (t3, s3) => s3 * r2 + e2);
-}, a = (e2, t2, s2) => {
-  const r2 = [];
-  for (const i2 in e2) {
-    if (!Object.prototype.hasOwnProperty.call(e2, i2))
-      continue;
-    const n2 = e2[i2], o2 = s2 ? "" : encodeURIComponent(i2);
-    let l2;
-    l2 = typeof n2 == "object" ? a(n2, t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2, Array.isArray(n2)) : (t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2) + "=" + encodeURIComponent(n2), r2.push(l2);
-  }
-  return r2.join("&");
-};
-let l = {}, c = {};
-class h {
-  constructor(t2, r2) {
-    if (!r2) {
-      let e2 = t2.region ? `-${t2.region}` : "", s2 = t2.https === false ? "http" : "https";
-      r2 = t2.oauthToken === void 0 ? `${s2}://api${e2}.storyblok.com/v2` : `${s2}://api${e2}.storyblok.com/v1`;
+let p = {};
+const d = {};
+class Q {
+  constructor(t, e) {
+    l(this, "client");
+    l(this, "maxRetries");
+    l(this, "throttle");
+    l(this, "accessToken");
+    l(this, "cache");
+    l(this, "helpers");
+    l(this, "relations");
+    l(this, "links");
+    l(this, "richTextResolver");
+    l(this, "resolveNestedRelations");
+    if (!e) {
+      const n = t.region ? `-${t.region}` : "", c = t.https === false ? "http" : "https";
+      t.oauthToken ? e = `${c}://api${n}.storyblok.com/v1` : e = `${c}://api${n}.storyblok.com/v2`;
     }
-    let i2 = Object.assign({}, t2.headers), o2 = 5;
-    t2.oauthToken !== void 0 && (i2.Authorization = t2.oauthToken, o2 = 3), t2.rateLimit !== void 0 && (o2 = t2.rateLimit), this.richTextResolver = new n(t2.richTextSchema), typeof t2.componentResolver == "function" && this.setComponentResolver(t2.componentResolver), this.maxRetries = t2.maxRetries || 5, this.throttle = s(this.throttledRequest, o2, 1e3), this.accessToken = t2.accessToken, this.relations = {}, this.links = {}, this.cache = t2.cache || { clear: "manual" }, this.client = e.create({ baseURL: r2, timeout: t2.timeout || 0, headers: i2, proxy: t2.proxy || false }), t2.responseInterceptor && this.client.interceptors.response.use((e2) => t2.responseInterceptor(e2)), this.resolveNestedRelations = t2.resolveNestedRelations || true;
-  }
-  setComponentResolver(e2) {
-    this.richTextResolver.addNode("blok", (t2) => {
-      let s2 = "";
-      return t2.attrs.body.forEach((t3) => {
-        s2 += e2(t3.component, t3);
-      }), { html: s2 };
+    const s = Object.assign({}, t.headers);
+    let r = 5;
+    t.oauthToken && (s.Authorization = t.oauthToken, r = 3), t.rateLimit && (r = t.rateLimit), t.richTextSchema ? this.richTextResolver = new v(t.richTextSchema) : this.richTextResolver = new v(), t.componentResolver && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries, this.throttle = _(this.throttledRequest, r, 1e3), this.accessToken = t.accessToken || "", this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.helpers = new T(), this.resolveNestedRelations = false, this.client = new G({
+      baseURL: e,
+      timeout: t.timeout || 0,
+      headers: s,
+      responseInterceptor: t.responseInterceptor
     });
   }
-  parseParams(e2 = {}) {
-    return e2.version || (e2.version = "published"), e2.token || (e2.token = this.getToken()), e2.cv || (e2.cv = c[e2.token]), Array.isArray(e2.resolve_relations) && (e2.resolve_relations = e2.resolve_relations.join(",")), e2;
+  setComponentResolver(t) {
+    this.richTextResolver.addNode("blok", (e) => {
+      let s = "";
+      return e.attrs.body.forEach((r) => {
+        s += t(r.component, r);
+      }), {
+        html: s
+      };
+    });
   }
-  factoryParamOptions(e2, t2 = {}) {
-    return ((e3 = "") => e3.indexOf("/cdn/") > -1)(e2) ? this.parseParams(t2) : t2;
+  parseParams(t) {
+    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = d[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
   }
-  makeRequest(e2, t2, s2, r2) {
-    const i2 = this.factoryParamOptions(e2, ((e3 = {}, t3 = 25, s3 = 1) => __spreadProps(__spreadValues2({}, e3), { per_page: t3, page: s3 }))(t2, s2, r2));
-    return this.cacheResponse(e2, i2);
+  factoryParamOptions(t, e) {
+    return this.helpers.isCDNUrl(t) ? this.parseParams(e) : e;
   }
-  get(e2, t2) {
-    let s2 = `/${e2}`;
-    const r2 = this.factoryParamOptions(s2, t2);
-    return this.cacheResponse(s2, r2);
+  makeRequest(t, e, s, r) {
+    const n = this.factoryParamOptions(t, this.helpers.getOptionsPage(e, s, r));
+    return this.cacheResponse(t, n);
   }
-  async getAll(e2, t2 = {}, s2) {
-    const r2 = t2.per_page || 25, i2 = `/${e2}`, n2 = i2.split("/");
-    s2 = s2 || n2[n2.length - 1];
-    const a2 = await this.makeRequest(i2, t2, r2, 1), l2 = a2.total ? Math.ceil(a2.total / r2) : 1;
-    return ((e3 = [], t3) => e3.map(t3).reduce((e4, t4) => [...e4, ...t4], []))([a2, ...await (async (e3 = [], t3) => Promise.all(e3.map(t3)))(o(1, l2), async (e3) => this.makeRequest(i2, t2, r2, e3 + 1))], (e3) => Object.values(e3.data[s2]));
+  get(t, e) {
+    e || (e = {});
+    const s = `/${t}`, r = this.factoryParamOptions(s, e);
+    return this.cacheResponse(s, r);
   }
-  post(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("post", s2, t2);
+  async getAll(t, e, s) {
+    const r = (e == null ? void 0 : e.per_page) || 25, n = `/${t}`, c = n.split("/"), o = s || c[c.length - 1], a = 1, h = await this.makeRequest(n, e, r, a), u = h.total ? Math.ceil(h.total / r) : 1, g = await this.helpers.asyncMap(this.helpers.range(a, u), (k) => this.makeRequest(n, e, r, k + 1));
+    return this.helpers.flatMap([h, ...g], (k) => Object.values(k.data[o]));
   }
-  put(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("put", s2, t2);
+  post(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("post", s, e));
   }
-  delete(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("delete", s2, t2);
+  put(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("put", s, e));
   }
-  getStories(e2) {
-    return this.get("cdn/stories", e2);
+  delete(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("delete", s, e));
   }
-  getStory(e2, t2) {
-    return this.get(`cdn/stories/${e2}`, t2);
+  getStories(t) {
+    return this.get("cdn/stories", t);
   }
-  setToken(e2) {
-    this.accessToken = e2;
+  getStory(t, e) {
+    return this.get(`cdn/stories/${t}`, e);
   }
   getToken() {
     return this.accessToken;
   }
-  _cleanCopy(e2) {
-    return JSON.parse(JSON.stringify(e2));
-  }
-  _insertLinks(e2, t2) {
-    const s2 = e2[t2];
-    s2 && s2.fieldtype == "multilink" && s2.linktype == "story" && typeof s2.id == "string" && this.links[s2.id] ? s2.story = this._cleanCopy(this.links[s2.id]) : s2 && s2.linktype === "story" && typeof s2.uuid == "string" && this.links[s2.uuid] && (s2.story = this._cleanCopy(this.links[s2.uuid]));
-  }
-  _insertRelations(e2, t2, s2) {
-    if (s2.indexOf(e2.component + "." + t2) > -1) {
-      if (typeof e2[t2] == "string")
-        this.relations[e2[t2]] && (e2[t2] = this._cleanCopy(this.relations[e2[t2]]));
-      else if (e2[t2].constructor === Array) {
-        let s3 = [];
-        e2[t2].forEach((e3) => {
-          this.relations[e3] && s3.push(this._cleanCopy(this.relations[e3]));
-        }), e2[t2] = s3;
+  ejectInterceptor() {
+    this.client.eject();
+  }
+  _cleanCopy(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  _insertLinks(t, e) {
+    const s = t[e];
+    s && s.fieldtype == "multilink" && s.linktype == "story" && typeof s.id == "string" && this.links[s.id] ? s.story = this._cleanCopy(this.links[s.id]) : s && s.linktype === "story" && typeof s.uuid == "string" && this.links[s.uuid] && (s.story = this._cleanCopy(this.links[s.uuid]));
+  }
+  _insertRelations(t, e, s) {
+    if (s.indexOf(`${t.component}.${e}`) > -1) {
+      if (typeof t[e] == "string")
+        this.relations[t[e]] && (t[e] = this._cleanCopy(this.relations[t[e]]));
+      else if (t[e] && t[e].constructor === Array) {
+        const r = [];
+        t[e].forEach((n) => {
+          this.relations[n] && r.push(this._cleanCopy(this.relations[n]));
+        }), t[e] = r;
       }
     }
   }
-  _insertAssetsRelations(e2, t2) {
-    t2.forEach((t3) => {
-      e2.id === t3.id && (e2.original = t3, e2.original.filename = e2.filename, e2.original.filename = e2.original.filename.includes("https://s3.amazonaws.com/") ? e2.original.filename : e2.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete e2.original.s3_filename);
-    });
-  }
-  iterateTree(e2, t2) {
-    let s2 = (e3) => {
-      if (e3 != null) {
-        if (e3.constructor === Array)
-          for (let t3 = 0; t3 < e3.length; t3++)
-            s2(e3[t3]);
-        else if (e3.constructor === Object) {
-          if (e3._stopResolving)
+  iterateTree(t, e) {
+    const s = (r) => {
+      if (r != null) {
+        if (r.constructor === Array)
+          for (let n = 0; n < r.length; n++)
+            s(r[n]);
+        else if (r.constructor === Object) {
+          if (r._stopResolving)
             return;
-          for (let r2 in e3)
-            e3.component && e3._uid || e3.type === "link" ? (this._insertRelations(e3, r2, t2), this._insertLinks(e3, r2)) : "id" in e3 && e3.fieldtype === "asset" && this._insertAssetsRelations(e3, t2), s2(e3[r2]);
+          for (const n in r)
+            (r.component && r._uid || r.type === "link") && (this._insertRelations(r, n, e), this._insertLinks(r, n)), s(r[n]);
         }
       }
     };
-    s2(e2.content);
-  }
-  async resolveLinks(e2, t2) {
-    let s2 = [];
-    if (e2.link_uuids) {
-      const r2 = e2.link_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.link_uuids.slice(t3, s3));
+    s(t.content);
+  }
+  async resolveLinks(t, e) {
+    let s = [];
+    if (t.link_uuids) {
+      const r = t.link_uuids.length, n = [], c = 50;
+      for (let o = 0; o < r; o += c) {
+        const a = Math.min(r, o + c);
+        n.push(t.link_uuids.slice(o, a));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let o = 0; o < n.length; o++)
+        (await this.getStories({
+          per_page: c,
+          language: e.language,
+          version: e.version,
+          by_uuids: n[o].join(",")
+        })).data.stories.forEach((h) => {
+          s.push(h);
         });
-      }
     } else
-      s2 = e2.links;
-    s2.forEach((e3) => {
-      this.links[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      s = t.links;
+    s.forEach((r) => {
+      this.links[r.uuid] = __spreadProps(__spreadValues2({}, r), { _stopResolving: true });
     });
   }
-  async resolveRelations(e2, t2) {
-    let s2 = [];
-    if (e2.rel_uuids) {
-      const r2 = e2.rel_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.rel_uuids.slice(t3, s3));
+  async resolveRelations(t, e) {
+    let s = [];
+    if (t.rel_uuids) {
+      const r = t.rel_uuids.length, n = [], c = 50;
+      for (let o = 0; o < r; o += c) {
+        const a = Math.min(r, o + c);
+        n.push(t.rel_uuids.slice(o, a));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let o = 0; o < n.length; o++)
+        (await this.getStories({
+          per_page: c,
+          language: e.language,
+          version: e.version,
+          by_uuids: n[o].join(",")
+        })).data.stories.forEach((h) => {
+          s.push(h);
         });
-      }
     } else
-      s2 = e2.rels;
-    s2.forEach((e3) => {
-      this.relations[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      s = t.rels;
+    s && s.length > 0 && s.forEach((r) => {
+      this.relations[r.uuid] = __spreadProps(__spreadValues2({}, r), { _stopResolving: true });
     });
   }
-  async resolveStories(e2, t2) {
-    let s2 = [];
-    if (t2.resolve_relations !== void 0 && t2.resolve_relations.length > 0 && (e2.rels || e2.rel_uuids) && (s2 = t2.resolve_relations.split(","), await this.resolveRelations(e2, t2)), ["1", "story", "url"].indexOf(t2.resolve_links) > -1 && (e2.links || e2.link_uuids) && await this.resolveLinks(e2, t2), this.resolveNestedRelations)
-      for (const e3 in this.relations)
-        this.iterateTree(this.relations[e3], s2);
-    e2.story ? this.iterateTree(e2.story, s2) : e2.stories.forEach((e3) => {
-      this.iterateTree(e3, s2);
+  async resolveStories(t, e) {
+    var r, n;
+    let s = [];
+    if (typeof e.resolve_relations < "u" && e.resolve_relations.length > 0 && (s = e.resolve_relations.split(","), await this.resolveRelations(t, e)), e.resolve_links && ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (((r = t.links) == null ? void 0 : r.length) || ((n = t.link_uuids) == null ? void 0 : n.length)) && await this.resolveLinks(t, e), this.resolveNestedRelations)
+      for (const c in this.relations)
+        this.iterateTree(this.relations[c], s);
+    t.story ? this.iterateTree(t.story, s) : t.stories.forEach((c) => {
+      this.iterateTree(c, s);
     });
   }
-  resolveAssetsRelations(e2) {
-    const { assets: t2, stories: s2, story: r2 } = e2;
-    if (s2)
-      for (const e3 of s2)
-        this.iterateTree(e3, t2);
-    else {
-      if (!r2)
-        return e2;
-      this.iterateTree(r2, t2);
-    }
-  }
-  cacheResponse(e2, t2, s2) {
-    return s2 === void 0 && (s2 = 0), new Promise(async (r2, i2) => {
-      let n2 = a({ url: e2, params: t2 }), o2 = this.cacheProvider();
-      if (this.cache.clear === "auto" && t2.version === "draft" && await this.flushCache(), t2.version === "published" && e2 != "/cdn/spaces/me") {
-        const e3 = await o2.get(n2);
-        if (e3)
-          return r2(e3);
+  cacheResponse(t, e, s) {
+    return new Promise((r, n) => {
+      const c = this.helpers.stringify({ url: t, params: e }), o = this.cacheProvider();
+      if (this.cache.clear === "auto" && e.version === "draft" && this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
+        const a = o.get(c);
+        if (a)
+          return r(a);
       }
       try {
-        let s3 = await this.throttle("get", e2, { params: t2, paramsSerializer: (e3) => a(e3) }), l3 = { data: s3.data, headers: s3.headers };
-        if (l3.data.assets && l3.data.assets.length && this.resolveAssetsRelations(l3.data), l3 = Object.assign({}, l3, { perPage: s3.headers["per-page"] ? parseInt(s3.headers["per-page"]) : 0, total: s3.headers["per-page"] ? parseInt(s3.headers.total) : 0 }), s3.status != 200)
-          return i2(s3);
-        (l3.data.story || l3.data.stories) && await this.resolveStories(l3.data, t2), t2.version === "published" && e2 != "/cdn/spaces/me" && o2.set(n2, l3), l3.data.cv && (t2.version == "draft" && c[t2.token] != l3.data.cv && this.flushCache(), c[t2.token] = l3.data.cv), r2(l3);
-      } catch (n3) {
-        if (n3.response && n3.response.status === 429 && (s2 += 1) < this.maxRetries)
-          return console.log(`Hit rate limit. Retrying in ${s2} seconds.`), await (l2 = 1e3 * s2, new Promise((e3) => setTimeout(e3, l2))), this.cacheResponse(e2, t2, s2).then(r2).catch(i2);
-        i2(n3);
+        (async () => {
+          var u;
+          const a = await this.throttle("get", t, e);
+          let h = { data: a.data, headers: a.headers };
+          if ((u = a.headers) != null && u["per-page"] && (h = Object.assign({}, h, {
+            perPage: a.headers["per-page"] ? parseInt(a.headers["per-page"]) : 0,
+            total: a.headers["per-page"] ? parseInt(a.headers.total) : 0
+          })), a.status != 200)
+            return n(a);
+          (h.data.story || h.data.stories) && await this.resolveStories(h.data, e), e.version === "published" && t != "/cdn/spaces/me" && o.set(c, h), h.data.cv && e.token && (e.version == "draft" && d[e.token] != h.data.cv && this.flushCache(), d[e.token] = h.data.cv), r(h);
+        })();
+      } catch {
       }
-      var l2;
     });
   }
-  throttledRequest(e2, t2, s2) {
-    return this.client[e2](t2, s2);
+  throttledRequest(t, e, s) {
+    return this.client[t](e, s);
   }
   cacheVersions() {
-    return c;
+    return d;
   }
   cacheVersion() {
-    return c[this.accessToken];
+    return d[this.accessToken];
   }
-  setCacheVersion(e2) {
-    this.accessToken && (c[this.accessToken] = e2);
+  setCacheVersion(t) {
+    this.accessToken && (d[this.accessToken] = t);
   }
   cacheProvider() {
-    return this.cache.type === "memory" ? { get: (e2) => l[e2], getAll: () => l, set(e2, t2) {
-      l[e2] = t2;
-    }, flush() {
-      l = {};
-    } } : { get() {
-    }, getAll() {
-    }, set() {
-    }, flush() {
-    } };
-  }
-  async flushCache() {
-    return await this.cacheProvider().flush(), this;
+    switch (this.cache.type) {
+      case "memory":
+        return {
+          get(t) {
+            return p[t];
+          },
+          getAll() {
+            return p;
+          },
+          set(t, e) {
+            p[t] = e;
+          },
+          flush() {
+            p = {};
+          }
+        };
+      default:
+        return {
+          get() {
+          },
+          getAll() {
+          },
+          set() {
+          },
+          flush() {
+          }
+        };
+    }
+  }
+  flushCache() {
+    return this.cacheProvider().flush(), this;
   }
 }
 const apiFactory = (options = {}) => {
@@ -699,7 +634,7 @@ const apiFactory = (options = {}) => {
     console.error("You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication");
     return;
   }
-  const storyblokApi = new h(apiOptions);
+  const storyblokApi = new Q(apiOptions);
   return { storyblokApi };
 };
 var editable = (blok) => {
@@ -754,7 +689,7 @@ const storyblokInit$1 = (pluginOptions = {}) => {
   if (bridge !== false) {
     loadBridge(bridgeLatest);
   }
-  richTextResolver = new RichTextResolver(richText.schema);
+  richTextResolver = new v(richText.schema);
   if (richText.resolver) {
     setComponentResolver(richTextResolver, richText.resolver);
   }
@@ -786,7 +721,7 @@ const renderRichText = (data, options, resolverInstance) => {
     return "";
   }
   if (options) {
-    localResolver = new RichTextResolver(options.schema);
+    localResolver = new v(options.schema);
     if (options.resolver) {
       setComponentResolver(localResolver, options.resolver);
     }
@@ -815,24 +750,28 @@ const useStoryblok = (slug, apiOptions = {}, bridgeOptions = {}) => {
     console.error("You can't use useStoryblok if you're not loading apiPlugin.");
     return null;
   }
-  useStoryblokBridge(story.id, (story2) => setStory(story2), bridgeOptions);
+  const isBridgeEnable = typeof window !== "undefined" && typeof window.storyblokRegisterEvent !== "undefined";
   useEffect(() => {
-    async function fetchData() {
+    async function initStory() {
       const { data } = await storyblokApiInstance.get(`cdn/stories/${slug}`, apiOptions);
       setStory(data.story);
+      if (isBridgeEnable && data.story.id) {
+        useStoryblokBridge(data.story.id, (story2) => setStory(story2), bridgeOptions);
+      }
     }
-    fetchData();
+    initStory();
   }, [slug]);
   return story;
 };
-const useStoryblokState = (initialStory = {}, bridgeOptions = {}, preview = true) => {
+const useStoryblokState = (initialStory = null, bridgeOptions = {}) => {
   let [story, setStory] = useState(initialStory);
-  if (!preview) {
+  const isBridgeEnable = typeof window !== "undefined" && typeof window.storyblokRegisterEvent !== "undefined";
+  if (!isBridgeEnable || !initialStory) {
     return initialStory;
   }
   useEffect(() => {
-    useStoryblokBridge(story.id, (newStory) => setStory(newStory), bridgeOptions);
     setStory(initialStory);
+    useStoryblokBridge(story.id, (newStory) => setStory(newStory), bridgeOptions);
   }, [initialStory]);
   return story;
 };
@@ -856,4 +795,4 @@ const storyblokInit = (pluginOptions = {}) => {
   storyblokApiInstance = storyblokApi;
   componentsMap = pluginOptions.components;
 };
-export { defaultHtmlSerializer as RichTextSchema, StoryblokComponent, apiFactory as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, useStoryblokBridge as registerStoryblokBridge, renderRichText, editable as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, useStoryblokBridge, useStoryblokState };
+export { v as RichTextResolver, j as RichTextSchema, StoryblokComponent, apiFactory as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, useStoryblokBridge as registerStoryblokBridge, renderRichText, editable as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, useStoryblokBridge, useStoryblokState };