(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[566,974],{4595:(e,t,n)=>{"use strict";n.d(t,{Onboarding:()=>g});var i=n(5155),a=n(63),o=n(2115),r=n(6204);let d={getSafeAreaInsets:function(){let e=document.createElement("div");e.style.cssText="\n    position: absolute;\n    top: 0; left: 0;\n    padding-top: env(safe-area-inset-top);\n    padding-right: env(safe-area-inset-right);\n    padding-bottom: env(safe-area-inset-bottom);\n    padding-left: env(safe-area-inset-left);\n    visibility: hidden;\n    pointer-events: none;\n    z-index: -1;\n  ",document.body.appendChild(e);let t=getComputedStyle(e),n=parseInt(t.paddingTop)||0,i=parseInt(t.paddingRight)||0,a=parseInt(t.paddingBottom)||0,o=parseInt(t.paddingLeft)||0;return document.body.removeChild(e),{top:n,right:i,bottom:a,left:o}}};var s=n(2800),l=n(8018);let g=()=>{let e=(0,a.useRouter)(),[t,n]=(0,o.useState)(0),[g,c]=(0,o.useState)({top:0,right:0,bottom:0,left:0}),p=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=setTimeout(()=>{c(d.getSafeAreaInsets())},100);return()=>clearTimeout(e)},[]),(0,i.jsx)(l.d.MotionWrapper,{children:(0,i.jsxs)(l.d.SafeAreaView,{children:[(0,i.jsx)(l.d.Header,{showSkip:!0}),(0,i.jsx)("section",{style:{width:"100%",height:"100%",display:"flex",flex:1,minHeight:"1%",justifyContent:"center",alignItems:"center",paddingTop:s.A.sizes.headerHeight+0},children:(0,i.jsx)(r.RC,{ref:p,style:{width:"100%",height:"100%"},onSlideChange:e=>n(e.activeIndex),children:s.A.data.onboarding.map(e=>(0,i.jsx)(r.qr,{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,i.jsx)("img",{src:e.image,alt:"Onboarding",style:{width:"80%",height:"auto",margin:"0 auto",maxWidth:320,objectFit:"cover"}})},e.id))})}),(()=>{let n=s.A.data.onboarding[t];return(0,i.jsxs)("section",{className:"container",style:{paddingLeft:20,paddingRight:20,paddingBottom:20,paddingTop:48},children:[(0,i.jsx)("h1",{style:{textAlign:"center",textTransform:"capitalize",...s.A.typography.h2,marginBottom:16},children:n.title}),(0,i.jsx)("p",{style:{textAlign:"center",marginBottom:40,paddingLeft:20,paddingRight:20,maxWidth:320,marginLeft:"auto",marginRight:"auto",color:s.A.colors.textColor},children:n.description}),(0,i.jsx)("section",{className:"container",style:{gap:15,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"24%"},children:s.A.data.onboarding.map((e,n)=>(0,i.jsx)("div",{style:{width:10,height:10,borderRadius:5,border:"2px solid ".concat(s.A.colors.mainColor),backgroundColor:t===n?s.A.colors.mainColor:"transparent"}},e.id))}),(0,i.jsx)(l.d.Button,{label:t===s.A.data.onboarding.length-1?"Get Started":"Next",containerStyle:{backgroundColor:s.A.colors.orangeColor},onClickAction:()=>{if(t===s.A.data.onboarding.length-1)e.push(s.A.routes.signIn);else{var n,i;null==(i=p.current)||null==(n=i.swiper)||n.slideNext()}}})]})})()]})},"onboarding")}},5002:(e,t,n)=>{Promise.resolve().then(n.bind(n,4595))}},e=>{e.O(0,[171,385,204,406,18,441,315,358],()=>e(e.s=5002)),_N_E=e.O()}]);