@qratilabs/qrati-connect 2.32.2 → 2.33.1

package/element/DKRKwBRc.js

@@ -0,0 +1,8 @@
+import{Kt as a,_t as s,ft as e,nt as o,un as r,xn as l,xt as i}from"./FE0pIRqe.js";import{n as t}from"./Czk6IR70.js";import{t as n}from"./Cx6rq6N5.js";import{a as d,i as m,o as c,r as w,s as p,t as g}from"./BSGK1Ri1.js";import{n as h,r as f,t as u}from"./CX1SNDQH.js";var b=()=>{const{t:b}=t(),[v,C]=l(""),[P,y]=l(""),[N,x]=l(""),[j,k]=l(""),[A,S]=l(""),[z,F]=l(null),[L,E]=l({}),[O,R]=l(!1),[W,D]=l({google:!1,apple:!1}),[G,H]=l({showPassword:!1,showConfirmPassword:!1}),I=s(),{registerUsingEmail:U,loginWithGoogle:_,loginWithApple:B}=i(),K=a=>{E(s=>s[a]?{...s,[a]:void 0}:s)},T=async(a,s)=>{D(s=>({...s,[a]:!0})),F(null);try{await(s?.())}catch(e){e instanceof Error?F(e.message):F(`Failed to sign up with ${a.charAt(0).toUpperCase()+a.slice(1)}`)}finally{D(s=>({...s,[a]:!1}))}};/* @__PURE__ */
+return r("div",{className:"bg-background w-full space-y-8",children:[/* @__PURE__ */r("form",{noValidate:!0,onSubmit:async a=>{a.preventDefault();const s=d(v),e=c(P),o=m(N),r=p(j),l=w(A,j);if(s||e||o||r||l)return void E({fname:s,lname:e,email:o,password:r,confirmPassword:l});E({}),R(!0),F(null);const i=await(U?.(N.toLowerCase(),j,v,P));i?.error&&F(i.error),R(!1)},className:"space-y-4",children:[
+/* @__PURE__ */r("div",{className:"grid grid-cols-2 gap-4",children:[/* @__PURE__ */r(g,{label:b("auth.firstName","First name"),name:"fname",disabled:O,type:"text",value:v,onChange:a=>{C(a.target.value),K("fname")},error:L.fname}),/* @__PURE__ */r(g,{label:b("auth.lastName","Last name"),name:"lname",disabled:O,type:"text",value:P,onChange:a=>{y(a.target.value),K("lname")},error:L.lname})]}),
+/* @__PURE__ */r(g,{label:b("auth.email","Email address"),name:"email",disabled:O,type:"email",value:N,onChange:a=>{x(a.target.value),K("email")},autoComplete:"email",error:L.email}),
+/* @__PURE__ */r(g,{label:b("auth.password","Password"),name:"password",disabled:O,type:G.showPassword?"text":"password",value:j,onChange:a=>{k(a.target.value),K("password")},autoComplete:"new-password",error:L.password,actionLabel:G.showPassword?"Hide password":"Show password",actionIcon:G.showPassword?/* @__PURE__ */r(u,{className:"size-5"}):/* @__PURE__ */r(h,{className:"size-5"}),onActionClick:()=>H(a=>({...a,showPassword:!a.showPassword}))}),
+/* @__PURE__ */r(g,{label:b("auth.confirmPassword","Confirm password"),name:"confirmPassword",disabled:O,type:G.showConfirmPassword?"text":"password",value:A,onChange:a=>{S(a.target.value),K("confirmPassword")},autoComplete:"new-password",error:L.confirmPassword,actionLabel:G.showConfirmPassword?"Hide password":"Show password",actionIcon:G.showConfirmPassword?/* @__PURE__ */r(u,{className:"size-5"}):/* @__PURE__ */r(h,{className:"size-5"}),onActionClick:()=>H(a=>({...a,showConfirmPassword:!a.showConfirmPassword}))}),z&&/* @__PURE__ */r(o,{align:"center",color:"error",className:"font-medium",children:z}),
+/* @__PURE__ */r("div",{className:"flex justify-end",children:/* @__PURE__ */r(e,{to:a.FORGOT_PASSWORD,state:{from:I.pathname},children:/* @__PURE__ */r(o,{variant:"h6",className:"w-fit",children:b("button.forgotPassword","Forgot Password?")})})}),
+/* @__PURE__ */r(n,{type:"submit",color:"primary",className:"w-full",disabled:O,loading:O,children:b("button.register","Register")})]}),/* @__PURE__ */r("div",{className:"grid grid-cols-2 gap-2",children:[/* @__PURE__ */r(f,{disabled:O||W.google||W.apple,loading:W.google,onClick:()=>T("google",_),provider:"google"}),/* @__PURE__ */r(f,{disabled:O||W.google||W.apple,loading:W.apple,onClick:()=>T("apple",B),provider:"apple"})]})]})};export{b as default};