https://rootstock.io/component---src-templates-stablecoins-js-9d4a676d4a86a9507d1a.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[4957],{1361:function(e,t,n){n.d(t,{A:function(){return P}});var l=n(5556),a=n.n(l),r=n(6540),s=n(3593),i=n(3059),o=n(7395),c=n(1406),m=n(8978),d=n(4848);const u=["active","eventKey","mountOnEnter","transition","unmountOnExit","role","onEnter","onEntering","onEntered","onExit","onExiting","onExited"],b=["activeKey","getControlledId","getControllerId"],E=["as"];function g(e,t){if(null==e)return{};var n,l,a={},r=Object.keys(e);for(l=0;l<r.length;l++)n=r[l],t.indexOf(n)>=0||(a[n]=e[n]);return a}function p(e){let{active:t,eventKey:n,mountOnEnter:l,transition:a,unmountOnExit:s,role:i="tabpanel",onEnter:m,onEntering:d,onEntered:E,onExit:p,onExiting:f,onExited:v}=e,x=g(e,u);const y=(0,r.useContext)(o.A);if(!y)return[Object.assign({},x,{role:i}),{eventKey:n,isActive:t,mountOnEnter:l,transition:a,unmountOnExit:s,onEnter:m,onEntering:d,onEntered:E,onExit:p,onExiting:f,onExited:v}];const{activeKey:N,getControlledId:h,getControllerId:w}=y,k=g(y,b),z=(0,c.u)(n);return[Object.assign({},x,{role:i,id:h(n),"aria-labelledby":w(n)}),{eventKey:n,isActive:null==t&&null!=z?(0,c.u)(N)===z:t,transition:a||k.transition,mountOnEnter:null!=l?l:k.mountOnEnter,unmountOnExit:null!=s?s:k.unmountOnExit,onEnter:m,onEntering:d,onEntered:E,onExit:p,onExiting:f,onExited:v}]}const f=r.forwardRef(((e,t)=>{let{as:n="div"}=e,l=g(e,E);const[a,{isActive:r,onEnter:s,onEntering:i,onEntered:u,onExit:b,onExiting:f,onExited:v,mountOnEnter:x,unmountOnExit:y,transition:N=m.A}]=p(l);return(0,d.jsx)(o.A.Provider,{value:null,children:(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(N,{in:r,onEnter:s,onEntering:i,onEntered:u,onExit:b,onExiting:f,onExited:v,mountOnEnter:x,unmountOnExit:y,children:(0,d.jsx)(n,Object.assign({},a,{ref:t,hidden:!r,"aria-hidden":!r}))})})})}));f.displayName="TabPanel";const v=e=>{const{id:t,generateChildId:n,onSelect:l,activeKey:a,defaultActiveKey:m,transition:u,mountOnEnter:b,unmountOnExit:E,children:g}=e,[p,f]=(0,s.iC)(a,m,l),v=(0,i.Cc)(t),x=(0,r.useMemo)((()=>n||((e,t)=>v?`${v}-${t}-${e}`:null)),[v,n]),y=(0,r.useMemo)((()=>({onSelect:f,activeKey:p,transition:u,mountOnEnter:b||!1,unmountOnExit:E||!1,getControlledId:e=>x(e,"tabpane"),getControllerId:e=>x(e,"tab")})),[f,p,u,b,E,x]);return(0,d.jsx)(o.A.Provider,{value:y,children:(0,d.jsx)(c.A.Provider,{value:f||null,children:g})})};v.Panel=f;var x=v,y=n(7285);function N(e){return"boolean"==typeof e?e?y.A:m.A:e}const h=({transition:e,...t})=>(0,d.jsx)(x,{...t,transition:N(e)});h.displayName="TabContainer";var w=h,k=(0,n(6261).A)("tab-content"),z=n(2485),A=n.n(z),O=n(6519);const C=r.forwardRef((({bsPrefix:e,transition:t,...n},l)=>{const[{className:a,as:r="div",...s},{isActive:i,onEnter:m,onEntering:u,onEntered:b,onExit:E,onExiting:g,onExited:f,mountOnEnter:v,unmountOnExit:x,transition:h=y.A}]=p({...n,transition:N(t)}),w=(0,O.oU)(e,"tab-pane");return(0,d.jsx)(o.A.Provider,{value:null,children:(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(h,{in:i,onEnter:m,onEntering:u,onEntered:b,onExit:E,onExiting:g,onExited:f,mountOnEnter:v,unmountOnExit:x,children:(0,d.jsx)(r,{...s,ref:l,className:A()(a,w,i&&"active")})})})})}));C.displayName="TabPane";var R=C;const $={eventKey:a().oneOfType([a().string,a().number]),title:a().node.isRequired,disabled:a().bool,tabClassName:a().string,tabAttrs:a().object},j=()=>{throw new Error("ReactBootstrap: The `Tab` component is not meant to be rendered! It's an abstract component that is only valid as a direct Child of the `Tabs` Component. For custom tabs components use TabPane and TabsContainer directly")};j.propTypes=$;var P=Object.assign(j,{Container:w,Content:k,Pane:R})},2596:function(e,t,n){n.d(t,{g:function(){return a}});

