https://app.myverified.ai/_next/static/chunks/pages/main/sign-in/%5B%5B...index%5D%5D-4865b69fb638a6a4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9116],{58550:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/main/sign-in/[[...index]]",function(){return a(91313)}])},91313:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>G});var r=a(4930),i=a(16401),s=a(65162),n=a(70740),l=a(1831),o=a(28223),c=a(37821),d=a(98650);function u(e,t,r=!0){let i=(()=>{let e=s.useRef(),{pagesRouter:t}=(0,d.r)();if(t)if(e.current)return e.current;else return e.current=t.pathname.replace(/\/\[\[\.\.\..*/,""),e.current;let r=a(81246).usePathname,i=a(81246).useParams,n=(r()||"").split("/").filter(Boolean),l=Object.values(i()||{}).filter(e=>Array.isArray(e)).flat(1/0);return e.current||(e.current=`/${n.slice(0,n.length-l.length).join("/")}`),e.current})(),n=(0,o.yC)(e,t,{path:i});return((e,t,a,r=!0)=>{let i=s.useRef(0),{pagesRouter:n}=(0,d.r)(),{session:o,isLoaded:u}=(0,l.wV)();(0,c.Fj)()||s.useEffect(()=>{if(!u||a&&"path"!==a||r&&!o)return;let s=new AbortController,l=()=>{let a=n?`${t}/[[...index]].tsx`:`${t}/[[...rest]]/page.tsx`;throw Error(`
2Clerk: The <${e}/> component is not configured correctly. The most likely reasons for this error are:
3
41. The "${t}" route is not a catch-all route.
5It is recommended to convert this route to a catch-all route, eg: "${a}". Alternatively, you can update the <${e}/> component to use hash-based routing by setting the "routing" prop to "hash".
6
72. The <${e}/> component is mounted in a catch-all route, but all routes under "${t}" are protected by the middleware.
8To resolve this, ensure that the middleware does not protect the catch-all route or any of its children. If you are using the "createRouteMatcher" helper, consider adding "(.*)" to the end of the route pattern, eg: "${t}(.*)". For more information, see: https://clerk.com/docs/reference/nextjs/clerk-middleware#create-route-matcher
9`)};return n?n.pathname.match(/\[\[\.\.\..+]]/)||l():(async()=>{let t;if(i.current++,!(i.current>1)){try{let a=`${window.location.origin}${window.location.pathname}/${e}_clerk_catchall_check_${Date.now()}`;t=await fetch(a,{signal:s.signal})}catch{}(null==t?void 0:t.status)===404&&l()}})(),()=>{i.current>1&&s.abort()}},[u])})(e,i,n.routing,r),n}Object.assign(e=>s.createElement(l.Fv,{...u("UserProfile",e)}),{...l.Fv}),Object.assign(e=>s.createElement(l.nC,{...u("OrganizationProfile",e)}),{...l.nC});let m=e=>s.createElement(l.Ls,{...u("SignIn",e,!1)});var h=a(3941),x=a.n(h),f=a(17778),p=a(71026),g=a(58849),y=a(86319),w=a(35718),j=a(74192),v=a(56444),b=a(72112),N=a(48374),_=a(21146),k=a(84741),A=a(13032),S=a(21333),C=a(68396),P=a(7220),I=a(55124),R=a(46229),O=a(59318);let $="Something went wrong. Please try again or contact support if the issue persists.";function G(){let e=(0,i.useRouter)(),{isLoaded:t,signIn:a,setActive:o}=(0,l.go)(),c=(0,O.S0)(e.query.redirect_url),[d,u]=(0,s.useState)(""),h=(0,s.useRef)(null),x=(0,s.useRef)(!1),[p,g]=(0,s.useState)(!1),[v,b]=(0,s.useState)(!1),[A,S]=(0,s.useState)(!1),[C,P]=(0,s.useState)(null),{remainingSeconds:G,start:z,stop:U}=(0,_.E)();(0,s.useEffect)(()=>{"account_not_found"===e.query.error&&P("Looks like there's no account with this email. Go ahead and sign up!"),"error"===e.query.error&&P($)},[e.query.error]);let D=async()=>{if(a){b(!0),P(null);try{await a.authenticateWithRedirect({strategy:"oauth_google",redirectUrl:(0,O.yY)(N.bw.SIGN_IN,"account_not_found",c),redirectUrlComplete:null!=c?c:"/"})}catch(e){P("Google sign-in failed.")}finally{b(!1)}}},T=async()=>{var t,r,i,s,l,o,u;if(a&&!x.current&&!p){if(!d)return P("Please enter your email address");x.current=!0,g(!0),P(null);try{let e=null==(t=(await a.create({identifier:d})).supportedFirstFactors)?void 0:t.find(e=>"email_code"===e.strategy);(null==e?void 0:e.emailAddressId)&&(h.current=e.emailAddressId,await a.prepareFirstFactor({strategy:"email_code",emailAddressId:e.emailAddressId})),S(!0),z(k.A),n.Ay.success("Verification code sent")}catch(t){(null==t||null==(i=t.errors)||null==(r=i[0])?void 0:r.code)==="form_identifier_not_found"?e.push((0,O.yY)(N.bw.SIGN_IN,"account_not_found",c)):(null==t||null==(l=t.errors)||null==(s=l[0])?void 0:s.code)==="form_param_format_invalid"?P("Please enter a valid email address"):P((null==t||null==(u=t.errors)||null==(o=u[0])?void 0:o.longMessage)||"Something went wrong. Please try again or c

9ontact support if the issue persists.")}finally{x.current=!1,g(!1)}}},q=async()=>{if(a&&h.current&&!x.current&&!p&&!(G>0)){x.current=!0,g(!0),P(null);try{await a.prepareFirstFactor({strategy:"email_code",emailAddressId:h.current}),z(k.A),n.Ay.success("Verification code resent")}catch(a){var e,t;P((null==a||null==(t=a.errors)||null==(e=t[0])?void 0:e.longMessage)||"Unable to resend verification code at the moment.")}finally{x.current=!1,g(!1)}}};return t&&a?e.query.__clerk_ticket?(0,r.jsxs)("div",{className:"min-h-screen bg-black flex items-center justify-center",children:[(0,r.jsx)(w.g,{className:"fixed right-5 top-5"}),(0,r.jsx)(m,{fallbackRedirectUrl:c||"/",forceRedirectUrl:c||"/"})]}):(0,r.jsxs)("div",{className:"w-full h-screen flex flex-row relative",children:[(0,r.jsx)(R.z,{size:350,opacity:.25,color:"#0ea5e9",transitionMs:120,className:"blur-3xl z-0"}),(0,r.jsxs)("div",{className:"hidden md:block w-1/2 h-full relative bg-black z-10",children:[(0,r.jsxs)("div",{className:"h-full w-full flex flex-col items-center justify-center",children:[(0,r.jsx)(f.P.div,{initial:{y:30,opacity:0},animate:{y:0,opacity:1},transition:{duration:.7,ease:"easeOut"},children:(0,r.jsx)(y.A,{width:400,className:"mb-6"})}),(0,r.jsx)(w.g,{})]}),(0,r.jsx)(f.P.div,{initial:{opacity:0}

9,animate:{opacity:1},transition:{duration:1,delay:.3,ease:"easeOut"},children:(0,r.jsx)(I.I,{orientation:"vertical"})})]}),(0,r.jsxs)("div",{className:"w-full md:w-1/2 h-full flex flex-col items-center justify-center max-w-100 mx-auto space-y-12 p-4 relative z-10",children:[(0,r.jsxs)("div",{className:"md:hidden",children:[(0,r.jsx)(f.P.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:.3,ease:"easeOut"},className:"absolute top-0 left-0 right-0",children:(0,r.jsx)(I.I,{orientation:"horizontal"})}),(0,r.jsx)(f.P.div,{initial:{y:30,opacity:0},animate:{y:0,opacity:1},transition:{duration:.7,ease:"easeOut"},children:(0,r.jsx)(y.A,{})}),(0,r.jsx)(w.g,{className:"mt-4"})]}),(0,r.jsx)(f.P.div,{initial:{opacity:0,x:50},animate:{opacity:1,x:0},transition:{duration:.8,delay:.2,ease:"easeOut"},className:"w-full",children:A?(0,r.jsx)(F,{handleResendCode:q,resendingCode:p,resendCooldownSeconds:G,signIn:a,setActive:o,isLoaded:t,onGoBack:()=>{S(!1),P(null),U(),h.current=null}}):(0,r.jsx)(E,{handleGoogleSignIn:D,isLoading:p,isGoogleLoading:v,email:d,handleInputChange:e=>{u(e.target.value.replace(/\s/g,""))},handleKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),e.stopPropagation(),x.current||p||T())},error:C,handleSubmit:T,redirectUrl:c})})]})]}):(0,r.jsx)(j.A,{})}let E=e=>{let{handleGoogleSignIn:t,isLoading:a,isGoogleLoading:i,email:s,handleInputChange:n,handleKeyDown:l,error:o,handleSubmit:c,redirectUrl:d}=e,u=(0,O.uT)(N.bw.SIGN_UP,d);return(0,r.jsx)("div",{className:"w-full flex flex-col items-center justify-center",children:(0,r.jsxs)("div",{className:"flex flex-col items-center text-center w-full",children:[(0,r.jsxs)(f.P.div,{initial:{opacity:0,x:30},animate:{opacity:1,x:0},transition:{duration:.6,delay:.3,ease:"easeOut"},className:"mb-12 flex flex-col items-center justify-center",children:[(0,r.jsx)("span",{className:"font-medium text-3xl text-white mb-3",children:"Sign In"}),(0,r.jsx)("span",{className:"text-white font-light",children:"Input your email or continue with Google"})]}),(0,r.jsx)(f.P.div,{initial:{opacity:0,x:30},animate:{opacity:1,x:0},transition:{duration:.6,delay:.4,ease:"easeOut"},className:"w-full mb-6",children:(0,r.jsx)("div",{className:"relative w-full rounded-full p-0.5 border border-white/10 transition-all duration-200 hover:border-transparent focus-within:border-transparent hover:shadow-[0_0_0_1px_rgb(14_165_233),0_0_6px_2px_rgba(14,165,233,0.35)] focus-within:shadow-[0_0_0_1px_rgb(14_165_233),0_0_6px_2px_rgba(14,165,233,0.35)]",children:(0,r.jsxs)("div",{className:"relative w-full rounded-full bg-white-08",children:[(0,r.jsx)(b.pd,{"data-testid":"sign-in-email",text:"sm",className:"w-full pr-12 rounded-full bg-transparent border-0 focus-visible:ring-0 focus-visible:border-0",value:s,onChange:n,onKeyDown:l,placeholder:"[email protected]",type:"email",autoComplete:"email"}),(0,r.jsx)("button",{type:"button","data-testid":"sign-in-submit",onClick:e=>{e.preventDefault(),e.stopPropagation(),c()},disabled:a||!s.trim(),"aria-label":a?"Signing in...":"Sign in with email",className:"cursor-pointer absolute right-2 top-1/2 -translate-y-1/2 p-2 rounded-full bg-white text-black hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-not-allowed z-10",children:a?(0,r.jsx)(S.A,{className:"text-black"}):(0,r.jsx)(p.A,{size:16})})]})})}),(0,r.jsx)(f.P.div,{initial:{opacity:0,x:30},animate:{opacity:1,x:0},transition:{duration:.5,delay:.5,ease:"easeOut"},className:"flex justify-center items-center w-full mb-6 text-white",children:(0,r.jsxs)("div",{className:"flex items-center w-full",children:[(0,r.jsx)("div",{className:"flex-1 h-px bg-white/20"}),(0,r.jsx)("span",{className:"mx-4 text-base font-medium",children:"OR"}),(0,r.jsx)("div",{className:"flex-1 h-px bg-white/20"})]})}),(0,r.jsx)(f.P.div,{initial:{opacity:0,x:30},animate:{opacity:1,x:0},transition:{duration:.6,delay:.6,ease:"easeOut"},className:"w-full",children:(0,r.jsxs)(v.$,{text:"sm","data-testid":"sign-in-google",onClick:t,className:"w-full cursor-pointer",disabled:i,"aria-label":i?"Signing in with Google...":"Continue with Google",children:[(0,r.jsx)("span",{className:"mr-3",children:(0,r.jsx)(x(),{src:A.A,alt:"Google",width:24,height:24})}),(0,r.jsx)("span",{className:"text-black text-sm",children:"Continue with Google"}),i&&(0,r.jsx)(S.A,{className:"text-black ml-3"})]})}),o&&(0,r.jsx)(f.P.div,{initial:{opacity:0,x:20}

9,animate:{opacity:1,x:0},transition:{duration:.4,delay:.7,ease:"easeOut"},className:"mt-4",children:(0,r.jsx)(P.Q,{type:"warning",message:o})}),(0,r.jsx)(f.P.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.4,delay:.8,ease:"easeOut"},className:"mt-6 text-center",children:(0,r.jsxs)("span",{className:"text-gray-400 text-sm",children:["Don't have an account?"," ",(0,r.jsx)("a",{href:u,"data-testid":"sign-in-sign-up-link",className:"text-white hover:text-gray-300 underline cursor-pointer transition-colors",children:"Sign Up"})]})})]})})},F=e=>{let{handleResendCode:t,resendingCode:a,resendCooldownSeconds:n,signIn:l,setActive:o,isLoaded:c,onGoBack:d}=e,u=(0,i.useRouter)(),m=(0,O.S0)(u.query.redirect_url),h=(0,s.useRef)([]),x=(0,s.useRef)(!1),[f,p]=(0,s.useState)(!1),[y,w]=(0,s.useState)(null),[j,N]=(0,s.useState)(Array.from({length:6},()=>"")),_=j.every(e=>""!==e),k=async()=>{if(c&&l&&o&&!x.current&&!f){x.current=!0,p(!0);try{let e=await l.attemptFirstFactor({code:j.join(""),strategy:"email_code"});"complete"===e.status?(await o({session:e.createdSessionId}),u.push(null!=m?m:"/")):w($)}catch(a){var e,t;w((null==a||null==(t=a.errors)||null==(e=t[0])?void 0:e.longMessage)||$)}finally{x.current=!1,p(!1)}}};return(0,s.useEffect)(()=>{h.current[0]&&h.current[0].focus()},[]),(0,r.jsxs)("div",{className:"w-full flex flex-col items-center justify-center",children:[(0,r.jsx)("span",{className:"text-2xl text-white font-medium mb-4",children:"We sent you a code"}),(0,r.jsx)("div",{className:"flex flex-col items-center justify-center max-w-100 text-gray-400 text-center space-y-2 mb-4",children:(0,r.jsx)("span",{className:"block",children:"Please enter the six-digit code we sent to your email address."})}),(0,r.jsx)("div",{className:"whitespace-nowrap flex items-center justify-center space-x-2 mb-4",children:j.map((e,t)=>(0,r.jsx)(b.pd,{"data-testid":"sign-in-otp-".concat(t),type:"text",inputMode:"numeric",className:"w-12 h-12 p-0 text-center text-xl text-white",onChange:e=>((e,t)=>{var a,r,i;if(0===t&&6===e.length){N(e.split("")),null==(a=h.current[t])||a.blur();return}if(2===e.length)return;let s=[...j];s[t]=e,N(s),t<5&&1===e.length&&(null==(r=h.current[t+1])||r.focus()),t>0&&0===e.length&&(null==(i=h.current[t-1])||i.focus())})(e.target.value,t),ref:e=>{e&&(h.current[t]=e)},value:j[t]},t))}),(0,r.jsxs)("div",{className:"flex items-center text-gray-400 text-sm group/resend",children:[(0,r.jsxs)("div",{children:["Didn't receive?"," ",(0,r.jsx)("a",{href:"#",role:"button","data-testid":"sign-in-resend-code",onClick:e=>{e.preventDefault(),n>0||a||t()},"aria-label":a?"Resending verification code":n>0?"Resend code in ".concat(n," seconds"):"Resend verification code",className:(0,C.cn)(a||n>0?"opacity-50 cursor-not-allowed":"cursor-pointer underline group-hover/resend:text-white"),"aria-disabled":n>0||a,children:a?"Resending...":n>0?"Resend code in ".concat(n,"s"):"Resend code"})]}),a&&(0,r.jsx)(S.A,{className:"ml-3 text-black"})]}),(0,r.jsxs)("div",{className:"flex gap-3 mt-6 w-full",children:[(0,r.jsxs)(v.$,{"data-testid":"sign-in-go-back",onClick:()=>{d(),N(Array.from({length:6},()=>""))},className:"w-1/3 cursor-pointer text-gray-400 hover:text-white",variant:"ghost","aria-label":"Go back to email entry",children:[(0,r.jsx)(g.A,{size:16,className:"mr-2"}),(0,r.jsx)("span",{className:"text-sm",children:"Go Back"})]}),(0,r.jsxs)(v.$,{"data-testid":"sign-in-confirm",text:"sm",disabled:!_||f,onClick:k,className:"w-2/3","aria-label":f?"Confirming sign in...":"Confirm verification code",children:[(0,r.jsx)("span",{className:"text-black text-sm",children:"Confirm"}),f&&(0,r.jsx)(S.A,{className:"ml-3 text-black"})]})]}),y&&(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)(P.Q,{type:"error",message:y})})]})}}},e=>{e.O(0,[3941,9182,636,6593,8792],()=>e(e.s=58550)),_N_E=e.O()}]);