@storyblok/react 2.0.1 → 2.0.3

package/dist/storyblok-react.js

@@ -1,3 +1,3 @@
-(function(l,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],u):(l=typeof globalThis!="undefined"?globalThis:l||self,u(l.storyblokReact={},l.React))})(this,function(l,u){"use strict";var Ce=Object.defineProperty;var T=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var D=(l,u,p)=>u in l?Ce(l,u,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[u]=p,J=(l,u)=>{for(var p in u||(u={}))H.call(u,p)&&D(l,p,u[p]);if(T)for(var p of T(u))q.call(u,p)&&D(l,p,u[p]);return l};var V=(l,u)=>{var p={};for(var g in l)H.call(l,g)&&u.indexOf(g)<0&&(p[g]=l[g]);if(l!=null&&T)for(var g of T(l))u.indexOf(g)<0&&q.call(l,g)&&(p[g]=l[g]);return p};function p(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var g=p(u),F=Object.defineProperty,z=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,$=(o,e,t)=>e in o?F(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,y=(o,e)=>{for(var t in e||(e={}))G.call(e,t)&&$(o,t,e[t]);if(j)for(var t of j(e))Q.call(e,t)&&$(o,t,e[t]);return o},R=(o,e)=>z(o,Y(e));let C=!1;const I=[],W=o=>new Promise((e,t)=>{if(typeof window=="undefined"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}C?s():I.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=o,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{I.forEach(n=>n()),C=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var X=Object.defineProperty,Z=(o,e,t)=>e in o?X(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,h=(o,e,t)=>(Z(o,typeof e!="symbol"?e+"":e,t),t);function x(o){return!(o!==o||o===1/0||o===-1/0)}function K(o,e,t){if(!x(e))throw new TypeError("Expected `limit` to be a finite number");if(!x(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],n=0;const a=function(){n++;const c=setTimeout(function(){n--,r.length>0&&a(),s=s.filter(function(f){return f!==c})},t);s.indexOf(c)<0&&s.push(c);const d=r.shift();d.resolve(o.apply(d.self,d.args))},i=function(...c){const d=this;return new Promise(function(f,P){r.push({resolve:f,reject:P,args:c,self:d}),n<e&&a()})};return i.abort=function(){s.forEach(clearTimeout),s=[],r.forEach(function(c){c.reject(function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"})}),r.length=0},i}const ee=function(o,e){const t={};for(const r in o){const s=o[r];e.indexOf(r)>-1&&s!==null&&(t[r]=s)}return t},te=o=>o==="email",re=()=>({singleTag:"hr"}),se=()=>({tag:"blockquote"}),oe=()=>({tag:"ul"}),ne=o=>({tag:["pre",{tag:"code",attrs:o.attrs}]}),ie=()=>({singleTag:"br"}),ae=o=>({tag:`h${o.attrs.level}`}),le=o=>({singleTag:[{tag:"img",attrs:ee(o.attrs,["src","alt","title"])}]}),ce=()=>({tag:"li"}),he=()=>({tag:"ol"}),ue=()=>({tag:"p"}),de=()=>({tag:"b"}),pe=()=>({tag:"strike"}),fe=()=>({tag:"u"}),ge=()=>({tag:"strong"}),ye=()=>({tag:"code"}),me=()=>({tag:"i"}),be=o=>{const e=y({},o.attrs),{linktype:t="url"}=o.attrs;return te(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},ke=o=>({tag:[{tag:"span",attrs:o.attrs}]}),A={nodes:{horizontal_rule:re,blockquote:se,bullet_list:oe,code_block:ne,hard_break:ie,heading:ae,image:le,list_item:ce,ordered_list:he,paragraph:ue},marks:{bold:de,strike:pe,underline:fe,strong:ge,code:ye,italic:me,link:be,styled:ke}},ve=function(o){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,r=RegExp(t.source);return o&&r.test(o)?o.replace(t,s=>e[s]):o};class b{constructor(e){h(this,"marks"),h(this,"nodes"),e||(e=A),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(r=>{t+=this.renderNode(r)}),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(s=>{const n=this.getMatchingMark(s);n&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(s=>{t.push(this.renderNode(s))}):e.text?t.push(ve(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const n=this.getMatchingMark(s);n&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let s=`<${r.tag}`;if(r.attrs)for(const n in r.attrs){const a=r.attrs[n];a!==null&&(s+=` ${n}="${a}"`)}return`${s}${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 M{constructor(){h(this,"isCDNUrl",(e="")=>e.indexOf("/cdn/")>-1),h(this,"getOptionsPage",(e,t=25,r=1)=>R(y({},e),{per_page:t,page: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 r=Math.abs(t-e)||0,s=e<t?1:-1;return this.arrayFrom(r,(n,a)=>a*s+e)}),h(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),h(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,s)=>[...r,...s],[]))}stringify(e,t,r){const s=[];for(const n in e){if(!Object.prototype.hasOwnProperty.call(e,n))continue;const a=e[n],i=r?"":encodeURIComponent(n);let c;typeof a=="object"?c=this.stringify(a,t?t+encodeURIComponent("["+i+"]"):i,Array.isArray(a)):c=(t?t+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(a),s.push(c)}return s.join("&")}}var k=(o=>(o.GET="get",o.DELETE="delete",o.POST="post",o.PUT="put",o))(k||{});class we{constructor(e){h(this,"baseURL"),h(this,"timeout"),h(this,"headers"),h(this,"responseInterceptor"),h(this,"ejectInterceptor"),h(this,"url"),h(this,"parameters"),this.baseURL=e.baseURL,this.timeout=e.timeout?e.timeout*1e3:1e3,this.headers=e.headers||[],this.responseInterceptor=e.responseInterceptor,this.ejectInterceptor=!1,this.url="",this.parameters={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler(k.GET)}post(e,t){return this.url=e,this.parameters=t,this._methodHandler(k.POST)}put(e,t){return this.url=e,this.parameters=t,this._methodHandler(k.PUT)}delete(e,t){return this.url=e,this.parameters=t,this._methodHandler(k.DELETE)}async _responseHandler(e){const t=[],r={data:{},headers:{},status:0,statusText:""};await e.json().then(s=>{r.data=s});for(const s of e.headers.entries())t[s[0]]=s[1];return r.headers=y({},t),r.status=e.status,r.statusText=e.statusText,r}async _methodHandler(e){const t=new URL(`${this.baseURL}${this.url}`);let r=null;if(e==="get"){const i=new M;t.search=i.stringify(this.parameters)}else r=JSON.stringify(this.parameters);const s=new AbortController,{signal:n}=s,a=setTimeout(()=>s.abort(),this.timeout);try{const i=await fetch(`${t}`,{method:e,headers:this.headers,body:r,signal:n});clearTimeout(a);const c=await this._responseHandler(i);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(c)):this._statusHandler(c)}catch(i){return i}}eject(){this.ejectInterceptor=!0}_statusHandler(e){if(/20[01]/g.test(`${e.status}`))return e;throw{message:new Error(e.statusText||`status: ${e.status}`),response:e}}}let w={};const m={};class _e{constructor(e,t){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"),!t){const n=e.region?`-${e.region}`:"",a=e.https===!1?"http":"https";e.oauthToken?t=`${a}://api${n}.storyblok.com/v1`:t=`${a}://api${n}.storyblok.com/v2`}const r=Object.assign({},e.headers);let s=5;e.oauthToken&&(r.Authorization=e.oauthToken,s=3),e.rateLimit&&(s=e.rateLimit),e.richTextSchema?this.richTextResolver=new b(e.richTextSchema):this.richTextResolver=new b,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries,this.throttle=K(this.throttledRequest,s,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new M,this.resolveNestedRelations=!1,this.client=new we({baseURL:t,timeout:e.timeout||0,headers:r,responseInterceptor:e.responseInterceptor})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})}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,r,s){const n=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,r,s));return this.cacheResponse(e,n)}get(e,t){t||(t={});const r=`/${e}`,s=this.factoryParamOptions(r,t);return this.cacheResponse(r,s)}async getAll(e,t,r){const s=(t==null?void 0:t.per_page)||25,n=`/${e}`,a=n.split("/"),i=r||a[a.length-1],c=1,d=await this.makeRequest(n,t,s,c),f=d.total?Math.ceil(d.total/s):1,P=await this.helpers.asyncMap(this.helpers.range(c,f),O=>this.makeRequest(n,t,s,O+1));return this.helpers.flatMap([d,...P],O=>Object.values(O.data[i]))}post(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("post",r,t))}put(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("put",r,t))}delete(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("delete",r,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 r=e[t];r&&r.fieldtype=="multilink"&&r.linktype=="story"&&typeof r.id=="string"&&this.links[r.id]?r.story=this._cleanCopy(this.links[r.id]):r&&r.linktype==="story"&&typeof r.uuid=="string"&&this.links[r.uuid]&&(r.story=this._cleanCopy(this.links[r.uuid]))}_insertRelations(e,t,r){if(r.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 s=[];e[t].forEach(n=>{this.relations[n]&&s.push(this._cleanCopy(this.relations[n]))}),e[t]=s}}}iterateTree(e,t){const r=s=>{if(s!=null){if(s.constructor===Array)for(let n=0;n<s.length;n++)r(s[n]);else if(s.constructor===Object){if(s._stopResolving)return;for(const n in s)(s.component&&s._uid||s.type==="link")&&(this._insertRelations(s,n,t),this._insertLinks(s,n)),r(s[n])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const s=e.link_uuids.length,n=[],a=50;for(let i=0;i<s;i+=a){const c=Math.min(s,i+a);n.push(e.link_uuids.slice(i,c))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(s=>{this.links[s.uuid]=R(y({},s),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const s=e.rel_uuids.length,n=[],a=50;for(let i=0;i<s;i+=a){const c=Math.min(s,i+a);n.push(e.rel_uuids.slice(i,c))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r&&r.length>0&&r.forEach(s=>{this.relations[s.uuid]=R(y({},s),{_stopResolving:!0})})}async resolveStories(e,t){var r,s;let n=[];if(typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(n=t.resolve_relations.split(","),await this.resolveRelations(e,t)),t.resolve_links&&["1","story","url"].indexOf(t.resolve_links)>-1&&(((r=e.links)==null?void 0:r.length)||((s=e.link_uuids)==null?void 0:s.length))&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const a in this.relations)this.iterateTree(this.relations[a],n);e.story?this.iterateTree(e.story,n):e.stories.forEach(a=>{this.iterateTree(a,n)})}cacheResponse(e,t,r){return new Promise((s,n)=>{const a=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const c=i.get(a);if(c)return s(c)}try{(async()=>{var c;const d=await this.throttle("get",e,t);let f={data:d.data,headers:d.headers};if((c=d.headers)!=null&&c["per-page"]&&(f=Object.assign({},f,{perPage:d.headers["per-page"]?parseInt(d.headers["per-page"]):0,total:d.headers["per-page"]?parseInt(d.headers.total):0})),d.status!=200)return n(d);(f.data.story||f.data.stories)&&await this.resolveStories(f.data,t),t.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,f),f.data.cv&&t.token&&(t.version=="draft"&&m[t.token]!=f.data.cv&&this.flushCache(),m[t.token]=f.data.cv),s(f)})()}catch{}})}throttledRequest(e,t,r){return this.client[e](t,r)}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 w[e]},getAll(){return w},set(e,t){w[e]=t},flush(){w={}}};default:return{get(){},getAll(){},set(){},flush(){}}}}flushCache(){return this.cacheProvider().flush(),this}}const Te=(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 _e(e)}};var Re=o=>{if(typeof o!="object"||typeof o._editable=="undefined")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 E;const Ee="https://app.storyblok.com/f/storyblok-v2-latest.js",_=(o,e,t={})=>{if(typeof window!="undefined"){if(typeof window.storyblokRegisterEvent=="undefined"){console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");return}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"],s=>{s.action==="input"&&s.story.id===o?e(s.story):(s.action==="change"||s.action==="published")&&s.storyId===o&&window.location.reload()})})}},Se=(o={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:s={},richText:n={}}=o;s.accessToken=s.accessToken||t;const a={bridge:e,apiOptions:s};let i={};return r.forEach(c=>{i=y(y({},i),c(a))}),e!==!1&&W(Ee),E=new b(n.schema),n.resolver&&N(E,n.resolver),i},N=(o,e)=>{o.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})},Pe=(o,e,t)=>{let r=t||E;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return o===""?"":o?(e&&(r=new b(e.schema),e.resolver&&N(r,e.resolver)),r.render(o)):(console.warn(`${o} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+(function(l,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],u):(l=typeof globalThis!="undefined"?globalThis:l||self,u(l.storyblokReact={},l.React))})(this,function(l,u){"use strict";var Oe=Object.defineProperty;var _=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var U=(l,u,p)=>u in l?Oe(l,u,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[u]=p,D=(l,u)=>{for(var p in u||(u={}))H.call(u,p)&&U(l,p,u[p]);if(_)for(var p of _(u))q.call(u,p)&&U(l,p,u[p]);return l};var J=(l,u)=>{var p={};for(var g in l)H.call(l,g)&&u.indexOf(g)<0&&(p[g]=l[g]);if(l!=null&&_)for(var g of _(l))u.indexOf(g)<0&&q.call(l,g)&&(p[g]=l[g]);return p};function p(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var g=p(u),V=Object.defineProperty,F=Object.defineProperties,z=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,$=(o,e,t)=>e in o?V(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,y=(o,e)=>{for(var t in e||(e={}))Y.call(e,t)&&$(o,t,e[t]);if(j)for(var t of j(e))Q.call(e,t)&&$(o,t,e[t]);return o},T=(o,e)=>F(o,z(e));let O=!1;const C=[],G=o=>new Promise((e,t)=>{if(typeof window=="undefined"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}O?s():C.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=o,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{C.forEach(n=>n()),O=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var W=Object.defineProperty,X=(o,e,t)=>e in o?W(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,h=(o,e,t)=>(X(o,typeof e!="symbol"?e+"":e,t),t);function I(o){return!(o!==o||o===1/0||o===-1/0)}function Z(o,e,t){if(!I(e))throw new TypeError("Expected `limit` to be a finite number");if(!I(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],n=0;const a=function(){n++;const c=setTimeout(function(){n--,r.length>0&&a(),s=s.filter(function(f){return f!==c})},t);s.indexOf(c)<0&&s.push(c);const d=r.shift();d.resolve(o.apply(d.self,d.args))},i=function(...c){const d=this;return new Promise(function(f,E){r.push({resolve:f,reject:E,args:c,self:d}),n<e&&a()})};return i.abort=function(){s.forEach(clearTimeout),s=[],r.forEach(function(c){c.reject(function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"})}),r.length=0},i}const K=function(o,e){const t={};for(const r in o){const s=o[r];e.indexOf(r)>-1&&s!==null&&(t[r]=s)}return t},ee=o=>o==="email",te=()=>({singleTag:"hr"}),re=()=>({tag:"blockquote"}),se=()=>({tag:"ul"}),oe=o=>({tag:["pre",{tag:"code",attrs:o.attrs}]}),ne=()=>({singleTag:"br"}),ie=o=>({tag:`h${o.attrs.level}`}),ae=o=>({singleTag:[{tag:"img",attrs:K(o.attrs,["src","alt","title"])}]}),le=()=>({tag:"li"}),ce=()=>({tag:"ol"}),he=()=>({tag:"p"}),ue=()=>({tag:"b"}),de=()=>({tag:"strike"}),pe=()=>({tag:"u"}),fe=()=>({tag:"strong"}),ge=()=>({tag:"code"}),ye=()=>({tag:"i"}),me=o=>{const e=y({},o.attrs),{linktype:t="url"}=o.attrs;return ee(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},be=o=>({tag:[{tag:"span",attrs:o.attrs}]}),A={nodes:{horizontal_rule:te,blockquote:re,bullet_list:se,code_block:oe,hard_break:ne,heading:ie,image:ae,list_item:le,ordered_list:ce,paragraph:he},marks:{bold:ue,strike:de,underline:pe,strong:fe,code:ge,italic:ye,link:me,styled:be}},ke=function(o){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,r=RegExp(t.source);return o&&r.test(o)?o.replace(t,s=>e[s]):o};class b{constructor(e){h(this,"marks"),h(this,"nodes"),e||(e=A),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(r=>{t+=this.renderNode(r)}),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(s=>{const n=this.getMatchingMark(s);n&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(s=>{t.push(this.renderNode(s))}):e.text?t.push(ke(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const n=this.getMatchingMark(s);n&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let s=`<${r.tag}`;if(r.attrs)for(const n in r.attrs){const a=r.attrs[n];a!==null&&(s+=` ${n}="${a}"`)}return`${s}${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 x{constructor(){h(this,"isCDNUrl",(e="")=>e.indexOf("/cdn/")>-1),h(this,"getOptionsPage",(e,t=25,r=1)=>T(y({},e),{per_page:t,page: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 r=Math.abs(t-e)||0,s=e<t?1:-1;return this.arrayFrom(r,(n,a)=>a*s+e)}),h(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),h(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,s)=>[...r,...s],[]))}stringify(e,t,r){const s=[];for(const n in e){if(!Object.prototype.hasOwnProperty.call(e,n))continue;const a=e[n],i=r?"":encodeURIComponent(n);let c;typeof a=="object"?c=this.stringify(a,t?t+encodeURIComponent("["+i+"]"):i,Array.isArray(a)):c=(t?t+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(a),s.push(c)}return s.join("&")}}class ve{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||[],this.timeout=e.timeout?e.timeout*1e3:1e3,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=[],r={data:{},headers:{},status:0,statusText:""};await e.json().then(s=>{r.data=s});for(const s of e.headers.entries())t[s[0]]=s[1];return r.headers=y({},t),r.status=e.status,r.statusText=e.statusText,r}async _methodHandler(e){const t=new URL(`${this.baseURL}${this.url}`);let r=null;if(e==="get"){const i=new x;t.search=i.stringify(this.parameters)}else r=JSON.stringify(this.parameters);const s=new AbortController,{signal:n}=s,a=setTimeout(()=>s.abort(),this.timeout);try{const i=await this.fetch(`${t}`,{method:e,headers:this.headers,body:r,signal:n});clearTimeout(a);const c=await this._responseHandler(i);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(c)):this._statusHandler(c)}catch(i){return i}}eject(){this.ejectInterceptor=!0}_statusHandler(e){if(/20[01]/g.test(`${e.status}`))return e;throw{message:new Error(e.statusText||`status: ${e.status}`),response:e}}}let v={};const m={};class we{constructor(e,t){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"),!t){const n=e.region?`-${e.region}`:"",a=e.https===!1?"http":"https";e.oauthToken?t=`${a}://api${n}.storyblok.com/v1`:t=`${a}://api${n}.storyblok.com/v2`}const r=new Headers;r.set("Content-Type","application/json"),r.set("Accept","application/json"),r.forEach((n,a)=>{e.headers&&e.headers[a]&&r.set(a,e.headers[a])});let s=5;e.oauthToken&&(r.set("Authorization",e.oauthToken),s=3),e.rateLimit&&(s=e.rateLimit),e.richTextSchema?this.richTextResolver=new b(e.richTextSchema):this.richTextResolver=new b,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries,this.throttle=Z(this.throttledRequest,s,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new x,this.resolveNestedRelations=!1,this.client=new ve({baseURL:t,timeout:e.timeout||0,headers:r,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})}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,r,s){const n=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,r,s));return this.cacheResponse(e,n)}get(e,t){t||(t={});const r=`/${e}`,s=this.factoryParamOptions(r,t);return this.cacheResponse(r,s)}async getAll(e,t,r){const s=(t==null?void 0:t.per_page)||25,n=`/${e}`,a=n.split("/"),i=r||a[a.length-1],c=1,d=await this.makeRequest(n,t,s,c),f=d.total?Math.ceil(d.total/s):1,E=await this.helpers.asyncMap(this.helpers.range(c,f),P=>this.makeRequest(n,t,s,P+1));return this.helpers.flatMap([d,...E],P=>Object.values(P.data[i]))}post(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("post",r,t))}put(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("put",r,t))}delete(e,t){const r=`/${e}`;return Promise.resolve(this.throttle("delete",r,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 r=e[t];r&&r.fieldtype=="multilink"&&r.linktype=="story"&&typeof r.id=="string"&&this.links[r.id]?r.story=this._cleanCopy(this.links[r.id]):r&&r.linktype==="story"&&typeof r.uuid=="string"&&this.links[r.uuid]&&(r.story=this._cleanCopy(this.links[r.uuid]))}_insertRelations(e,t,r){if(r.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 s=[];e[t].forEach(n=>{this.relations[n]&&s.push(this._cleanCopy(this.relations[n]))}),e[t]=s}}}iterateTree(e,t){const r=s=>{if(s!=null){if(s.constructor===Array)for(let n=0;n<s.length;n++)r(s[n]);else if(s.constructor===Object){if(s._stopResolving)return;for(const n in s)(s.component&&s._uid||s.type==="link")&&(this._insertRelations(s,n,t),this._insertLinks(s,n)),r(s[n])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const s=e.link_uuids.length,n=[],a=50;for(let i=0;i<s;i+=a){const c=Math.min(s,i+a);n.push(e.link_uuids.slice(i,c))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(s=>{this.links[s.uuid]=T(y({},s),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const s=e.rel_uuids.length,n=[],a=50;for(let i=0;i<s;i+=a){const c=Math.min(s,i+a);n.push(e.rel_uuids.slice(i,c))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r&&r.length>0&&r.forEach(s=>{this.relations[s.uuid]=T(y({},s),{_stopResolving:!0})})}async resolveStories(e,t){var r,s;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&&(((r=e.links)==null?void 0:r.length)||((s=e.link_uuids)==null?void 0:s.length))&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const a in this.relations)this.iterateTree(this.relations[a],n);e.story?this.iterateTree(e.story,n):e.stories.forEach(a=>{this.iterateTree(a,n)})}cacheResponse(e,t,r){return new Promise((s,n)=>{const a=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const c=i.get(a);if(c)return s(c)}try{(async()=>{var c;const d=await this.throttle("get",e,t);let f={data:d.data,headers:d.headers};if((c=d.headers)!=null&&c["per-page"]&&(f=Object.assign({},f,{perPage:d.headers["per-page"]?parseInt(d.headers["per-page"]):0,total:d.headers["per-page"]?parseInt(d.headers.total):0})),d.status!=200)return n(d);(f.data.story||f.data.stories)&&await this.resolveStories(f.data,t),t.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,f),f.data.cv&&t.token&&(t.version=="draft"&&m[t.token]!=f.data.cv&&this.flushCache(),m[t.token]=f.data.cv),s(f)})()}catch{}})}throttledRequest(e,t,r){return this.client[e](t,r)}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 v[e]},getAll(){return v},set(e,t){v[e]=t},flush(){v={}}};default:return{get(){},getAll(){},set(){},flush(){}}}}flushCache(){return this.cacheProvider().flush(),this}}const _e=(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 we(e)}};var Te=o=>{if(typeof o!="object"||typeof o._editable=="undefined")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 R;const Re="https://app.storyblok.com/f/storyblok-v2-latest.js",w=(o,e,t={})=>{if(typeof window!="undefined"){if(typeof window.storyblokRegisterEvent=="undefined"){console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");return}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"],s=>{s.action==="input"&&s.story.id===o?e(s.story):(s.action==="change"||s.action==="published")&&s.storyId===o&&window.location.reload()})})}},Se=(o={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:s={},richText:n={}}=o;s.accessToken=s.accessToken||t;const a={bridge:e,apiOptions:s};let i={};return r.forEach(c=>{i=y(y({},i),c(a))}),e!==!1&&G(Re),R=new b(n.schema),n.resolver&&M(R,n.resolver),i},M=(o,e)=>{o.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})},Ee=(o,e,t)=>{let r=t||R;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return o===""?"":o?(e&&(r=new b(e.schema),e.resolver&&M(r,e.resolver)),r.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`),"")},L=u.forwardRef((r,t)=>{var s=r,{blok:o}=s,e=V(s,["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=B(o.component);return n?g.default.createElement(n,J({ref:t,blok:o},e)):g.default.createElement("div",null)});L.displayName="StoryblokComponent";const Oe=(o,e={},t={})=>{let[r,s]=u.useState({});if(!v)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 u.useEffect(()=>{async function a(){const{data:i}=await v.get(`cdn/stories/${o}`,e);s(i.story),n&&i.story.id&&_(i.story.id,c=>s(c),t)}a()},[o]),r},je=(o=null,e={})=>{let[t,r]=u.useState(o);return!(typeof window!="undefined"&&typeof window.storyblokRegisterEvent!="undefined")||!o?o:(u.useEffect(()=>{r(o),_(t.id,n=>r(n),e)},[o]),t)};let v=null;const U=()=>(v||console.error("You can't use getStoryblokApi if you're not loading apiPlugin."),v);let S={};const B=o=>S[o]?S[o]:(console.error(`Component ${o} doesn't exist.`),!1),$e=(o={})=>{const{storyblokApi:e}=Se(o);v=e,S=o.components};l.RichTextResolver=b,l.RichTextSchema=A,l.StoryblokComponent=L,l.apiPlugin=Te,l.getComponent=B,l.getStoryblokApi=U,l.registerStoryblokBridge=_,l.renderRichText=Pe,l.storyblokEditable=Re,l.storyblokInit=$e,l.useStoryblok=Oe,l.useStoryblokApi=U,l.useStoryblokBridge=_,l.useStoryblokState=je,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`),"")},N=u.forwardRef((r,t)=>{var s=r,{blok:o}=s,e=J(s,["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=B(o.component);return n?g.default.createElement(n,D({ref:t,blok:o},e)):g.default.createElement("div",null)});N.displayName="StoryblokComponent";const Pe=(o,e={},t={})=>{let[r,s]=u.useState({});if(!k)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 u.useEffect(()=>{async function a(){const{data:i}=await k.get(`cdn/stories/${o}`,e);s(i.story),n&&i.story.id&&w(i.story.id,c=>s(c),t)}a()},[o]),r},je=(o=null,e={})=>{let[t,r]=u.useState(o);return!(typeof window!="undefined"&&typeof window.storyblokRegisterEvent!="undefined")||!o?o:(u.useEffect(()=>{r(o),w(t.id,n=>r(n),e)},[o]),t)};let k=null;const L=()=>(k||console.error("You can't use getStoryblokApi if you're not loading apiPlugin."),k);let S={};const B=o=>S[o]?S[o]:(console.error(`Component ${o} doesn't exist.`),!1),$e=(o={})=>{const{storyblokApi:e}=Se(o);k=e,S=o.components};l.RichTextResolver=b,l.RichTextSchema=A,l.StoryblokComponent=N,l.apiPlugin=_e,l.getComponent=B,l.getStoryblokApi=L,l.registerStoryblokBridge=w,l.renderRichText=Ee,l.storyblokEditable=Te,l.storyblokInit=$e,l.useStoryblok=Pe,l.useStoryblokApi=L,l.useStoryblokBridge=w,l.useStoryblokState=je,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/storyblok-react.mjs

@@ -78,37 +78,37 @@ const loadBridge = (src) => {
   });
 };
 var m = Object.defineProperty;
-var R = (i, t, e) => t in i ? m(i, t, { enumerable: true, configurable: true, writable: true, value: e }) : i[t] = e;
-var l = (i, t, e) => (R(i, typeof t != "symbol" ? t + "" : t, e), e);
-function y(i) {
-  return !(i !== i || i === 1 / 0 || i === -1 / 0);
+var T = (c, t, e) => t in c ? m(c, t, { enumerable: true, configurable: true, writable: true, value: e }) : c[t] = e;
+var l = (c, t, e) => (T(c, typeof t != "symbol" ? t + "" : t, e), e);
+function k(c) {
+  return !(c !== c || c === 1 / 0 || c === -1 / 0);
 }
-function _(i, t, e) {
-  if (!y(t))
+function _(c, t, e) {
+  if (!k(t))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!y(e))
+  if (!k(e))
     throw new TypeError("Expected `interval` to be a finite number");
   const s = [];
   let r = [], n = 0;
-  const c = function() {
+  const i = function() {
     n++;
     const a = setTimeout(function() {
-      n--, s.length > 0 && c(), r = r.filter(function(u) {
+      n--, s.length > 0 && i(), r = r.filter(function(u) {
         return u !== a;
       });
     }, e);
     r.indexOf(a) < 0 && r.push(a);
     const h = s.shift();
-    h.resolve(i.apply(h.self, h.args));
+    h.resolve(c.apply(h.self, h.args));
   }, o = function(...a) {
     const h = this;
-    return new Promise(function(u, g) {
+    return new Promise(function(u, p) {
       s.push({
         resolve: u,
-        reject: g,
+        reject: p,
         args: a,
         self: h
-      }), n < t && c();
+      }), n < t && i();
     });
   };
   return o.abort = function() {
@@ -119,41 +119,41 @@ function _(i, t, e) {
     }), s.length = 0;
   }, o;
 }
-const b = function(i, t) {
+const R = function(c, t) {
   const e = {};
-  for (const s in i) {
-    const r = i[s];
+  for (const s in c) {
+    const r = c[s];
     t.indexOf(s) > -1 && r !== null && (e[s] = r);
   }
   return e;
-}, $ = (i) => i === "email", w = () => ({
+}, b = (c) => c === "email", w = () => ({
   singleTag: "hr"
-}), E = () => ({
+}), $ = () => ({
   tag: "blockquote"
 }), x = () => ({
   tag: "ul"
-}), P = (i) => ({
+}), E = (c) => ({
   tag: [
     "pre",
     {
       tag: "code",
-      attrs: i.attrs
+      attrs: c.attrs
     }
   ]
-}), O = () => ({
+}), P = () => ({
   singleTag: "br"
-}), S = (i) => ({
-  tag: `h${i.attrs.level}`
-}), C = (i) => ({
+}), S = (c) => ({
+  tag: `h${c.attrs.level}`
+}), C = (c) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: b(i.attrs, ["src", "alt", "title"])
+      attrs: R(c.attrs, ["src", "alt", "title"])
     }
   ]
-}), L = () => ({
+}), O = () => ({
   tag: "li"
-}), U = () => ({
+}), M = () => ({
   tag: "ol"
 }), H = () => ({
   tag: "p"
@@ -161,17 +161,17 @@ const b = function(i, t) {
   tag: "b"
 }), I = () => ({
   tag: "strike"
-}), M = () => ({
+}), L = () => ({
   tag: "u"
 }), N = () => ({
   tag: "strong"
-}), q = () => ({
+}), U = () => ({
   tag: "code"
-}), z = () => ({
+}), q = () => ({
   tag: "i"
-}), F = (i) => {
-  const t = __spreadValues2({}, i.attrs), { linktype: e = "url" } = i.attrs;
-  return $(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
+}), z = (c) => {
+  const t = __spreadValues2({}, c.attrs), { linktype: e = "url" } = c.attrs;
+  return b(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
     tag: [
       {
         tag: "a",
@@ -179,37 +179,37 @@ const b = function(i, t) {
       }
     ]
   };
-}, V = (i) => ({
+}, j = (c) => ({
   tag: [
     {
       tag: "span",
-      attrs: i.attrs
+      attrs: c.attrs
     }
   ]
-}), j = {
+}), F = {
   nodes: {
     horizontal_rule: w,
-    blockquote: E,
+    blockquote: $,
     bullet_list: x,
-    code_block: P,
-    hard_break: O,
+    code_block: E,
+    hard_break: P,
     heading: S,
     image: C,
-    list_item: L,
-    ordered_list: U,
+    list_item: O,
+    ordered_list: M,
     paragraph: H
   },
   marks: {
     bold: A,
     strike: I,
-    underline: M,
+    underline: L,
     strong: N,
-    code: q,
-    italic: z,
-    link: F,
-    styled: V
+    code: U,
+    italic: q,
+    link: z,
+    styled: j
   }
-}, J = function(i) {
+}, V = function(c) {
   const t = {
     "&": "&amp;",
     "<": "&lt;",
@@ -217,13 +217,13 @@ const b = function(i, t) {
     '"': "&quot;",
     "'": "&#39;"
   }, e = /[&<>"']/g, s = RegExp(e.source);
-  return i && s.test(i) ? i.replace(e, (r) => t[r]) : i;
+  return c && s.test(c) ? c.replace(e, (r) => t[r]) : c;
 };
-class v {
+class y {
   constructor(t) {
     l(this, "marks");
     l(this, "nodes");
-    t || (t = j), this.marks = t.marks || [], this.nodes = t.nodes || [];
+    t || (t = F), this.marks = t.marks || [], this.nodes = t.nodes || [];
   }
   addNode(t, e) {
     this.nodes[t] = e;
@@ -249,7 +249,7 @@ class v {
     const s = this.getMatchingNode(t);
     return s && s.tag && e.push(this.renderOpeningTag(s.tag)), t.content ? t.content.forEach((r) => {
       e.push(this.renderNode(r));
-    }) : t.text ? e.push(J(t.text)) : s && s.singleTag ? e.push(this.renderTag(s.singleTag, " /")) : s && s.html && e.push(s.html), s && s.tag && e.push(this.renderClosingTag(s.tag)), t.marks && t.marks.slice(0).reverse().forEach((r) => {
+    }) : t.text ? e.push(V(t.text)) : s && s.singleTag ? e.push(this.renderTag(s.singleTag, " /")) : s && s.html && e.push(s.html), s && s.tag && e.push(this.renderClosingTag(s.tag)), t.marks && t.marks.slice(0).reverse().forEach((r) => {
       const n = this.getMatchingMark(r);
       n && e.push(this.renderClosingTag(n.tag));
     }), e.join("");
@@ -261,9 +261,9 @@ class v {
       {
         let n = `<${r.tag}`;
         if (r.attrs)
-          for (const c in r.attrs) {
-            const o = r.attrs[c];
-            o !== null && (n += ` ${c}="${o}"`);
+          for (const i in r.attrs) {
+            const o = r.attrs[i];
+            o !== null && (n += ` ${i}="${o}"`);
           }
         return `${n}${e}>`;
       }
@@ -286,7 +286,7 @@ class v {
       return e(t);
   }
 }
-class T {
+class v {
   constructor() {
     l(this, "isCDNUrl", (t = "") => t.indexOf("/cdn/") > -1);
     l(this, "getOptionsPage", (t, e = 25, s = 1) => __spreadProps(__spreadValues2({}, t), {
@@ -297,7 +297,7 @@ class T {
     l(this, "arrayFrom", (t = 0, e) => [...Array(t)].map(e));
     l(this, "range", (t = 0, e = t) => {
       const s = Math.abs(e - t) || 0, r = t < e ? 1 : -1;
-      return this.arrayFrom(s, (n, c) => c * r + t);
+      return this.arrayFrom(s, (n, i) => i * r + t);
     });
     l(this, "asyncMap", async (t, e) => Promise.all(t.map(e)));
     l(this, "flatMap", (t = [], e) => t.map(e).reduce((s, r) => [...s, ...r], []));
@@ -307,36 +307,36 @@ class T {
     for (const n in t) {
       if (!Object.prototype.hasOwnProperty.call(t, n))
         continue;
-      const c = t[n], o = s ? "" : encodeURIComponent(n);
+      const i = t[n], o = s ? "" : encodeURIComponent(n);
       let a;
-      typeof c == "object" ? a = this.stringify(c, e ? e + encodeURIComponent("[" + o + "]") : o, Array.isArray(c)) : a = (e ? e + encodeURIComponent("[" + o + "]") : o) + "=" + encodeURIComponent(c), r.push(a);
+      typeof i == "object" ? a = this.stringify(i, e ? e + encodeURIComponent("[" + o + "]") : o, Array.isArray(i)) : a = (e ? e + encodeURIComponent("[" + o + "]") : o) + "=" + encodeURIComponent(i), r.push(a);
     }
     return r.join("&");
   }
 }
-var f = /* @__PURE__ */ ((i) => (i.GET = "get", i.DELETE = "delete", i.POST = "post", i.PUT = "put", i))(f || {});
-class G {
+class J {
   constructor(t) {
     l(this, "baseURL");
     l(this, "timeout");
     l(this, "headers");
     l(this, "responseInterceptor");
+    l(this, "fetch");
     l(this, "ejectInterceptor");
     l(this, "url");
     l(this, "parameters");
-    this.baseURL = t.baseURL, this.timeout = t.timeout ? t.timeout * 1e3 : 1e3, this.headers = t.headers || [], this.responseInterceptor = t.responseInterceptor, this.ejectInterceptor = false, this.url = "", this.parameters = {};
+    this.baseURL = t.baseURL, this.headers = t.headers || [], this.timeout = t.timeout ? t.timeout * 1e3 : 1e3, this.responseInterceptor = t.responseInterceptor, this.fetch = (...e) => t.fetch ? t.fetch(...e) : fetch(...e), this.ejectInterceptor = false, this.url = "", this.parameters = {};
   }
   get(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler(f.GET);
+    return this.url = t, this.parameters = e, this._methodHandler("get");
   }
   post(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler(f.POST);
+    return this.url = t, this.parameters = e, this._methodHandler("post");
   }
   put(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler(f.PUT);
+    return this.url = t, this.parameters = e, this._methodHandler("put");
   }
   delete(t, e) {
-    return this.url = t, this.parameters = e, this._methodHandler(f.DELETE);
+    return this.url = t, this.parameters = e, this._methodHandler("delete");
   }
   async _responseHandler(t) {
     const e = [], s = {
@@ -356,19 +356,19 @@ class G {
     const e = new URL(`${this.baseURL}${this.url}`);
     let s = null;
     if (t === "get") {
-      const o = new T();
+      const o = new v();
       e.search = o.stringify(this.parameters);
     } else
       s = JSON.stringify(this.parameters);
-    const r = new AbortController(), { signal: n } = r, c = setTimeout(() => r.abort(), this.timeout);
+    const r = new AbortController(), { signal: n } = r, i = setTimeout(() => r.abort(), this.timeout);
     try {
-      const o = await fetch(`${e}`, {
+      const o = await this.fetch(`${e}`, {
         method: t,
         headers: this.headers,
         body: s,
         signal: n
       });
-      clearTimeout(c);
+      clearTimeout(i);
       const a = await this._responseHandler(o);
       return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(a)) : this._statusHandler(a);
     } catch (o) {
@@ -387,7 +387,7 @@ class G {
     };
   }
 }
-let p = {};
+let f = {};
 const d = {};
 class Q {
   constructor(t, e) {
@@ -402,16 +402,20 @@ class Q {
     l(this, "richTextResolver");
     l(this, "resolveNestedRelations");
     if (!e) {
-      const n = t.region ? `-${t.region}` : "", c = t.https === false ? "http" : "https";
-      t.oauthToken ? e = `${c}://api${n}.storyblok.com/v1` : e = `${c}://api${n}.storyblok.com/v2`;
+      const n = t.region ? `-${t.region}` : "", i = t.https === false ? "http" : "https";
+      t.oauthToken ? e = `${i}://api${n}.storyblok.com/v1` : e = `${i}://api${n}.storyblok.com/v2`;
     }
-    const s = Object.assign({}, t.headers);
+    const s = new Headers();
+    s.set("Content-Type", "application/json"), s.set("Accept", "application/json"), s.forEach((n, i) => {
+      t.headers && t.headers[i] && s.set(i, t.headers[i]);
+    });
     let r = 5;
-    t.oauthToken && (s.Authorization = t.oauthToken, r = 3), t.rateLimit && (r = t.rateLimit), t.richTextSchema ? this.richTextResolver = new v(t.richTextSchema) : this.richTextResolver = new v(), t.componentResolver && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries, this.throttle = _(this.throttledRequest, r, 1e3), this.accessToken = t.accessToken || "", this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.helpers = new T(), this.resolveNestedRelations = false, this.client = new G({
+    t.oauthToken && (s.set("Authorization", t.oauthToken), r = 3), t.rateLimit && (r = t.rateLimit), t.richTextSchema ? this.richTextResolver = new y(t.richTextSchema) : this.richTextResolver = new y(), t.componentResolver && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries, this.throttle = _(this.throttledRequest, r, 1e3), this.accessToken = t.accessToken || "", this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.helpers = new v(), this.resolveNestedRelations = false, this.client = new J({
       baseURL: e,
       timeout: t.timeout || 0,
       headers: s,
-      responseInterceptor: t.responseInterceptor
+      responseInterceptor: t.responseInterceptor,
+      fetch: t.fetch
     });
   }
   setComponentResolver(t) {
@@ -440,8 +444,8 @@ class Q {
     return this.cacheResponse(s, r);
   }
   async getAll(t, e, s) {
-    const r = (e == null ? void 0 : e.per_page) || 25, n = `/${t}`, c = n.split("/"), o = s || c[c.length - 1], a = 1, h = await this.makeRequest(n, e, r, a), u = h.total ? Math.ceil(h.total / r) : 1, g = await this.helpers.asyncMap(this.helpers.range(a, u), (k) => this.makeRequest(n, e, r, k + 1));
-    return this.helpers.flatMap([h, ...g], (k) => Object.values(k.data[o]));
+    const r = (e == null ? void 0 : e.per_page) || 25, n = `/${t}`, i = n.split("/"), o = s || i[i.length - 1], a = 1, h = await this.makeRequest(n, e, r, a), u = h.total ? Math.ceil(h.total / r) : 1, p = await this.helpers.asyncMap(this.helpers.range(a, u), (g) => this.makeRequest(n, e, r, g + 1));
+    return this.helpers.flatMap([h, ...p], (g) => Object.values(g.data[o]));
   }
   post(t, e) {
     const s = `/${t}`;
@@ -505,14 +509,14 @@ class Q {
   async resolveLinks(t, e) {
     let s = [];
     if (t.link_uuids) {
-      const r = t.link_uuids.length, n = [], c = 50;
-      for (let o = 0; o < r; o += c) {
-        const a = Math.min(r, o + c);
+      const r = t.link_uuids.length, n = [], i = 50;
+      for (let o = 0; o < r; o += i) {
+        const a = Math.min(r, o + i);
         n.push(t.link_uuids.slice(o, a));
       }
       for (let o = 0; o < n.length; o++)
         (await this.getStories({
-          per_page: c,
+          per_page: i,
           language: e.language,
           version: e.version,
           by_uuids: n[o].join(",")
@@ -528,14 +532,14 @@ class Q {
   async resolveRelations(t, e) {
     let s = [];
     if (t.rel_uuids) {
-      const r = t.rel_uuids.length, n = [], c = 50;
-      for (let o = 0; o < r; o += c) {
-        const a = Math.min(r, o + c);
+      const r = t.rel_uuids.length, n = [], i = 50;
+      for (let o = 0; o < r; o += i) {
+        const a = Math.min(r, o + i);
         n.push(t.rel_uuids.slice(o, a));
       }
       for (let o = 0; o < n.length; o++)
         (await this.getStories({
-          per_page: c,
+          per_page: i,
           language: e.language,
           version: e.version,
           by_uuids: n[o].join(",")
@@ -551,18 +555,18 @@ class Q {
   async resolveStories(t, e) {
     var r, n;
     let s = [];
-    if (typeof e.resolve_relations < "u" && e.resolve_relations.length > 0 && (s = e.resolve_relations.split(","), await this.resolveRelations(t, e)), e.resolve_links && ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (((r = t.links) == null ? void 0 : r.length) || ((n = t.link_uuids) == null ? void 0 : n.length)) && await this.resolveLinks(t, e), this.resolveNestedRelations)
-      for (const c in this.relations)
-        this.iterateTree(this.relations[c], s);
-    t.story ? this.iterateTree(t.story, s) : t.stories.forEach((c) => {
-      this.iterateTree(c, s);
+    if (typeof e.resolve_relations < "u" && e.resolve_relations.length > 0 && (typeof e.resolve_relations == "string" && (s = e.resolve_relations.split(",")), await this.resolveRelations(t, e)), e.resolve_links && ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (((r = t.links) == null ? void 0 : r.length) || ((n = t.link_uuids) == null ? void 0 : n.length)) && await this.resolveLinks(t, e), this.resolveNestedRelations)
+      for (const i in this.relations)
+        this.iterateTree(this.relations[i], s);
+    t.story ? this.iterateTree(t.story, s) : t.stories.forEach((i) => {
+      this.iterateTree(i, s);
     });
   }
   cacheResponse(t, e, s) {
     return new Promise((r, n) => {
-      const c = this.helpers.stringify({ url: t, params: e }), o = this.cacheProvider();
+      const i = this.helpers.stringify({ url: t, params: e }), o = this.cacheProvider();
       if (this.cache.clear === "auto" && e.version === "draft" && this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
-        const a = o.get(c);
+        const a = o.get(i);
         if (a)
           return r(a);
       }
@@ -576,7 +580,7 @@ class Q {
             total: a.headers["per-page"] ? parseInt(a.headers.total) : 0
           })), a.status != 200)
             return n(a);
-          (h.data.story || h.data.stories) && await this.resolveStories(h.data, e), e.version === "published" && t != "/cdn/spaces/me" && o.set(c, h), h.data.cv && e.token && (e.version == "draft" && d[e.token] != h.data.cv && this.flushCache(), d[e.token] = h.data.cv), r(h);
+          (h.data.story || h.data.stories) && await this.resolveStories(h.data, e), e.version === "published" && t != "/cdn/spaces/me" && o.set(i, h), h.data.cv && e.token && (e.version == "draft" && d[e.token] != h.data.cv && this.flushCache(), d[e.token] = h.data.cv), r(h);
         })();
       } catch {
       }
@@ -599,16 +603,16 @@ class Q {
       case "memory":
         return {
           get(t) {
-            return p[t];
+            return f[t];
           },
           getAll() {
-            return p;
+            return f;
           },
           set(t, e) {
-            p[t] = e;
+            f[t] = e;
           },
           flush() {
-            p = {};
+            f = {};
           }
         };
       default:
@@ -689,7 +693,7 @@ const storyblokInit$1 = (pluginOptions = {}) => {
   if (bridge !== false) {
     loadBridge(bridgeLatest);
   }
-  richTextResolver = new v(richText.schema);
+  richTextResolver = new y(richText.schema);
   if (richText.resolver) {
     setComponentResolver(richTextResolver, richText.resolver);
   }
@@ -721,7 +725,7 @@ const renderRichText = (data, options, resolverInstance) => {
     return "";
   }
   if (options) {
-    localResolver = new v(options.schema);
+    localResolver = new y(options.schema);
     if (options.resolver) {
       setComponentResolver(localResolver, options.resolver);
     }
@@ -795,4 +799,4 @@ const storyblokInit = (pluginOptions = {}) => {
   storyblokApiInstance = storyblokApi;
   componentsMap = pluginOptions.components;
 };
-export { v as RichTextResolver, j as RichTextSchema, StoryblokComponent, apiFactory as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, useStoryblokBridge as registerStoryblokBridge, renderRichText, editable as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, useStoryblokBridge, useStoryblokState };
+export { y as RichTextResolver, F as RichTextSchema, StoryblokComponent, apiFactory as apiPlugin, getComponent, useStoryblokApi as getStoryblokApi, useStoryblokBridge as registerStoryblokBridge, renderRichText, editable as storyblokEditable, storyblokInit, useStoryblok, useStoryblokApi, useStoryblokBridge, useStoryblokState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/react",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "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.0.5"
+    "@storyblok/js": "^2.0.6"
   },
   "devDependencies": {
     "@babel/core": "^7.20.7",