https://www.coconutgames.com/_next/static/chunks/5250.01ee73a5d4a8e8ea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5250],{48532:function(e,l,r){var a=r(85893),t=r(5152),i=r.n(t),n=r(67294);let s=i()(()=>Promise.all([r.e(516),r.e(8221),r.e(8855)]).then(r.bind(r,28855)),{loadableGenerated:{webpack:()=>[28855]},ssr:!1}),o=(0,n.forwardRef)((e,l)=>(0,a.jsx)(s,{...e,forwardedRef:l}));o.displayName="AppDobYearInput",l.Z=o},42667:function(e,l,r){r.d(l,{Z:function(){return w}});var a=r(85893),t=r(9058);r(14609);var i=r(90801),n=r(68056),s=r(98388),o=r(13114),d=r(80663),c=r(90512),u=r(90889),m=r(23699),p=r(45853),h=r(14640),f=r(56202);let x={initial:{x:10,opacity:0},enter:{x:0,opacity:1},exit:{x:-10,opacity:0}},g={initial:{scale:.98,opacity:0},enter:{scale:1,opacity:1},exit:{scale:.98,opacity:0}},b={initial:{x:-5,opacity:0},enter:{x:0,opacity:1},exit:{x:-5,opacity:0}},v={initial:"initial",animate:"enter",exit:"exit"};function w(e){let{open:l,contentHeader:r,className:w,containerClassName:j,title:y,showBackIcon:N=!1,onBack:_,hideCloseBtn:Z=!1,noHeader:C=!1,animate:k=!1,hFull:F=!1,absoluteHeader:D=!1,activePage:A,onClose:q,children:R,...E}=e,{device:S}=(0,u.Z)(),{globalLoading:W}=(0,p._)(),B=()=>{!W&&q&&q()},I=A||"empty",M=(0,h.useLocale)(),z="rtl"===(0,f.j9)(M)?"left":"right";return(0,a.jsx)(t.Z,{open:l,direction:z,lockBackgroundScroll:!0,...E,className:(0,s.m6)((0,c.Z)("!bg-[#191746] lg:!bg-[#1A255A] lg:!bg-opacity-70 lg:!backdrop-blur-xl text-white !w-full md:!w-fit md:min-w-[30rem] !shadow-none h-[100svh] border-0 lg:border-[3px] border-opacity-70 border-[#1A255A] max-w-[100svw]",{"!z-[99999999999999]":l,"!w-full":S===m.A.mobile}),w),overlayClassName:"!bg-[#070F34] !bg-opacity-80 !opacity-100",onClose:B,children:l&&(0,a.jsxs)(a.Fragment,{children:[C?null:(0,a.jsxs)("div",{className:(0,c.Z)("flex w-full h-[3.75rem] justify-between items-center px-5 py-[1rem] gap-5",{"absolute top-0 left-0":D}),children:[(0,a.jsx)(o.M,{mode:"wait",children:(0,a.jsx)(d.m.div,{variants:k?b:void 0,transition:{duration:.15},className:"w-6 h-6",...k?v:{},children:N?(0,a.jsx)(i.Z,{size:"fit",className:"w-6 h-6",onClick:()=>{!W&&_&&_()},disabled:W,children:(0,a.jsx)(n.Z,{href:"/img/app/icons/filled_chevron_right.svg",className:"w-6 h-6 transform rotate-180 bg-white",cover:!0})}):null},"".concat(I,"-back-icon"))}),(0,a.jsx)(o.M,{mode:"wait",children:(0,a.jsx)(d.m.div,{variants:k?g:void 0,transition:{duration:.2},...k?v:{},children:(0,a.jsx)("h6",{className:"max-w-full overflow-hidden font-black truncate",children:y})},"".concat(A,"-title"))}),Z?(0,a.jsx)("span",{className:"inline-block w-6 h-6"}):(0,a.jsx)(i.Z,{size:"fit",className:"w-6 h-6",onClick:B,scale:"0.90",disabled:W,children:(0,a.jsx)(n.Z,{href:"/img/app/icons/icon_x_2.svg",className:"w-5 h-5 bg-white",cover:!0})})]}),r?r({}):null,(0,a.jsx)("div",{className:(0,s.m6)("flex-1 overflow-y-auto h-[100%] pb-16",j),children:k?(0,a.jsx)(o.M,{mode:"wait",children:(0,a.jsx)(d.m.div,{variants:x,initial:"initial",animate:"enter",exit:"exit",transition:{duration:.3},className:(0,c.Z)({"h-[100svh]":F}),children:R},A||"empty")}):R})]})})}},35962:function(e,l,r){r.d(l,{Z:function(){return n}});var a=r(85893),t=r(90512),i=r(98388);function n(e){let{children:l,label:r,labelHtmlFor:n,errorMessage:s,className:o,isRequired:d=!1}=e,c=!!(null==s?void 0:s.length);return(0,a.jsxs)("div",{className:(0,i.m6)("flex flex-col gap-2",o),children:[r?(0,a.jsx)("label",{htmlFor:n,className:(0,t.Z)("text-sm font-semibold text-opacity-7",{"is-required":d,"text-red-500":c,"text-white":!c}),children:r}):null,(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[l,c?(0,a.jsx)("div",{className:"text-sm text-red-500 px-1",children:(0,a.jsx)("p",{children:s})}):null]})]})}},4295:function(e,l,r){var a=r(85893),t=r(67294),i=r(98388),n=r(35962),s=r(90512);let o=(0,t.forwardRef)((e,l)=>{let{name:r,className:t,label:o,error:d,id:c,required:u,wrapWithGroup:m=!0,...p}=e,h=!!(null==d?void 0:d.length),f=(0,a.jsx)("input",{type:"text",name:r,...p,id:c,required:u,ref:l,className:(0,i.m6)("text-white transition-all duration-300 ease-in-out bg-[#2D3974] border-2 font-bold placeholder:font-bold  w-full h-[3.125rem] rounded-full outline-none px-4 pl-6 rtl:pl-4 rtl:pr-6 placeholder:text-white placeholder:text-opacity-70 disabled:cursor-not-allowed disabled:opacity-70",(0,s.Z)("",{"border-[#9BBCED] border-opacity-20 hover:border-opacity-100 disabled:hover:border-opacity-20 active:border-opacity-100 focus:border-opacity-100":!h,"border-red-300 hover:border-red-400 active:border-red-400 focus:border-red-400 ":h}),t)});return m?(0,a.jsx)(n.Z,{label:o,labelHtmlFor:c,errorMessage:d,isRequired:u,children:f}):f});o.displayName="AppInput",l.Z=o},58585:function(e,l,r){var a=r(85893),t=r(90512),i=r(67294),n=r(98388),s=r(35962),o=r(43832),d=r

