cauthy-auth 0.35.2 → 0.36.1

package/dist/react.d.mts

@@ -1190,6 +1190,10 @@ interface AuthTexts {
     checkEmail: string;
     backToSignIn: string;
     emailMeALink: string;
+    /** The sign-in link's own step: what it does, its send button, the way back. */
+    linkHelp: string;
+    sendMeTheLink: string;
+    back: string;
     usePasskey: string;
     codeFromMail: string;
     signInLinkSent: string;

package/dist/react.d.ts

@@ -1190,6 +1190,10 @@ interface AuthTexts {
     checkEmail: string;
     backToSignIn: string;
     emailMeALink: string;
+    /** The sign-in link's own step: what it does, its send button, the way back. */
+    linkHelp: string;
+    sendMeTheLink: string;
+    back: string;
     usePasskey: string;
     codeFromMail: string;
     signInLinkSent: string;

package/dist/react.js

@@ -816,6 +816,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.",
@@ -997,6 +1000,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.",
@@ -1692,9 +1698,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;
@@ -1735,6 +1746,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__ */ (0, import_jsx_runtime.jsx)(Wrap, { f, as: "div", slot: "form", root: f.root, busy: true });
@@ -1748,11 +1764,27 @@ function SignIn(props) {
     ] });
   }
   if (step === "code") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SecondStepForm, { f, auth });
+  if (step === "link") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { f, as: "form", slot: "form", root: f.root, onSubmit: submit, noValidate: true, children: [
+      general && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Say, { f, tone: "danger", children: f.say(general) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Note, { f, children: f.t.linkHelp }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, { f, name: "email", type: "email", label: f.t.email, value: email, autoComplete: "username", required: true, onChange: setEmail }),
+      challenge.node,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f.Button, { type: "submit", variant: "primary", loading: f.loading("link"), disabled: f.busy, className: f.cx("button"), children: f.t.sendMeTheLink }),
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(Wrap, { f, as: "form", slot: "form", root: f.root, onSubmit: submit, noValidate: true, children: [
     general && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Say, { f, tone: "danger", children: f.say(general) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProviderButtons, { f, providers: methods?.providers ?? [], onPick: (id) => auth.signIn.social(id, { returnTo: props.returnTo }) }),
     offers.passkey && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(Or, { f, children: f.t.orWithEmail }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProviderButtons, { f, providers: methods?.providers ?? [], onPick: (id) => auth.signIn.social(id, { returnTo: props.returnTo }) }),
+    quickLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f.Button, { type: "button", variant: "secondary", disabled: f.busy, className: f.cx("providerButton"), onClick: openLink, children: f.t.emailMeALink }),
+    asksEmail && quick && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Or, { f, children: f.t.orWithEmail }),
     asksEmail && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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,
@@ -1778,8 +1810,10 @@ function SignIn(props) {
       challenge.node,
       /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      challenge.node,
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(Note, { f, footer: true, children: [
       f.t.noAccount,
       " ",