cauthy-auth 0.37.0 → 0.38.0

package/dist/react.d.mts

@@ -732,12 +732,13 @@ interface AccountClient {
         kinds?: string[];
     }): Promise<AuthResult<'accepted'>>;
     mfa: {
-        /** Starts turning the second step on: show `secret` (or `otpauthUri` as a QR code) to add to an authenticator app, then call `verify`. */
+        /** Starts turning the second step on: show `qr` (the `otpauthUri` drawn by Cauthy, a PNG `data:` URI; empty from an older Cauthy) and `secret` to add to an authenticator app, then call `verify`. */
         setup(form: {
             password: string;
         }): Promise<AuthResult<'started', {
             secret: string;
             otpauthUri: string;
+            qr: string;
         }>>;
         /** Turns it on with a code from the app. `recoveryCodes` are shown this once. */
         verify(form: {
@@ -1222,6 +1223,7 @@ interface AuthTexts {
     turnOff: string;
     addToApp: string;
     openInApp: string;
+    qrAlt: string;
     recoveryCodes: string;
     newRecoveryCodes: string;
     keepCodes: string;
@@ -1299,7 +1301,7 @@ interface AuthTexts {
     /** By error code; one missing shows what the server said. */
     errors: Record<string, string>;
 }
-type Slot = 'form' | 'field' | 'label' | 'input' | 'button' | 'providerButton' | 'providerIcon' | 'link' | 'error' | 'fieldError' | 'hint' | 'notice' | 'pending' | 'separator' | 'footer' | 'check' | 'account' | 'section' | 'heading' | 'secret' | 'codes' | 'sessions' | 'session';
+type Slot = 'form' | 'field' | 'label' | 'input' | 'button' | 'providerButton' | 'providerIcon' | 'link' | 'error' | 'fieldError' | 'hint' | 'notice' | 'pending' | 'separator' | 'footer' | 'check' | 'account' | 'section' | 'heading' | 'secret' | 'qr' | 'codes' | 'sessions' | 'session';
 interface AuthFormProps {
     /** The language of the built-in sentences. Default: `en`. */
     locale?: 'en' | 'es';

package/dist/react.d.ts

@@ -732,12 +732,13 @@ interface AccountClient {
         kinds?: string[];
     }): Promise<AuthResult<'accepted'>>;
     mfa: {
-        /** Starts turning the second step on: show `secret` (or `otpauthUri` as a QR code) to add to an authenticator app, then call `verify`. */
+        /** Starts turning the second step on: show `qr` (the `otpauthUri` drawn by Cauthy, a PNG `data:` URI; empty from an older Cauthy) and `secret` to add to an authenticator app, then call `verify`. */
         setup(form: {
             password: string;
         }): Promise<AuthResult<'started', {
             secret: string;
             otpauthUri: string;
+            qr: string;
         }>>;
         /** Turns it on with a code from the app. `recoveryCodes` are shown this once. */
         verify(form: {
@@ -1222,6 +1223,7 @@ interface AuthTexts {
     turnOff: string;
     addToApp: string;
     openInApp: string;
+    qrAlt: string;
     recoveryCodes: string;
     newRecoveryCodes: string;
     keepCodes: string;
@@ -1299,7 +1301,7 @@ interface AuthTexts {
     /** By error code; one missing shows what the server said. */
     errors: Record<string, string>;
 }
-type Slot = 'form' | 'field' | 'label' | 'input' | 'button' | 'providerButton' | 'providerIcon' | 'link' | 'error' | 'fieldError' | 'hint' | 'notice' | 'pending' | 'separator' | 'footer' | 'check' | 'account' | 'section' | 'heading' | 'secret' | 'codes' | 'sessions' | 'session';
+type Slot = 'form' | 'field' | 'label' | 'input' | 'button' | 'providerButton' | 'providerIcon' | 'link' | 'error' | 'fieldError' | 'hint' | 'notice' | 'pending' | 'separator' | 'footer' | 'check' | 'account' | 'section' | 'heading' | 'secret' | 'qr' | 'codes' | 'sessions' | 'session';
 interface AuthFormProps {
     /** The language of the built-in sentences. Default: `en`. */
     locale?: 'en' | 'es';

package/dist/react.js

@@ -845,8 +845,9 @@ var TEXTS = {
     secondStepOff: "Off: signing in asks only for your password.",
     turnOn: "Turn on",
     turnOff: "Turn off",
-    addToApp: "Add this key to your authenticator app, then enter the code it shows.",
+    addToApp: "Scan this code with your authenticator app, or add the key below by hand, then enter the code it shows.",
     openInApp: "Open in an authenticator app",
+    qrAlt: "QR code to add this account to an authenticator app",
     recoveryCodes: "Recovery codes",
     newRecoveryCodes: "New recovery codes",
     keepCodes: "Keep these codes somewhere safe. Each works once, and they are not shown again.",
@@ -1036,8 +1037,9 @@ var TEXTS = {
     secondStepOff: "Inactivo: al entrar solo se pide tu contrase\xF1a.",
     turnOn: "Activar",
     turnOff: "Desactivar",
-    addToApp: "Agrega esta clave a tu aplicaci\xF3n de autenticaci\xF3n y escribe el c\xF3digo que muestra.",
+    addToApp: "Escanea este c\xF3digo con tu aplicaci\xF3n de autenticaci\xF3n, o agrega a mano la clave de abajo, y escribe el c\xF3digo que muestra.",
     openInApp: "Abrir en una aplicaci\xF3n de autenticaci\xF3n",
+    qrAlt: "C\xF3digo QR para agregar esta cuenta a una aplicaci\xF3n de autenticaci\xF3n",
     recoveryCodes: "C\xF3digos de recuperaci\xF3n",
     newRecoveryCodes: "Nuevos c\xF3digos de recuperaci\xF3n",
     keepCodes: "Guarda estos c\xF3digos en un lugar seguro. Cada uno sirve una vez y no se vuelven a mostrar.",
@@ -2748,7 +2750,7 @@ function SecondStepPart({ props, account, onChanged }) {
   const start = async (e) => {
     e.preventDefault();
     const r = await run(() => auth.account.mfa.setup({ password }));
-    if (r.ok) setSetup({ secret: r.secret, otpauthUri: r.otpauthUri });
+    if (r.ok) setSetup({ secret: r.secret, otpauthUri: r.otpauthUri, qr: r.qr ?? "" });
   };
   const confirm = async (e) => {
     e.preventDefault();
@@ -2795,6 +2797,7 @@ function SecondStepPart({ props, account, onChanged }) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { f, as: "form", slot: "section", section: "secondStep", onSubmit: confirm, noValidate: true, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Heading, { f, children: f.t.secondStep }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Note, { f, children: f.t.addToApp }),
+      setup.qr && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { className: f.cx("qr"), src: setup.qr, width: 220, height: 220, alt: f.t.qrAlt }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: f.cx("secret"), children: setup.secret }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(A, { f, href: setup.otpauthUri, children: f.t.openInApp }),
       general && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Say, { f, tone: "danger", children: f.say(general) }),