cauthy-auth 0.24.2 → 0.25.0

package/dist/react.mjs

@@ -173,6 +173,13 @@ function checkName(value) {
   if (typeof value !== "string" || value.trim().length > MAX_NAME) return { field: "name", code: "too_long", message: `Use at most ${MAX_NAME} characters.` };
   return null;
 }
+var MAX_ORGANIZATION = 120;
+function checkOrganization(value, required = false) {
+  const v = typeof value === "string" ? value.trim() : "";
+  if (v === "") return required ? { field: "organization", code: "required", message: "Enter your company's name." } : null;
+  if (v.length > MAX_ORGANIZATION) return { field: "organization", code: "too_long", message: `Use at most ${MAX_ORGANIZATION} characters.` };
+  return null;
+}
 function checkCode(value) {
   const v = typeof value === "string" ? value.trim() : "";
   if (v === "") return { field: "code", code: "required", message: "Enter the code." };
@@ -395,7 +402,12 @@ function createAuthClient(options = {}) {
       }
     },
     signUp: {
-      email: (f) => post("/sign-up/email", { email: f.email, password: f.password, name: f.name }, firstProblem(checkName(f.name), checkEmail(f.email), checkNewPassword(f.password)), f.captchaToken)
+      email: (f) => post(
+        "/sign-up/email",
+        { email: f.email, password: f.password, name: f.name, organization: f.organization },
+        firstProblem(checkName(f.name), checkEmail(f.email), checkNewPassword(f.password), checkOrganization(f.organization)),
+        f.captchaToken
+      )
     },
     forgotPassword: (f) => post("/forgot-password", { email: f.email }, checkEmail(f.email), f.captchaToken),
     resetPassword: (f) => post("/reset-password", { token: f.token, password: f.password }, checkNewPassword(f.password)),
@@ -555,6 +567,7 @@ var TEXTS = {
     email: "Email",
     password: "Password",
     name: "Name",
+    company: "Your company's name",
     code: "Code",
     signIn: "Sign in",
     signUp: "Create account",
@@ -583,7 +596,7 @@ var TEXTS = {
     removePhone: "Remove phone",
     bySms: "SMS",
     byWhatsapp: "WhatsApp",
-    checkEmail: "Almost there: open the link we sent to confirm your address, then sign in.",
+    checkEmail: "Almost there: open the link we sent to confirm your address \u2014 it signs you in.",
     backToSignIn: "Back to sign in",
     emailMeALink: "Email me a sign-in link",
     usePasskey: "Sign in with a passkey",
@@ -704,6 +717,7 @@ var TEXTS = {
     email: "Correo",
     password: "Contrase\xF1a",
     name: "Nombre",
+    company: "Nombre de tu empresa",
     code: "C\xF3digo",
     signIn: "Entrar",
     signUp: "Crear cuenta",
@@ -732,7 +746,7 @@ var TEXTS = {
     removePhone: "Quitar tel\xE9fono",
     bySms: "SMS",
     byWhatsapp: "WhatsApp",
-    checkEmail: "Ya casi: abre el enlace que te enviamos para confirmar tu correo y luego entra.",
+    checkEmail: "Casi listo: abre el enlace que te enviamos para confirmar tu correo; te deja adentro.",
     backToSignIn: "Volver a entrar",
     emailMeALink: "Env\xEDame un enlace para entrar",
     usePasskey: "Entrar con una llave de acceso",
@@ -1243,15 +1257,17 @@ function SignUp(props) {
   const auth = useAuth();
   const f = useForm(props);
   const [name, setName] = useState("");
+  const [organization, setOrganization] = useState("");
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [sent, setSent] = useState(false);
-  const challenge = useChallenge(useMethods(auth)?.captchaSiteKey, props.locale);
+  const methods = useMethods(auth);
+  const challenge = useChallenge(methods?.captchaSiteKey, props.locale);
   const submit = async (e) => {
     e.preventDefault();
     f.setBusy(true);
     f.setError(null);
-    const r = auth.session?.user.isAnonymous === true ? await auth.account.upgrade({ name, email, password }) : await auth.signUp.email({ name, email, password, captchaToken: challenge.token });
+    const r = auth.session?.user.isAnonymous === true ? await auth.account.upgrade({ name, email, password }) : await auth.signUp.email({ name, email, password, ...methods?.organization?.ask ? { organization } : {}, captchaToken: challenge.token });
     f.setBusy(false);
     challenge.renew();
     if (!r.ok) return f.setError(r.error);
@@ -1267,6 +1283,7 @@ function SignUp(props) {
   }
   return /* @__PURE__ */ jsxs("form", { className: f.cx("form"), ...f.root, onSubmit: submit, noValidate: true, children: [
     general && /* @__PURE__ */ jsx("p", { role: "alert", className: f.cx("error"), children: f.say(general) }),
+    methods?.organization?.ask && /* @__PURE__ */ jsx(Field, { f, name: "organization", type: "text", label: f.t.company, value: organization, autoComplete: "organization", required: methods.organization.required, onChange: setOrganization }),
     /* @__PURE__ */ jsx(Field, { f, name: "name", type: "text", label: f.t.name, value: name, autoComplete: "name", onChange: setName }),
     /* @__PURE__ */ jsx(Field, { f, name: "email", type: "email", label: f.t.email, value: email, autoComplete: "username", required: true, onChange: setEmail }),
     /* @__PURE__ */ jsx(Field, { f, name: "password", type: "password", label: f.t.password, value: password, autoComplete: "new-password", required: true, onChange: setPassword }),
@@ -1359,6 +1376,7 @@ function VerifyEmail(props) {
       return setState("failed");
     }
     void auth.verifyEmail({ token }).then((r) => {
+      if (r.ok && r.status === "signed_in") return f.done();
       if (r.ok) return setState("confirmed");
       f.setError(r.error);
       setState("failed");