https://app.legitsubdata.com/static/js/90.9c0c2c02.chunk.js

1(this.webpackJsonpadexdeveloper=this.webpackJsonpadexdeveloper||[]).push([[90],{1714:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return ee}));var a,r,i,o=n(17),c=n(28),s=n(19),l=n(14),d=n(4),u=n(100),p=n(1),b=n(113),f=n(5),g=n(1294),m=n(1212),x=n(53),j=n(311),h=n(1312),O=n(3),y=n(6),v=n(419),k=n(77),w=n(41),S=n(0),C=["addEndListener","appear","children","easing","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"],E={entering:{transform:"none"},entered:{transform:"none"}},z=p.forwardRef((function(e,t){var n=Object(x.a)(),a={enter:n.transitions.duration.enteringScreen,exit:n.transitions.duration.leavingScreen},r=e.addEndListener,i=e.appear,o=void 0===i||i,c=e.children,s=e.easing,l=e.in,d=e.onEnter,u=e.onEntered,b=e.onEntering,f=e.onExit,g=e.onExited,m=e.onExiting,j=e.style,h=e.timeout,z=void 0===h?a:h,T=e.TransitionComponent,R=void 0===T?v.a:T,W=Object(y.a)(e,C),F=p.useRef(null),I=Object(w.a)(F,c.ref,t),P=function(e){return function(t){if(e){var n=F.current;void 0===t?e(n):e(n,t)}}},D=P(b),L=P((function(e,t){Object(k.b)(e);var a=Object(k.a)({style:j,timeout:z,easing:s},{mode:"enter"});e.style.webkitTransition=n.transitions.create("transform",a),e.style.transition=n.transitions.create("transform",a),d&&d(e,t)})),Y=P(u),B=P(m),$=P((function(e){var t=Object(k.a)({style:j,timeout:z,easing:s},{mode:"exit"});e.style.webkitTransition=n.transitions.create("transform",t),e.style.transition=n.transitions.create("transform",t),f&&f(e)})),A=P(g);return Object(S.jsx)(R,Object(O.a)({appear:o,in:l,nodeRef:F,onEnter:L,onEntered:Y,onEntering:D,onExit:$,onExited:A,onExiting:B,addEndListener:function(e){r&&r(F.current,e)},timeout:z},W,{children:function(e,t){return p.cloneElement(c,Object(O.a)({style:Object(O.a)({transform:"scale(0)",visibility:"exited"!==e||l?void 0:"hidden"},E[e],j,c.props.style),ref:I},t))}}))})),T=n(119),R=n(314),W=n(1217),F=n(1268),I=n(1214),P=n(1320),D=n(36),L=n(1339),Y=n.n(L),B=n(99),$=n(20),A=n(49),M=n(38),N=n(32),V=n(420),J=Object(b.c)(a||(a=Object(u.a)(["\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-10px); }\n  100% { transform: translateY(0px); }\n"]))),K=Object(b.c)(r||(r=Object(u.a)(["\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n"]))),X=Object(b.c)(i||(i=Object(u.a)(["\n  0% { box-shadow: 0 0 0 0 rgba(94, 53, 177, 0.4); }\n  70% { box-shadow: 0 0 0 12px rgba(94, 53, 177, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(94, 53, 177, 0); }\n"]))),q=Object(f.a)("div")((function(e){var t=e.theme;return Object(d.a)({display:"flex",minHeight:"100vh",alignItems:"center",justifyContent:"center",background:"linear-gradient(-45deg, ".concat(t.palette.primary.dark,", ").concat(t.palette.secondary.dark,", ").concat(t.palette.info.dark,")"),backgroundSize:"400% 400%",animation:"".concat(K," 15s ease infinite"),position:"relative",overflow:"hidden",padding:t.spacing(2),"&::before":{content:'""',position:"absolute",width:"100%",height:"100%",backdropFilter:"blur(5px)",backgroundColor:"rgba(0, 0, 0, 0.1)",zIndex:0}},t.breakpoints.down("sm"),{padding:t.spacing(1)})})),H=Object(f.a)("div")((function(e){var t=e.theme,n=e.top,a=e.left,r=e.size,i=e.color,o=e.delay;return Object(d.a)({position:"absolute",top:n,left:a,width:r,height:r,borderRadius:"50%",background:"radial-gradient(circle, ".concat(i," 0%, transparent 70%)"),opacity:.6,animation:"".concat(J," 6s ease-in-out infinite"),animationDelay:o,zIndex:0},t.breakpoints.down("md"),{display:"none"})})),U=Object(f.a)(g.a)((function(e){var t=e.theme;return Object(d.a)({width:"100%",maxWidth:480,padding:t.spacing(4),borderRadius:t.spacing(3),textAlign:"center",boxShadow:t.shadows[24],backgroundColor:"rgba(255, 255, 255, 0.95)",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.2)",position:"relative",zIndex:1,transform:"translateY(0)",transition:"transform 0.3s, box-shadow 0.3s","&:hover":{transform:"translateY(-5px)",boxShadow:t.shadows[26]}},t.breakpoints.down("sm"),{padding:t.spacing(3),borderRadius:t.spacing(2)})})),G=Object(f.a)("input")((function(e){var t=e.theme,n=e.active;return Object(d.a)({width:55,height:55,fontSize:22,textAlign:"center",margin:t.spacing(0,.5),borderRadius:"12px",border:"2px s

1olid ".concat(n?t.palette.primary.main:t.palette.divider),background:n?"rgba(94, 53, 177, 0.05)":"transparent",transition:"all 0.3s ease",fontWeight:600,color:t.palette.text.primary,"&:focus":{outline:"none",borderColor:t.palette.primary.main,boxShadow:"0 0 0 4px ".concat(t.palette.primary.light,"40"),animation:"".concat(X," 2s infinite")}},t.breakpoints.down("sm"),{width:45,height:45,fontSize:18,margin:t.spacing(0,.25)})})),Q=Object(f.a)("input")((function(e){var t=e.theme;return Object(d.a)({width:"100%",height:55,fontSize:20,textAlign:"center",borderRadius:"12px",border:"2px solid ".concat(t.palette.divider),transition:"all 0.3s ease",fontWeight:600,color:t.palette.text.primary,letterSpacing:"8px","&:focus":{outline:"none",borderColor:t.palette.primary.main,boxShadow:"0 0 0 4px ".concat(t.palette.primary.light,"40"),animation:"".concat(X," 2s infinite")},"&::placeholder":{letterSpacing:"normal",color:t.palette.text.disabled}},t.breakpoints.down("sm"),{height:50,fontSize:18,letterSpacing:"6px"})})),Z=Object(f.a)(m.a)((function(e){var t=e.theme,n=e.active;return Object(d.a)({flex:1,borderRadius:t.spacing(2),padding:t.spacing(1.5),backgroundColor:n?"linear-gradient(45deg, ".concat(t.palette.primary.main,", ").concat(t.palette.secondary.main,")"):t.palette.grey[100],backgroundImage:n?"linear-gradient(45deg, ".concat(t.palette.primary.main,", ").concat(t.palette.secondary.main,")"):"none",color:n?"#fff":t.palette.text.primary,textTransform:"none",fontWeight:700,fontSize:"0.9rem",boxShadow:n?t.shadows[4]:"none",position:"relative",overflow:"hidden","&::before":{content:'""',position:"absolute",top:0,left:"-100%",width:"100%",height:"100%",background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent)",transition:"left 0.7s ease"},"&:hover::before":{left:"100%"},"&:hover":{backgroundColor:n?"linear-gradient(45deg, ".concat(t.palette.primary.dark,", ").concat(t.palette.secondary.dark,")"):t.palette.grey[200],boxShadow:n?t.shadows[6]:t.shadows[2]},transition:"all 0.3s"},t.breakpoints.down("sm"),{fontSize:"0.8rem",padding:t.spacing(1)})})),_=Object(f.a)(m.a)((function(e){var t=e.theme;return Object(d.a)({background:"linear-gradient(45deg, ".concat(t.palette.primary.main,", ").concat(t.palette.secondary.main,")"),padding:t.spacing(1.5),borderRadius:"12px",fontSize:"1rem",fontWeight:700,textTransform:"none",boxShadow:t.shadows[6],position:"relative",overflow:"hidden","&::before":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent)",transform:"translateX(-100%)"},"&:hover":{boxShadow:t.shadows[8],transform:"translateY(-2px)","&::before":{animation:"shimmer 1.5s infinite"}},transition:"all 0.3s ease"},t.breakpoints.down("sm"),{fontSize:"0.9rem",padding:t.spacing(1.25)})}));function ee(){var e=Object(A.a)(),t=e.user,n=e.logout,a=e.verifyLogin,r=Object(D.g)(),i=Object(x.a)(),d=Object(j.a)(i.breakpoints.down("sm")),u=Object(B.b)().enqueueSnackbar,b=Object(p.useState)(["","","",""]),f=Object(l.a)(b,2),g=f[0],m=f[1],O=Object(p.useState)(""),y=Object(l.a)(O,2),v=y[0],k=y[1],w=Object(p.useState)(!1),C=Object(l.a)(w,2),E=C[0],L=C[1],K=Object(p.useState)(!1),X=Object(l.a)(K,2),ee=X[0],te=X[1],ne=Object(p.useState)(0),ae=Object(l.a)(ne,2),re=ae[0],ie=ae[1],oe=Object(p.useState)("pin"),ce=Object(l.a)(oe,2),se=ce[0],le=ce[1],de=Object(p.useState)(0),ue=Object(l.a)(de,2),pe=ue[0],be=ue[1],fe=[Object(p.useRef)(),Object(p.useRef)(),Object(p.useRef)(),Object(p.useRef)()],ge=Object(p.useRef)();Object(p.useEffect)((function(){var e;return re>0&&(e=setTimeout((function(){return ie(re-1)}),1e3)),function(){return clearTimeout(e)}}),[re]),Object(p.useEffect)((function(){"pin"===se&&fe[0].current?fe[0].current.focus():"otp"===se&&ge.current&&ge.current.focus()}),[se]);var me=function(e){e.preventDefault();var t=e.clipboardData.getData("text");if(/^\d{4}$/.test(t)&&"pin"===se){var n=t.split("");m(n),be(3),setTimeout((function(){return fe[3].current.focus()}),10)}else/^\d{6}$/.test(t)&&"otp"===se&&k(t)},xe=function(){var e=Object(c.a)(Object(o.a)().mark((function e(){var n;return Object(o.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(L(!0),e.prev=1,"pin"!==se){e.next=11;break}if(4===(n=g.join("")).length){e.next=7;break}return Y()("Error","Please enter your 4-digit PIN","error"),e.abrupt("return");case 7:return e.next=9,a(n,t.email);case 9:e.next=16;break;case 11:if(6===v.length){e.next=14;break}return Y()("Error","Please enter your 6-digit OTP","error"),e.abrupt("return");case 14:return e.next=16,a(v,t.email);case 16:u("Login successful"),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(1),Y()("Error",e.t0.message,"error");case 22:return e.prev=22,L(!1),e.finish(22);case 25:case"end":return e.stop()}}),e,null,[[1,19,22,25]])})));return function(){return e.apply(this,arguments)}}(),je=function(){var e=Object(c.a)(Object(o.a)().mark((function e(){return Object(o.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!ee){e.next=2;break}return e.abrupt("return");case 2:if(!(re>0)){e.next=4;break}return e.abrupt("return");case 4:return te(!0),e.next=7,M.a.get("/api/user/resend/".concat(t.email,"/otp")).catch((function(){return{data:{status:"error",message:"Unable to resend OTP"}}}

1));case 7:Y()("Success","OTP resent successfully","success"),ie(30),te(!1);case 10:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(S.jsx)(V.a,{title:"Secure Verification",children:Object(S.jsxs)(q,{children:[Object(S.jsx)(H,{top:"15%",left:"10%",size:"120px",color:i.palette.primary.light,delay:"0s"}),Object(S.jsx)(H,{top:"70%",left:"80%",size:"80px",color:i.palette.secondary.light,delay:"1s"}),Object(S.jsx)(H,{top:"30%",left:"75%",size:"100px",color:i.palette.info.light,delay:"2s"}),Object(S.jsx)(H,{top:"65%",left:"15%",size:"70px",color:i.palette.warning.light,delay:"1.5s"}),Object(S.jsx)(h.a,{maxWidth:"sm",sx:{display:"flex",justifyContent:"center"},children:Object(S.jsx)(z,{in:!0,timeout:800,children:Object(S.jsxs)(U,{children:[Object(S.jsxs)(T.a,{sx:{position:"relative",mb:3},children:[Object(S.jsx)(N.a,{icon:"pin"===se?"eva:shield-fill":"eva:email-fill",width:d?50:60,height:d?50:60,color:i.palette.primary.main,sx:{animation:"".concat(J," 4s ease-in-out infinite"),filter:"drop-shadow(0 5px 10px rgba(0,0,0,0.2))"}}),Object(S.jsx)(T.a,{sx:{position:"absolute",bottom:-10,left:"50%",transform:"translateX(-50%)",width:40,height:6,borderRadius:3,background:"linear-gradient(45deg, ".concat(i.palette.primary.main,", ").concat(i.palette.secondary.main,")")}})]}),Object(S.jsx)(R.a,{variant:d?"h4":"h3",fontWeight:800,gutterBottom:!0,sx:{background:"linear-gradient(45deg, ".concat(i.palette.primary.main,", ").concat(i.palette.secondary.main,")"),backgroundClip:"text",textFillColor:"transparent",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",mb:1},children:"Verify Your Identity"}),Object(S.jsx)(R.a,{sx:{color:i.palette.text.secondary,mb:4,fontSize:d?"0.9rem":"1.1rem"},children:"pin"===se?"Enter your 4-digit security PIN to continue":"Enter the 6-digit OTP sent to your email"}),Object(S.jsxs)(W.a,{direction:"row",spacing:d?1:2,mb:4,children:[Object(S.jsx)(Z,{active:"pin"===se?1:0,onClick:function(){return le("pin")},startIcon:!d&&Object(S.jsx)(N.a,{icon:"eva:shield-fill"}),children:"Security PIN"}),Object(S.jsx)(Z,{active:"otp"===se?1:0,onClick:function(){le("otp"),je()},startIcon:!d&&Object(S.jsx)(N.a,{icon:"eva:email-fill"}),children:"One-Time Password"})]}),"pin"===se?Object(S.jsx)(F.a,{in:"pin"===se,timeout:500,children:Object(S.jsx)(T.a,{display:"flex",justifyContent:"center",mb:4,onPaste:me,children:g.map((function(e,t){return Object(S.jsx)(G,{ref:fe[t],type:"password",inputMode:"numeric",pattern:"[0-9]*",autoComplete:"one-time-code",active:pe===t?1:0,maxLength:1,value:e?"*":"",onChange:function(e){return function(e,t){if(/^\d?$/.test(t)){var n=Object(s.a)(g);n[e]=t,m(n),t&&e<3&&(be(e+1),setTimeout((function(){return fe[e+1].current.focus()}),10))}}(t,e.target.value.replace(/\D/g,""))},onKeyDown:function(e){return function(e,t){if("Backspace"===t.key)if(!g[e]&&e>0){var n=Object(s.a)(g);n[e-1]="",m(n),be(e-1),setTimeout((function(){return fe[e-1].current.focus()}),10)}else if(g[e]){var a=Object(s.a)(g);a[e]="",m(a)}}(t,e)},onFocus:function(){return be(t)},autoFocus:0===t},t)}))})}):Object(S.jsx)(F.a,{in:"otp"===se,timeout:500,children:Object(S.jsx)(T.a,{mb:4,children:Object(S.jsx)(Q,{ref:ge,type:"text",inputMode:"numeric",pattern:"[0-9]*",autoComplete:"one-time-code",maxLength:6,value:v,onChange:function(e){return t=e.target.value.replace(/\D/g,""),void(/^\d{0,6}$/.test(t)&&k(t));var t},onKeyDown:function(e){"Backspace"===e.key&&0===v.length&&e.preventDefault()},onPaste:me,placeholder:"Enter 6-digit code"})})}),Object(S.jsx)(_,{variant:"contained",fullWidth:!0,onClick:xe,disabled:E,sx:{mb:2},children:E?Object(S.jsxs)(S.Fragment,{children:[Object(S.jsx)(N.a,{icon:"eos-icons:loading",sx:{mr:1}}),"Verifying..."]}):Object(S.jsxs)(S.Fragment,{children:["Continue",Object(S.jsx)(N.a,{icon:"eva:arrow-ios-forward-fill",sx:{ml:1}})]})}),"otp"===se&&Object(S.jsxs)(R.a,{variant:"body2",mt:1,sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:["Didn't receive the code?"," ",re>0?Object(S.jsxs)(T.a,{component:"span",sx:{ml:1,fontWeight:600,color:i.palette.text.secondary},children:["Resend in ",function(e){var t=Math.floor(e/60),n=e%60;return"".concat(t,":").concat(n<10?"0":"").concat(n)}(re)]}):Object(S.jsx)(I.a,{underline:"hover",onClick:je,sx:{cursor:"pointer",fontWeight:600,background:"linear-gradient(45deg, ".concat(i.palette.primary.main,", ").concat(i.palette.secondary.main,")"),backgroundClip:"text",textFillColor:"transparent",WebkitBackgroun

1dClip:"text",WebkitTextFillColor:"transparent",ml:1,display:"flex",alignItems:"center"},disabled:ee||re>0,children:ee?Object(S.jsxs)(S.Fragment,{children:[Object(S.jsx)(P.a,{size:14,sx:{mr:.5}}),"Sending..."]}):"Resend"})]}),Object(S.jsxs)(R.a,{variant:"body2",mt:1,children:["Do you want to log out?"," ",Object(S.jsx)(I.a,{underline:"hover",onClick:Object(c.a)(Object(o.a)().mark((function e(){return Object(o.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n();case 2:r($.b.login,{replace:!0});case 3:case"end":return e.stop()}}),e)}))),sx:{cursor:"pointer",fontWeight:600,background:"linear-gradient(45deg, ".concat(i.palette.primary.main,", ").concat(i.palette.secondary.main,")"),backgroundClip:"text",textFillColor:"transparent",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"LogOut"})]})]})})})]})})}}}]);
2//# sourceMappingURL=90.9c0c2c02.chunk.js.map