@storyblok/js 3.1.8 → 3.2.0

package/dist/{storyblok-js.mjs → storyblok-js.es.js}

@@ -1,42 +1,52 @@
+/**
+ * name: @storyblok/js
+ * (c) 2024
+ * description: SDK to integrate Storyblok into your project using JavaScript.
+ * author: undefined
+ */
 let H = !1;
-const U = [], q = (i) => new Promise((e, t) => {
+const U = [], F = (i) => new Promise((e, t) => {
   if (typeof window > "u" || (window.storyblokRegisterEvent = (r) => {
     if (window.location === window.parent.location) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
     H ? r() : U.push(r);
-  }, document.getElementById("storyblok-javascript-bridge"))) return;
+  }, document.getElementById("storyblok-javascript-bridge")))
+    return;
   const s = document.createElement("script");
   s.async = !0, s.src = i, s.id = "storyblok-javascript-bridge", s.onerror = (r) => t(r), s.onload = (r) => {
-    U.forEach((n) => n()), H = !0, e(r);
+    U.forEach((o) => o()), H = !0, e(r);
   }, document.getElementsByTagName("head")[0].appendChild(s);
 });
-var X = Object.defineProperty, W = (i, e, t) => e in i ? X(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, p = (i, e, t) => W(i, typeof e != "symbol" ? e + "" : e, t);
-class Q extends Error {
+var Q = Object.defineProperty, Z = (i, e, t) => e in i ? Q(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, p = (i, e, t) => Z(i, typeof e != "symbol" ? e + "" : e, t);
+class ee extends Error {
   constructor(e) {
     super(e), this.name = "AbortError";
   }
 }
-function Z(i, e, t) {
+function te(i, 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 s = [];
-  let r = [], n = 0, o = !1;
+  let r = [], o = 0, n = !1;
   const l = async () => {
-    n++;
+    o++;
     const c = s.shift();
-    if (c) {
-      const d = await i(...c.args);
-      c.resolve(d);
-    }
+    if (c)
+      try {
+        const d = await i(...c.args);
+        c.resolve(d);
+      } catch (d) {
+        c.reject(d);
+      }
     const u = setTimeout(() => {
-      n--, s.length > 0 && l(), r = r.filter((d) => d !== u);
+      o--, s.length > 0 && l(), r = r.filter((d) => d !== u);
     }, t);
     r.includes(u) || r.push(u);
-  }, a = (...c) => o ? Promise.reject(
+  }, a = (...c) => n ? Promise.reject(
     new Error(
       "Throttled function is already aborted and not accepting new promises"
     )
@@ -45,15 +55,15 @@ function Z(i, e, t) {
       resolve: u,
       reject: d,
       args: c
-    }), n < e && l();
+    }), o < e && l();
   });
   return a.abort = () => {
-    o = !0, r.forEach(clearTimeout), r = [], s.forEach(
-      (c) => c.reject(() => new Q("Throttle function aborted"))
+    n = !0, r.forEach(clearTimeout), r = [], s.forEach(
+      (c) => c.reject(() => new ee("Throttle function aborted"))
     ), s.length = 0;
   }, a;
 }
-let O = class {
+class A {
   constructor() {
     p(this, "isCDNUrl", (e = "") => e.includes("/cdn/")), p(this, "getOptionsPage", (e, t = 25, s = 1) => ({
       ...e,
@@ -61,7 +71,7 @@ let O = class {
       page: s
     })), p(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), p(this, "arrayFrom", (e = 0, t) => Array.from({ length: e }, t)), p(this, "range", (e = 0, t = e) => {
       const s = Math.abs(t - e) || 0, r = e < t ? 1 : -1;
-      return this.arrayFrom(s, (n, o) => o * r + e);
+      return this.arrayFrom(s, (o, n) => n * r + e);
     }), p(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), p(this, "flatMap", (e = [], t) => e.map(t).reduce((s, r) => [...s, ...r], [])), p(this, "escapeHTML", function(e) {
       const t = {
         "&": "&amp;",
@@ -70,7 +80,7 @@ let O = class {
         '"': "&quot;",
         "'": "&#39;"
       }, s = /[&<>"']/g, r = new RegExp(s.source);
-      return e && r.test(e) ? e.replace(s, (n) => t[n]) : e;
+      return e && r.test(e) ? e.replace(s, (o) => t[o]) : e;
     });
   }
   /**
@@ -82,16 +92,16 @@ let O = class {
    */
   stringify(e, t, s) {
     const r = [];
-    for (const n in e) {
-      if (!Object.prototype.hasOwnProperty.call(e, n))
+    for (const o in e) {
+      if (!Object.prototype.hasOwnProperty.call(e, o))
         continue;
-      const o = e[n], l = s ? "" : encodeURIComponent(n);
+      const n = e[o], l = s ? "" : encodeURIComponent(o);
       let a;
-      typeof o == "object" ? a = this.stringify(
-        o,
+      typeof n == "object" ? a = this.stringify(
+        n,
         t ? t + encodeURIComponent(`[${l}]`) : l,
-        Array.isArray(o)
-      ) : a = `${t ? t + encodeURIComponent(`[${l}]`) : l}=${encodeURIComponent(o)}`, r.push(a);
+        Array.isArray(n)
+      ) : a = `${t ? t + encodeURIComponent(`[${l}]`) : l}=${encodeURIComponent(n)}`, r.push(a);
     }
     return r.join("&");
   }
@@ -101,35 +111,35 @@ let O = class {
    * @return {string} The base URL of the region
    */
   getRegionURL(e) {
-    const t = "api.storyblok.com", s = "api-us.storyblok.com", r = "app.storyblokchina.cn", n = "api-ap.storyblok.com", o = "api-ca.storyblok.com";
+    const t = "api.storyblok.com", s = "api-us.storyblok.com", r = "app.storyblokchina.cn", o = "api-ap.storyblok.com", n = "api-ca.storyblok.com";
     switch (e) {
       case "us":
         return s;
       case "cn":
         return r;
       case "ap":
-        return n;
-      case "ca":
         return o;
+      case "ca":
+        return n;
       default:
         return t;
     }
   }
-};
-const ee = function(i, e) {
+}
+const se = function(i, e) {
   const t = {};
   for (const s in i) {
     const r = i[s];
     e.includes(s) && r !== null && (t[s] = r);
   }
   return t;
-}, te = (i) => i === "email", se = () => ({
+}, re = (i) => i === "email", ie = () => ({
   singleTag: "hr"
-}), re = () => ({
+}), oe = () => ({
   tag: "blockquote"
-}), ie = () => ({
+}), ne = () => ({
   tag: "ul"
-}), ne = (i) => ({
+}), ae = (i) => ({
   tag: [
     "pre",
     {
@@ -137,24 +147,24 @@ const ee = function(i, e) {
       attrs: i.attrs
     }
   ]
-}), oe = () => ({
+}), le = () => ({
   singleTag: "br"
-}), ae = (i) => ({
+}), ce = (i) => ({
   tag: `h${i.attrs.level}`
-}), le = (i) => ({
+}), he = (i) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: ee(i.attrs, ["src", "alt", "title"])
+      attrs: se(i.attrs, ["src", "alt", "title"])
     }
   ]
-}), ce = () => ({
+}), ue = () => ({
   tag: "li"
-}), he = () => ({
+}), de = () => ({
   tag: "ol"
-}), ue = () => ({
+}), pe = () => ({
   tag: "p"
-}), de = (i) => ({
+}), ge = (i) => ({
   tag: [
     {
       tag: "span",
@@ -165,25 +175,25 @@ const ee = function(i, e) {
       }
     }
   ]
-}), pe = () => ({
+}), fe = () => ({
   tag: "b"
-}), ge = () => ({
+}), me = () => ({
   tag: "s"
-}), fe = () => ({
+}), ye = () => ({
   tag: "u"
-}), me = () => ({
+}), be = () => ({
   tag: "strong"
-}), ye = () => ({
+}), ke = () => ({
   tag: "code"
-}), be = () => ({
+}), ve = () => ({
   tag: "i"
-}), ke = (i) => {
+}), $e = (i) => {
   if (!i.attrs)
     return {
       tag: ""
     };
-  const e = new O().escapeHTML, t = { ...i.attrs }, { linktype: s = "url" } = i.attrs;
-  if (delete t.linktype, t.href && (t.href = e(i.attrs.href || "")), te(s) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
+  const e = new A().escapeHTML, t = { ...i.attrs }, { linktype: s = "url" } = i.attrs;
+  if (delete t.linktype, t.href && (t.href = e(i.attrs.href || "")), re(s) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
     for (const r in t.custom)
       t[r] = t.custom[r];
     delete t.custom;
@@ -196,25 +206,25 @@ const ee = function(i, e) {
       }
     ]
   };
-}, ve = (i) => ({
+}, Te = (i) => ({
   tag: [
     {
       tag: "span",
       attrs: i.attrs
     }
   ]
-}), $e = () => ({
+}), we = () => ({
   tag: "sub"
-}), Te = () => ({
+}), Re = () => ({
   tag: "sup"
-}), we = (i) => ({
+}), Se = (i) => ({
   tag: [
     {
       tag: "span",
       attrs: i.attrs
     }
   ]
-}), Re = (i) => {
+}), _e = (i) => {
   var e;
   return (e = i.attrs) != null && e.color ? {
     tag: [
@@ -228,7 +238,7 @@ const ee = function(i, e) {
   } : {
     tag: ""
   };
-}, Se = (i) => {
+}, Ee = (i) => {
   var e;
   return (e = i.attrs) != null && e.color ? {
     tag: [
@@ -242,36 +252,36 @@ const ee = function(i, e) {
   } : {
     tag: ""
   };
-}, _e = {
+}, je = {
   nodes: {
-    horizontal_rule: se,
-    blockquote: re,
-    bullet_list: ie,
-    code_block: ne,
-    hard_break: oe,
-    heading: ae,
-    image: le,
-    list_item: ce,
-    ordered_list: he,
-    paragraph: ue,
-    emoji: de
+    horizontal_rule: ie,
+    blockquote: oe,
+    bullet_list: ne,
+    code_block: ae,
+    hard_break: le,
+    heading: ce,
+    image: he,
+    list_item: ue,
+    ordered_list: de,
+    paragraph: pe,
+    emoji: ge
   },
   marks: {
-    bold: pe,
-    strike: ge,
-    underline: fe,
-    strong: me,
-    code: ye,
-    italic: be,
-    link: ke,
-    styled: ve,
-    subscript: $e,
-    superscript: Te,
-    anchor: we,
-    highlight: Re,
-    textStyle: Se
-  }
-}, Ee = function(i) {
+    bold: fe,
+    strike: me,
+    underline: ye,
+    strong: be,
+    code: ke,
+    italic: ve,
+    link: $e,
+    styled: Te,
+    subscript: we,
+    superscript: Re,
+    anchor: Se,
+    highlight: _e,
+    textStyle: Ee
+  }
+}, Ie = function(i) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
@@ -282,9 +292,9 @@ const ee = function(i, e) {
   return i && s.test(i) ? i.replace(t, (r) => e[r]) : i;
 };
 let z = !1;
-class Ie {
+class xe {
   constructor(e) {
-    p(this, "marks"), p(this, "nodes"), e || (e = _e), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    p(this, "marks"), p(this, "nodes"), e || (e = je), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
   addNode(e, t) {
     this.nodes[e] = t;
@@ -297,8 +307,8 @@ class Ie {
       "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/"
     ), z = !0), e && e.content && Array.isArray(e.content)) {
       let r = "";
-      return e.content.forEach((n) => {
-        r += this.renderNode(n);
+      return e.content.forEach((o) => {
+        r += this.renderNode(o);
       }), t.optimizeImages ? this.optimizeImages(r, t.optimizeImages) : r;
     }
     return console.warn(
@@ -329,9 +339,9 @@ class Ie {
     ), "";
   }
   optimizeImages(e, t) {
-    let s = 0, r = 0, n = "", o = "";
-    typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (n += `width="${t.width}" `, s = t.width), typeof t.height == "number" && t.height > 0 && (n += `height="${t.height}" `, r = t.height), (t.loading === "lazy" || t.loading === "eager") && (n += `loading="${t.loading}" `), typeof t.class == "string" && t.class.length > 0 && (n += `class="${t.class}" `), t.filters && (typeof t.filters.blur == "number" && t.filters.blur >= 0 && t.filters.blur <= 100 && (o += `:blur(${t.filters.blur})`), typeof t.filters.brightness == "number" && t.filters.brightness >= -100 && t.filters.brightness <= 100 && (o += `:brightness(${t.filters.brightness})`), t.filters.fill && (t.filters.fill.match(/[0-9A-F]{6}/gi) || t.filters.fill === "transparent") && (o += `:fill(${t.filters.fill})`), t.filters.format && ["webp", "png", "jpeg"].includes(t.filters.format) && (o += `:format(${t.filters.format})`), typeof t.filters.grayscale == "boolean" && t.filters.grayscale && (o += ":grayscale()"), typeof t.filters.quality == "number" && t.filters.quality >= 0 && t.filters.quality <= 100 && (o += `:quality(${t.filters.quality})`), t.filters.rotate && [90, 180, 270].includes(t.filters.rotate) && (o += `:rotate(${t.filters.rotate})`), o.length > 0 && (o = `/filters${o}`))), n.length > 0 && (e = e.replace(/<img/g, `<img ${n.trim()}`));
-    const l = s > 0 || r > 0 || o.length > 0 ? `${s}x${r}${o}` : "";
+    let s = 0, r = 0, o = "", n = "";
+    typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (o += `width="${t.width}" `, s = t.width), typeof t.height == "number" && t.height > 0 && (o += `height="${t.height}" `, r = t.height), (t.loading === "lazy" || t.loading === "eager") && (o += `loading="${t.loading}" `), typeof t.class == "string" && t.class.length > 0 && (o += `class="${t.class}" `), t.filters && (typeof t.filters.blur == "number" && t.filters.blur >= 0 && t.filters.blur <= 100 && (n += `:blur(${t.filters.blur})`), typeof t.filters.brightness == "number" && t.filters.brightness >= -100 && t.filters.brightness <= 100 && (n += `:brightness(${t.filters.brightness})`), t.filters.fill && (t.filters.fill.match(/[0-9A-F]{6}/gi) || t.filters.fill === "transparent") && (n += `:fill(${t.filters.fill})`), t.filters.format && ["webp", "png", "jpeg"].includes(t.filters.format) && (n += `:format(${t.filters.format})`), typeof t.filters.grayscale == "boolean" && t.filters.grayscale && (n += ":grayscale()"), typeof t.filters.quality == "number" && t.filters.quality >= 0 && t.filters.quality <= 100 && (n += `:quality(${t.filters.quality})`), t.filters.rotate && [90, 180, 270].includes(t.filters.rotate) && (n += `:rotate(${t.filters.rotate})`), n.length > 0 && (n = `/filters${n}`))), o.length > 0 && (e = e.replace(/<img/g, `<img ${o.trim()}`));
+    const l = s > 0 || r > 0 || n.length > 0 ? `${s}x${r}${n}` : "";
     return e = e.replace(
       /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,
       `a.storyblok.com/f/$1/$2.$3/m/${l}`
@@ -341,20 +351,20 @@ class Ie {
         /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g
       );
       if (d && d.length > 0) {
-        const g = {
-          srcset: (c = t.srcset) == null ? void 0 : c.map((y) => {
-            if (typeof y == "number")
-              return `//${d}/m/${y}x0${o} ${y}w`;
-            if (typeof y == "object" && y.length === 2) {
-              let R = 0, j = 0;
-              return typeof y[0] == "number" && (R = y[0]), typeof y[1] == "number" && (j = y[1]), `//${d}/m/${R}x${j}${o} ${R}w`;
+        const m = {
+          srcset: (c = t.srcset) == null ? void 0 : c.map((b) => {
+            if (typeof b == "number")
+              return `//${d}/m/${b}x0${n} ${b}w`;
+            if (typeof b == "object" && b.length === 2) {
+              let S = 0, j = 0;
+              return typeof b[0] == "number" && (S = b[0]), typeof b[1] == "number" && (j = b[1]), `//${d}/m/${S}x${j}${n} ${S}w`;
             }
             return "";
           }).join(", "),
-          sizes: (u = t.sizes) == null ? void 0 : u.map((y) => y).join(", ")
+          sizes: (u = t.sizes) == null ? void 0 : u.map((b) => b).join(", ")
         };
-        let T = "";
-        return g.srcset && (T += `srcset="${g.srcset}" `), g.sizes && (T += `sizes="${g.sizes}" `), a.replace(/<img/g, `<img ${T.trim()}`);
+        let y = "";
+        return m.srcset && (y += `srcset="${m.srcset}" `), m.sizes && (y += `sizes="${m.sizes}" `), a.replace(/<img/g, `<img ${y.trim()}`);
       }
       return a;
     })), e;
@@ -362,15 +372,15 @@ class Ie {
   renderNode(e) {
     const t = [];
     e.marks && e.marks.forEach((r) => {
-      const n = this.getMatchingMark(r);
-      n && n.tag !== "" && t.push(this.renderOpeningTag(n.tag));
+      const o = this.getMatchingMark(r);
+      o && o.tag !== "" && t.push(this.renderOpeningTag(o.tag));
     });
     const s = this.getMatchingNode(e);
     return s && s.tag && t.push(this.renderOpeningTag(s.tag)), e.content ? e.content.forEach((r) => {
       t.push(this.renderNode(r));
-    }) : e.text ? t.push(Ee(e.text)) : s && s.singleTag ? t.push(this.renderTag(s.singleTag, " /")) : s && s.html ? t.push(s.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), s && s.tag && t.push(this.renderClosingTag(s.tag)), e.marks && e.marks.slice(0).reverse().forEach((r) => {
-      const n = this.getMatchingMark(r);
-      n && n.tag !== "" && t.push(this.renderClosingTag(n.tag));
+    }) : e.text ? t.push(Ie(e.text)) : s && s.singleTag ? t.push(this.renderTag(s.singleTag, " /")) : s && s.html ? t.push(s.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), s && s.tag && t.push(this.renderClosingTag(s.tag)), e.marks && e.marks.slice(0).reverse().forEach((r) => {
+      const o = this.getMatchingMark(r);
+      o && o.tag !== "" && t.push(this.renderClosingTag(o.tag));
     }), t.join("");
   }
   renderTag(e, t) {
@@ -380,10 +390,10 @@ class Ie {
       {
         let r = `<${s.tag}`;
         if (s.attrs) {
-          for (const n in s.attrs)
-            if (Object.prototype.hasOwnProperty.call(s.attrs, n)) {
-              const o = s.attrs[n];
-              o !== null && (r += ` ${n}="${o}"`);
+          for (const o in s.attrs)
+            if (Object.prototype.hasOwnProperty.call(s.attrs, o)) {
+              const n = s.attrs[o];
+              n !== null && (r += ` ${o}="${n}"`);
             }
         }
         return `${r}${t}>`;
@@ -423,8 +433,8 @@ class Ie {
     return this.renderTag(t, " /");
   }
 }
-const L = Ie;
-class je {
+const L = xe;
+class Oe {
   constructor(e) {
     p(this, "baseURL"), p(this, "timeout"), p(this, "headers"), p(this, "responseInterceptor"), p(this, "fetch"), p(this, "ejectInterceptor"), p(this, "url"), p(this, "parameters"), p(this, "fetchOptions"), this.baseURL = e.baseURL, this.headers = e.headers || new Headers(), this.timeout = e != null && e.timeout ? e.timeout * 1e3 : 0, this.responseInterceptor = e.responseInterceptor, this.fetch = (...t) => e.fetch ? e.fetch(...t) : fetch(...t), this.ejectInterceptor = !1, this.url = "", this.parameters = {}, this.fetchOptions = {};
   }
@@ -444,7 +454,7 @@ class je {
     return this.url = e, this.parameters = t, this._methodHandler("put");
   }
   delete(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("delete");
+    return this.url = e, this.parameters = t ?? {}, this._methodHandler("delete");
   }
   async _responseHandler(e) {
     const t = [], s = {
@@ -463,21 +473,21 @@ class je {
   async _methodHandler(e) {
     let t = `${this.baseURL}${this.url}`, s = null;
     if (e === "get") {
-      const a = new O();
+      const a = new A();
       t = `${this.baseURL}${this.url}?${a.stringify(
         this.parameters
       )}`;
     } else
       s = JSON.stringify(this.parameters);
-    const r = new URL(t), n = new AbortController(), { signal: o } = n;
+    const r = new URL(t), o = new AbortController(), { signal: n } = o;
     let l;
-    this.timeout && (l = setTimeout(() => n.abort(), this.timeout));
+    this.timeout && (l = setTimeout(() => o.abort(), this.timeout));
     try {
       const a = await this.fetch(`${r}`, {
         method: e,
         headers: this.headers,
         body: s,
-        signal: o,
+        signal: n,
         ...this.fetchOptions
       });
       this.timeout && clearTimeout(l);
@@ -502,23 +512,23 @@ class je {
     return new Promise((s, r) => {
       if (t.test(`${e.status}`))
         return s(e);
-      const n = {
+      const o = {
         message: e.statusText,
         status: e.status,
         response: Array.isArray(e.data) ? e.data[0] : e.data.error || e.data.slug
       };
-      r(n);
+      r(o);
     });
   }
 }
-const xe = je, B = "SB-Agent", C = {
+const Ae = Oe, D = "SB-Agent", P = {
   defaultAgentName: "SB-JS-CLIENT",
   defaultAgentVersion: "SB-Agent-Version",
   packageVersion: "6.0.0"
 };
-let x = {};
+let O = {};
 const E = {};
-class Oe {
+class Le {
   /**
    *
    * @param config ISbConfig interface
@@ -528,22 +538,22 @@ class Oe {
     p(this, "client"), p(this, "maxRetries"), p(this, "retriesDelay"), p(this, "throttle"), p(this, "accessToken"), p(this, "cache"), p(this, "helpers"), p(this, "resolveCounter"), p(this, "relations"), p(this, "links"), p(this, "richTextResolver"), p(this, "resolveNestedRelations"), p(this, "stringifiedStoriesCache");
     let s = e.endpoint || t;
     if (!s) {
-      const o = new O().getRegionURL, l = e.https === !1 ? "http" : "https";
-      e.oauthToken ? s = `${l}://${o(e.region)}/v1` : s = `${l}://${o(e.region)}/v2`;
+      const n = new A().getRegionURL, l = e.https === !1 ? "http" : "https";
+      e.oauthToken ? s = `${l}://${n(e.region)}/v1` : s = `${l}://${n(e.region)}/v2`;
     }
     const r = new Headers();
-    r.set("Content-Type", "application/json"), r.set("Accept", "application/json"), e.headers && (e.headers.constructor.name === "Headers" ? e.headers.entries().toArray() : Object.entries(e.headers)).forEach(([o, l]) => {
-      r.set(o, l);
-    }), r.has(B) || (r.set(B, C.defaultAgentName), r.set(
-      C.defaultAgentVersion,
-      C.packageVersion
+    r.set("Content-Type", "application/json"), r.set("Accept", "application/json"), e.headers && (e.headers.constructor.name === "Headers" ? e.headers.entries().toArray() : Object.entries(e.headers)).forEach(([n, l]) => {
+      r.set(n, l);
+    }), r.has(D) || (r.set(D, P.defaultAgentName), r.set(
+      P.defaultAgentVersion,
+      P.packageVersion
     ));
-    let n = 5;
-    e.oauthToken && (r.set("Authorization", e.oauthToken), n = 3), e.rateLimit && (n = e.rateLimit), e.richTextSchema ? this.richTextResolver = new L(e.richTextSchema) : this.richTextResolver = new L(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries || 10, this.retriesDelay = 300, this.throttle = Z(
+    let o = 5;
+    e.oauthToken && (r.set("Authorization", e.oauthToken), o = 3), e.rateLimit && (o = e.rateLimit), e.richTextSchema ? this.richTextResolver = new L(e.richTextSchema) : this.richTextResolver = new L(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries || 10, this.retriesDelay = 300, this.throttle = te(
       this.throttledRequest.bind(this),
-      n,
+      o,
       1e3
-    ), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new O(), this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.client = new xe({
+    ), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new A(), this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.client = new Ae({
       baseURL: s,
       timeout: e.timeout || 0,
       headers: r,
@@ -567,30 +577,30 @@ class Oe {
   factoryParamOptions(e, t) {
     return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
   }
-  makeRequest(e, t, s, r, n) {
-    const o = this.factoryParamOptions(
+  makeRequest(e, t, s, r, o) {
+    const n = this.factoryParamOptions(
       e,
       this.helpers.getOptionsPage(t, s, r)
     );
-    return this.cacheResponse(e, o, void 0, n);
+    return this.cacheResponse(e, n, void 0, o);
   }
   get(e, t, s) {
     t || (t = {});
-    const r = `/${e}`, n = this.factoryParamOptions(r, t);
-    return this.cacheResponse(r, n, void 0, s);
+    const r = `/${e}`, o = this.factoryParamOptions(r, t);
+    return this.cacheResponse(r, o, void 0, s);
   }
   async getAll(e, t, s, r) {
-    const n = (t == null ? void 0 : t.per_page) || 25, o = `/${e}`.replace(/\/$/, ""), l = s ?? o.substring(o.lastIndexOf("/") + 1), a = 1, c = await this.makeRequest(
-      o,
-      t,
+    const o = (t == null ? void 0 : t.per_page) || 25, n = `/${e}`.replace(/\/$/, ""), l = s ?? n.substring(n.lastIndexOf("/") + 1), a = 1, c = await this.makeRequest(
       n,
+      t,
+      o,
       a,
       r
-    ), u = c.total ? Math.ceil(c.total / n) : 1, d = await this.helpers.asyncMap(
+    ), u = c.total ? Math.ceil(c.total / o) : 1, d = await this.helpers.asyncMap(
       this.helpers.range(a, u),
-      (g) => this.makeRequest(o, t, n, g + 1, r)
+      (m) => this.makeRequest(n, t, o, m + 1, r)
     );
-    return this.helpers.flatMap([c, ...d], (g) => Object.values(g.data[l]));
+    return this.helpers.flatMap([c, ...d], (m) => Object.values(m.data[l]));
   }
   post(e, t, s) {
     const r = `/${e}`;
@@ -605,6 +615,7 @@ class Oe {
     );
   }
   delete(e, t, s) {
+    t || (t = {});
     const r = `/${e}`;
     return Promise.resolve(
       this.throttle("delete", r, t, s)
@@ -639,34 +650,65 @@ class Oe {
    * @returns string | object
    */
   getStoryReference(e, t) {
-    return this.relations[e][t] ? (this.stringifiedStoriesCache[t] || (this.stringifiedStoriesCache[t] = JSON.stringify(
-      this.relations[e][t]
-    )), JSON.parse(this.stringifiedStoriesCache[t])) : t;
+    return this.relations[e][t] ? JSON.parse(this.stringifiedStoriesCache[t] || JSON.stringify(this.relations[e][t])) : t;
+  }
+  /**
+   * Resolves a field's value by replacing UUIDs with their corresponding story references
+   * @param jtree - The JSON tree object containing the field to resolve
+   * @param treeItem - The key of the field to resolve
+   * @param resolveId - The unique identifier for the current resolution context
+   *
+   * This method handles both single string UUIDs and arrays of UUIDs:
+   * - For single strings: directly replaces the UUID with the story reference
+   * - For arrays: maps through each UUID and replaces with corresponding story references
+   */
+  _resolveField(e, t, s) {
+    const r = e[t];
+    typeof r == "string" ? e[t] = this.getStoryReference(s, r) : Array.isArray(r) && (e[t] = r.map(
+      (o) => this.getStoryReference(s, o)
+    ).filter(Boolean));
   }
+  /**
+   * Inserts relations into the JSON tree by resolving references
+   * @param jtree - The JSON tree object to process
+   * @param treeItem - The current field being processed
+   * @param fields - The relation patterns to resolve (string or array of strings)
+   * @param resolveId - The unique identifier for the current resolution context
+   *
+   * This method handles two types of relation patterns:
+   * 1. Nested relations: matches fields that end with the current field name
+   *    Example: If treeItem is "event_type", it matches patterns like "*.event_type"
+   *
+   * 2. Direct component relations: matches exact component.field patterns
+   *    Example: "event.event_type" for component "event" and field "event_type"
+   *
+   * The method supports both string and array formats for the fields parameter,
+   * allowing flexible specification of relation patterns.
+   */
   _insertRelations(e, t, s, r) {
-    s.includes(`${e.component}.${t}`) && (typeof e[t] == "string" ? e[t] = this.getStoryReference(r, e[t]) : Array.isArray(e[t]) && (e[t] = e[t].map((n) => this.getStoryReference(r, n)).filter(Boolean)));
+    if (Array.isArray(s) ? s.find((n) => n.endsWith(`.${t}`)) : s.endsWith(`.${t}`)) {
+      this._resolveField(e, t, r);
+      return;
+    }
+    const o = e.component ? `${e.component}.${t}` : t;
+    (Array.isArray(s) ? s.includes(o) : s === o) && this._resolveField(e, t, r);
   }
+  /**
+   * Recursively traverses and resolves relations in the story content tree
+   * @param story - The story object containing the content to process
+   * @param fields - The relation patterns to resolve
+   * @param resolveId - The unique identifier for the current resolution context
+   */
   iterateTree(e, t, s) {
-    const r = (n) => {
-      if (n != null) {
-        if (n.constructor === Array)
-          for (let o = 0; o < n.length; o++)
-            r(n[o]);
-        else if (n.constructor === Object) {
-          if (n._stopResolving)
-            return;
-          for (const o in n)
-            (n.component && n._uid || n.type === "link") && (this._insertRelations(
-              n,
-              o,
-              t,
-              s
-            ), this._insertLinks(
-              n,
-              o,
-              s
-            )), r(n[o]);
-        }
+    const r = (o, n = "") => {
+      if (!(!o || o._stopResolving)) {
+        if (Array.isArray(o))
+          o.forEach((l, a) => r(l, `${n}[${a}]`));
+        else if (typeof o == "object")
+          for (const l in o) {
+            const a = n ? `${n}.${l}` : l;
+            (o.component && o._uid || o.type === "link") && (this._insertRelations(o, l, t, s), this._insertLinks(o, l, s)), r(o[l], a);
+          }
       }
     };
     r(e.content);
@@ -674,17 +716,17 @@ class Oe {
   async resolveLinks(e, t, s) {
     let r = [];
     if (e.link_uuids) {
-      const n = e.link_uuids.length, o = [], l = 50;
-      for (let a = 0; a < n; a += l) {
-        const c = Math.min(n, a + l);
-        o.push(e.link_uuids.slice(a, c));
+      const o = e.link_uuids.length, n = [], l = 50;
+      for (let a = 0; a < o; a += l) {
+        const c = Math.min(o, a + l);
+        n.push(e.link_uuids.slice(a, c));
       }
-      for (let a = 0; a < o.length; a++)
+      for (let a = 0; a < n.length; a++)
         (await this.getStories({
           per_page: l,
           language: t.language,
           version: t.version,
-          by_uuids: o[a].join(",")
+          by_uuids: n[a].join(",")
         })).data.stories.forEach(
           (c) => {
             r.push(c);
@@ -692,9 +734,9 @@ class Oe {
         );
     } else
       r = e.links;
-    r.forEach((n) => {
-      this.links[s][n.uuid] = {
-        ...n,
+    r.forEach((o) => {
+      this.links[s][o.uuid] = {
+        ...o,
         _stopResolving: !0
       };
     });
@@ -702,26 +744,26 @@ class Oe {
   async resolveRelations(e, t, s) {
     let r = [];
     if (e.rel_uuids) {
-      const n = e.rel_uuids.length, o = [], l = 50;
-      for (let a = 0; a < n; a += l) {
-        const c = Math.min(n, a + l);
-        o.push(e.rel_uuids.slice(a, c));
+      const o = e.rel_uuids.length, n = [], l = 50;
+      for (let a = 0; a < o; a += l) {
+        const c = Math.min(o, a + l);
+        n.push(e.rel_uuids.slice(a, c));
       }
-      for (let a = 0; a < o.length; a++)
+      for (let a = 0; a < n.length; a++)
         (await this.getStories({
           per_page: l,
           language: t.language,
           version: t.version,
-          by_uuids: o[a].join(","),
+          by_uuids: n[a].join(","),
           excluding_fields: t.excluding_fields
         })).data.stories.forEach((c) => {
           r.push(c);
         });
     } else
       r = e.rels;
-    r && r.length > 0 && r.forEach((n) => {
-      this.relations[s][n.uuid] = {
-        ...n,
+    r && r.length > 0 && r.forEach((o) => {
+      this.relations[s][o.uuid] = {
+        ...o,
         _stopResolving: !0
       };
     });
@@ -736,23 +778,23 @@ class Oe {
    *
    */
   async resolveStories(e, t, s) {
-    var r, n;
-    let o = [];
-    if (this.links[s] = {}, this.relations[s] = {}, typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (typeof t.resolve_relations == "string" && (o = t.resolve_relations.split(",")), await this.resolveRelations(e, t, s)), t.resolve_links && ["1", "story", "url", "link"].includes(t.resolve_links) && ((r = e.links) != null && r.length || (n = e.link_uuids) != null && n.length) && await this.resolveLinks(e, t, s), this.resolveNestedRelations)
+    var r, o;
+    let n = [];
+    if (this.links[s] = {}, this.relations[s] = {}, typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (typeof t.resolve_relations == "string" && (n = t.resolve_relations.split(",")), await this.resolveRelations(e, t, s)), t.resolve_links && ["1", "story", "url", "link"].includes(t.resolve_links) && ((r = e.links) != null && r.length || (o = e.link_uuids) != null && o.length) && await this.resolveLinks(e, t, s), this.resolveNestedRelations)
       for (const l in this.relations[s])
         this.iterateTree(
           this.relations[s][l],
-          o,
+          n,
           s
         );
-    e.story ? this.iterateTree(e.story, o, s) : e.stories.forEach((l) => {
-      this.iterateTree(l, o, s);
+    e.story ? this.iterateTree(e.story, n, s) : e.stories.forEach((l) => {
+      this.iterateTree(l, n, s);
     }), this.stringifiedStoriesCache = {}, delete this.links[s], delete this.relations[s];
   }
   async cacheResponse(e, t, s, r) {
-    const n = this.helpers.stringify({ url: e, params: t }), o = this.cacheProvider();
+    const o = this.helpers.stringify({ url: e, params: t }), n = this.cacheProvider();
     if (this.cache.clear === "auto" && t.version === "draft" && await this.flushCache(), t.version === "published" && e !== "/cdn/spaces/me") {
-      const l = await o.get(n);
+      const l = await n.get(o);
       if (l)
         return Promise.resolve(l);
     }
@@ -772,10 +814,10 @@ class Oe {
           perPage: u.headers["per-page"] ? Number.parseInt(u.headers["per-page"]) : 0,
           total: u.headers["per-page"] ? Number.parseInt(u.headers.total) : 0
         })), d.data.story || d.data.stories) {
-          const g = this.resolveCounter = ++this.resolveCounter % 1e3;
-          await this.resolveStories(d.data, t, `${g}`);
+          const m = this.resolveCounter = ++this.resolveCounter % 1e3;
+          await this.resolveStories(d.data, t, `${m}`);
         }
-        return t.version === "published" && e !== "/cdn/spaces/me" && await o.set(n, d), d.data.cv && t.token && E[t.token] !== d.data.cv && (await this.flushCache(), E[t.token] = d.data.cv), l(d);
+        return t.version === "published" && e !== "/cdn/spaces/me" && await n.set(o, d), d.data.cv && t.token && E[t.token] !== d.data.cv && (await this.flushCache(), E[t.token] = d.data.cv), l(d);
       } catch (u) {
         if (u.response && u.status === 429 && (s = typeof s > "u" ? 0 : s + 1, s < this.maxRetries))
           return console.log(
@@ -805,16 +847,16 @@ class Oe {
       case "memory":
         return {
           get(e) {
-            return Promise.resolve(x[e]);
+            return Promise.resolve(O[e]);
           },
           getAll() {
-            return Promise.resolve(x);
+            return Promise.resolve(O);
           },
           set(e, t) {
-            return x[e] = t, Promise.resolve(void 0);
+            return O[e] = t, Promise.resolve(void 0);
           },
           flush() {
-            return x = {}, Promise.resolve(void 0);
+            return O = {}, Promise.resolve(void 0);
           }
         };
       case "custom":
@@ -843,14 +885,14 @@ class Oe {
 }
 const ze = (i = {}) => {
   const { apiOptions: e } = i;
-  if (!e.accessToken) {
+  if (!e || !e.accessToken) {
     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;
   }
-  return { storyblokApi: new Oe(e) };
-}, Be = (i) => {
+  return { storyblokApi: new Le(e) };
+}, De = (i) => {
   if (typeof i != "object" || typeof i._editable > "u")
     return {};
   try {
@@ -859,31 +901,31 @@ const ze = (i = {}) => {
     );
     return e ? {
       "data-blok-c": JSON.stringify(e),
-      "data-blok-uid": e.id + "-" + e.uid
+      "data-blok-uid": `${e.id}-${e.uid}`
     } : {};
   } catch {
     return {};
   }
 };
-function Le(i, e) {
+function Ce(i, e) {
   if (!e)
     return { src: i, attrs: {} };
   let t = 0, s = 0;
-  const r = {}, n = [];
-  function o(a, c, u, d, g) {
-    typeof a != "number" || a <= c || a >= u ? console.warn(`[StoryblokRichText] - ${d.charAt(0).toUpperCase() + d.slice(1)} value must be a number between ${c} and ${u} (inclusive)`) : g.push(`${d}(${a})`);
+  const r = {}, o = [];
+  function n(a, c, u, d, m) {
+    typeof a != "number" || a <= c || a >= u ? console.warn(`[StoryblokRichText] - ${d.charAt(0).toUpperCase() + d.slice(1)} value must be a number between ${c} and ${u} (inclusive)`) : m.push(`${d}(${a})`);
   }
   if (typeof e == "object") {
     if (typeof e.width == "number" && e.width > 0 ? (r.width = e.width, t = e.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), e.height && typeof e.height == "number" && e.height > 0 ? (r.height = e.height, s = e.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), e.loading && ["lazy", "eager"].includes(e.loading) && (r.loading = e.loading), e.class && (r.class = e.class), e.filters) {
-      const { filters: a } = e || {}, { blur: c, brightness: u, fill: d, format: g, grayscale: T, quality: y, rotate: R } = a || {};
-      c && o(c, 0, 100, "blur", n), y && o(y, 0, 100, "quality", n), u && o(u, 0, 100, "brightness", n), d && n.push(`fill(${d})`), T && n.push("grayscale()"), R && [0, 90, 180, 270].includes(e.filters.rotate || 0) && n.push(`rotate(${R})`), g && ["webp", "png", "jpeg"].includes(g) && n.push(`format(${g})`);
+      const { filters: a } = e || {}, { blur: c, brightness: u, fill: d, format: m, grayscale: y, quality: b, rotate: S } = a || {};
+      c && n(c, 0, 100, "blur", o), b && n(b, 0, 100, "quality", o), u && n(u, 0, 100, "brightness", o), d && o.push(`fill(${d})`), y && o.push("grayscale()"), S && [0, 90, 180, 270].includes(e.filters.rotate || 0) && o.push(`rotate(${S})`), m && ["webp", "png", "jpeg"].includes(m) && o.push(`format(${m})`);
     }
     e.srcset && (r.srcset = e.srcset.map((a) => {
       if (typeof a == "number")
-        return `${i}/m/${a}x0/${n.length > 0 ? `filters:${n.join(":")}` : ""} ${a}w`;
+        return `${i}/m/${a}x0/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${a}w`;
       if (Array.isArray(a) && a.length === 2) {
         const [c, u] = a;
-        return `${i}/m/${c}x${u}/${n.length > 0 ? `filters:${n.join(":")}` : ""} ${c}w`;
+        return `${i}/m/${c}x${u}/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${c}w`;
       } else {
         console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");
         return;
@@ -891,13 +933,13 @@ function Le(i, e) {
     }).join(", ")), e.sizes && (r.sizes = e.sizes.join(", "));
   }
   let l = `${i}/m/`;
-  return t > 0 && s > 0 && (l = `${l}${t}x${s}/`), n.length > 0 && (l = `${l}filters:${n.join(":")}`), {
+  return t > 0 && s > 0 && (l = `${l}${t}x${s}/`), o.length > 0 && (l = `${l}filters:${o.join(":")}`), {
     src: l,
     attrs: r
   };
 }
-var k = /* @__PURE__ */ ((i) => (i.DOCUMENT = "doc", i.HEADING = "heading", i.PARAGRAPH = "paragraph", i.QUOTE = "blockquote", i.OL_LIST = "ordered_list", i.UL_LIST = "bullet_list", i.LIST_ITEM = "list_item", i.CODE_BLOCK = "code_block", i.HR = "horizontal_rule", i.BR = "hard_break", i.IMAGE = "image", i.EMOJI = "emoji", i.COMPONENT = "blok", i))(k || {}), v = /* @__PURE__ */ ((i) => (i.BOLD = "bold", i.STRONG = "strong", i.STRIKE = "strike", i.UNDERLINE = "underline", i.ITALIC = "italic", i.CODE = "code", i.LINK = "link", i.ANCHOR = "anchor", i.STYLED = "styled", i.SUPERSCRIPT = "superscript", i.SUBSCRIPT = "subscript", i.TEXT_STYLE = "textStyle", i.HIGHLIGHT = "highlight", i))(v || {}), G = /* @__PURE__ */ ((i) => (i.TEXT = "text", i))(G || {}), I = /* @__PURE__ */ ((i) => (i.URL = "url", i.STORY = "story", i.ASSET = "asset", i.EMAIL = "email", i))(I || {});
-const Ae = [
+var $ = /* @__PURE__ */ ((i) => (i.DOCUMENT = "doc", i.HEADING = "heading", i.PARAGRAPH = "paragraph", i.QUOTE = "blockquote", i.OL_LIST = "ordered_list", i.UL_LIST = "bullet_list", i.LIST_ITEM = "list_item", i.CODE_BLOCK = "code_block", i.HR = "horizontal_rule", i.BR = "hard_break", i.IMAGE = "image", i.EMOJI = "emoji", i.COMPONENT = "blok", i))($ || {}), T = /* @__PURE__ */ ((i) => (i.BOLD = "bold", i.STRONG = "strong", i.STRIKE = "strike", i.UNDERLINE = "underline", i.ITALIC = "italic", i.CODE = "code", i.LINK = "link", i.ANCHOR = "anchor", i.STYLED = "styled", i.SUPERSCRIPT = "superscript", i.SUBSCRIPT = "subscript", i.TEXT_STYLE = "textStyle", i.HIGHLIGHT = "highlight", i))(T || {}), G = /* @__PURE__ */ ((i) => (i.TEXT = "text", i))(G || {}), I = /* @__PURE__ */ ((i) => (i.URL = "url", i.STORY = "story", i.ASSET = "asset", i.EMAIL = "email", i))(I || {});
+const Pe = [
   "area",
   "base",
   "br",
@@ -912,224 +954,236 @@ const Ae = [
   "source",
   "track",
   "wbr"
-], Ce = (i = {}) => Object.keys(i).map((e) => `${e}="${i[e]}"`).join(" "), Pe = (i = {}) => Object.keys(i).map((e) => `${e}: ${i[e]}`).join("; ");
-function Ne(i) {
+], Ne = (i = {}) => Object.keys(i).map((e) => `${e}="${i[e]}"`).join(" "), Me = (i = {}) => Object.keys(i).map((e) => `${e}: ${i[e]}`).join("; ");
+function He(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const D = (i) => Object.fromEntries(Object.entries(i).filter(([e, t]) => t !== void 0));
-function Me(i, e = {}, t) {
-  const s = Ce(e), r = s ? `${i} ${s}` : i;
-  return Ae.includes(i) ? `<${r}>` : `<${r}>${Array.isArray(t) ? t.join("") : t || ""}</${i}>`;
+const B = (i) => Object.fromEntries(Object.entries(i).filter(([e, t]) => t !== void 0));
+function q(i, e = {}, t) {
+  const s = Ne(e), r = s ? `${i} ${s}` : i, o = Array.isArray(t) ? t.join("") : t || "";
+  if (i) {
+    if (Pe.includes(i))
+      return `<${r}>`;
+  } else return o;
+  return `<${r}>${o}</${i}>`;
 }
-function De(i = {}) {
+function Be(i = {}) {
   let e = 0;
   const {
-    renderFn: t = Me,
-    textFn: s = Ne,
+    renderFn: t = q,
+    textFn: s = He,
     resolvers: r = {},
-    optimizeImages: n = !1,
-    keyedResolvers: o = !1
-  } = i, l = (h) => (f) => {
-    const m = f.attrs || {};
-    return o && (m.key = `${h}-${e}`), t(h, m, f.children || null);
-  }, a = (h) => {
-    const { src: f, alt: m, title: b, srcset: w, sizes: $ } = h.attrs || {};
-    let S = f, _ = {};
-    if (n) {
-      const { src: K, attrs: Y } = Le(f, n);
-      S = K, _ = Y;
+    optimizeImages: o = !1,
+    keyedResolvers: n = !1
+  } = i, l = t !== q, a = (h) => (g) => {
+    const f = g.attrs || {};
+    return n && (f.key = `${h}-${e}`), t(h, f, g.children || null);
+  }, c = (h) => {
+    const { src: g, alt: f, title: k, srcset: R, sizes: v } = h.attrs || {};
+    let w = g, _ = {};
+    if (o) {
+      const { src: W, attrs: X } = Ce(g, o);
+      w = W, _ = X;
     }
-    o && (_ = {
+    n && (_ = {
       ..._,
       key: `img-${e}`
     });
-    const J = {
-      src: S,
-      alt: m,
-      title: b,
-      srcset: w,
-      sizes: $,
+    const Y = {
+      src: w,
+      alt: f,
+      title: k,
+      srcset: R,
+      sizes: v,
       ..._
     };
-    return t("img", D(J));
-  }, c = (h) => {
-    const { level: f, ...m } = h.attrs || {}, b = {
-      ...m
-    };
-    return o && (b.key = `h${f}-${e}`), t(`h${f}`, b, h.children);
+    return t("img", B(Y));
   }, u = (h) => {
-    var f, m, b, w;
-    const $ = t("img", {
-      src: (f = h.attrs) == null ? void 0 : f.fallbackImage,
-      alt: (m = h.attrs) == null ? void 0 : m.alt,
+    const { level: g, ...f } = h.attrs || {}, k = {
+      ...f
+    };
+    return n && (k.key = `h${g}-${e}`), t(`h${g}`, k, h.children);
+  }, d = (h) => {
+    var g, f, k, R;
+    const v = t("img", {
+      src: (g = h.attrs) == null ? void 0 : g.fallbackImage,
+      alt: (f = h.attrs) == null ? void 0 : f.alt,
       style: "width: 1.25em; height: 1.25em; vertical-align: text-top",
       draggable: "false",
       loading: "lazy"
-    }), S = {
+    }), w = {
       "data-type": "emoji",
-      "data-name": (b = h.attrs) == null ? void 0 : b.name,
-      "data-emoji": (w = h.attrs) == null ? void 0 : w.emoji
+      "data-name": (k = h.attrs) == null ? void 0 : k.name,
+      "data-emoji": (R = h.attrs) == null ? void 0 : R.emoji
     };
-    return o && (S.key = `emoji-${e}`), t("span", S, $);
-  }, d = (h) => t("pre", {
+    return n && (w.key = `emoji-${e}`), t("span", w, v);
+  }, m = (h) => t("pre", {
     ...h.attrs,
     key: `code-${e}`
-  }, t("code", { key: `code-${e}` }, h.children || "")), g = (h, f = !1) => ({ text: m, attrs: b }) => {
-    const { class: w, id: $, ...S } = b || {}, _ = f ? {
-      class: w,
-      id: $,
-      style: Pe(S) || void 0
-    } : b || {};
-    return o && (_.key = `${h}-${e}`), t(h, D(_), m);
-  }, T = (h) => A(h), y = (h) => {
-    const { marks: f, ...m } = h;
-    return "text" in h ? f ? f.reduce(
-      (b, w) => T({ ...w, text: b }),
+  }, t("code", { key: `code-${e}` }, h.children || "")), y = (h, g = !1) => ({ text: f, attrs: k }) => {
+    const { class: R, id: v, ...w } = k || {}, _ = g ? {
+      class: R,
+      id: v,
+      style: Me(w) || void 0
+    } : k || {};
+    return n && (_.key = `${h}-${e}`), t(h, B(_), f);
+  }, b = (h) => C(h), S = (h) => {
+    const { marks: g, ...f } = h;
+    return "text" in h ? g ? g.reduce(
+      (k, R) => b({ ...R, text: k }),
       // Fix: Ensure render function returns a string
-      T({ ...m, children: m.children })
+      b({ ...f, children: f.children })
       // Fix: Cast children to string
-    ) : s(m.text) : "";
-  }, R = (h) => {
-    const { linktype: f, href: m, anchor: b, ...w } = h.attrs || {};
-    let $ = "";
-    switch (f) {
+    ) : s(f.text) : "";
+  }, j = (h) => {
+    const { linktype: g, href: f, anchor: k, ...R } = h.attrs || {};
+    let v = "";
+    switch (g) {
       case I.ASSET:
       case I.URL:
-        $ = m;
+        v = f;
         break;
       case I.EMAIL:
-        $ = `mailto:${m}`;
+        v = `mailto:${f}`;
         break;
       case I.STORY:
-        $ = m;
+        v = f, k && (v = `${v}#${k}`);
+        break;
+      default:
+        v = f;
         break;
     }
-    return b && ($ = `${$}#${b}`), t("a", { ...w, href: $, key: `a-${e}` }, h.text);
-  }, j = (h) => {
-    var f, m;
+    const w = { ...R };
+    return v && (w.href = v), n && (w.key = `a-${e}`), t("a", w, h.text);
+  }, J = (h) => {
+    var g, f;
     return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), t("span", {
-      blok: (f = h == null ? void 0 : h.attrs) == null ? void 0 : f.body[0],
-      id: (m = h.attrs) == null ? void 0 : m.id,
+      blok: (g = h == null ? void 0 : h.attrs) == null ? void 0 : g.body[0],
+      id: (f = h.attrs) == null ? void 0 : f.id,
       key: `component-${e}`,
       style: "display: none"
     });
-  }, V = new Map([
-    [k.DOCUMENT, l("div")],
-    [k.HEADING, c],
-    [k.PARAGRAPH, l("p")],
-    [k.UL_LIST, l("ul")],
-    [k.OL_LIST, l("ol")],
-    [k.LIST_ITEM, l("li")],
-    [k.IMAGE, a],
-    [k.EMOJI, u],
-    [k.CODE_BLOCK, d],
-    [k.HR, l("hr")],
-    [k.BR, l("br")],
-    [k.QUOTE, l("blockquote")],
-    [k.COMPONENT, j],
-    [G.TEXT, y],
-    [v.LINK, R],
-    [v.ANCHOR, R],
-    [v.STYLED, g("span", !0)],
-    [v.BOLD, g("strong")],
-    [v.TEXT_STYLE, g("span", !0)],
-    [v.ITALIC, g("em")],
-    [v.UNDERLINE, g("u")],
-    [v.STRIKE, g("s")],
-    [v.CODE, g("code")],
-    [v.SUPERSCRIPT, g("sup")],
-    [v.SUBSCRIPT, g("sub")],
-    [v.HIGHLIGHT, g("mark")],
-    ...Object.entries(r).map(([h, f]) => [h, f])
+  }, K = new Map([
+    [$.DOCUMENT, a("")],
+    [$.HEADING, u],
+    [$.PARAGRAPH, a("p")],
+    [$.UL_LIST, a("ul")],
+    [$.OL_LIST, a("ol")],
+    [$.LIST_ITEM, a("li")],
+    [$.IMAGE, c],
+    [$.EMOJI, d],
+    [$.CODE_BLOCK, m],
+    [$.HR, a("hr")],
+    [$.BR, a("br")],
+    [$.QUOTE, a("blockquote")],
+    [$.COMPONENT, J],
+    [G.TEXT, S],
+    [T.LINK, j],
+    [T.ANCHOR, j],
+    [T.STYLED, y("span", !0)],
+    [T.BOLD, y("strong")],
+    [T.TEXT_STYLE, y("span", !0)],
+    [T.ITALIC, y("em")],
+    [T.UNDERLINE, y("u")],
+    [T.STRIKE, y("s")],
+    [T.CODE, y("code")],
+    [T.SUPERSCRIPT, y("sup")],
+    [T.SUBSCRIPT, y("sub")],
+    [T.HIGHLIGHT, y("mark")],
+    ...Object.entries(r).map(([h, g]) => [h, g])
   ]);
-  function M(h) {
+  function x(h) {
     e += 1;
-    const f = V.get(h.type);
-    if (!f)
+    const g = K.get(h.type);
+    if (!g)
       return console.error("<Storyblok>", `No resolver found for node type ${h.type}`), "";
     if (h.type === "text")
-      return f(h);
-    const m = h.content ? h.content.map(A) : void 0;
-    return f({
+      return g(h);
+    const f = h.content ? h.content.map(C) : void 0;
+    return g({
       ...h,
-      children: m
+      children: f
       // Fix: Update the type of 'children' to Node[]
     });
   }
-  function A(h) {
-    return Array.isArray(h) ? h.map(M) : M(h);
+  function C(h) {
+    return h.type === "doc" ? l ? h.content.map(x) : h.content.map(x).join("") : Array.isArray(h) ? h.map(x) : x(h);
   }
   return {
-    render: A
+    render: C
   };
 }
-let P, N = "https://app.storyblok.com/f/storyblok-v2-latest.js";
+let N, M = "https://app.storyblok.com/f/storyblok-v2-latest.js";
 const qe = (i, e, t = {}) => {
   var l;
-  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", o = +new URL((l = window.location) == null ? void 0 : l.href).searchParams.get(
+  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", o = new URL((l = window.location) == null ? void 0 : l.href).searchParams.get(
     "_storyblok"
-  ) === i;
-  if (!(!r || !o)) {
+  ), n = o !== null && +o === i;
+  if (!(!r || !n)) {
     if (!i) {
       console.warn("Story ID is not defined. Please provide a valid ID.");
       return;
     }
     window.storyblokRegisterEvent(() => {
       new window.StoryblokBridge(t).on(["input", "published", "change"], (c) => {
-        c.action === "input" && c.story.id === i ? e(c.story) : (c.action === "change" || c.action === "published") && c.storyId === i && window.location.reload();
+        var u;
+        c && (c.action === "input" && ((u = c.story) == null ? void 0 : u.id) === i ? e(c.story) : (c.action === "change" || c.action === "published") && c.storyId === i && window.location.reload());
       });
     });
   }
-}, Ge = (i = {}) => {
-  var d, g;
+}, V = (i, e) => {
+  i.addNode("blok", (t) => {
+    let s = "";
+    return t.attrs.body.forEach((r) => {
+      s += e(r.component, r);
+    }), {
+      html: s
+    };
+  });
+}, Fe = (i = {}) => {
+  var d, m;
   const {
     bridge: e,
     accessToken: t,
     use: s = [],
     apiOptions: r = {},
-    richText: n = {},
-    bridgeUrl: o
+    richText: o = {},
+    bridgeUrl: n
   } = i;
   r.accessToken = r.accessToken || t;
   const l = { bridge: e, apiOptions: r };
   let a = {};
-  s.forEach((T) => {
-    a = { ...a, ...T(l) };
-  }), o && (N = o);
-  const u = !(typeof window > "u") && ((g = (d = window.location) == null ? void 0 : d.search) == null ? void 0 : g.includes("_storyblok_tk"));
-  return e !== !1 && u && q(N), P = new L(n.schema), n.resolver && F(P, n.resolver), a;
-}, F = (i, e) => {
-  i.addNode("blok", (t) => {
-    let s = "";
-    return t.attrs.body.forEach((r) => {
-      s += e(r.component, r);
-    }), {
-      html: s
-    };
-  });
-}, He = (i) => !i || !(i != null && i.content.some((e) => e.content || e.type === "blok" || e.type === "horizontal_rule")), Fe = (i, e, t) => {
-  let s = t || P;
+  s.forEach((y) => {
+    a = { ...a, ...y(l) };
+  }), n && (M = n);
+  const u = !(typeof window > "u") && ((m = (d = window.location) == null ? void 0 : d.search) == null ? void 0 : m.includes("_storyblok_tk"));
+  return e !== !1 && u && F(M), N = new L(o.schema), o.resolver && V(N, o.resolver), a;
+}, Ue = (i) => {
+  var e;
+  return !i || !((e = i == null ? void 0 : i.content) != null && e.some((t) => t.content || t.type === "blok" || t.type === "horizontal_rule"));
+}, Ge = (i, e, t) => {
+  let s = t || N;
   if (!s) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return He(i) ? "" : (e && (s = new L(e.schema), e.resolver && F(s, e.resolver)), s.render(i, {}, !1));
-}, Ve = () => q(N);
+  return Ue(i) ? "" : (e && (s = new L(e.schema), e.resolver && V(s, e.resolver)), s.render(i, {}, !1));
+}, Ve = () => F(M);
 export {
-  k as BlockTypes,
-  v as MarkTypes,
+  $ as BlockTypes,
+  T as MarkTypes,
   L as RichTextResolver,
-  _e as RichTextSchema,
+  je as RichTextSchema,
   G as TextTypes,
   ze as apiPlugin,
-  He as isRichTextEmpty,
+  Ue as isRichTextEmpty,
   Ve as loadStoryblokBridge,
   qe as registerStoryblokBridge,
-  Fe as renderRichText,
-  De as richTextResolver,
-  Be as storyblokEditable,
-  Ge as storyblokInit,
+  Ge as renderRichText,
+  Be as richTextResolver,
+  De as storyblokEditable,
+  Fe as storyblokInit,
   qe as useStoryblokBridge
 };