@seams/wallet 0.23.0 → 0.24.0

package/dist/esm/core/signingEngine/walletCustody/unlockedEd25519ExportRootCapability.js

@@ -0,0 +1,74 @@
+import "../../../shared-ts/src/authorization/capabilityKinds.js";
+import "../../../shared-ts/src/passkey-custody/index.js";
+import { requestWalletCustodyCeremonyOperation } from "./ceremonyStepRunner.js";
+//#region src/core/signingEngine/walletCustody/unlockedEd25519ExportRootCapability.ts
+let currentCapability = null;
+let currentCapabilityTransport = null;
+let currentCapabilityExpiryTimer = null;
+function walletCustodyCeremonyTransportFromWorkerContextV1(workerContext) {
+	return { requestOperation: requestWalletCustodyCeremonyOperation.bind(void 0, workerContext) };
+}
+function clearCurrentCapabilityExpiryTimer() {
+	if (currentCapabilityExpiryTimer === null) return;
+	clearTimeout(currentCapabilityExpiryTimer);
+	currentCapabilityExpiryTimer = null;
+}
+function clearCurrentCapabilityReference() {
+	clearCurrentCapabilityExpiryTimer();
+	currentCapability = null;
+	currentCapabilityTransport = null;
+}
+/**
+* The current seed-backed capability for this exact wallet, or undefined when
+* the wallet has none — never a prompt, and never a stale or expired
+* reference. A linked device's Client-root capability is never returned here:
+* seed reseals and auth-method additions cannot use it.
+*/
+function readUnlockedWalletEd25519ExportRootCapabilityV1(walletId) {
+	const capability = readUnlockedEd25519ExportRootLinkingCapabilityV1(walletId);
+	return capability?.kind === "unlocked_wallet_ed25519_export_root_capability_v1" ? capability : void 0;
+}
+/**
+* The current capability a device approving a link seals the export root
+* from, of either kind, for this exact wallet — never a prompt, and never a
+* stale or expired reference.
+*/
+function readUnlockedEd25519ExportRootLinkingCapabilityV1(walletId) {
+	const capability = currentCapability;
+	if (!capability) return void 0;
+	if (capability.walletId !== walletId) return void 0;
+	if (capability.expiresAtMs <= Date.now()) {
+		const transport = currentCapabilityTransport;
+		if (transport) destroyUnlockedWalletEd25519ExportRootCapabilitiesV1(transport, {
+			kind: "capability",
+			capabilityHandleId: capability.capabilityHandleId
+		});
+		else clearCurrentCapabilityReference();
+		return;
+	}
+	return capability;
+}
+/**
+* Destroys worker-held capabilities in the given scope and drops the local
+* reference when it falls inside that scope. Failures to reach the worker are
+* absorbed after dropping the local reference: a torn-down or resetting worker
+* has already lost its handle memory, which is the destruction this call
+* wants.
+*/
+async function destroyUnlockedWalletEd25519ExportRootCapabilitiesV1(transport, scope) {
+	const capability = currentCapability;
+	if (capability !== null && (scope.kind === "all" || scope.kind === "capability" && scope.capabilityHandleId === capability.capabilityHandleId || scope.kind === "wallet" && scope.walletId === capability.walletId || scope.kind === "wallet_session" && scope.walletSessionId === capability.walletSessionId)) clearCurrentCapabilityReference();
+	try {
+		await transport.requestOperation({
+			kind: "walletCustodyCeremony",
+			request: {
+				type: "destroyUnlockedWalletEd25519ExportRootCapabilities",
+				payload: { scope }
+			}
+		});
+	} catch {}
+}
+//#endregion
+export { readUnlockedWalletEd25519ExportRootCapabilityV1, walletCustodyCeremonyTransportFromWorkerContextV1 };
+
+//# sourceMappingURL=unlockedEd25519ExportRootCapability.js.map

package/dist/esm/core/signingEngine/workerManager/workerDeferred.js