1(15928),c=r(80663);let u=function(){for(var e=arguments.length,l=Array(e),r=0;r<e;r++)l[r]=arguments[r];return l.join("-")},m=(0,i.forwardRef)((e,l)=>{let{name:r,className:m,label:p,error:h,id:f,required:x,forceShowPassword:g,handleClickEyeBtn:b,...v}=e,[w,j]=(0,i.useState)(!1),y=!!(null==h?void 0:h.length),N="boolean"==typeof g,_=N?g:w,Z=(0,i.useCallback)(e=>{e.preventDefault(),N?b&&b(!g):j(e=>!e)},[N,b,g]);return(0,a.jsx)(s.Z,{label:p,labelHtmlFor:f,errorMessage:h,isRequired:x,children:(0,a.jsxs)("div",{className:"relative flex items-center justify-center",children:[(0,a.jsx)("input",{type:_?"text":"password",name:r,...v,id:f,required:x,ref:l,className:(0,n.m6)("text-white transition-all duration-300 ease-in-out bg-[#2D3974] border-2 font-bold placeholder:font-bold  w-full h-[3.125rem] rounded-full outline-none px-4 pl-6 rtl:pl-4 rtl:pr-6 placeholder:text-white placeholder:text-opacity-70",(0,t.Z)("",{"border-[#9BBCED] border-opacity-20 hover:border-opacity-100 active:border-opacity-100 focus:border-opacity-100":!y,"border-red-300 hover:border-red-400 active:border-red-400 focus:border-red-400 ":y}),m)}),(0,a.jsxs)(c.m.button,{type:"button",className:"absolute p-1 right-3 rtl:left-3 rtl:right-auto",onClick:Z,initial:{scale:.85},animate:{scale:1},transition:{type:"spring",stiffness:300},children:[_?(0,a.jsx)(o.Z,{className:"w-4 h-4"}):null,_?null:(0,a.jsx)(d.Z,{className:"w-4 h-4"})]},u("password-input",r,_?"show":"hide"))]})})});m.displayName="AppInput",l.Z=m},45394:function(e,l,r){r.d(l,{Z:function(){return o}});var a=r(85893),t=r(98388),i=r(90801),n=r(25675),s=r.n(n);function o(e){let{disabled:l=!1,className:r,image:n,label:o,onClick:d}=e;return(0,a.jsxs)(i.Z,{type:"button",disabled:l,size:"fit",radius:"full",className:(0,t.m6)("w-full gap-4 font-extrabold px-20 py-4 relative justify-center items-center h-11 2xl:h-[3.375rem]",r),scale:"0.95",onClick:d,children:[(0,a.jsx)("div",{className:"relative w-5 h-5 2xl:w-6 2xl:h-6",children:(0,a.jsx)(s(),{src:n,alt:"",fill:!0,sizes:"24px",style:{objectFit:"contain",objectPosition:"center"},className:""})}),(0,a.jsx)("span",{className:"overflow-hidden font-extrabold text-left truncate",children:o})]})}},95633:function(e,l,r){r.d(l,{Bn:function(){return u},Cd:function(){return d},X:function(){return c},aL:function(){return m},bZ:function(){return o}});var a=r(85893),t=r(67294),i=r(12003),n=r(94777);let s=(0,i.j)("relative w-full rounded-xl p-4 flex gap-3 items-start bg-[#0F1A4A]",{variants:{variant:{default:"bg-background text-foreground",error:"bg-gradient-to-r from-[#551616] from-10% to-transparent text-[#FF5252]",success:"bg-gradient-to-r from-[#093929] from-10% to-transparent text-[#0DBD83]",info:"bg-gradient-to-r from-[#551616] from-10% to-transparent text-[#0DBD83]"}},defaultVariants:{variant:"default"}}),o=t.forwardRef((e,l)=>{let{className:r,variant:t,...i}=e;return(0,a.jsx)("div",{ref:l,role:"alert",className:(0,n.cn)(s({variant:t}),r),...i})});o.displayName="Alert";let d=t.forwardRef((e,l)=>{let{className:r,...t}=e;return(0,a.jsx)("h5",{ref:l,className:(0,n.cn)("mb-0.5 font-bold !leading-none tracking-tight text-lg",r),...t})});d.displayName="AlertTitle";let c=t.forwardRef((e,l)=>{let{className:r,...t}=e;return(0,a.jsx)("div",{ref:l,className:(0,n.cn)("text-sm [&_p]:leading-relaxed text-[#dcdde3]",r),...t})});c.displayName="AlertDescription";let u=t.forwardRef((e,l)=>{let{className:r,children:t,...i}=e;return(0,a.jsx)("div",{ref:l,className:(0,n.cn)("",r),...i,children:t})});u.displayName="AlertContentWrapper";let m=t.forwardRef((e,l)=>{let{className:r,children:t,...i}=e;return(0,a.jsx)("div",{ref:l,className:(0,n.cn)("icon-wrapper bg-opacity-20 p-4 rounded-xl",r),...i,children:t})});m.displayName="AlertIconWrapper"},38555:function(e,l,r){r.d(l,{o:function(){return a}});let a=[{value:"male",label:"user.gender.male"},{value:"female",label:"user.gender.female"},{value:"other",label:"user.gender.other"}]},85250:function(e,l,r){r.r(l),r.d(l,{default:function(){return K}});var a,t,i=r(85893),n=r(42667),s=r(62232),o=r(33817),d=r(67294);(a=t||(t={})).landing="landing",a.registerWithEmail="register_with_email";var c=r(45394),u=r(14640),m=r(45853),p=r(33299),h=r(44292),f=r(79418);function x(e){let{setPage:l}=e,{globalLoading:r}=(0,m._)(),a=(0,u.useTranslations)(),n=(0,h.UH)(),s=(0,h.Rx)(),o=(0,h.rW)(),d=!n||s,x=e=>l=>{if(l.preventDefault&&l.preventDefault(),s){(0,f.a)(f.d[e]);return}(0,p.signIn)(e)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h2",{className:"font-bold text-[1.75rem] w-full text-center",children:a("auth.register")}),(0,i.jsxs)("div",{className:"flex flex-col gap-3.5 mt-5 mb-8",children:[d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.Z,{className:"bg-[#FFFFFF] text-[#3C4043] border border-[#DADCE0]",image:"/img/app/auth_options/google.png",label:a("auth.continue_with",{option:"Google"}),disabled:r,onClick:x("google")}),s&&"ios"===o&&(0,i.jsx)(c.Z,{className:"bg-black text-white",image:"/img/app/auth_options/apple.svg",label:a("auth.continue_with",{option:"Apple"}),disabled:r,onClick:x("apple")}

1),(0,i.jsx)(c.Z,{className:"bg-[#3374DC] text-[#FFFFFF]",image:"/img/app/auth_options/facebook.png",label:a("auth.continue_with",{option:"Facebook"}),disabled:r,onClick:x("facebook")})]}),(0,i.jsx)(c.Z,{className:"bg-[#707FEC] text-[#FFFFFF]",image:"/img/app/auth_options/mail.png",label:a("auth.sign_up_with",{option:a("placeholder.email")}),disabled:r,onClick:()=>{l(t.registerWithEmail)}})]})]})}var g=r(90801),b=r(16310),v=r(87536),w=r(47533),j=r(4295),y=r(48780),N=r(98029),_=r(91983),Z=r(52425),C=r(38555),k=r(95633),F=r(52542),D=r(58585),A=r(48532),q=r(69516),R=r(78865),E=r(94777);let S=d.forwardRef((e,l)=>{let{className:r,...a}=e;return(0,i.jsx)(q.fC,{ref:l,className:(0,E.cn)("peer h-5 w-5 shrink-0 rounded-sm border-2 border-white shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-app-green data-[state=checked]:bg-app-green data-[state=checked]:text-black",r),...a,children:(0,i.jsx)(q.z$,{className:(0,E.cn)("flex items-center justify-center text-current"),children:(0,i.jsx)(R.Z,{className:"h-4 w-4"})})})});S.displayName=q.fC.displayName;var W=r(69929),B=r(4645),I=r(28224),M=r(37747),z=r(90512);let L=["email","password","birthyear","gender","referral"],O=b.Ry().shape({email:b.Z_().email().required(),password:b.Z_().min(6).max(32).required(),birthyear:b.Z_().required(),gender:b.Z_().required(),referral:b.Z_().optional(),terms:b.O7().isTrue().required()});function T(e){var l,r,a,t,n,c,h,f,x,b,q,R,E;let{inviteCode:T}=e,K=(0,u.useTranslations)(),P=(0,s.MS)(o.Kd),[$,H]=(0,d.useState)(!1),{control:X,register:G,handleSubmit:Q,setValue:U,setError:V,formState:{errors:Y,isDirty:J},watch:ee}=(0,v.cI)({resolver:(0,w.X)(O)}),{globalLoading:el,setGlobalLoadingState:er}=(0,m._)(),ea=(0,I.T)(),et=(0,N.D)({mutationKey:(0,_.Cf)(),mutationFn:e=>(0,_.a$)({email:e.email,password:e.password,birthyear:e.birthyear,gender:e.gender,referral:e.referral,...(0,M.W)()}),onSuccess:(e,l)=>{(0,p.signIn)("credentials",{email:l.email,password:l.password,redirect:!1})},onError:e=>{if(e instanceof Z._2){var l,r;let a=(null==e?void 0:null===(l=e.response)||void 0===l?void 0:l.data)||{},t=null;if(void 0!==(null==a?void 0:a.validation_error)){let e=Object.entries((null==a?void 0:a.validation_error)||{}),l=[];null==e||e.map(e=>{let[r,a]=e;L.includes(r)?V(r,{message:a}):l=[...l,String(a)]}),(null==l?void 0:l.length)&&V("root",{message:l.join("\n")})}else t=(null==a?void 0:null===(r=a.error_message)||void 0===r?void 0:r.length)?a.error_message:"Unknown error!";t&&V("root",{message:t})}},onMutate:()=>{er(!0)},onSettled:()=>{er(!1)}}),ei=Q(e=>{et.mutate(e)}),en=et.isPending||el,es=(null==Y?void 0:null===(l=Y.email)||void 0===l?void 0:l.message)||(null==Y?void 0:null===(r=Y.password)||void 0===r?void 0:r.message)||(null==Y?void 0:null===(a=Y.birthyear)||void 0===a?void 0:a.message)||(null==Y?void 0:null===(t=Y.gender)||void 0===t?void 0:t.message)||(null==Y?void 0:null===(n=Y.terms)||void 0===n?void 0:n.message),eo=en||!!(null==es?void 0:es.length)||!J;return(0,d.useEffect)(()=>

1{P&&(null==P?void 0:P.inviteCode)&&U("referral",P.inviteCode)},[P,U]),(0,i.jsxs)("form",{onSubmit:ei,className:"flex flex-col gap-2",autoComplete:"off",autoCorrect:"off",children:[(0,i.jsx)("h2",{className:"font-bold text-[1.75rem] w-full text-center",children:K("auth.register")}),(0,i.jsxs)("div",{className:"flex flex-col mt-6 mb-4 gap-3.5 justify-center items-center",children:[(null==Y?void 0:null===(h=Y.root)||void 0===h?void 0:null===(c=h.message)||void 0===c?void 0:c.length)?(0,i.jsxs)(k.bZ,{variant:"error",children:[(0,i.jsx)(k.aL,{className:"bg-[#FF5252] p-2.5",children:(0,i.jsx)(F.Z,{className:"h-4.5 w-4.5"})}),(0,i.jsxs)(k.Bn,{children:[(0,i.jsx)(k.Cd,{children:"Error"}),(0,i.jsx)(k.X,{className:"whitespace-pre-line",children:Y.root.message})]})]}):null,(0,i.jsxs)("div",{className:"flex flex-col w-full gap-4",children:[(0,i.jsx)(j.Z,{...G("email",{required:!0}),error:null==Y?void 0:null===(f=Y.email)||void 0===f?void 0:f.message,type:"email",className:"rounded-lg",label:K("placeholder.email"),placeholder:K("placeholder.email"),disabled:en,required:!0}),(0,i.jsx)(D.Z,{...G("password",{required:!0}),error:null==Y?void 0:null===(x=Y.password)||void 0===x?void 0:x.message,className:"rounded-lg",label:K("placeholder.password"),placeholder:K("placeholder.password"),disabled:en,required:!0,forceShowPassword:$,handleClickEyeBtn:()=>{H(e=>!e)}}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,i.jsx)(v.Qr,{control:X,name:"birthyear",render:e=>{var l;let{field:r}=e;return(0,i.jsx)(A.Z,{inputWrapperClassName:"w-full min-w-fit bg-[#2D3974] rounded-lg",formatOptionLabel:e=>(null==e?void 0:e.label)?K(null==e?void 0:e.label):"",isRequired:!0,error:null==Y?void 0:null===(l=Y.birthyear)||void 0===l?void 0:l.message,label:K("placeholder.birth_year"),placeholder:K("placeholder.birth_year"),onChange:e=>r.onChange(e.value),isDisabled:en})}}),(0,i.jsx)(v.Qr,{control:X,name:"gender",render:e=>{var l;let{field:r}=e;return(0,i.jsx)(y.Z,{inputWrapperClassName:"w-full min-w-fit bg-[#2D3974] rounded-lg",formatOptionLabel:e=>(null==e?void 0:e.label)?K(null==e?void 0:e.label):"",isRequired:!0,error:null==Y?void 0:null===(l=Y.gender)||void 0===l?void 0:l.message,options:C.o,label:K("placeholder.gender"),placeholder:K("placeholder.gender"),value:C.o.find(e=>e.value===r.value),onChange:e=>r.onChange(e.value),isDisabled:en})}})]}),(0,i.jsx)(j.Z,{...G("referral",{required:!0}),error:null==Y?void 0:null===(b=Y.referral)||void 0===b?void 0:b.message,type:"referral",className:"rounded-lg",label:K("placeholder.referral"),placeholder:K("placeholder.referral"),disabled:en}),(0,i.jsxs)("div",{className:"flex items-start space-x-2",children:[(0,i.jsx)(S,{...G("terms",{required:!0}),onCheckedChange:e=>{U("terms",e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},id:"terms",className:(null==Y?void 0:null===(q=Y.terms)||void 0===q?void 0:q.message)?"border-red-500":""}),(0,i.jsx)("label",{htmlFor:"terms",className:(0,z.Z)("text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-opacity-60 leading-4 -mt-0.5 font-semibold",{"text-white":!(null==Y?void 0:null===(R=Y.terms)||void 0===R?void 0:R.message),"text-red-500":null==Y?void 0:null===(E=Y.terms)||void 0===E?void 0:E.message}),children:K.rich("common.sign_up_terms_text",{terms_and_conditions_link:e=>(0,i.jsx)(W.Z,{href:ea((0,B.Kt)(K("static_links.terms_of_conditions.slug"))),className:"hover:underline",children:e}),privacy_policy_link:e=>(0,i.jsx)(W.Z,{href:ea((0,B.Kt)(K("static_links.privacy_policy.slug"))),className:"hover:underline",children:e})})})]})]})]}),(0,i.jsx)(g.Z,{type:"submit",bg:"blue",weight:"extrabold",radius:"full",className:"h-[3.125rem] w-full mt-2 mb-6",scale:"no-scale",size:"fit",disabled:eo,isLoading:en,noFitWithOnLoading:!0,showSpinnerWithChild:!0,children:(0,i.jsx)("span",{children:K("common.confirm")})})]})}function K(){let{isOpen:e,close:l}=(0,s.$O)(o.Kd),r=(0,s.MS)(o.Kd),[a,c]=(0,d.useState)(t.landing),m=(0,u.useTranslations)(),{open:p,globalLoading:h}=(0,s.$O)(o.vI),f=()=>{l(),c(t.landing)};return(0,d.useEffect)(()=>{r&&(null==r?void 0:r.page)&&c(r.page)},[r]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(n.Z,{open:e,showBackIcon:[t.registerWithEmail].includes(a),onBack:()=>{a!==t.landing&&c(t.landing)},onClose:f,activePage:a,animate:!0,className:"md:min-w-[400px] md:max-w-[400px] 2xl:min-w-[600px] 2xl:max-w-[600px]",children:(0,i.jsxs)("div",{className:"flex flex-col px-4",children:[a===t.landing?(0,i.jsx)(x,{setPage:c}):null,a===t.registerWithEmail?(0,i.jsx)(T,{}):null,(0,i.jsxs)("p",{className:"font-bold w-full text-center flex gap-1.5 justify-center items-center",children:[m("drawer.sign_up.are_you_already_registered"),(0,i.jsx)("button",{type:"button",className:"text-[#0C6DFF] hover:underline disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:no-underline",disabled:h,onClick:()=>{h||(f(),p())},children:m("auth.sign_in")})]})]})})})}},45853:function(e,l,r){r.d(l,{_:function(){return t}});var a=r(91447);function t(){let{globalLoading:e,setGlobalLoadingState:l}=(0,a.M$)();return{globalLoading:e,setGlobalLoadingState:l}}},94777:function(e,l,r){r.d(l,{cn:function(){return i}});var a=r(90512),t=r(98388);function i(){for(var e=arguments.length,l=Array(e),r=0;r<e;r++)l[r]=arguments[r];return(0,t.m6)((0,a.W)(l))}}}]);