@storyblok/react 2.0.15 → 2.0.17

package/dist/storyblok-react.js

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

package/dist/storyblok-react.mjs

@@ -5,18 +5,18 @@ 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, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a, prop, b2[prop]);
+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(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a, prop, b2[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -30,75 +30,75 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React, { forwardRef, useState, useEffect } from "react";
-let v = false;
-const k = [], w = (n) => new Promise((t, e) => {
+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;
     }
-    v ? r() : k.push(r);
+    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) => e(r), s.onload = (r) => {
-    k.forEach((o) => o()), v = true, t(r);
+  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 $ = Object.defineProperty, P = (n, t, e) => t in n ? $(n, t, { enumerable: true, configurable: true, writable: true, value: e }) : n[t] = e, h = (n, t, e) => (P(n, typeof t != "symbol" ? t + "" : t, e), e);
-function b(n) {
+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 x(n, t, e) {
-  if (!b(t))
+function S(n, e, t) {
+  if (!_(e))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!b(e))
+  if (!_(t))
     throw new TypeError("Expected `interval` to be a finite number");
   const s = [];
-  let r = [], o = 0;
-  const i = function() {
-    o++;
-    const c = setTimeout(function() {
-      o--, s.length > 0 && i(), r = r.filter(function(u) {
-        return u !== c;
+  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;
       });
-    }, e);
-    r.indexOf(c) < 0 && r.push(c);
+    }, t);
+    r.indexOf(a) < 0 && r.push(a);
     const l = s.shift();
     l.resolve(n.apply(l.self, l.args));
-  }, a = function(...c) {
+  }, c = function(...a) {
     const l = this;
     return new Promise(function(u, d) {
       s.push({
         resolve: u,
         reject: d,
-        args: c,
+        args: a,
         self: l
-      }), o < t && i();
+      }), i < e && o();
     });
   };
-  return a.abort = function() {
-    r.forEach(clearTimeout), r = [], s.forEach(function(c) {
-      c.reject(function() {
+  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;
-  }, a;
+  }, c;
 }
-const E = function(n, t) {
-  const e = {};
+const C = function(n, e) {
+  const t = {};
   for (const s in n) {
     const r = n[s];
-    t.indexOf(s) > -1 && r !== null && (e[s] = r);
+    e.indexOf(s) > -1 && r !== null && (t[s] = r);
   }
-  return e;
-}, j = (n) => n === "email", S = () => ({
+  return t;
+}, O = (n) => n === "email", A = () => ({
   singleTag: "hr"
-}), I = () => ({
+}), N = () => ({
   tag: "blockquote"
-}), O = () => ({
+}), L = () => ({
   tag: "ul"
-}), C = (n) => ({
+}), M = (n) => ({
   tag: [
     "pre",
     {
@@ -106,312 +106,415 @@ const E = function(n, t) {
       attrs: n.attrs
     }
   ]
-}), A = () => ({
+}), z = () => ({
   singleTag: "br"
-}), N = (n) => ({
+}), U = (n) => ({
   tag: `h${n.attrs.level}`
-}), M = (n) => ({
+}), q = (n) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: E(n.attrs, ["src", "alt", "title"])
+      attrs: C(n.attrs, ["src", "alt", "title"])
     }
   ]
-}), L = () => ({
+}), H = () => ({
   tag: "li"
-}), U = () => ({
+}), B = () => ({
   tag: "ol"
-}), H = () => ({
+}), D = () => ({
   tag: "p"
-}), B = () => ({
+}), F = (n) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: {
+        ["data-type"]: "emoji",
+        ["data-name"]: n.attrs.name,
+        emoji: n.attrs.emoji
+      }
+    }
+  ]
+}), J = () => ({
   tag: "b"
-}), q = () => ({
+}), V = () => ({
   tag: "strike"
-}), D = () => ({
+}), Y = () => ({
   tag: "u"
-}), J = () => ({
+}), K = () => ({
   tag: "strong"
-}), F = () => ({
+}), G = () => ({
   tag: "code"
-}), V = () => ({
+}), Q = () => ({
   tag: "i"
-}), z = (n) => {
-  const t = __spreadValues({}, n.attrs), { linktype: e = "url" } = n.attrs;
-  return j(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
+}), 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: t
+        attrs: e
       }
     ]
   };
