cauthy-auth 0.18.0 → 0.19.0

package/dist/react.mjs

@@ -402,7 +402,7 @@ function createAuthClient(options = {}) {
       },
       addPasskey(f = {}) {
         if (!canUsePasskeys()) return Promise.resolve({ ok: false, error: { code: "passkey_unavailable", message: "This browser cannot make passkeys." } });
-        return ceremony("/me/passkeys/add/begin", "/me/passkeys/add/finish", { password: f.password ?? "" }, makePasskey, { name: f.name ?? "" });
+        return ceremony("/me/passkeys/add/begin", "/me/passkeys/add/finish", { password: f.password ?? "", ...f.kind ? { kind: f.kind } : {} }, makePasskey, { name: f.name ?? "" });
       },
       removePasskey: (id) => post("/me/passkeys/remove", { id }, null)
     },
@@ -543,6 +543,9 @@ var TEXTS = {
     passkeyName: "A name for this device (optional)",
     addPasskey: "Add a passkey on this device",
     removePasskey: "Remove",
+    addPasskeyDevice: "Add this device (fingerprint or face)",
+    addSecurityKey: "Add a security key",
+    passkeyKinds: { security_key: "Security key", synced: "Synced across your devices", device: "On this device only" },
     passkeyAdded: "The passkey was added. Next time, sign in with it.",
     passkeyUnnamed: "Passkey",
     sessions: "Where you are signed in",
@@ -655,6 +658,9 @@ var TEXTS = {
     passkeyName: "Un nombre para este dispositivo (opcional)",
     addPasskey: "Agregar una llave en este dispositivo",
     removePasskey: "Quitar",
+    addPasskeyDevice: "Agregar este dispositivo (huella o rostro)",
+    addSecurityKey: "Agregar una llave f\xEDsica",
+    passkeyKinds: { security_key: "Llave f\xEDsica", synced: "Sincronizada entre tus dispositivos", device: "Solo en un dispositivo" },
     passkeyAdded: "La llave de acceso qued\xF3 agregada. La pr\xF3xima vez, entra con ella.",
     passkeyUnnamed: "Llave de acceso",
     sessions: "D\xF3nde tienes la sesi\xF3n abierta",
@@ -1230,9 +1236,9 @@ function PasskeysPart({ props, account, accountUrl, when }) {
       /* @__PURE__ */ jsx("a", { className: f.cx("link"), href: accountUrl, children: f.t.managePasskeys })
     ] });
   }
-  const add = async (e) => {
-    e.preventDefault();
-    const r = await run(() => auth.account.addPasskey({ name, password }));
+  const add = async (e, kind = "device") => {
+    e?.preventDefault();
+    const r = await run(() => auth.account.addPasskey({ name, password, kind }));
     if (!r.ok) {
       if (r.error.code === "cancelled") f.setError(null);
       return;
@@ -1252,6 +1258,7 @@ function PasskeysPart({ props, account, accountUrl, when }) {
     general && /* @__PURE__ */ jsx("p", { role: "alert", className: f.cx("error"), children: f.say(general) }),
     list.length === 0 ? /* @__PURE__ */ jsx("p", { className: f.cx("notice"), children: f.t.noPasskeys }) : /* @__PURE__ */ jsx("ul", { className: f.cx("sessions"), children: list.map((p) => /* @__PURE__ */ jsxs("li", { className: f.cx("session"), children: [
       p.name || f.t.passkeyUnnamed,
+      p.kind !== "unknown" ? ` \xB7 ${f.t.passkeyKinds[p.kind]}` : "",
       " \xB7 ",
       when(p.createdAt),
       " ",
@@ -1259,7 +1266,8 @@ function PasskeysPart({ props, account, accountUrl, when }) {
     ] }, p.id)) }),
     /* @__PURE__ */ jsx(Field, { f, name: "name", type: "text", label: f.t.passkeyName, value: name, autoComplete: "off", onChange: setName }),
     account.hasPassword && /* @__PURE__ */ jsx(Field, { f, name: "password", type: "password", label: f.t.currentPassword, value: password, autoComplete: "current-password", required: true, onChange: setPassword }),
-    /* @__PURE__ */ jsx(f.Button, { type: "submit", disabled: f.busy, className: f.cx("button"), children: f.t.addPasskey }),
+    /* @__PURE__ */ jsx(f.Button, { type: "submit", disabled: f.busy, className: f.cx("button"), children: f.t.addPasskeyDevice }),
+    /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => void add(null, "security_key"), children: f.t.addSecurityKey }),
     done && /* @__PURE__ */ jsx("p", { role: "status", className: f.cx("notice"), children: done })
   ] });
 }