cauthy-auth 0.25.0 → 0.27.0

package/dist/react.mjs

@@ -286,6 +286,7 @@ function createAuthClient(options = {}) {
       mfa: (f) => post("/sign-in/mfa", { code: f.code }, checkCode(f.code)),
       mfaMethods: () => post("/sign-in/mfa/methods", {}, null),
       mfaSendCode: () => post("/sign-in/mfa/send", {}, null),
+      mfaSendEmail: () => post("/sign-in/mfa/email", {}, null),
       mfaPush: () => post("/sign-in/mfa/push", {}, null),
       async mfaPushWait(o = {}) {
         const status = await new Promise((resolve) => {
@@ -404,7 +405,7 @@ function createAuthClient(options = {}) {
     signUp: {
       email: (f) => post(
         "/sign-up/email",
-        { email: f.email, password: f.password, name: f.name, organization: f.organization },
+        { email: f.email, password: f.password, name: f.name, organization: f.organization, acceptLegal: f.acceptLegal, consents: f.consents },
         firstProblem(checkName(f.name), checkEmail(f.email), checkNewPassword(f.password), checkOrganization(f.organization)),
         f.captchaToken
       )
@@ -437,6 +438,12 @@ function createAuthClient(options = {}) {
         return body && typeof body.account === "object" ? body.account : null;
       },
       update: (f) => post("/me", { name: f.name }, checkName(f.name)),
+      async legal() {
+        const body = await read("/me/legal");
+        if (!body) return { ok: false, error: { code: "not_signed_in", message: "Nobody is signed in." } };
+        return { ok: true, status: "ok", pending: Array.isArray(body.pending) ? body.pending : [] };
+      },
+      acceptLegal: (f = {}) => post("/me/legal/accept", { kinds: f.kinds ?? [] }, null),
       changePassword: (f) => {
         const bad = checkNewPassword(f.newPassword);
         return post("/me/password", { password: f.password, newPassword: f.newPassword }, bad ? { ...bad, field: "newPassword" } : null);
@@ -577,11 +584,17 @@ var TEXTS = {
     noAccount: "No account yet?",
     createAccount: "Create one",
     haveAccount: "Already have an account?",
+    iAccept: "I have read and accept",
+    and: "and",
+    termsOfService: "the Terms of Service",
+    privacyPolicy: "the Privacy Policy",
     sendLink: "Send the link",
     linkSent: "If that address has an account, a link to choose a new password is on its way.",
     codeHelp: "Enter the code from your authenticator app, or a recovery code.",
     verify: "Verify",
     codeHelpPhone: "We send a code to your phone. Ask for it, then type it here, or use a recovery code.",
+    codeHelpEmail: "We sent a code to {to}. Type it here.",
+    sendEmailAgain: "Send the code again",
     sendCodeSms: "Send a code by SMS to {to}",
     sendCodeWhatsapp: "Send a code by WhatsApp to {to}",
     codeSent: "We sent a code to {to}. Type it here.",
@@ -727,11 +740,17 @@ var TEXTS = {
     noAccount: "\xBFNo tienes cuenta?",
     createAccount: "Crear una",
     haveAccount: "\xBFYa tienes cuenta?",
+    iAccept: "He le\xEDdo y acepto",
+    and: "y",
+    termsOfService: "los T\xE9rminos del servicio",
+    privacyPolicy: "la Pol\xEDtica de privacidad",
     sendLink: "Enviar el enlace",
     linkSent: "Si ese correo tiene una cuenta, ya va en camino un enlace para elegir una contrase\xF1a nueva.",
     codeHelp: "Escribe el c\xF3digo de tu aplicaci\xF3n de autenticaci\xF3n, o un c\xF3digo de recuperaci\xF3n.",
     verify: "Verificar",
     codeHelpPhone: "Te enviamos un c\xF3digo a tu tel\xE9fono. P\xEDdelo y escr\xEDbelo aqu\xED, o usa un c\xF3digo de recuperaci\xF3n.",
+    codeHelpEmail: "Te enviamos un c\xF3digo a {to}. Escr\xEDbelo aqu\xED.",
+    sendEmailAgain: "Enviar el c\xF3digo de nuevo",
     sendCodeSms: "Enviar un c\xF3digo por SMS a {to}",
     sendCodeWhatsapp: "Enviar un c\xF3digo por WhatsApp a {to}",
     codeSent: "Te enviamos un c\xF3digo a {to}. Escr\xEDbelo aqu\xED.",
@@ -1050,9 +1069,17 @@ function SignIn(props) {
   useEffect(() => {
     if (step !== "code") return;
     void auth.signIn.mfaMethods().then((r) => {
-      if (r.ok) setPhoneWay({ totp: r.totp, phone: r.phone, push: r.push });
+      if (r.ok) setPhoneWay({ totp: r.totp, phone: r.phone, push: r.push, email: r.email });
     });
   }, [step]);
+  const sendEmail = async () => {
+    f.setBusy(true);
+    f.setError(null);
+    const r = await auth.signIn.mfaSendEmail();
+    f.setBusy(false);
+    if (!r.ok) return f.setError(r.error);
+    setPhoneSent(r.sentTo);
+  };
   const [pushNumber, setPushNumber] = useState(0);
   const pushWait = useRef(null);
   useEffect(() => () => pushWait.current?.abort(), []);
@@ -1181,8 +1208,9 @@ function SignIn(props) {
   if (step === "code") {
     const to = phoneWay?.phone?.number ?? "";
     return /* @__PURE__ */ jsxs("form", { className: f.cx("form"), ...f.root, onSubmit: submit, noValidate: true, children: [
-      /* @__PURE__ */ jsx("p", { className: f.cx("notice"), children: phoneSent ? f.t.codeSent.replace("{to}", phoneSent) : phoneWay?.phone && !phoneWay.totp ? f.t.codeHelpPhone : f.t.codeHelp }),
+      /* @__PURE__ */ jsx("p", { className: f.cx("notice"), children: phoneSent ? f.t.codeSent.replace("{to}", phoneSent) : phoneWay?.email ? f.t.codeHelpEmail.replace("{to}", phoneWay.email.to) : phoneWay?.phone && !phoneWay.totp ? f.t.codeHelpPhone : f.t.codeHelp }),
       general && /* @__PURE__ */ jsx("p", { role: "alert", className: f.cx("error"), children: f.say(general) }),
+      phoneWay?.email && /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => void sendEmail(), children: f.t.sendEmailAgain }),
       pushNumber > 0 ? /* @__PURE__ */ jsxs("div", { className: f.cx("notice"), role: "status", "aria-live": "polite", children: [
         /* @__PURE__ */ jsx("p", { children: f.t.pushPick.replace("{n}", String(pushNumber)) }),
         /* @__PURE__ */ jsx("p", { style: { fontSize: 48, fontWeight: 700, margin: "4px 0", textAlign: "center" }, children: pushNumber }),
@@ -1263,11 +1291,21 @@ function SignUp(props) {
   const [sent, setSent] = useState(false);
   const methods = useMethods(auth);
   const challenge = useChallenge(methods?.captchaSiteKey, props.locale);
+  const [acceptLegal, setAcceptLegal] = useState(false);
+  const [consents, setConsents] = useState({});
+  const legal = methods?.legal;
   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, ...methods?.organization?.ask ? { organization } : {}, 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 } : {},
+      ...legal ? { acceptLegal, consents } : {},
+      captchaToken: challenge.token
+    });
     f.setBusy(false);
     challenge.renew();
     if (!r.ok) return f.setError(r.error);
@@ -1287,6 +1325,25 @@ function SignUp(props) {
     /* @__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 }),
+    legal && legal.documents.length > 0 && /* @__PURE__ */ jsxs("label", { className: f.cx("check"), children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", name: "acceptLegal", checked: acceptLegal, required: true, onChange: (e) => setAcceptLegal(e.target.checked) }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        f.t.iAccept,
+        " ",
+        legal.documents.map((d, i) => /* @__PURE__ */ jsxs("span", { children: [
+          i > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            f.t.and,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx("a", { className: f.cx("link"), href: d.url, target: "_blank", rel: "noopener", children: d.kind === "terms" ? f.t.termsOfService : f.t.privacyPolicy }),
+          " "
+        ] }, d.kind))
+      ] })
+    ] }),
+    legal?.consentPurposes.map((p) => /* @__PURE__ */ jsxs("label", { className: f.cx("check"), children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", name: `consent_${p.key}`, checked: consents[p.key] === true, required: p.required, onChange: (e) => setConsents({ ...consents, [p.key]: e.target.checked }) }),
+      /* @__PURE__ */ jsx("span", { children: p.label })
+    ] }, p.key)),
     challenge.node,
     /* @__PURE__ */ jsx(f.Button, { type: "submit", disabled: f.busy, className: f.cx("button"), children: f.t.signUp }),
     props.links?.signIn && /* @__PURE__ */ jsxs("p", { className: f.cx("footer"), children: [