https://popstory.vercel.app/_next/static/chunks/580-38a7ed529445242c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[580],{4068:(e,l,r)=>{r.d(l,{V:()=>w});var s=r(95155),o=r(12115),a=r(24054),n=r(85203),t=r.n(n),i=r(77876),d=r(35805),u=r(30090),c=r(31640),m=r(40250),p=r(17245),x=r(34311),f=r(28122),v=r(33828),g=r(79450),h=r(3123),b=r(30999);let j={"audio/*":[".mp3",".ogg",".wav"],"video/*":[".mp4",".avi",".mov",".webm",".mkv"],"image/*":[".jpeg",".png",".jpg",".gif"],"text/csv":[".csv"],"application/pdf":[".pdf"],"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},w=(0,o.memo)(e=>{let{label:l,className:r,contentClassName:n,multiple:w=!1,maxSizeBytes:N=4e6,maxFiles:C=5,accept:y=["image/*"],children:k,initial:I,loading:A,error:E,required:S,setMyFileSelectedValue:_,customDrop:F,customButton:z,showIcon:M=!0}=e,Y=(0,h.k)(e=>e.user.id),[P,T]=(0,o.useState)([]),[V,D]=(0,o.useState)(""),B=y.reduce((e,l)=>((null==j?void 0:j[l])&&(e[l]=null==j?void 0:j[l]),e),{}),U=Object.values(B).length?Object.values(B).reduce((e,l)=>[e,l.join(", ")].filter(Boolean).join(", "),""):"";(0,o.useEffect)(()=>{(null==I?void 0:I.length)&&T(I)},[I]);let O=w?C:1,[W,$]=(0,o.useState)(0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(b.Dialog,{visible:"choose"===V,dismiss:()=>D(""),size:600,modalType:"bottom-sheet",children:[(0,s.jsx)(u.c,{icon:(0,s.jsx)(v.HVe,{}),withArrow:!0,value:"From device",onClick:()=>D("dropzone")}),!A&&Y&&(0,s.jsx)(u.c,{icon:(0,s.jsx)(x.FQF,{}),withArrow:!0,value:"From my files",onClick:()=>D("my-files")})]}),(0,s.jsx)(b.Dialog,{visible:"my-files"===V,dismiss:()=>D(""),size:600,modalType:"bottom-sheet",children:(0,s.jsx)(g.k8,{onSelect:e=>{T(l=>[...l,e]),$(0),null==_||_(e.dbId),D("")}})}),(0,s.jsx)(b.Dialog,{visible:"dropzone"===V,dismiss:()=>D(""),size:600,modalType:"bottom-sheet",children:(0,s.jsx)("div",{className:"p-4",children:(0,s.jsx)(a.Ay,{onDrop:e=>{e&&(T(l=>[...l,...Array.from(e).map(e=>({id:"".concat((0,p.GP)(new Date,"yyyyMMdd_HHmmss"),"-").concat((0,d.Ak)()),file:e,dbId:"",loaded:!1,error:!1}))]),D(""))},multiple:w,accept:B,maxSize:N,maxFiles:O,disabled:A,children:e=>{let{getRootProps:l,getInputProps:r}=e;return(0,s.jsxs)("div",{...l(),className:t()("w-full flex flex-col items-center bg-onNeutralBg justify-center py-4 px-6 rounded-[8px] border-[1px] border-default border-solid cursor-pointer hover:opacity-70",{hidden:P.length===O,"border-red-500":E},n),children:[(0,s.jsx)("input",{...r(),disabled:!1}),A&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.E,{className:"mb-1 h-[0.875rem]"}),(0,s.jsx)(m.E,{className:"h-[0.75rem]"})]}),!A&&!F&&(0,s.jsxs)(s.Fragment,{children:[M&&(0,s.jsx)("div",{className:"p-[12px] rounded-full bg-primaryForeground border-solid border-default border-[8px]",children:(0,s.jsx)(f.YoE,{size:24,color:"",className:"text-primary"})}),(0,s.jsxs)("label",{className:"mb-1 text-center text-primary text-[0.875rem]",children:[(0,s.jsx)("span",{className:"font-semibold ",children:"Click to upload"})," or drag and drop"]}),(0,s.jsxs)("label",{className:"text-defaultText text-center text-[0.75rem]",children:[U," (",(0,i.bn)(N)," max. file size) max."," ",O," files"]})]}),!A&&F]})}})})}),(0,s.jsxs)("div",{className:t()("w-full max-w-[350px] z-50 relative",r),children:[l&&(0,s.jsxs)("p",{className:"w-full text-left text-defaultText",children:[l," ",(0,s.jsx)(c.I,{visible:S})," "]}),P.length!==O&&(0,s.jsxs)("div",{role:"button",onClick:()=>D("choose"),children:[z&&z,!z&&(0,s.jsx)("label",{className:"p-[12px] rounded-full block bg-primaryForeground w-max border-solid border-default border-[8px]",children:(0,s.jsx)(f.YoE,{size:24,color:"",className:"text-primary"})})]}),!A&&0===W&&(null==k?void 0:k({state:P,removeFile:e=>{let l=[...P],r=l.findIndex(l=>l.id===e);l.splice(r,1),T(l)},loadFile:(e,l)=>{let r=[...P],s=r.findIndex(l=>l.id===e);r[s].dbId=l,r[s].loaded=!0,r[s].error=!1,T(r)},errorFile:e=>{let l=[...P],r=l.findIndex(l=>l.id===e);l[r].loaded=!1,l[r].error=!0,T(l)}}))]})]})})},18749:(e,l,r)=>{r.d(l,{k:()=>y});var s=r(95155),o=r(66942),a=r(80549),n=r(15692),t=r(54879);let i=t.Ik({name:t.Yj().min(1).max(30),email:t.Yj().email().min(1),imageId:t.Yj().optional().nullable(),password:t.Yj().regex(n.N[0].regex,n.N[0].message).regex(n.N[1].regex,n.N[1].message).regex(n.N[2].regex,n.N[2].message).optional().nullable().or(t.eu("")),password_confirm:t.Yj().optional().nullable().or(t.eu(""))}).strict().refine(e=>e.password===e.password_confirm,{message:"Passwords don't match",path:["password_confirm"]});var d=r(1659),u=r(4068),c=r(85801),m=r(40982),p=r(14169),x=r(70667),f=r(28297),v=r(11525),g=r(98672),h=r(97749),b=r(25107),j=r(12115),w=r(22544),N=r(38370),C=r(3123);let y=(0,j.memo)(()=>{var e,l,r,n,t,j,y,k,I,A,E;let{locale:S}=(0,g.PZ)(),_=(0,C.k)(e=>e.user),{register:F,handleSubmit:z,getValues:M,setValue:Y,unregister:P,formState:{errors:T}}=(0,w.mN)({mode:"all",criteriaMode:"all",reValidateMode:"onChange",defaultValues:{name:(null==_?void 0:_.name)||"",email:(null==_?void 0:_.email)||"",imageId:(null==_?void 0:_.imageId)||""},resolver:(0,o.u)(i)}),V=[].concat(null==(l=T.password)||null==(e=l.types)?void 0:e.invalid_string).filter(