1var l=n(6540);const a=e=>{let{fileName:t,classes:n}=e;return t&&l.createElement("div",{dangerouslySetInnerHTML:{__html:`\n          <video\n             class="${n}"\n              poster="/illustrations/poster/${t}.jpeg"\n              loop\n              muted\n              autoplay\n              playsinline\n              preload="auto"\n            >\n            <source src="/illustrations/webm/${t}.webm" type="video/webm" />\n            <source src="/illustrations/mp4/${t}.mp4" type="video/mp4" />\n          </video>`}})}},3876:function(e,t,n){var l=n(6540),a=n(1469),r=n(947),s=n(3586),i=n(6203);t.A=e=>{let{children:t,translations:n}=e;return l.createElement(i.p,null,l.createElement(a.Y,{translations:n}),l.createElement("main",null,t),l.createElement(r.w,null),l.createElement(s.I,null))}},5903:function(e,t,n){n.d(t,{Z:function(){return r}});var l=n(6540),a=n(7221);const r=e=>{const{color:t,title:n,label:r,text:s,button:i,image:o,classes:c}=e,m=o?{backgroundImage:`url(${o})`}:null;return l.createElement("div",{className:`zg-card d-flex flex-column justify-content-between align-items-start p-4 border rounded-4 ${c||""}`,style:m},l.createElement("div",null,l.createElement("h3",{className:"h4 text-black mb-5 d-flex align-items-start"},n&&l.createElement("span",{className:"d-flex flex-column align-items-start me-2",dangerouslySetInnerHTML:{__html:function(e,t){void 0===t&&(t="bg-pink p2");let n=e.split("|");return 1===n.length?`<span class="${t}">${e}</span>`:(n=n.filter((e=>""!==e)),e="",n.forEach((n=>{e+=`<span class="${t}">${n}</span>`})),e)}(n,`bg-${t} zg-line-height-sm letter-spacing-1 p-2 mb-1`)}}),r&&l.createElement("span",{className:`d-inline-block bg-${t} px-2 py-1 zg-label`},r)),s&&l.createElement("div",{className:"zg-text-md",dangerouslySetInnerHTML:{__html:s}})),i&&l.createElement(a.$,{title:i.title,url:i.url,external:i.external||i.target&&"_blank"===i.target,classes:"mt-5"}))}},5991:function(e,t,n){n.r(t),n.d(t,{Head:function(){return h},default:function(){return N}});

1var l=n(6540),a=n(5032),r=n(3876),s=n(7221),i=n(4087),o=n(2596),c=n(2902);const m=e=>{const t=e.data||{},n=(0,l.useRef)(null),{0:a,1:r}=(0,l.useState)(null),m=(0,l.useRef)(null),d={showCursor:!1,typeSpeed:30};let u=[{text:t.titlePart1,ref:(0,l.useRef)(null),suptext:(0,l.useRef)(null),typed:(0,l.useRef)(null)},{text:t.titlePart2,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)},{text:t.titlePart3,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)},{text:t.titlePart4,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)}];const b=()=>l.createElement(i.N,{color:"#DEFF1A",start:u[3].ref,end:n});return(0,l.useEffect)((()=>{let e=0;return u.forEach(((t,n)=>{0!==n&&(e+=u[n-1].text.length*d.typeSpeed),t.typed.current=new c.A(t.ref.current,{...d,startDelay:e,strings:[t.text],preStringTyped:(e,n)=>{var l;n.el.classList.remove("opacity-0"),null!==(l=t.suptext)&&void 0!==l&&l.current&&t.suptext.current.classList.remove("opacity-0")},onComplete:e=>{var t;n===u.length-1&&(r(l.createElement(b,null)),m.current.classList.remove("opacity-0"),null===(t=document.querySelector(".zg-stablecoins-intro-img"))||void 0===t||t.classList.remove("opacity-0"))}})})),()=>{u.forEach(((e,t)=>{e.typed.current.destroy()}))}}),[]),l.createElement("section",{className:"pt-14-rem pb-md-11 pb-lg-16 pb-11 overflow-hidden"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-10 col-lg-12 col-xl-10 position-relative mb-6 mb-lg-5"},l.createElement("h1",{className:"mb-0 d-inline-flex flex-wrap align-items-start h2 position-relative"},l.createElement("span",{className:"zg-text-bg bg-white mb-1 mb-md-2 me-2 opacity-0",ref:u[0].ref}),l.createElement("span",{className:"zg-text-bg bg-white mb-1 me-2 mb-md-2 opacity-0",ref:u[1].ref}),l.createElement("span",{className:"zg-text-bg bg-pink me-2 mb-1 mb-md-2 opacity-0",ref:u[2].ref}),l.createElement("span",{className:"zg-label bg-pink me-1 opacity-0",ref:u[2].suptext},t.suptext1),l.createElement("span",{className:"zg-text-bg bg-yellow me-2 mb-1 mb-md-2 opacity-0",ref:u[3].ref})),l.createElement(o.g,{fileName:"RSK_Stablecoin_Animated_Lime_Black_compressed",classes:"position-absolute zg-stablecoins-intro-img opacity-0 transition-opacity"}))),l.createElement("div",{className:"row align-items-lg-start align-items-md-center opacity-0 transition-opacity",ref:m},l.createElement("div",{className:"col-12 col-md-6 col-lg-6 offset-lg-1 mb-11 mb-md-4 mb-lg-4 position-relative",style:{zIndex:1}},l.createElement(s.$,{title:t.link.title,url:t.link.url,classes:"btn-lg",external:"_blank"===t.link.target})),l.createElement("div",{className:"col-10 offset-2 col-md-6 offset-md-6 col-lg-4 offset-lg-6 position-relative"},l.createElement("span",{ref:n,className:"zg-label bg-yellow position-absolute end-100 top-0 me-lg-2"},t.number),t.text&&l.createElement("p",{className:"zg-text-lg mb-0"},t.text))),a))};var d=n(5903);const u=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-16 pb-lg-21 pt-md-11 pb-md-13 pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex justify-content-center"},l.createElement("span",{className:"zg-label bg-yellow me-2"},t.number),l.createElement("span",{className:"zg-label bg-yellow"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11 text-center"},t.title),t.items&&t.items.length>0&&l.createElement("div",{className:"zg-items-grid zg-items-grid--4-col"},t.items.map(((e,t)=>l.createElement(d.Z,{key:t,label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button}))))))},b=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-20 pb-lg-14 pt-md-16 pb-lg-21 pb-md-13 pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-6 offset-lg-6 col-xl-4"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-yellow me-2"},t.number),l.createElement("span",{className:"zg-label bg-yellow"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11"},t.title))),t.items&&t.items.length>0&&l.createElement("div",{className:"zg-items-grid zg-items-grid--4-col"},t.items.map(((e,t)=>l.createElement(d.Z,{key:t,label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button}))))))};var E=n.p+"static/types-b763cd8758c9999e7b948e59a5699fc6.svg";const g=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-16 pb-lg-14 pt-md-11 pb-md-16 pb-lg-21  pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-10 position-relative"},l.createElement("img",{src:E,className:"zg-stablecoins-type-img mb-6 mb-md-0",alt:"Types",width:"163",height:"179",loading:"lazy"}),l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-yellow me-2"},t.number),l.createElement("span",{className:"zg-label bg-yellow"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11"},t.title))),t.items&&t.items.length>0&&l.createElement("div",{className:"row gy-4"},t.items.map(((e,t)=>l.createElement("div",{key:t,className:"col-12 col-md-6 col-lg-4 "+(t>0&&t%2==0?"offset-lg-4":"")},l.createElement(d.Z,{key:t,classes:"h-100",label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button})))))))};var p=n(9018),f=n(1361);const v=e=>{let{videoSrcURL:t,videoTitle:n,...a}=e;return l.createElement("div",{className:"ratio ratio-16x9"},l.createElement("iframe",{src:`https://www.youtube.com/embed/${function(e){if(!e)return"";var t=e.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/);return t&&11===t[7].length?t[7]:""}(t)}`,title:n,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",frameBorder:"0",webkitallowfullscreen:"true",mozallowfullscreen:"true",allowFullScreen:!0,className:"rounded-4 border"}))},x=e=>{const{tabsData:t}=e,n=(0,l.useRef)([]);return l.createElement(f.A.Container,{id:"tabs",defaultActiveKey:"0"},l.createElement(p.A,{variant:"pills",className:"mb-4 mb-md-6 d-flex zg-radio-wrap flex-nowrap"},t?t.map(((e,t)=>l.createElement(p.A.Item,{key:t}

1,l.createElement(p.A.Link,{className:"zg-tab mb-0 me-4",eventKey:t,ref:e=>n.current[t]=e},l.createElement("span",{className:"zg-tab__title subtitle-md"},e.title),l.createElement("span",{className:"zg-tab__label"},"0",t+1))))):""),l.createElement(f.A.Content,{className:"mb-8 mb-md-11 mb-lg-16"},t?t.map(((e,t)=>l.createElement(f.A.Pane,{key:t,eventKey:t},l.createElement("div",{className:"zg-items-grid"},e.videos.map(((e,t)=>l.createElement("div",{key:t,className:"zg-card"},e.text&&l.createElement("p",{className:"zg-text-sm mb-3"},e.text),l.createElement(v,{videoSrcURL:e.url,videoTitle:e.text})))))))):""))},y=e=>{const t=e.data;return l.createElement("section",{className:"pt-lg-16 pt-9 pt-md-11 pb-16 pb-lg-20",id:"how-to"},l.createElement("div",{className:"container"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-yellow me-2"},t.number),l.createElement("span",{className:"zg-label bg-yellow"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-11"},t.title),l.createElement(x,{tabsData:t.items}),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-7 col-lg-4 offset-lg-1"},t.text&&l.createElement("p",{className:"zg-text-lg mb-6 mb-lg-0"},t.text)),t.links&&t.links.length>0&&l.createElement("div",{className:"col-12 col-lg-6 col-xl-5 offset-lg-1"},l.createElement("div",{className:"d-flex flex-wrap"},t.links.map(((e,t)=>e.link.url?l.createElement("a",{key:t,href:e.link.url,rel:"noreferrer noopener",target:e.link.target,className:"btn-alt btn-alt--sm mb-3 mb-lg-4 me-2 me-lg-4 rounded-5 text-uppercase"},l.createElement("span",{className:"px-4 d-flex"},e.link.title,"_blank"===e.link.target&&l.createElement("svg",{width:24,href:24,className:"ms-2"},l.createElement("use",{xlinkHref:"#icon-external"})))):"")))))))};var N=e=>{var t,n;const a=e.data.page.template.stablecoinsPageACF||{},s=(null==e||null===(t=e.data)||void 0===t||null===(n=t.page)||void 0===n?void 0:n.translations)||{};return l.createElement(r.A,{translations:s},l.createElement(m,{data:a.intro}),l.createElement(u,{data:a.benefits}),l.createElement(y,{data:a.howTo||{}}),l.createElement(b,{data:a.fortune}),l.createElement(g,{data:a.types}))};const h=e=>{var t;const n=(null===(t=e.data.page)||void 0===t?void 0:t.seo)||{};return l.createElement(a.A,{title:null==n?void 0:n.title,description:null==n?void 0:n.metaDesc})}}}]);
2//# sourceMappingURL=component---src-templates-stablecoins-js-9d4a676d4a86a9507d1a.js.map