@@ -0,0 +1,25 @@
+//#region src/core/signingEngine/workerManager/workerDeferred.ts
+var WorkerDeferred = class {
+	promise;
+	resolveValue = null;
+	rejectValue = null;
+	constructor() {
+		this.promise = new Promise(this.capture);
+	}
+	resolve(value) {
+		if (!this.resolveValue) throw new Error("Worker deferred resolver is unavailable");
+		this.resolveValue(value);
+	}
+	reject(error) {
+		if (!this.rejectValue) throw new Error("Worker deferred rejecter is unavailable");
+		this.rejectValue(error);
+	}
+	capture = (resolve, reject) => {
+		this.resolveValue = resolve;
+		this.rejectValue = reject;
+	};
+};
+//#endregion
+export { WorkerDeferred };
+
+//# sourceMappingURL=workerDeferred.js.map

package/dist/esm/core/ui/messages.js

@@ -69,6 +69,14 @@ const walletMessages = [
 	["Creating your wallet", "ウォレットを作成中"],
 	["Continue with your passkey", "パスキーで続ける"],
 	["Accounts", "アカウント"],
+	["View or add accounts", "アカウントの表示・追加"],
+	["Add EVM account", "EVM アカウントを追加"],
+	["Adding EVM account…", "EVM アカウントを追加中…"],
+	["EVM account added.", "EVM アカウントを追加しました。"],
+	["Account added. Open this wallet again to finish setup.", "アカウントを追加しました。このウォレットを開き直して設定を完了してください。"],
+	["Enable this app’s EVM networks with your passkey.", "パスキーでこのアプリの EVM ネットワークを有効にします。"],
+	["Add a passkey in Authentication methods first.", "先に「認証方法」でパスキーを追加してください。"],
+	["The account could not be added. Try again.", "アカウントを追加できませんでした。もう一度お試しください。"],
 	["View accounts on block explorers", "ブロックエクスプローラーでアカウントを表示"],
 	["Export keys", "鍵をエクスポート"],
 	["Export wallet signing keys", "ウォレットの署名鍵をエクスポート"],
@@ -338,8 +346,6 @@ const walletMessages = [
 	["Adding Email OTP…", "メール認証を追加中…"],
 	["Passkey added.", "パスキーを追加しました。"],
 	["Email OTP added.", "メール認証を追加しました。"],
-	["Unlocking wallet management…", "ウォレット管理のロックを解除中…"],
-	["Wallet management unlocked.", "ウォレット管理のロックを解除しました。"],
 	["Checking authentication methods…", "認証方法を確認中…"],
 	["Unable to load authentication methods:", "認証方法を読み込めません："],
 	["Active authentication methods", "有効な認証方法"],
@@ -350,8 +356,13 @@ const walletMessages = [
 	["Add passkey", "パスキーを追加"],
 	["Use a passkey from this device to unlock the wallet.", "このデバイスのパスキーでウォレットのロックを解除します。"],
 	["Add Email OTP", "メール認証を追加"],
-	["Unlock to manage methods", "ロックを解除して認証方法を管理"],
-	["Confirm your current authentication method to add or remove methods.", "認証方法を追加・削除するには、現在の認証方法を確認してください。"],
+	["Add", "追加"],
+	["Use a one-time code from your email to unlock the wallet.", "メールに届くワンタイムコードでウォレットのロックを解除します。"],
+	["Next, confirm with your passkey. Then enter the code that we email to this address.", "次にパスキーで確認します。その後、このアドレスに届くコードを入力してください。"],
+	["Send code", "コードを送信"],
+	["Sending code…", "コードを送信中…"],
+	["Enter a valid email address.", "有効なメールアドレスを入力してください。"],
+	["Codes go to the email address you verified.", "確認済みのメールアドレスにコードを送信します。"],
 	["Transfer", "送金"],
 	["Warnings", "警告"],
 	["No operations", "操作なし"],

package/dist/esm/externalNear/controller.js

@@ -1,6 +1,7 @@
 import { createNearWalletProvider, nearWalletName } from "./wallets.js";
 import { connectedNear } from "./types.js";
 import { executionStatus, parseAccounts, parseSubmission, validateTransaction } from "./boundary.js";
+import { parseSignedMessage, validateMessage } from "./message.js";
 //#region src/externalNear/controller.ts
 function failure(code, message) {
 	return {
@@ -104,6 +105,41 @@ var ExternalNearController = class {
 		provider?.dispose();
 		this.publish({ kind: "disconnected" });
 	}
+	async signMessage(connection, input) {
+		if (this.pending) return failure("pending_request", "Complete the pending wallet request.");
+		if (connection !== this.snapshot.connection || !this.provider) return failure("connection_changed", "Reconnect the wallet before signing.");
+		const provider = this.provider;
+		if (provider.messageSigning === "unsupported") return failure("unavailable", "This wallet does not support NEP-413 message signing in Seams.");
+		let message;
+		try {
+			message = validateMessage(input);
+		} catch {
+			return failure("invalid_input", "Provide a message, recipient, and 32-byte nonce.");
+		}
+		const generation = this.generation;
+		this.pending = true;
+		this.publish(connection);
+		try {
+			const accounts = parseAccounts(await provider.accounts(this.network));
+			if (connection !== this.snapshot.connection || !accounts.includes(connection.accountId)) return failure("connection_changed", "Wallet account changed. Reconnect before signing.");
+			const raw = await provider.signMessage(connection, message);
+			if (connection !== this.snapshot.connection) return failure("connection_changed", "Wallet selection changed.");
+			const signed = await parseSignedMessage(raw, connection, message);
+			if (connection !== this.snapshot.connection) return failure("connection_changed", "Wallet selection changed.");
+			return {
+				ok: true,
+				value: signed
+			};
+		} catch {
+			if (connection !== this.snapshot.connection) return failure("connection_changed", "Wallet selection changed.");
+			return failure("unavailable", "The wallet did not return a valid NEP-413 message signature.");
+		} finally {
+			if (generation === this.generation) {
+				this.pending = false;
+				this.publish(this.snapshot.connection);
+			}
+		}
+	}
 	async sendTransaction(connection, input) {
 		if (this.pending) return failure("pending_request", "Complete the pending wallet request.");
 		if (connection !== this.snapshot.connection || !this.provider) return failure("connection_changed", "Reconnect the wallet before signing.");

package/dist/esm/externalNear/hot.js

@@ -3,6 +3,7 @@ import { externalNearAction } from "./actions.js";
 //#region src/externalNear/hot.ts
 /** Direct extension API documented by hot-dao/hot-sdk-js. No iframe fallback. */
 var HotExtensionProvider = class {
+	messageSigning = "unsupported";
 	lifecycle = "active";
 	transport = Reflect.get(window, "hotExtension");
 	async request(method, params) {

package/dist/esm/externalNear/intear.js

@@ -14,6 +14,7 @@ async function authenticate(key, payload) {
 	};
 }
 var IntearWalletProvider = class {
+	messageSigning = "unsupported";
 	lifecycle = "active";
 	popup = null;
 	session = null;

package/dist/esm/externalNear/message.js

@@ -0,0 +1,60 @@
+import { isPlainObject } from "../shared-ts/src/utils/validation.js";
+import { base64Decode, base64Encode } from "../shared-ts/src/utils/base64.js";
+import { base58Decode } from "../shared-ts/src/utils/base58.js";
+import { serialize } from "../node_modules/borsh/lib/esm/index.js";
+//#region src/externalNear/message.ts
+const messageBrand = Symbol("validated NEP-413 message");
+const utf8StringSchema = { array: { type: "u8" } };
+const messageSchema = { struct: {
+	tag: "u32",
+	message: utf8StringSchema,
+	nonce: { array: {
+		type: "u8",
+		len: 32
+	} },
+	recipient: utf8StringSchema,
+	callbackUrl: { option: utf8StringSchema }
+} };
+function validateMessage(input) {
+	if (!isPlainObject(input) || typeof input.message !== "string" || typeof input.recipient !== "string" || !input.recipient.trim() || !(input.nonce instanceof Uint8Array) || input.nonce.length !== 32 || input.callbackUrl !== void 0 && typeof input.callbackUrl !== "string" || input.state !== void 0 && typeof input.state !== "string") throw new Error("Provide a message, recipient, and 32-byte nonce.");
+	return Object.freeze({
+		[messageBrand]: true,
+		message: input.message,
+		recipient: input.recipient,
+		nonce: new Uint8Array(input.nonce),
+		callbackUrl: input.callbackUrl ?? null,
+		state: input.state ?? null
+	});
+}
+async function parseSignedMessage(raw, connection, message) {
+	if (!isPlainObject(raw) || raw.accountId !== connection.accountId || typeof raw.publicKey !== "string" || !raw.publicKey.startsWith("ed25519:") || typeof raw.signature !== "string" || raw.state !== void 0 && raw.state !== message.state) throw new Error("Message identity does not match the request.");
+	const publicKey = base58Decode(raw.publicKey.slice(8));
+	const signature = base64Decode(raw.signature);
+	if (publicKey.length !== 32 || signature.length !== 64 || base64Encode(signature) !== raw.signature) throw new Error("Invalid NEP-413 key or signature.");
+	const encoder = new TextEncoder();
+	const payload = serialize(messageSchema, {
+		tag: 2 ** 31 + 413,
+		message: encoder.encode(message.message),
+		nonce: message.nonce,
+		recipient: encoder.encode(message.recipient),
+		callbackUrl: message.callbackUrl === null ? null : encoder.encode(message.callbackUrl)
+	});
+	const digest = await crypto.subtle.digest("SHA-256", new Uint8Array(payload));
+	const key = await crypto.subtle.importKey("raw", new Uint8Array(publicKey), "Ed25519", false, ["verify"]);
+	if (!await crypto.subtle.verify("Ed25519", key, signature, digest)) throw new Error("The signature does not match the requested NEP-413 message.");
+	if (message.state !== null) return Object.freeze({
+		accountId: connection.accountId,
+		publicKey: raw.publicKey,
+		signature: raw.signature,
+		state: message.state
+	});
+	return Object.freeze({
+		accountId: connection.accountId,
+		publicKey: raw.publicKey,
+		signature: raw.signature
+	});
+}
+//#endregion
+export { parseSignedMessage, validateMessage };
+
+//# sourceMappingURL=message.js.map

package/dist/esm/externalNear/meteor.js

@@ -47,6 +47,7 @@ function meteorAction(action) {
 	}
 }
 var MeteorExtensionProvider = class {
+	messageSigning = "nep413";
 	lifecycle = "active";
 	transport = meteorTransportFromWindow();
 	request = null;
@@ -76,6 +77,17 @@ var MeteorExtensionProvider = class {
 	async accounts(network) {
 		return this.account?.network === network ? [this.account.accountId] : [];
 	}
+	async signMessage(connection, message) {
+		if (this.account?.accountId !== connection.accountId || this.account.network !== connection.network) throw new Error("Meteor account changed.");
+		return this.execute(connection.network, "sign_message", {
+			accountId: connection.accountId,
+			message: message.message,
+			nonce: Array.from(message.nonce),
+			recipient: message.recipient,
+			callbackUrl: message.callbackUrl ?? void 0,
+			state: message.state ?? void 0
+		});
+	}
 	async send(connection, transaction) {
 		if (this.account?.accountId !== connection.accountId || this.account.network !== connection.network) throw new Error("Meteor account changed.");
 		const response = await fetch(this.rpcUrl, {

package/dist/esm/react/components/AccountMenuButton/AccountMenuButtonView.js

@@ -105,29 +105,17 @@ function AccountMenuButtonView({ buttonRef, dropdownRef, trigger, dropdown, clas
 					}),
 					/* @__PURE__ */ jsxs("footer", {
 						className: "seams-account-footer",
-						children: [
-							/* @__PURE__ */ jsxs("svg", {
-								width: "17",
-								height: "17",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								children: [/* @__PURE__ */ jsx("path", { d: "m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6z" }), /* @__PURE__ */ jsx("path", { d: "m8 12 3 3 5-6" })]
-							}),
-							/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Secured by" }) }),
-							/* @__PURE__ */ jsx("svg", {
-								className: "seams-account-wordmark",
-								viewBox: "0 0 1428 285",
-								role: "img",
-								"aria-label": "seams",
-								children: /* @__PURE__ */ jsx("path", {
-									d: SEAMS_STANDARD_WORDMARK_PATH,
-									fill: "currentColor",
-									fillRule: "evenodd"
-								})
+						children: [/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Secured by" }) }), /* @__PURE__ */ jsx("svg", {
+							className: "seams-account-wordmark",
+							viewBox: "0 0 1428 285",
+							role: "img",
+							"aria-label": "seams",
+							children: /* @__PURE__ */ jsx("path", {
+								d: SEAMS_STANDARD_WORDMARK_PATH,
+								fill: "currentColor",
+								fillRule: "evenodd"
 							})
-						]
+						})]
 					})
 				]
 			})

package/dist/esm/react/components/AccountMenuButton/AccountMenuDeviceDetails.js

@@ -21,10 +21,10 @@ function AccountMenuDeviceDetails({ title, description, details, children, icon
 				/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(WalletText, { copy: description }) })
 			]
 		}),
-		/* @__PURE__ */ jsx("dl", {
+		details.length > 0 ? /* @__PURE__ */ jsx("dl", {
 			className: "seams-account-inset",
 			children: details.map(renderDetail)
-		}),
+		}) : null,
 		children
 	] });
 }

package/dist/esm/react/components/AccountMenuButton/AccountMenuMockScreens.js

@@ -56,7 +56,7 @@ function deviceRow(setScreen, parent, device) {
 		onSelect: selectDevice.bind(null, setScreen, parent, device)
 	}, device.id);
 }
