@storyblok/react 2.0.18 → 2.1.0

package/dist/storyblok-react.mjs

@@ -1,839 +1,52 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import React, { forwardRef, useState, useEffect } from "react";
-let T = false;
-const R = [], j = (n) => 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;
-    }
-    T ? r() : R.push(r);
-  }, document.getElementById("storyblok-javascript-bridge")))
-    return;
-  const s = document.createElement("script");
-  s.async = true, s.src = n, s.id = "storyblok-javascript-bridge", s.onerror = (r) => t(r), s.onload = (r) => {
-    R.forEach((i) => i()), T = true, e(r);
-  }, document.getElementsByTagName("head")[0].appendChild(s);
-});
-var P = Object.defineProperty, I = (n, e, t) => e in n ? P(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t, h = (n, e, t) => (I(n, typeof e != "symbol" ? e + "" : e, t), t);
-function _(n) {
-  return !(n !== n || n === 1 / 0 || n === -1 / 0);
-}
-function S(n, e, t) {
-  if (!_(e))
-    throw new TypeError("Expected `limit` to be a finite number");
-  if (!_(t))
-    throw new TypeError("Expected `interval` to be a finite number");
-  const s = [];
-  let r = [], i = 0;
-  const o = function() {
-    i++;
-    const a = setTimeout(function() {
-      i--, s.length > 0 && o(), r = r.filter(function(u) {
-        return u !== a;
-      });
-    }, t);
-    r.indexOf(a) < 0 && r.push(a);
-    const l = s.shift();
-    l.resolve(n.apply(l.self, l.args));
-  }, c = function(...a) {
-    const l = this;
-    return new Promise(function(u, d) {
-      s.push({
-        resolve: u,
-        reject: d,
-        args: a,
-        self: l
-      }), i < e && o();
-    });
-  };
-  return c.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;
-  }, c;
-}
-const C = function(n, e) {
-  const t = {};
-  for (const s in n) {
-    const r = n[s];
-    e.indexOf(s) > -1 && r !== null && (t[s] = r);
-  }
-  return t;
-}, O = (n) => n === "email", A = () => ({
-  singleTag: "hr"
-}), N = () => ({
-  tag: "blockquote"
-}), L = () => ({
-  tag: "ul"
-}), M = (n) => ({
-  tag: [
-    "pre",
-    {
-      tag: "code",
-      attrs: n.attrs
-    }
-  ]
-}), z = () => ({
-  singleTag: "br"
-}), U = (n) => ({
-  tag: `h${n.attrs.level}`
-}), q = (n) => ({
-  singleTag: [
-    {
-      tag: "img",
-      attrs: C(n.attrs, ["src", "alt", "title"])
-    }
-  ]
-}), H = () => ({
-  tag: "li"
-}), B = () => ({
-  tag: "ol"
-}), D = () => ({
-  tag: "p"
-}), F = (n) => ({
-  tag: [
-    {
-      tag: "span",
-      attrs: {
-        ["data-type"]: "emoji",
-        ["data-name"]: n.attrs.name,
-        emoji: n.attrs.emoji
-      }
-    }
-  ]
-}), J = () => ({
-  tag: "b"
-}), V = () => ({
-  tag: "strike"
-}), Y = () => ({
-  tag: "u"
-}), K = () => ({
-  tag: "strong"
-}), G = () => ({
-  tag: "code"
-}), Q = () => ({
-  tag: "i"
-}), W = (n) => {
-  const e = __spreadValues({}, n.attrs), { linktype: t = "url" } = n.attrs;
-  if (O(t) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), e.custom) {
-    for (const s in e.custom)
-      e[s] = e.custom[s];
-    delete e.custom;
-  }
-  return {
-    tag: [
-      {
-        tag: "a",
-        attrs: e
-      }
-    ]
-  };
-}, X = (n) => ({
-  tag: [
-    {
-      tag: "span",
-      attrs: n.attrs
-    }
-  ]
-}), Z = () => ({
-  tag: "sub"
-}), ee = () => ({
-  tag: "sup"
-}), te = (n) => ({
-  tag: [
-    {
-      tag: "span",
-      attrs: n.attrs
-    }
-  ]
-}), se = (n) => ({
-  tag: [
-    {
-      tag: "span",
-      attrs: {
-        style: `background-color:${n.attrs.color};`
-      }
-    }
-  ]
-}), re = (n) => ({
-  tag: [
-    {
-      tag: "span",
-      attrs: {
-        style: `background-color:${n.attrs.color}`
-      }
-    }
-  ]
-}), ie = {
-  nodes: {
-    horizontal_rule: A,
-    blockquote: N,
-    bullet_list: L,
-    code_block: M,
-    hard_break: z,
-    heading: U,
-    image: q,
-    list_item: H,
-    ordered_list: B,
-    paragraph: D,
-    emoji: F
-  },
-  marks: {
-    bold: J,
-    strike: V,
-    underline: Y,
-    strong: K,
-    code: G,
-    italic: Q,
-    link: W,
-    styled: X,
-    subscript: Z,
-    superscript: ee,
-    anchor: te,
-    highlight: se,
-    textStyle: re
-  }
-}, oe = function(n) {
-  const e = {
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  }, t = /[&<>"']/g, s = RegExp(t.source);
-  return n && s.test(n) ? n.replace(t, (r) => e[r]) : n;
-};
-class y {
-  constructor(e) {
-    h(this, "marks"), h(this, "nodes"), e || (e = ie), this.marks = e.marks || [], this.nodes = e.nodes || [];
-  }
-  addNode(e, t) {
-    this.nodes[e] = t;
-  }
-  addMark(e, t) {
-    this.marks[e] = t;
-  }
-  render(e, t = { optimizeImages: false }) {
-    if (e && e.content && Array.isArray(e.content)) {
-      let s = "";
-      return e.content.forEach((r) => {
-        s += this.renderNode(r);
-      }), t.optimizeImages ? this.optimizeImages(s, t.optimizeImages) : s;
-    }
-    return console.warn("The render method must receive an object with a content field, which is an array"), "";
-  }
-  optimizeImages(e, t) {
-    let s = 0, r = 0, i = "", o = "";
-    typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (i += `width="${t.width}" `, s = t.width), typeof t.height == "number" && t.height > 0 && (i += `height="${t.height}" `, r = t.height), (t.loading === "lazy" || t.loading === "eager") && (i += `loading="${t.loading}" `), typeof t.class == "string" && t.class.length > 0 && (i += `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-Fa-f]{6}/g) || 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))), i.length > 0 && (e = e.replace(/<img/g, `<img ${i.trim()}`));
-    const c = s > 0 || r > 0 || o.length > 0 ? `${s}x${r}${o}` : "";
-    return e = e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g, `a.storyblok.com/f/$1/$2.$3/m/${c}`), typeof t != "boolean" && (t.sizes || t.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (a) => {
-      var l, u;
-      const d = a.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g);
-      if (d && d.length > 0) {
-        const g = {
-          srcset: (l = t.srcset) == null ? void 0 : l.map((p) => {
-            if (typeof p == "number")
-              return `//${d}/m/${p}x0${o} ${p}w`;
-            if (typeof p == "object" && p.length === 2) {
-              let k = 0, $ = 0;
-              return typeof p[0] == "number" && (k = p[0]), typeof p[1] == "number" && ($ = p[1]), `//${d}/m/${k}x${$}${o} ${k}w`;
-            }
-          }).join(", "),
-          sizes: (u = t.sizes) == null ? void 0 : u.map((p) => p).join(", ")
-        };
-        let b = "";
-        return g.srcset && (b += `srcset="${g.srcset}" `), g.sizes && (b += `sizes="${g.sizes}" `), a.replace(/<img/g, `<img ${b.trim()}`);
-      }
-      return a;
-    })), e;
-  }
-  renderNode(e) {
-    const t = [];
-    e.marks && e.marks.forEach((r) => {
-      const i = this.getMatchingMark(r);
-      i && t.push(this.renderOpeningTag(i.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(oe(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 i = this.getMatchingMark(r);
-      i && t.push(this.renderClosingTag(i.tag));
-    }), t.join("");
-  }
-  renderTag(e, t) {
-    return e.constructor === String ? `<${e}${t}>` : e.map((s) => {
-      if (s.constructor === String)
-        return `<${s}${t}>`;
-      {
-        let r = `<${s.tag}`;
-        if (s.attrs)
-          for (const i in s.attrs) {
-            const o = s.attrs[i];
-            o !== null && (r += ` ${i}="${o}"`);
-          }
-        return `${r}${t}>`;
-      }
-    }).join("");
-  }
-  renderOpeningTag(e) {
-    return this.renderTag(e, "");
-  }
-  renderClosingTag(e) {
-    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((t) => t.constructor === String ? `</${t}>` : `</${t.tag}>`).join("");
-  }
-  getMatchingNode(e) {
-    const t = this.nodes[e.type];
-    if (typeof t == "function")
-      return t(e);
-  }
-  getMatchingMark(e) {
-    const t = this.marks[e.type];
-    if (typeof t == "function")
-      return t(e);
-  }
-  renderEmoji(e) {
-    if (e.attrs.emoji)
-      return e.attrs.emoji;
-    const t = [
-      {
-        tag: "img",
-        attrs: {
-          src: e.attrs.fallbackImage,
-          draggable: "false",
-          loading: "lazy",
-          align: "absmiddle"
-        }
-      }
-    ];
-    return this.renderTag(t, " /");
-  }
-}
-class v {
-  constructor() {
-    h(this, "isCDNUrl", (e = "") => e.indexOf("/cdn/") > -1), h(this, "getOptionsPage", (e, t = 25, s = 1) => __spreadProps(__spreadValues({}, e), {
-      per_page: t,
-      page: s
-    })), h(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), h(this, "arrayFrom", (e = 0, t) => [...Array(e)].map(t)), h(this, "range", (e = 0, t = e) => {
-      const s = Math.abs(t - e) || 0, r = e < t ? 1 : -1;
-      return this.arrayFrom(s, (i, o) => o * r + e);
-    }), h(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), h(this, "flatMap", (e = [], t) => e.map(t).reduce((s, r) => [...s, ...r], []));
-  }
-  stringify(e, t, s) {
-    const r = [];
-    for (const i in e) {
-      if (!Object.prototype.hasOwnProperty.call(e, i))
-        continue;
-      const o = e[i], c = s ? "" : encodeURIComponent(i);
-      let a;
-      typeof o == "object" ? a = this.stringify(o, t ? t + encodeURIComponent("[" + c + "]") : c, Array.isArray(o)) : a = (t ? t + encodeURIComponent("[" + c + "]") : c) + "=" + encodeURIComponent(o), r.push(a);
-    }
-    return r.join("&");
-  }
-  getRegionURL(e) {
-    const t = "api.storyblok.com", s = "api-us.storyblok.com", r = "app.storyblokchina.cn";
-    switch (e) {
-      case "us":
-        return s;
-      case "cn":
-        return r;
-      default:
-        return t;
-    }
-  }
-}
-class ne {
-  constructor(e) {
-    h(this, "baseURL"), h(this, "timeout"), h(this, "headers"), h(this, "responseInterceptor"), h(this, "fetch"), h(this, "ejectInterceptor"), h(this, "url"), h(this, "parameters"), 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 = false, this.url = "", this.parameters = {};
-  }
-  get(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("get");
-  }
-  post(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("post");
-  }
-  put(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("put");
-  }
-  delete(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("delete");
-  }
-  async _responseHandler(e) {
-    const t = [], s = {
-      data: {},
-      headers: {},
-      status: 0,
-      statusText: ""
-    };
-    e.status !== 204 && await e.json().then((r) => {
-      s.data = r;
-    });
-    for (const r of e.headers.entries())
-      t[r[0]] = r[1];
-    return s.headers = __spreadValues({}, t), s.status = e.status, s.statusText = e.statusText, s;
-  }
-  async _methodHandler(e) {
-    let t = `${this.baseURL}${this.url}`, s = null;
-    if (e === "get") {
-      const a = new v();
-      t = `${this.baseURL}${this.url}?${a.stringify(this.parameters)}`;
-    } else
-      s = JSON.stringify(this.parameters);
-    const r = new URL(t), i = new AbortController(), { signal: o } = i;
-    let c;
-    this.timeout && (c = setTimeout(() => i.abort(), this.timeout));
-    try {
-      const a = await this.fetch(`${r}`, {
-        method: e,
-        headers: this.headers,
-        body: s,
-        signal: o
-      });
-      this.timeout && clearTimeout(c);
-      const l = await this._responseHandler(a);
-      return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(l)) : this._statusHandler(l);
-    } catch (a) {
-      return {
-        message: a
-      };
-    }
-  }
-  eject() {
-    this.ejectInterceptor = true;
-  }
-  _statusHandler(e) {
-    const t = /20[0-6]/g;
-    return new Promise((s, r) => {
-      if (t.test(`${e.status}`))
-        return s(e);
-      const i = {
-        message: new Error(e.statusText),
-        status: e.status,
-        response: Array.isArray(e.data) ? e.data[0] : e.data.error || e.data.slug
-      };
-      r(i);
-    });
-  }
-}
-let m = {};
-const f = {};
-class ae {
-  constructor(e, t) {
-    if (h(this, "client"), h(this, "maxRetries"), h(this, "throttle"), h(this, "accessToken"), h(this, "cache"), h(this, "helpers"), h(this, "resolveCounter"), h(this, "relations"), h(this, "links"), h(this, "richTextResolver"), h(this, "resolveNestedRelations"), !t) {
-      const i = new v().getRegionURL, o = e.https === false ? "http" : "https";
-      e.oauthToken ? t = `${o}://${i(e.region)}/v1` : t = `${o}://${i(e.region)}/v2`;
-    }
-    const s = new Headers();
-    s.set("Content-Type", "application/json"), s.set("Accept", "application/json"), s.forEach((i, o) => {
-      e.headers && e.headers[o] && s.set(o, e.headers[o]);
-    });
-    let r = 5;
-    e.oauthToken && (s.set("Authorization", e.oauthToken), r = 3), e.rateLimit && (r = e.rateLimit), e.richTextSchema ? this.richTextResolver = new y(e.richTextSchema) : this.richTextResolver = new y(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries, this.throttle = S(this.throttledRequest, r, 1e3), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new v(), this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || true, this.client = new ne({
-      baseURL: t,
-      timeout: e.timeout || 0,
-      headers: s,
-      responseInterceptor: e.responseInterceptor,
-      fetch: e.fetch
-    });
-  }
-  setComponentResolver(e) {
-    this.richTextResolver.addNode("blok", (t) => {
-      let s = "";
-      return t.attrs.body.forEach((r) => {
-        s += e(r.component, r);
-      }), {
-        html: s
-      };
-    });
-  }
-  parseParams(e) {
-    return e.version || (e.version = "published"), e.token || (e.token = this.getToken()), e.cv || (e.cv = f[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), e;
-  }
-  factoryParamOptions(e, t) {
-    return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
-  }
-  makeRequest(e, t, s, r) {
-    const i = this.factoryParamOptions(e, this.helpers.getOptionsPage(t, s, r));
-    return this.cacheResponse(e, i);
-  }
-  get(e, t) {
-    t || (t = {});
-    const s = `/${e}`, r = this.factoryParamOptions(s, t);
-    return this.cacheResponse(s, r);
-  }
-  async getAll(e, t, s) {
-    const r = (t == null ? void 0 : t.per_page) || 25, i = `/${e}`, o = i.split("/"), c = s || o[o.length - 1], a = 1, l = await this.makeRequest(i, t, r, a), u = l.total ? Math.ceil(l.total / r) : 1, d = await this.helpers.asyncMap(this.helpers.range(a, u), (g) => this.makeRequest(i, t, r, g + 1));
-    return this.helpers.flatMap([l, ...d], (g) => Object.values(g.data[c]));
-  }
-  post(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("post", s, t));
-  }
-  put(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("put", s, t));
-  }
-  delete(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("delete", s, t));
-  }
-  getStories(e) {
-    return this.get("cdn/stories", e);
-  }
-  getStory(e, t) {
-    return this.get(`cdn/stories/${e}`, t);
-  }
-  getToken() {
-    return this.accessToken;
-  }
-  ejectInterceptor() {
-    this.client.eject();
-  }
-  _cleanCopy(e) {
-    return JSON.parse(JSON.stringify(e));
-  }
-  _insertLinks(e, t, s) {
-    const r = e[t];
-    r && r.fieldtype == "multilink" && r.linktype == "story" && typeof r.id == "string" && this.links[s][r.id] ? r.story = this._cleanCopy(this.links[s][r.id]) : r && r.linktype === "story" && typeof r.uuid == "string" && this.links[s][r.uuid] && (r.story = this._cleanCopy(this.links[s][r.uuid]));
-  }
-  _insertRelations(e, t, s, r) {
-    if (s.indexOf(`${e.component}.${t}`) > -1) {
-      if (typeof e[t] == "string")
-        this.relations[r][e[t]] && (e[t] = this._cleanCopy(this.relations[r][e[t]]));
-      else if (e[t] && e[t].constructor === Array) {
-        const i = [];
-        e[t].forEach((o) => {
-          this.relations[r][o] && i.push(this._cleanCopy(this.relations[r][o]));
-        }), e[t] = i;
-      }
-    }
-  }
-  iterateTree(e, t, s) {
-    const r = (i) => {
-      if (i != null) {
-        if (i.constructor === Array)
-          for (let o = 0; o < i.length; o++)
-            r(i[o]);
-        else if (i.constructor === Object) {
-          if (i._stopResolving)
-            return;
-          for (const o in i)
-            (i.component && i._uid || i.type === "link") && (this._insertRelations(i, o, t, s), this._insertLinks(i, o, s)), r(i[o]);
-        }
-      }
-    };
-    r(e.content);
-  }
-  async resolveLinks(e, t, s) {
-    let r = [];
-    if (e.link_uuids) {
-      const i = e.link_uuids.length, o = [], c = 50;
-      for (let a = 0; a < i; a += c) {
-        const l = Math.min(i, a + c);
-        o.push(e.link_uuids.slice(a, l));
-      }
-      for (let a = 0; a < o.length; a++)
-        (await this.getStories({
-          per_page: c,
-          language: t.language,
-          version: t.version,
-          by_uuids: o[a].join(",")
-        })).data.stories.forEach((l) => {
-          r.push(l);
-        });
-    } else
-      r = e.links;
-    r.forEach((i) => {
-      this.links[s][i.uuid] = __spreadProps(__spreadValues({}, i), {
-        _stopResolving: true
-      });
-    });
-  }
-  async resolveRelations(e, t, s) {
-    let r = [];
-    if (e.rel_uuids) {
-      const i = e.rel_uuids.length, o = [], c = 50;
-      for (let a = 0; a < i; a += c) {
-        const l = Math.min(i, a + c);
-        o.push(e.rel_uuids.slice(a, l));
-      }
-      for (let a = 0; a < o.length; a++)
-        (await this.getStories({
-          per_page: c,
-          language: t.language,
-          version: t.version,
-          by_uuids: o[a].join(",")
-        })).data.stories.forEach((l) => {
-          r.push(l);
-        });
-    } else
-      r = e.rels;
-    r && r.length > 0 && r.forEach((i) => {
-      this.relations[s][i.uuid] = __spreadProps(__spreadValues({}, i), {
-        _stopResolving: true
-      });
-    });
-  }
-  async resolveStories(e, t, s) {
-    var r, i;
-    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"].indexOf(t.resolve_links) > -1 && ((r = e.links) != null && r.length || (i = e.link_uuids) != null && i.length) && await this.resolveLinks(e, t, s), this.resolveNestedRelations)
-      for (const c in this.relations[s])
-        this.iterateTree(this.relations[s][c], o, s);
-    e.story ? this.iterateTree(e.story, o, s) : e.stories.forEach((c) => {
-      this.iterateTree(c, o, s);
-    }), delete this.links[s], delete this.relations[s];
-  }
-  async cacheResponse(e, t, s) {
-    const r = this.helpers.stringify({ url: e, params: t }), i = this.cacheProvider();
-    if (this.cache.clear === "auto" && t.version === "draft" && await this.flushCache(), t.version === "published" && e != "/cdn/spaces/me") {
-      const o = await i.get(r);
-      if (o)
-        return Promise.resolve(o);
-    }
-    return new Promise((o, c) => {
-      try {
-        (async () => {
-          var a;
-          try {
-            const l = await this.throttle("get", e, t);
-            let u = { data: l.data, headers: l.headers };
-            if ((a = l.headers) != null && a["per-page"] && (u = Object.assign({}, u, {
-              perPage: l.headers["per-page"] ? parseInt(l.headers["per-page"]) : 0,
-              total: l.headers["per-page"] ? parseInt(l.headers.total) : 0
-            })), l.status != 200)
-              return c(l);
-            if (u.data.story || u.data.stories) {
-              const d = this.resolveCounter = ++this.resolveCounter % 1e3;
-              await this.resolveStories(u.data, t, `${d}`);
-            }
-            return t.version === "published" && e != "/cdn/spaces/me" && await i.set(r, u), u.data.cv && t.token && (t.version == "draft" && f[t.token] != u.data.cv && await this.flushCache(), f[t.token] = u.data.cv), o(u);
-          } catch (l) {
-            return c(l);
-          }
-        })();
-      } catch {
-      }
-    });
-  }
-  throttledRequest(e, t, s) {
-    return this.client[e](t, s);
-  }
-  cacheVersions() {
-    return f;
-  }
-  cacheVersion() {
-    return f[this.accessToken];
-  }
-  setCacheVersion(e) {
-    this.accessToken && (f[this.accessToken] = e);
-  }
-  cacheProvider() {
-    switch (this.cache.type) {
-      case "memory":
-        return {
-          get(e) {
-            return Promise.resolve(m[e]);
-          },
-          getAll() {
-            return Promise.resolve(m);
-          },
-          set(e, t) {
-            return m[e] = t, Promise.resolve(void 0);
-          },
-          flush() {
-            return m = {}, Promise.resolve(void 0);
-          }
-        };
-      case "custom":
-        if (this.cache.custom)
-          return this.cache.custom;
-      default:
-        return {
-          get() {
-            return Promise.resolve(void 0);
-          },
-          getAll() {
-            return Promise.resolve(void 0);
-          },
-          set() {
-            return Promise.resolve(void 0);
-          },
-          flush() {
-            return Promise.resolve(void 0);
-          }
-        };
-    }
-  }
-  async flushCache() {
-    return await this.cacheProvider().flush(), this;
-  }
-}
-const le = (n = {}) => {
-  const { apiOptions: e } = n;
-  if (!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 ae(e) };
-}, ce = (n) => {
-  if (typeof n != "object" || typeof n._editable > "u")
-    return {};
-  const e = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
-  return {
-    "data-blok-c": JSON.stringify(e),
-    "data-blok-uid": e.id + "-" + e.uid
-  };
-};
-let w;
-const x = "https://app.storyblok.com/f/storyblok-v2-latest.js", he = (n, e, t = {}) => {
-  var c;
-  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", o = +new URL((c = window.location) == null ? void 0 : c.href).searchParams.get("_storyblok") === n;
-  if (!(!r || !o)) {
-    if (!n) {
-      console.warn("Story ID is not defined. Please provide a valid ID.");
-      return;
-    }
-    window.storyblokRegisterEvent(() => {
-      new window.StoryblokBridge(t).on(["input", "published", "change"], (l) => {
-        l.action === "input" && l.story.id === n ? e(l.story) : (l.action === "change" || l.action === "published") && l.storyId === n && window.location.reload();
-      });
-    });
-  }
-}, ue = (n = {}) => {
-  var u, d;
-  const {
-    bridge: e,
-    accessToken: t,
-    use: s = [],
-    apiOptions: r = {},
-    richText: i = {}
-  } = n;
-  r.accessToken = r.accessToken || t;
-  const o = { bridge: e, apiOptions: r };
-  let c = {};
-  s.forEach((g) => {
-    c = __spreadValues(__spreadValues({}, c), g(o));
-  });
-  const l = !(typeof window > "u") && ((d = (u = window.location) == null ? void 0 : u.search) == null ? void 0 : d.includes("_storyblok_tk"));
-  return e !== false && l && j(x), w = new y(i.schema), i.resolver && E(w, i.resolver), c;
-}, E = (n, e) => {
-  n.addNode("blok", (t) => {
-    let s = "";
-    return t.attrs.body.forEach((r) => {
-      s += e(r.component, r);
-    }), {
-      html: s
-    };
-  });
-}, de = (n, e, t) => {
-  let s = t || w;
-  if (!s) {
-    console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
-    return;
-  }
-  return n === "" ? "" : n ? (e && (s = new y(e.schema), e.resolver && E(s, e.resolver)), s.render(n)) : (console.warn(`${n} is not a valid Richtext object. This might be because the value of the richtext field is empty.
-    
-  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
-};
-const StoryblokComponent = forwardRef((_a, ref) => {
-  var _b = _a, { blok } = _b, restProps = __objRest(_b, ["blok"]);
-  if (!blok) {
-    console.error("Please provide a 'blok' property to the StoryblokComponent");
-    return /* @__PURE__ */ React.createElement("div", null, "Please provide a blok property to the StoryblokComponent");
-  }
-  const Component = getComponent(blok.component);
-  if (Component) {
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({
-      ref,
-      blok
-    }, restProps));
-  }
-  return /* @__PURE__ */ React.createElement("div", null);
-});
-StoryblokComponent.displayName = "StoryblokComponent";
+import { useState, useEffect } from "react";
+import { h as he } from "./storyblok-js-612aedc3.mjs";
+import { y, i, l, p, d, c } from "./storyblok-js-612aedc3.mjs";
+import { u as useStoryblokApi } from "./index-f1318b50.mjs";
+import { S, g, s } from "./index-f1318b50.mjs";
+import { u } from "./client-16ee9ae1.mjs";
 const useStoryblok = (slug, apiOptions = {}, bridgeOptions = {}) => {
-  let [story, setStory] = useState({});
+  const storyblokApiInstance = useStoryblokApi();
   if (!storyblokApiInstance) {
-    console.error("You can't use useStoryblok if you're not loading apiPlugin.");
+    console.error(
+      "You can't use useStoryblok if you're not loading apiPlugin."
+    );
     return null;
   }
+  let [story, setStory] = useState({});
   const isBridgeEnable = typeof window !== "undefined" && typeof window.storyblokRegisterEvent !== "undefined";
   useEffect(() => {
     async function initStory() {
-      const { data } = await storyblokApiInstance.get(`cdn/stories/${slug}`, apiOptions);
+      const { data } = await storyblokApiInstance.get(
+        `cdn/stories/${slug}`,
+        apiOptions
+      );
       setStory(data.story);
       if (isBridgeEnable && data.story.id) {
-        he(data.story.id, (story2) => setStory(story2), bridgeOptions);
+        he(
+          data.story.id,
+          (story2) => setStory(story2),
+          bridgeOptions
+        );
       }
     }
     initStory();
   }, [slug, JSON.stringify(apiOptions)]);
   return story;
 };
-const useStoryblokState = (initialStory = null, bridgeOptions = {}) => {
-  let [story, setStory] = useState(initialStory);
-  const isBridgeEnable = typeof window !== "undefined" && typeof window.storyblokRegisterEvent !== "undefined";
-  if (!isBridgeEnable || !initialStory) {
-    return initialStory;
-  }
-  useEffect(() => {
-    setStory(initialStory);
-    he(story.id, (newStory) => setStory(newStory), bridgeOptions);
-  }, [initialStory]);
-  return story;
-};
-let storyblokApiInstance = null;
-const useStoryblokApi = () => {
-  if (!storyblokApiInstance) {
-    console.error("You can't use getStoryblokApi if you're not loading apiPlugin.");
-  }
-  return storyblokApiInstance;
-};
-let componentsMap = {};
-const getComponent = (componentKey) => {
-  if (!componentsMap[componentKey]) {
-    console.error(`Component ${componentKey} doesn't exist.`);
-    return false;
-  }
-  return componentsMap[componentKey];
-};
-const storyblokInit = (pluginOptions = {}) => {
-  const { storyblokApi } = ue(pluginOptions);
-  storyblokApiInstance = storyblokApi;
-  componentsMap = pluginOptions.components;
+export {
+  y as RichTextResolver,
+  i as RichTextSchema,
+  S as StoryblokComponent,
+  l as apiPlugin,
+  g as getComponent,
+  useStoryblokApi as getStoryblokApi,
+  p as loadStoryblokBridge,
+  he as registerStoryblokBridge,
+  d as renderRichText,
+  c as storyblokEditable,
+  s as storyblokInit,
+  useStoryblok,
+  useStoryblokApi,
+  he as useStoryblokBridge,
+  u as useStoryblokState
 };
-export { y as RichTextResolver, ie as RichTextSchema, StoryblokComponent, le as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, he as registerStoryblokBridge, de as renderRichText, ce as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, he as useStoryblokBridge, useStoryblokState };