-}, Y = (n) => ({
+}, X = (n) => ({
   tag: [
     {
       tag: "span",
       attrs: n.attrs
     }
   ]
-}), K = {
+}), 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: S,
-    blockquote: I,
-    bullet_list: O,
-    code_block: C,
-    hard_break: A,
-    heading: N,
-    image: M,
-    list_item: L,
-    ordered_list: U,
-    paragraph: H
+    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: B,
-    strike: q,
-    underline: D,
-    strong: J,
-    code: F,
-    italic: V,
-    link: z,
-    styled: Y
-  }
-}, Q = function(n) {
-  const t = {
+    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;"
-  }, e = /[&<>"']/g, s = RegExp(e.source);
-  return n && s.test(n) ? n.replace(e, (r) => t[r]) : n;
+  }, t = /[&<>"']/g, s = RegExp(t.source);
+  return n && s.test(n) ? n.replace(t, (r) => e[r]) : n;
 };
-class m {
-  constructor(t) {
-    h(this, "marks"), h(this, "nodes"), t || (t = K), 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;
+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"), "";
   }
-  renderNode(t) {
-    const e = [];
-    t.marks && t.marks.forEach((r) => {
-      const o = this.getMatchingMark(r);
-      o && e.push(this.renderOpeningTag(o.tag));
+  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(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(Q(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 o = this.getMatchingMark(r);
-      o && e.push(this.renderClosingTag(o.tag));
-    }), e.join("");
-  }
-  renderTag(t, e) {
-    return t.constructor === String ? `<${t}${e}>` : t.map((s) => {
+    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}${e}>`;
+        return `<${s}${t}>`;
       {
         let r = `<${s.tag}`;
         if (s.attrs)
-          for (const o in s.attrs) {
-            const i = s.attrs[o];
-            i !== null && (r += ` ${o}="${i}"`);
+          for (const i in s.attrs) {
+            const o = s.attrs[i];
+            o !== null && (r += ` ${i}="${o}"`);
           }
-        return `${r}${e}>`;
+        return `${r}${t}>`;
       }
     }).join("");
   }
-  renderOpeningTag(t) {
-    return this.renderTag(t, "");
+  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("");
   }
-  renderClosingTag(t) {
-    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((e) => e.constructor === String ? `</${e}>` : `</${e.tag}>`).join("");
+  getMatchingNode(e) {
+    const t = this.nodes[e.type];
+    if (typeof t == "function")
+      return t(e);
   }
-  getMatchingNode(t) {
-    const e = this.nodes[t.type];
-    if (typeof e == "function")
-      return e(t);
+  getMatchingMark(e) {
+    const t = this.marks[e.type];
+    if (typeof t == "function")
+      return t(e);
   }
-  getMatchingMark(t) {
-    const e = this.marks[t.type];
-    if (typeof e == "function")
-      return e(t);
+  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 T {
+class v {
   constructor() {
-    h(this, "isCDNUrl", (t = "") => t.indexOf("/cdn/") > -1), h(this, "getOptionsPage", (t, e = 25, s = 1) => __spreadProps(__spreadValues({}, t), {
-      per_page: e,
+    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", (t) => new Promise((e) => setTimeout(e, t))), h(this, "arrayFrom", (t = 0, e) => [...Array(t)].map(e)), h(this, "range", (t = 0, e = t) => {
-      const s = Math.abs(e - t) || 0, r = t < e ? 1 : -1;
-      return this.arrayFrom(s, (o, i) => i * r + t);
-    }), h(this, "asyncMap", async (t, e) => Promise.all(t.map(e))), h(this, "flatMap", (t = [], e) => t.map(e).reduce((s, r) => [...s, ...r], []));
+    })), 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(t, e, s) {
+  stringify(e, t, s) {
     const r = [];
-    for (const o in t) {
-      if (!Object.prototype.hasOwnProperty.call(t, o))
+    for (const i in e) {
+      if (!Object.prototype.hasOwnProperty.call(e, i))
         continue;
-      const i = t[o], a = s ? "" : encodeURIComponent(o);
-      let c;
-      typeof i == "object" ? c = this.stringify(i, e ? e + encodeURIComponent("[" + a + "]") : a, Array.isArray(i)) : c = (e ? e + encodeURIComponent("[" + a + "]") : a) + "=" + encodeURIComponent(i), r.push(c);
+      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 G {
-  constructor(t) {
-    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 = t.baseURL, this.headers = t.headers || [], this.timeout = t != null && t.timeout ? t.timeout * 1e3 : 0, this.responseInterceptor = t.responseInterceptor, this.fetch = (...e) => t.fetch ? t.fetch(...e) : fetch(...e), this.ejectInterceptor = false, this.url = "", this.parameters = {};
+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(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler("get");
+  get(e, t) {
+    return this.url = e, this.parameters = t, this._methodHandler("get");
   }
-  post(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler("post");
+  post(e, t) {
+    return this.url = e, this.parameters = t, this._methodHandler("post");
   }
-  put(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler("put");
+  put(e, t) {
+    return this.url = e, this.parameters = t, this._methodHandler("put");
   }
-  delete(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler("delete");
+  delete(e, t) {
+    return this.url = e, this.parameters = t, this._methodHandler("delete");
   }
-  async _responseHandler(t) {
-    const e = [], s = {
+  async _responseHandler(e) {
+    const t = [], s = {
       data: {},
       headers: {},
       status: 0,
       statusText: ""
     };
-    t.status !== 204 && await t.json().then((r) => {
+    e.status !== 204 && await e.json().then((r) => {
       s.data = r;
     });
-    for (const r of t.headers.entries())
-      e[r[0]] = r[1];
-    return s.headers = __spreadValues({}, e), s.status = t.status, s.statusText = t.statusText, s;
-  }
-  async _methodHandler(t) {
-    let e = `${this.baseURL}${this.url}`, s = null;
-    if (t === "get") {
-      const c = new T();
-      e = `${this.baseURL}${this.url}?${c.stringify(this.parameters)}`;
+    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(e), o = new AbortController(), { signal: i } = o;
-    let a;
-    this.timeout && (a = setTimeout(() => o.abort(), this.timeout));
+    const r = new URL(t), i = new AbortController(), { signal: o } = i;
+    let c;
+    this.timeout && (c = setTimeout(() => i.abort(), this.timeout));
     try {
-      const c = await this.fetch(`${r}`, {
-        method: t,
+      const a = await this.fetch(`${r}`, {
+        method: e,
         headers: this.headers,
         body: s,
-        signal: i
+        signal: o
       });
-      this.timeout && clearTimeout(a);
-      const l = await this._responseHandler(c);
+      this.timeout && clearTimeout(c);
+      const l = await this._responseHandler(a);
       return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(l)) : this._statusHandler(l);
-    } catch (c) {
+    } catch (a) {
       return {
-        message: c
+        message: a
       };
     }
   }
   eject() {
     this.ejectInterceptor = true;
   }
-  _statusHandler(t) {
-    const e = /20[0-6]/g;
+  _statusHandler(e) {
+    const t = /20[0-6]/g;
     return new Promise((s, r) => {
-      if (e.test(`${t.status}`))
-        return s(t);
-      const o = {
-        message: new Error(t.statusText),
-        status: t.status,
-        response: t.data.error || t.data.slug
+      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(o);
+      r(i);
     });
   }
 }
-let f = {};
-const p = {};
-class W {
-  constructor(t, e) {
-    if (h(this, "client"), h(this, "maxRetries"), h(this, "throttle"), h(this, "accessToken"), h(this, "cache"), h(this, "helpers"), h(this, "relations"), h(this, "links"), h(this, "richTextResolver"), h(this, "resolveNestedRelations"), !e) {
-      const o = t.region ? `-${t.region}` : "", i = t.https === false ? "http" : "https";
-      t.oauthToken ? e = `${i}://api${o}.storyblok.com/v1` : e = `${i}://api${o}.storyblok.com/v2`;
+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((o, i) => {
-      t.headers && t.headers[i] && s.set(i, t.headers[i]);
+    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;
-    t.oauthToken && (s.set("Authorization", t.oauthToken), r = 3), t.rateLimit && (r = t.rateLimit), t.richTextSchema ? this.richTextResolver = new m(t.richTextSchema) : this.richTextResolver = new m(), t.componentResolver && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries, this.throttle = x(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,
+    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: t.responseInterceptor,
-      fetch: t.fetch
+      responseInterceptor: e.responseInterceptor,
+      fetch: e.fetch
     });
   }
-  setComponentResolver(t) {
-    this.richTextResolver.addNode("blok", (e) => {
+  setComponentResolver(e) {
+    this.richTextResolver.addNode("blok", (t) => {
       let s = "";
-      return e.attrs.body.forEach((r) => {
-        s += t(r.component, r);
+      return t.attrs.body.forEach((r) => {
+        s += e(r.component, r);
       }), {
         html: s
       };
     });
   }
-  parseParams(t) {
-    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = p[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
+  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(t, e) {
-    return this.helpers.isCDNUrl(t) ? this.parseParams(e) : e;
+  factoryParamOptions(e, t) {
+    return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
   }
-  makeRequest(t, e, s, r) {
-    const o = this.factoryParamOptions(t, this.helpers.getOptionsPage(e, s, r));
-    return this.cacheResponse(t, o);
+  makeRequest(e, t, s, r) {
+    const i = this.factoryParamOptions(e, this.helpers.getOptionsPage(t, s, r));
+    return this.cacheResponse(e, i);
   }
-  get(t, e) {
-    e || (e = {});
-    const s = `/${t}`, r = this.factoryParamOptions(s, e);
+  get(e, t) {
+    t || (t = {});
+    const s = `/${e}`, r = this.factoryParamOptions(s, t);
     return this.cacheResponse(s, r);
   }
-  async getAll(t, e, s) {
-    const r = (e == null ? void 0 : e.per_page) || 25, o = `/${t}`, i = o.split("/"), a = s || i[i.length - 1], c = 1, l = await this.makeRequest(o, e, r, c), u = l.total ? Math.ceil(l.total / r) : 1, d = await this.helpers.asyncMap(this.helpers.range(c, u), (g) => this.makeRequest(o, e, r, g + 1));
-    return this.helpers.flatMap([l, ...d], (g) => Object.values(g.data[a]));
+  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(t, e) {
-    const s = `/${t}`;
-    return Promise.resolve(this.throttle("post", s, e));
+  post(e, t) {
+    const s = `/${e}`;
+    return Promise.resolve(this.throttle("post", s, t));
   }
-  put(t, e) {
-    const s = `/${t}`;
-    return Promise.resolve(this.throttle("put", s, e));
+  put(e, t) {
+    const s = `/${e}`;
+    return Promise.resolve(this.throttle("put", s, t));
   }
-  delete(t, e) {
-    const s = `/${t}`;
-    return Promise.resolve(this.throttle("delete", s, e));
+  delete(e, t) {
+    const s = `/${e}`;
+    return Promise.resolve(this.throttle("delete", s, t));
   }
-  getStories(t) {
-    return this.get("cdn/stories", t);
+  getStories(e) {
+    return this.get("cdn/stories", e);
   }
-  getStory(t, e) {
-    return this.get(`cdn/stories/${t}`, e);
+  getStory(e, t) {
+    return this.get(`cdn/stories/${e}`, t);
   }
   getToken() {
     return this.accessToken;
@@ -419,150 +522,160 @@ class W {
   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((o) => {
-          this.relations[o] && r.push(this._cleanCopy(this.relations[o]));
-        }), t[e] = r;
+  _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(t, e) {
-    const s = (r) => {
-      if (r != null) {
-        if (r.constructor === Array)
-          for (let o = 0; o < r.length; o++)
-            s(r[o]);
-        else if (r.constructor === Object) {
-          if (r._stopResolving)
+  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 r)
-            (r.component && r._uid || r.type === "link") && (this._insertRelations(r, o, e), this._insertLinks(r, o)), s(r[o]);
+          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]);
         }
       }
     };
-    s(t.content);
-  }
-  async resolveLinks(t, e) {
-    let s = [];
-    if (t.link_uuids) {
-      const r = t.link_uuids.length, o = [], i = 50;
-      for (let a = 0; a < r; a += i) {
-        const c = Math.min(r, a + i);
-        o.push(t.link_uuids.slice(a, c));
+    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: i,
-          language: e.language,
-          version: e.version,
+          per_page: c,
+          language: t.language,
+          version: t.version,
           by_uuids: o[a].join(",")
-        })).data.stories.forEach((c) => {
-          s.push(c);
+        })).data.stories.forEach((l) => {
+          r.push(l);
         });
     } else
-      s = t.links;
-    s.forEach((r) => {
-      this.links[r.uuid] = __spreadProps(__spreadValues({}, r), { _stopResolving: true });
+      r = e.links;
+    r.forEach((i) => {
+      this.links[s][i.uuid] = __spreadProps(__spreadValues({}, i), {
+        _stopResolving: true
+      });
     });
   }
-  async resolveRelations(t, e) {
-    let s = [];
-    if (t.rel_uuids) {
-      const r = t.rel_uuids.length, o = [], i = 50;
-      for (let a = 0; a < r; a += i) {
-        const c = Math.min(r, a + i);
-        o.push(t.rel_uuids.slice(a, c));
+  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: i,
-          language: e.language,
-          version: e.version,
+          per_page: c,
+          language: t.language,
+          version: t.version,
           by_uuids: o[a].join(",")
-        })).data.stories.forEach((c) => {
-          s.push(c);
+        })).data.stories.forEach((l) => {
+          r.push(l);
         });
     } else
-      s = t.rels;
-    s && s.length > 0 && s.forEach((r) => {
-      this.relations[r.uuid] = __spreadProps(__spreadValues({}, r), { _stopResolving: true });
+      r = e.rels;
+    r && r.length > 0 && r.forEach((i) => {
+      this.relations[s][i.uuid] = __spreadProps(__spreadValues({}, i), {
+        _stopResolving: true
+      });
     });
   }
-  async resolveStories(t, e) {
-    var s, r;
+  async resolveStories(e, t, s) {
+    var r, i;
     let o = [];
-    if (typeof e.resolve_relations < "u" && e.resolve_relations.length > 0 && (typeof e.resolve_relations == "string" && (o = e.resolve_relations.split(",")), await this.resolveRelations(t, e)), e.resolve_links && ["1", "story", "url"].indexOf(e.resolve_links) > -1 && ((s = t.links) != null && s.length || (r = t.link_uuids) != null && r.length) && await this.resolveLinks(t, e), this.resolveNestedRelations)
-      for (const i in this.relations)
-        this.iterateTree(this.relations[i], o);
-    t.story ? this.iterateTree(t.story, o) : t.stories.forEach((i) => {
-      this.iterateTree(i, o);
-    });
-  }
-  async cacheResponse(t, e, s) {
-    const r = this.helpers.stringify({ url: t, params: e }), o = this.cacheProvider();
-    if (this.cache.clear === "auto" && e.version === "draft" && await this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
-      const i = await o.get(r);
-      if (i)
-        return Promise.resolve(i);
+    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((i, a) => {
+    return new Promise((o, c) => {
       try {
         (async () => {
-          var c;
+          var a;
           try {
-            const l = await this.throttle("get", t, e);
+            const l = await this.throttle("get", e, t);
             let u = { data: l.data, headers: l.headers };
-            return (c = l.headers) != null && c["per-page"] && (u = Object.assign({}, u, {
+            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 ? a(l) : ((u.data.story || u.data.stories) && await this.resolveStories(u.data, e), e.version === "published" && t != "/cdn/spaces/me" && await o.set(r, u), u.data.cv && e.token && (e.version == "draft" && p[e.token] != u.data.cv && await this.flushCache(), p[e.token] = u.data.cv), i(u));
+            })), 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 a(l);
+            return c(l);
           }
         })();
       } catch {
       }
     });
   }
-  throttledRequest(t, e, s) {
-    return this.client[t](e, s);
+  throttledRequest(e, t, s) {
+    return this.client[e](t, s);
   }
   cacheVersions() {
-    return p;
+    return f;
   }
   cacheVersion() {
-    return p[this.accessToken];
+    return f[this.accessToken];
   }
-  setCacheVersion(t) {
-    this.accessToken && (p[this.accessToken] = t);
+  setCacheVersion(e) {
+    this.accessToken && (f[this.accessToken] = e);
   }
   cacheProvider() {
     switch (this.cache.type) {
       case "memory":
         return {
-          get(t) {
-            return Promise.resolve(f[t]);
+          get(e) {
+            return Promise.resolve(m[e]);
           },
           getAll() {
-            return Promise.resolve(f);
+            return Promise.resolve(m);
           },
-          set(t, e) {
-            return f[t] = e, Promise.resolve(void 0);
+          set(e, t) {
+            return m[e] = t, Promise.resolve(void 0);
           },
           flush() {
-            return f = {}, Promise.resolve(void 0);
+            return m = {}, Promise.resolve(void 0);
           }
         };
       case "custom":
@@ -589,70 +702,70 @@ class W {
     return await this.cacheProvider().flush(), this;
   }
 }
-const X = (n = {}) => {
-  const { apiOptions: t } = n;
-  if (!t.accessToken) {
+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 W(t) };
-}, Z = (n) => {
+  return { storyblokApi: new ae(e) };
+}, ce = (n) => {
   if (typeof n != "object" || typeof n._editable > "u")
     return {};
-  const t = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const e = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
   return {
-    "data-blok-c": JSON.stringify(t),
-    "data-blok-uid": t.id + "-" + t.uid
+    "data-blok-c": JSON.stringify(e),
+    "data-blok-uid": e.id + "-" + e.uid
   };
 };
-let y;
-const _ = "https://app.storyblok.com/f/storyblok-v2-latest.js", tt = (n, t, e = {}) => {
-  var a;
-  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", i = +new URL((a = window.location) == null ? void 0 : a.href).searchParams.get("_storyblok") === n;
-  if (!(!r || !i)) {
+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(e).on(["input", "published", "change"], (l) => {
-        l.action === "input" && l.story.id === n ? t(l.story) : (l.action === "change" || l.action === "published") && l.storyId === n && window.location.reload();
+      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();
       });
     });
   }
-}, et = (n = {}) => {
+}, ue = (n = {}) => {
   var u, d;
   const {
-    bridge: t,
-    accessToken: e,
+    bridge: e,
+    accessToken: t,
     use: s = [],
     apiOptions: r = {},
-    richText: o = {}
+    richText: i = {}
   } = n;
-  r.accessToken = r.accessToken || e;
-  const i = { bridge: t, apiOptions: r };
-  let a = {};
+  r.accessToken = r.accessToken || t;
+  const o = { bridge: e, apiOptions: r };
+  let c = {};
   s.forEach((g) => {
-    a = __spreadValues(__spreadValues({}, a), g(i));
+    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 t !== false && l && w(_), y = new m(o.schema), o.resolver && R(y, o.resolver), a;
-}, R = (n, t) => {
-  n.addNode("blok", (e) => {
+  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 e.attrs.body.forEach((r) => {
-      s += t(r.component, r);
+    return t.attrs.body.forEach((r) => {
+      s += e(r.component, r);
     }), {
       html: s
     };
   });
-}, st = (n, t, e) => {
-  let s = e || y;
+}, 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 ? (t && (s = new m(t.schema), t.resolver && R(s, t.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.
+  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`), "");
 };
@@ -684,11 +797,11 @@ const useStoryblok = (slug, apiOptions = {}, bridgeOptions = {}) => {
       const { data } = await storyblokApiInstance.get(`cdn/stories/${slug}`, apiOptions);
       setStory(data.story);
       if (isBridgeEnable && data.story.id) {
-        tt(data.story.id, (story2) => setStory(story2), bridgeOptions);
+        he(data.story.id, (story2) => setStory(story2), bridgeOptions);
       }
     }
     initStory();
-  }, [slug]);
+  }, [slug, JSON.stringify(apiOptions)]);
   return story;
 };
 const useStoryblokState = (initialStory = null, bridgeOptions = {}) => {
@@ -699,7 +812,7 @@ const useStoryblokState = (initialStory = null, bridgeOptions = {}) => {
   }
   useEffect(() => {
     setStory(initialStory);
-    tt(story.id, (newStory) => setStory(newStory), bridgeOptions);
+    he(story.id, (newStory) => setStory(newStory), bridgeOptions);
   }, [initialStory]);
   return story;
 };
@@ -719,8 +832,8 @@ const getComponent = (componentKey) => {
   return componentsMap[componentKey];
 };
 const storyblokInit = (pluginOptions = {}) => {
-  const { storyblokApi } = et(pluginOptions);
+  const { storyblokApi } = ue(pluginOptions);
   storyblokApiInstance = storyblokApi;
   componentsMap = pluginOptions.components;
 };
-export { m as RichTextResolver, K as RichTextSchema, StoryblokComponent, X as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, tt as registerStoryblokBridge, st as renderRichText, Z as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, tt as useStoryblokBridge, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/react",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "description": "SDK to integrate Storyblok into your project using React.",
   "main": "./dist/storyblok-react.js",
   "module": "./dist/storyblok-react.mjs",
@@ -24,7 +24,7 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^2.1.1"
+    "@storyblok/js": "^2.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.21.3",
@@ -32,11 +32,11 @@
     "@cypress/react": "^5.12.5",
     "@cypress/vite-dev-server": "^2.2.3",
     "@tsconfig/recommended": "^1.0.2",
-    "@types/react": "18.0.28",
+    "@types/react": "18.0.31",
     "@vitejs/plugin-react": "^1.3.2",
     "babel-jest": "^29.5.0",
     "cypress": "^9.7.0",
-    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-cypress": "^2.13.2",
     "eslint-plugin-jest": "^27.2.1",
     "jest": "^29.5.0",
     "react": "^18.2.0",