cauthy-auth 0.35.2 → 0.36.0

package/dist/react.mjs

@@ -767,6 +767,9 @@ var TEXTS = {
     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",
+    linkHelp: "We will email you a link that signs you in, no password needed.",
+    sendMeTheLink: "Send me the link",
+    back: "Back",
     usePasskey: "Sign in with a passkey",
     codeFromMail: "Reading it on another device? Enter the code from the email.",
     signInLinkSent: "If that address has an account, a link to sign in is on its way.",
@@ -948,6 +951,9 @@ var TEXTS = {
     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",
+    linkHelp: "Te enviamos un enlace al correo que te deja entrar, sin contrase\xF1a.",
+    sendMeTheLink: "Env\xEDame el enlace",
+    back: "Volver",
     usePasskey: "Entrar con una llave de acceso",
     codeFromMail: "\xBFLo est\xE1s leyendo en otro dispositivo? Escribe el c\xF3digo que trae el correo.",
     signInLinkSent: "Si ese correo tiene una cuenta, ya va en camino un enlace para entrar.",
@@ -1643,9 +1649,14 @@ function SignIn(props) {
       f.setError(null);
       return toCompany();
     }
+    if (step === "link") {
+      if (company?.enforced) return toCompany();
+      if (f.check(checkEmail(email))) return sendLink();
+      return;
+    }
     if (step === "password" && !passwordOn) {
       if (company) return toCompany();
-      if (methods?.magicLink) return sendLink();
+      if (methods?.magicLink && f.check(checkEmail(email))) return sendLink();
       return;
     }
     if (step === "password" && !f.check(checkEmail(email), checkPassword(password))) return;
@@ -1686,6 +1697,11 @@ function SignIn(props) {
     if (!r.ok) return f.setError(r.error);
     setStep("sent");
   };
+  const openLink = () => {
+    autofill.current?.abort();
+    f.setError(null);
+    setStep("link");
+  };
   const general = f.error && !f.error.field ? f.error : null;
   const asksEmail = offers.email;
   if (step === "opening") return /* @__PURE__ */ jsx(Wrap, { f, as: "div", slot: "form", root: f.root, busy: true });
@@ -1699,11 +1715,27 @@ function SignIn(props) {
     ] });
   }
   if (step === "code") return /* @__PURE__ */ jsx(SecondStepForm, { f, auth });
+  if (step === "link") {
+    return /* @__PURE__ */ jsxs(Wrap, { f, as: "form", slot: "form", root: f.root, onSubmit: submit, noValidate: true, children: [
+      general && /* @__PURE__ */ jsx(Say, { f, tone: "danger", children: f.say(general) }),
+      /* @__PURE__ */ jsx(Note, { f, children: f.t.linkHelp }),
+      /* @__PURE__ */ jsx(Field, { f, name: "email", type: "email", label: f.t.email, value: email, autoComplete: "username", required: true, onChange: setEmail }),
+      challenge.node,
+      /* @__PURE__ */ jsx(f.Button, { type: "submit", variant: "primary", loading: f.loading("link"), disabled: f.busy, className: f.cx("button"), children: f.t.sendMeTheLink }),
+      /* @__PURE__ */ jsx(f.Button, { type: "button", variant: "secondary", disabled: f.busy, className: f.cx("providerButton"), onClick: () => {
+        f.setError(null);
+        setStep("password");
+      }, children: f.t.back })
+    ] });
+  }
+  const quickLink = methods?.magicLink === true && passwordOn;
+  const quick = offers.passkey || (methods?.providers.length ?? 0) > 0 || quickLink;
   return /* @__PURE__ */ jsxs(Wrap, { f, as: "form", slot: "form", root: f.root, onSubmit: submit, noValidate: true, children: [
     general && /* @__PURE__ */ jsx(Say, { f, tone: "danger", children: f.say(general) }),
-    /* @__PURE__ */ jsx(ProviderButtons, { f, providers: methods?.providers ?? [], onPick: (id) => auth.signIn.social(id, { returnTo: props.returnTo }) }),
     offers.passkey && /* @__PURE__ */ jsx(f.Button, { type: "button", variant: "secondary", loading: f.loading("passkey"), disabled: f.busy, className: f.cx("providerButton"), onClick: () => void usePasskey(), children: f.t.usePasskey }),
-    asksEmail && ((methods?.providers.length ?? 0) > 0 || offers.passkey) && /* @__PURE__ */ jsx(Or, { f, children: f.t.orWithEmail }),
+    /* @__PURE__ */ jsx(ProviderButtons, { f, providers: methods?.providers ?? [], onPick: (id) => auth.signIn.social(id, { returnTo: props.returnTo }) }),
+    quickLink && /* @__PURE__ */ jsx(f.Button, { type: "button", variant: "secondary", disabled: f.busy, className: f.cx("providerButton"), onClick: openLink, children: f.t.emailMeALink }),
+    asksEmail && quick && /* @__PURE__ */ jsx(Or, { f, children: f.t.orWithEmail }),
     asksEmail && /* @__PURE__ */ jsx(Field, { f, name: "email", type: "email", label: f.t.email, value: email, autoComplete: methods?.passkeyHere ? "username webauthn" : "username", required: true, onChange: setEmail }),
     company && /* @__PURE__ */ jsxs(f.Button, { type: "button", variant: company.enforced ? "primary" : "secondary", loading: f.loading("sso"), disabled: f.busy, className: f.cx(company.enforced ? "button" : "providerButton"), onClick: toCompany, children: [
       f.t.continueWith,
@@ -1729,8 +1761,10 @@ function SignIn(props) {
       challenge.node,
       /* @__PURE__ */ jsx(f.Button, { type: "submit", variant: "primary", loading: f.loading(), disabled: f.busy, className: f.cx("button"), children: f.t.signIn })
     ] }),
-    !company?.enforced && !passwordOn && methods?.magicLink && challenge.node,
-    methods?.magicLink && !company?.enforced && /* @__PURE__ */ jsx(f.Button, { type: "button", variant: "secondary", loading: f.loading("link"), disabled: f.busy, className: f.cx("providerButton"), onClick: () => void sendLink(), children: f.t.emailMeALink }),
+    !company?.enforced && !passwordOn && methods?.magicLink && /* @__PURE__ */ jsxs(Fragment2, { children: [
+      challenge.node,
+      /* @__PURE__ */ jsx(f.Button, { type: "submit", variant: "primary", loading: f.loading("link"), disabled: f.busy, className: f.cx("button"), children: f.t.sendMeTheLink })
+    ] }),
     methods?.signUp !== false && props.links?.signUp && /* @__PURE__ */ jsxs(Note, { f, footer: true, children: [
       f.t.noAccount,
       " ",