1Boolean),{loading:D,state:B}=(0,b.Bv)({fileIds:M("imageId")||(null==_?void 0:_.imageId)?[M("imageId")||(null==_?void 0:_.imageId)]:[],setFileIds(e){Y("imageId",e[0])}}),{mutate:U,isPending:O}=(0,a.useMutation)({mutationFn:()=>d.A.patch(v.n.ACCOUNT.INDEX,M()),onError:e=>{var l,r;N.toast.error((0,h.pb)(e,null==S||null==(r=S.toast_messages)||null==(l=r.error)?void 0:l.error_occured))},onSuccess:()=>{N.toast.success("Changes saved")}});return(0,s.jsxs)(f.Z,{title:"Edit account",contentClassName:"flex flex-col items-center justify-center gap-2",children:[(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(u.V,{label:"Avatar",error:!!(null==T||null==(r=T.imageId)?void 0:r.message),accept:["image/*"],maxFiles:1,initial:B,loading:D,setMyFileSelectedValue:e=>Y("imageId",e),children:e=>{let{state:l,removeFile:r,loadFile:o,errorFile:a}=e;return(0,s.jsx)("div",{className:"w-full",children:l.map((e,n)=>(0,s.jsx)("div",{className:"relative",style:{zIndex:100*(l.length-n)},children:(0,s.jsx)(c.c,{loadFile:(e,l)=>{o(e,l),Y("imageId",l)},errorFile:a,item:e,removeFile:()=>{(null==e?void 0:e.id)&&r(null==e?void 0:e.id),P("imageId")}})},e.id))})}})}),(0,s.jsx)(m.p,{...F("name"),placeholder:null==S||null==(t=S.inputs)||null==(n=t.placeholders)?void 0:n.name,error:null==T||null==(j=T.name)?void 0:j.message}),(0,s.jsx)(m.p,{...F("email"),type:"email",error:null==T||null==(y=T.email)?void 0:y.message,placeholder:null==S||null==(I=S.inputs)||null==(k=I.placeholders)?void 0:k.email,required:!0}),(0,s.jsx)(m.p,{...F("password"),placeholder:"New password",type:"password",error:null==T||null==(A=T.password)?void 0:A.message}),(0,s.jsx)(p.U,{type:"password",errorsList:V}),(0,s.jsx)(m.p,{...F("password_confirm"),placeholder:"Repeat new password",type:"password",error:null==T||null==(E=T.password_confirm)?void 0:E.message}),(0,s.jsx)(x.$,{fullWidth:!0,className:"mt-4",loading:O,onClick:z(()=>{U()}),children:"Save"})]})})},25082:(e,l,r)=>{r.d(l,{v:()=>N});var s=r(95155),o=r(66942),a=r(80549),n=r(54879);let t=n.Ik({username:n.Yj().min(1).refine(e=>/^[a-zA-Z0-9_.-]*$/.test(e),"Should contain only latin alphabets, numbers, _ and . symbols")});var i=r(1659),d=r(40982),u=r(70667),c=r(28297),m=r(51750),p=r(11525),x=r(97749),f=r(25107),v=r(12115),g=r(22544),h=r(38370),b=r(3123),j=r(50742),w=r(9577);let N=(0,v.memo)(()=>{var e;let{login:l,user:r}=(0,b.k)(e=>e),{register:n,formState:{errors:N},handleSubmit:C,watch:y,getValues:k}=(0,g.mN)({mode:"all",reValidateMode:"onChange",defaultValues:{username:r.username},resolver:(0,o.u)(t)}),I=y("username"),A=(0,f.d7)(I),{mutate:E,isPending:S,isSuccess:_,isError:F}=(0,a.useMutation)({mutationFn:()=>i.A.post(p.n.ACCOUNT.USERNAME,k())}),{mutate:z,isPending:M}=(0,a.useMutation)({mutationFn:()=>i.A.patch(p.n.ACCOUNT.USERNAME,k()),onError:e=>{h.toast.error((0,x.pb)(e))},onSuccess:()=>{l({user:{...r,...k()}})}});return(0,v.useEffect)(()=>{E()},[A]),(0,s.jsxs)(c.Z,{title:"Username",contentClassName:"flex flex-col gap-2",children:[(0,s.jsx)(d.p,{...n("username"),placeholder:"username",error:null==N||null==(e=N.username)?void 0:e.message,icon:(0,s.jsx)(()=>(0,s.jsxs)("div",{children:[S&&(0,s.jsx)(m.y,{size:14}),F&&A!==r.username&&(0,s.jsx)(j.wew,{className:"text-red-500"}),_&&(0,s.jsx)(w.lVg,{className:"text-green-500"})]}),{})}),(0,s.jsx)(u.$,{loading:M,disabled:S,onClick:C(()=>{z()}),className:"z-0",fullWidth:!0,children:"Save"})]})})},58894:(e,l,r)=>{r.d(l,{d:()=>t});var s=r(95155),o=r(12115),a=r(85203),n=r.n(a);let t=(0,o.memo)(e=>{let{label:l,className:r,value:a,onChange:t}=e,[i,d]=(0,o.useState)(!!a);return(0,s.jsxs)("button",{onClick:()=>{d(e=>!e),null==t||t()},className:n()("flex flex-row items-center shrink-0 gap-2",r),children:[l&&(0,s.jsx)("label",{className:"text-secondaryText text-[0.875rem]",children:l}),!i&&(0,s.jsx)("span",{className:"flex items-center w-12 justify-start !bg-default border border-default border-solid rounded-full cursor-pointer bg-gray",children:(0,s.jsx)("span",{className:"w-6 h-6 border rounded-full shadow bg-onNeutralBg border-default"})}),i&&(0,s.jsx)("span",{className:"flex items-center justify-end w-12 border border-solid rounded-full cursor-pointer border-default bg-primary",children:(0,s.jsx)("span",{className:"w-6 h-6 border rounded-full shadow bg-onNeutralBg border-default"})})]})})},77367:(e,l,r)=>{r.d(l,{I:()=>o});var s=r(54879);let o=s.Ik({mobile:s.eu(!1).or(s.eu(!0)).optional(),email:s.Yj().email(),password:s.Yj().min(8),code:s.Yj().min(1).max(6).optional(),verificationCode:s.Yj().min(1).max(6).optional()}).strict()},83980:(e,l,r)=>{r.d(l,{v:()=>N});var s=r(95155),o=r(12115),a=r(66942),n=r(22544),t=r(38370),i=r(1659),d=r(80549),u=r(70667),c=r(17287),m=r(30090),p=r(77367),x=r(98672),f=r(40982),v=r(11525),g=r(97749),h=r(3123),b=r(85853),j=r(14169),w=r(90311);let N=(0,o.memo)(()=>{var e,l,r,N,C,y,k,I,A,E,S,_,F,z,M,Y,P,T,V,D,B,U,O;let{locale:W}=(0,x.PZ)(),{user:$,login:q}=(0,h.k)(e=>e),H=(0,h.K)(e=>e.show),R=(null==$?void 0:$.connectedAccounts)||[],[G,Z]=(0,o.useState)(0),K=4===G,{register:L,handleSubmit:X,getValues:Q,setValue:J,formState:{errors:ee},reset:el}=(0,n.mN)({mode:"all",criteriaMode:"all",reValidateMode:"onChange",defaultValues:{email:"",password:""},resolver:(0,a.u)(p.I)}),{register:er,handleSubmit:es,getValues:eo,setValue:ea,formState:{errors:en},reset:et}=(0,n.mN)({mode:"all",criteriaMode:"all",reValidateMode:"onChange",defaultValues:{email:"",password:""},resolver:(0,a.u)(b.m)}),ei=[].concat(null==(l=en.password)||null==(e=l.types)?void 0:e.invalid_string).filter(

1Boolean),{mutate:ed,isPending:eu}=(0,d.useMutation)({mutationFn:()=>i.A.post(K?v.n.AUTH.SIGN_IN:v.n.AUTH.SIGN_UP,K?Q():eo()),onError:e=>{var l,r,s,o;Z(e=>4===e?2:3),t.toast.error((0,g.pb)(e,null==W||null==(r=W.toast_messages)||null==(l=r.error)?void 0:l.error_occured)),H("Error",{text:(0,g.pb)(e,null==W||null==(o=W.toast_messages)||null==(s=o.error)?void 0:s.error_occured)}),Z(0),el(),et()},onSuccess:e=>{H("Success",{text:" "});let l=[...R,null==e?void 0:e.data];q({user:{...$,connectedAccounts:l}}),Z(0)}}),{mutate:ec,isPending:em}=(0,d.useMutation)({mutationFn:()=>i.A.get(v.n.ACCOUNT.GET_CODE),onError:e=>{var l,r,s,o;t.toast.error((0,g.pb)(e,null==W||null==(r=W.toast_messages)||null==(l=r.error)?void 0:l.error_occured)),H("Error",{text:(0,g.pb)(e,null==W||null==(o=W.toast_messages)||null==(s=o.error)?void 0:s.error_occured)})},onSuccess:()=>{Z(e=>2===e?4:5)}}),ep=eu||em;return(0,s.jsx)(c.H,{disabled:ep,activeIdx:G,setActiveIdx:Z,items:[{title:"Connect another Account",children:(0,s.jsx)("div",{className:"flex flex-col gap-4",children:(0,s.jsx)(m.c,{fullWidth:!0,withBg:!0,value:"Add account",onClick:()=>Z(1),withArrow:!0})})},{title:"Connect Account",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(m.c,{fullWidth:!0,value:"Add Existing account",onClick:()=>Z(2),withArrow:!0,withBg:!0}),(0,s.jsx)(m.c,{fullWidth:!0,value:"Create New Account",onClick:()=>Z(3),withArrow:!0,withBg:!0})]})},{title:"Connect Account",children:(0,s.jsx)(u.$,{fullWidth:!0,loading:ep,onClick:()=>ec(),children:null==W||null==(r=W.buttons)?void 0:r.get_email_code})},{title:"Connect Account",children:(0,s.jsx)(u.$,{fullWidth:!0,loading:ep,onClick:()=>ec(),children:null==W||null==(N=W.buttons)?void 0:N.get_email_code})},{title:"Connect existing Account",children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(w.E,{disabled:ep,onComplete:e=>J("verificationCode",e)}),(0,s.jsx)(f.p,{...L("email"),placeholder:null==W||null==(y=W.inputs)||null==(C=y.placeholders)?void 0:C.email,type:"email",autoCorrect:"off",autoCapitalize:"none",required:!0,error:null==ee||null==(k=ee.email)?void 0:k.message}),(0,s.jsx)(f.p,{...L("password"),placeholder:null==W||null==(A=W.inputs)||null==(I=A.placeholders)?void 0:I.password,type:"password",required:!0,error:null==ee||null==(E=ee.password)?void 0:E.message})]}),(0,s.jsx)(u.$,{fullWidth:!0,loading:ep,onClick:X(()=>{ed()}),children:null==W||null==(S=W.buttons)?void 0:S.submit})]})},{title:"Connect new Account",children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center w-full h-full gap-2",children:[(0,s.jsx)(w.E,{disabled:ep,onComplete:e=>ea("verificationCode",e)}),(0,s.jsx)(f.p,{...er("name"),placeholder:null==W||null==(F=W.inputs)||null==(_=F.placeholders)?void 0:_.name,required:!0,error:null==en||null==(z=en.name)?void 0:z.message}),(0,s.jsx)(f.p,{...er("email"),placeholder:null==W||null==(Y=W.inputs)||null==(M=Y.placeholders)?void 0:M.email,type:"email",autoCorrect:"off",autoCapitalize:"none",required:!0,error:null==en||null==(P=en.email)?void 0:P.message}),(0,s.jsx)(f.p,{...er("password"),placeholder:null==W||null==(V=W.inputs)||null==(T=V.placeholders)?void 0:T.password,type:"password",required:!0,error:null==en||null==(D=en.password)?void 0:D.message}),(0,s.jsx)(j.U,{type:"password",errorsList:ei}),(0,s.jsx)(f.p,{...er("confirmPassword"),placeholder:null==W||null==(U=W.inputs)||null==(B=U.placeholders)?void 0:B.password_repeat,type:"password",required:!0,error:null==en||null==(O=en.confirmPassword)?void 0:O.message}),(0,s.jsx)(u.$,{fullWidth:!0,loading:eu,onClick:es(()=>{ed()}),className:"mt-4",type:"submit",children:W.buttons.submit})]})}]})})},85801:(e,l,r)=>{r.d(l,{c:()=>h});var s=r(95155),o=r(85203),a=r.n(o),n=r(80549),t=r(1659),i=r(40250),d=r(11525),u=r(12115),c=r(38370),m=r(97749),p=r(95455),x=r(42878),f=r(25107),v=r(57830),g=r(3123);let h=(0,u.memo)(e=>{let{item:l,showDelete:r=!0,showRemove:o=!0,removeFile:h,loadFile:b,errorFile:j,bucketName:w="",path:N="",access:C,className:y}=e,[k,I]=(0,u.useState)(),A=(0,u.useRef)([]),{show:E,hide:S}=(0,g.K)(e=>e),{mutate:_,isPending:F,isSuccess:z,isError:M}=(0,n.useMutation)({mutationFn:()=>{var e,r;

1A.current.forEach(e=>e.abort()),A.current=[],A.current.push(new AbortController);let s=new FormData;return l&&s.append("file",l.file),l&&s.append("id",null==l?void 0:l.id),C&&s.append("access",C),s.append("bucketName",w),s.append("path",N),t.A.post(d.n.STORAGE.INDEX,s,{signal:null==(r=A.current)||null==(e=r[0])?void 0:e.signal})},onSuccess:e=>{(null==l?void 0:l.id)&&e.data.id&&(b(null==l?void 0:l.id,e.data.id),I(e.data))},onError:e=>{(null==l?void 0:l.id)&&j(null==l?void 0:l.id),c.toast.error((0,m.pb)(e,"File upload error."))}}),{useGetFileMutation:Y,useDeleteFileMutation:P}=(0,f.Bv)({}),{mutate:T,isPending:V}=P(),{mutate:D,isPending:B}=Y();(0,u.useEffect)(()=>{null==l||!l.dbId||k||B||F||z||M||D(null==l?void 0:l.dbId,{onSuccess:e=>{I(null==e?void 0:e.data)},onError:e=>{(null==l?void 0:l.id)&&j(null==l?void 0:l.id),c.toast.error((0,m.pb)(e,"Fetch file error."))}})},[null==l?void 0:l.dbId,k,B,z,M,F,null==l?void 0:l.loaded]),(0,u.useEffect)(()=>{F||z||M||null!=l&&l.loaded||(A.current.forEach(e=>e.abort()),_())},[z,M,l,F,A.current]),(0,u.useEffect)(()=>()=>{A.current.forEach(e=>e.abort())},[]);let U=V||F;if(U)return(0,s.jsx)(i.E,{className:a()("w-[175px] h-[107px] rounded-[8px]",y)});let O=(null==k?void 0:k.base64)||(null==k?void 0:k.url)||"";return(0,s.jsxs)("div",{className:a()("relative w-[175px] h-[107px] rounded-[8px] bg-cover bg-center",{"text-red-500":!!(null==l?void 0:l.error)},y),style:{backgroundImage:'url("'.concat(O,'")')},children:[r&&(0,s.jsx)("button",{disabled:U,onClick:()=>{(null==l?void 0:l.error)?h():E("Confirm",{title:"Delete file?",text:"This can not be undone.",confirmAction:()=>T(l.dbId,{onSuccess:()=>{h(),S()},onError:e=>{c.toast.error((0,m.pb)(e,"File deletion error.")),S()}})})},className:"absolute -top-2 -right-2 bg-[#d9d9d9] text-black rounded-full p-1",children:(0,s.jsx)(v.pS_,{size:12,color:"black"})}),!(null==l?void 0:l.error)&&k&&o&&(0,s.jsx)("button",{disabled:U,onClick:()=>{h()},className:"absolute top-5 -right-2 bg-[#d9d9d9] text-black rounded-full p-1",children:(0,s.jsx)(p.clO,{size:12,color:"black"})}),(null==l?void 0:l.error)&&(0,s.jsx)("button",{disabled:U,onClick:()=>{_()},className:"absolute top-10 -right-2 bg-[#d9d9d9] rounded-full p-1",children:(0,s.jsx)(x.mzO,{size:12})})]})})},85853:(e,l,r)=>{r.d(l,{m:()=>a});var s=r(15692),o=r(54879);let a=o.Ik({mobile:o.eu(!1).or(o.eu(!0)).optional(),email:o.Yj().email(),name:o.Yj().min(1).max(30),confirmPassword:o.Yj(),verificationCode:o.Yj().min(1).max(6).optional(),password:o.Yj().regex(s.N[0].regex,s.N[0].message).regex(s.N[1].regex,s.N[1].message).regex(s.N[2].regex,s.N[2].message)}).strict().refine(e=>{let{password:l,confirmPassword:r}=e;return l===r},{path:["confirmPassword"],message:"Passwords must match"})},90311:(e,l,r)=>{r.d(l,{E:()=>i});var s=r(95155),o=r(85203),a=r.n(o),n=r(12115),t=r(40982);let i=(0,n.memo)(e=>{let{onComplete:l,len:r=6,wrapperClassName:o,...i}

1=e,[d,u]=(0,n.useState)(Array(r).fill("")),c=(0,n.useRef)([]);(0,n.useEffect)(()=>{let e=d.findIndex(e=>""===e);if(-1!==e&&c.current[e]){var l;null==(l=c.current[e])||l.focus()}},[d]);let m=e=>{var s;e.preventDefault();let o=e.clipboardData.getData("text").slice(0,r).split("");o.every(e=>/^[0-9]$/.test(e))&&(u(o.concat(Array(r-o.length).fill(""))),null==(s=c.current[o.length-1])||s.focus(),o.length===r&&(null==l||l(o.join(""))))};return(0,s.jsx)("div",{className:a()("flex gap-2 w-full justify-between",o),children:d.map((e,o)=>(0,s.jsx)(t.p,{type:"text",maxLength:1,value:e,onChange:e=>((e,s)=>{if(!/^[0-9]?$/.test(s))return;let o=[...d];if(o[e]=s,u(o),s&&e<r-1){var a;null==(a=c.current[e+1])||a.focus()}o.every(e=>""!==e)&&(null==l||l(o.join("")))})(o,e.target.value),onKeyDown:e=>((e,l)=>{"Backspace"===l.key&&!d[e]&&e>0&&setTimeout(()=>{var l;null==(l=c.current[e-1])||l.focus()})})(o,e),ref:e=>c.current[o]=e,onPaste:m,disabled:o>0&&!d[o-1],className:"!m-0 h-full text-center text-lg rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",wrpInputClassName:"!w-9 !h-12 text-center rounded-md !p-0",inputMode:"numeric",...i},o))})})}}]);