-function MethodTiles({ methods }) {
+function MethodTiles({ methods, inUse }) {
 	const locale = useWalletLocale();
 	return /* @__PURE__ */ jsxs("ul", {
 		className: "seams-account-method-tiles",
@@ -64,7 +64,8 @@ function MethodTiles({ methods }) {
 		children: [methods !== "email_otp" ? /* @__PURE__ */ jsx(AuthenticationMethodRow, {
 			kind: "passkey",
 			title: walletText(locale, "Passkey"),
-			description: walletText(locale, "Touch ID · This device")
+			description: walletText(locale, "Touch ID · This device"),
+			chip: inUse === "passkey" ? walletText(locale, "In use now") : void 0
 		}) : null, methods !== "passkey" ? /* @__PURE__ */ jsx(AuthenticationMethodRow, {
 			kind: "email_otp",
 			title: walletText(locale, "Email OTP"),
@@ -150,8 +151,10 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 			onBack: back,
 			children: /* @__PURE__ */ jsx(AuthenticationMethodsView, {
 				walletLabel: walletId,
-				status: "Active",
-				children: /* @__PURE__ */ jsx(MethodTiles, { methods: "both" })
+				children: /* @__PURE__ */ jsx(MethodTiles, {
+					methods: "both",
+					inUse: "passkey"
+				})
 			})
 		});
 		case "linked": return /* @__PURE__ */ jsxs(AccountMenuScreen, {

package/dist/esm/react/components/AccountMenuButton/AddEvmAccount.js

@@ -0,0 +1,124 @@
+import { configuredThresholdEcdsaChainTargets } from "../../../core/signingEngine/interfaces/ecdsaChainTarget.js";
+import { WalletText } from "../../context/WalletLocale.js";
+import { accountMenuCapabilitiesForLoginState } from "../../context/reactLoginStateBuilders.js";
+import { useSeams } from "../../context/index.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/components/AccountMenuButton/AddEvmAccount.tsx
+function trackMount(mounted) {
+	mounted.current = true;
+	return clearMount.bind(null, mounted);
+}
+function clearMount(mounted) {
+	mounted.current = false;
+}
+function setupError(error) {
+	return error instanceof Error ? error.message : "The account could not be added. Try again.";
+}
+function assertCurrentWallet(context, walletId) {
+	const selected = context.seams.preferences.getCurrentWalletId();
+	if (!context.mounted.current || selected && selected !== walletId) throw new Error("Account added. Open this wallet again to finish setup.");
+}
+async function addAccount(context, state, walletId, targets) {
+	if (state.kind === "adding") return;
+	if (state.kind === "added" && state.walletId === walletId) return;
+	context.setState({
+		kind: "adding",
+		walletId
+	});
+	try {
+		const rpId = context.seams.configs.wallet.iframe.rpIdOverride || new URL(context.seams.configs.wallet.iframe.origin).hostname;
+		const result = await context.seams.registration.addSigner({
+			walletId,
+			rpId,
+			signerSelection: {
+				mode: "ecdsa",
+				ecdsa: {
+					chainTargets: [...targets],
+					participantIds: [1, 2]
+				}
+			}
+		});
+		if (!result.success) throw new Error(result.error);
+		if (result.kind !== "wallet_signer_added" || result.capabilities[0].kind !== "evm_family_ecdsa") throw new Error("The wallet did not return an EVM account.");
+		assertCurrentWallet(context, walletId);
+		context.setState({
+			kind: "added",
+			walletId,
+			evmAddress: result.capabilities[0].thresholdEcdsaEthereumAddress,
+			nearAccountId: context.nearAccountId
+		});
+	} catch (error) {
+		if (context.mounted.current) context.setState({
+			kind: "failed",
+			walletId,
+			message: setupError(error)
+		});
+		return;
+	}
+	await context.refreshSession(walletId);
+}
+/** The menu owns setup across navigation between its screens. */
+function useEvmAccountSetup() {
+	const { seams, refreshSession, loginState } = useSeams();
+	const [state, setState] = useState({ kind: "idle" });
+	const mounted = useRef(false);
+	useEffect(trackMount.bind(null, mounted), [mounted]);
+	return {
+		state,
+		add: addAccount.bind(null, {
+			seams,
+			refreshSession,
+			mounted,
+			setState,
+			nearAccountId: loginState.nearAccountId
+		}, state)
+	};
+}
+function AddEvmAccount({ walletId, setup }) {
+	const { seams, loginState } = useSeams();
+	const targets = useMemo(accountTargets.bind(null, seams.configs.network.chains), [seams.configs.network.chains]);
+	const state = setup.state;
+	const busy = state.kind === "adding";
+	const current = state.kind !== "idle" && state.walletId === walletId;
+	if (!targets || !busy && !(current && state.kind === "added") && (loginState.walletId !== walletId || accountMenuCapabilitiesForLoginState(loginState).kind !== "owner")) return null;
+	if (current && state.kind === "added") return /* @__PURE__ */ jsx("p", {
+		className: "seams-account-note",
+		role: "status",
+		children: /* @__PURE__ */ jsx(WalletText, { message: "EVM account added." })
+	});
+	if (loginState.thresholdEcdsaEthereumAddress && !busy) return null;
+	const hasPasskey = loginState.authMethods.some(isPasskey);
+	let actionLabel = /* @__PURE__ */ jsx(WalletText, { message: "Add EVM account" });
+	if (busy) actionLabel = /* @__PURE__ */ jsx(WalletText, { message: "Adding EVM account…" });
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "seams-account-action primary",
+			disabled: busy || !hasPasskey,
+			onClick: setup.add.bind(null, walletId, targets),
+			children: actionLabel
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "seams-account-note",
+			role: busy ? "status" : void 0,
+			children: hasPasskey || busy ? /* @__PURE__ */ jsx(WalletText, { message: "Enable this app’s EVM networks with your passkey." }) : /* @__PURE__ */ jsx(WalletText, { message: "Add a passkey in Authentication methods first." })
+		}),
+		current && state.kind === "failed" ? /* @__PURE__ */ jsx("p", {
+			className: "seams-account-error",
+			role: "alert",
+			children: /* @__PURE__ */ jsx(WalletText, { copy: state.message })
+		}) : null
+	] });
+}
+function isPasskey(method) {
+	return method.kind === "passkey";
+}
+function accountTargets(chains) {
+	const [first, ...rest] = configuredThresholdEcdsaChainTargets(chains);
+	return first ? [first, ...rest] : null;
+}
+//#endregion
+export { AddEvmAccount, useEvmAccountSetup };
+
+//# sourceMappingURL=AddEvmAccount.js.map

package/dist/esm/react/components/AccountMenuButton/AuthenticationMethodRow.js

@@ -5,7 +5,31 @@ import { MailIcon } from "./icons/MailIcon.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/components/AccountMenuButton/AuthenticationMethodRow.tsx
-function AuthenticationMethodRow({ kind, title, description, icon, action, onSelect, children }) {
+function methodIcon(kind) {
+	switch (kind) {
+		case "passkey": return /* @__PURE__ */ jsx(TouchIcon, {
+			width: 20,
+			height: 20,
+			strokeWidth: 1.5
+		});
+		case "email_otp": return /* @__PURE__ */ jsx(MailIcon, {
+			size: 20,
+			strokeWidth: 1.75
+		});
+		case "voiceid": return /* @__PURE__ */ jsx("svg", {
+			width: "20",
+			height: "20",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx("path", { d: "M4 10v4m4-7v10m4-14v18m4-14v10m4-7v4" })
+		});
+	}
+}
+function AuthenticationMethodRow({ kind, title, description, chip, icon, action, footer, onSelect, children }) {
 	if (onSelect) return /* @__PURE__ */ jsx("li", {
 		className: "seams-account-method-list-item",
 		children: /* @__PURE__ */ jsxs("button", {
@@ -15,34 +39,21 @@ function AuthenticationMethodRow({ kind, title, description, icon, action, onSel
 			children: [
 				/* @__PURE__ */ jsx("span", {
 					className: "seams-account-avatar",
-					children: icon ?? (kind === "passkey" ? /* @__PURE__ */ jsx(TouchIcon, {
-						width: 20,
-						height: 20,
-						strokeWidth: 1.5
-					}) : /* @__PURE__ */ jsx(MailIcon, {
-						size: 20,
-						strokeWidth: 1.5
-					}))
+					children: icon ?? methodIcon(kind)
 				}),
-				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx(WalletText, { copy: title }) }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { copy: description }) })] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx(WalletText, { copy: title }) }), /* @__PURE__ */ jsx("small", { children: renderDescription(description) })] }),
 				/* @__PURE__ */ jsx(HoverArrowIcon, {})
 			]
 		})
 	});
 	return /* @__PURE__ */ jsxs("li", {
 		className: "seams-linked-devices-modal-item seams-linked-devices-modal-item--row",
+		"data-auth-method": kind,
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "seams-linked-devices-modal-item-icon",
 				"aria-hidden": "true",
-				children: kind === "passkey" ? /* @__PURE__ */ jsx(TouchIcon, {
-					width: 20,
-					height: 20,
-					strokeWidth: 1.5
-				}) : /* @__PURE__ */ jsx(MailIcon, {
-					size: 20,
-					strokeWidth: 1.75
-				})
+				children: icon ?? methodIcon(kind)
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "seams-linked-devices-modal-item-content",
@@ -52,22 +63,29 @@ function AuthenticationMethodRow({ kind, title, description, icon, action, onSel
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "seams-linked-devices-modal-item-name",
 							children: /* @__PURE__ */ jsx(WalletText, { copy: title })
-						}), /* @__PURE__ */ jsx("span", {
+						}), chip ? /* @__PURE__ */ jsx("span", {
 							className: "seams-linked-devices-modal-standing tone-active",
-							children: /* @__PURE__ */ jsx(WalletText, { message: "Active" })
-						})]
+							children: /* @__PURE__ */ jsx(WalletText, { copy: chip })
+						}) : null]
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "seams-linked-devices-modal-item-detail",
-						children: /* @__PURE__ */ jsx(WalletText, { copy: description })
+						children: renderDescription(description)
 					}),
 					children
 				]
 			}),
-			action
+			action,
+			footer ? /* @__PURE__ */ jsx("div", {
+				className: "seams-auth-method-footer",
+				children: footer
+			}) : null
 		]
 	});
 }
+function renderDescription(description) {
+	return typeof description === "string" ? /* @__PURE__ */ jsx(WalletText, { copy: description }) : description;
+}
 //#endregion
 export { AuthenticationMethodRow };