@seams/wallet 0.15.6 → 0.18.0

package/dist/esm/externalEvm/controller.js

@@ -10,16 +10,16 @@ var ProviderBinding = class {
 	constructor(detail, owner) {
 		this.detail = detail;
 		this.owner = owner;
-		this.accountsChanged = (value) => {
-			this.owner.providerEvent(this, "accounts", value);
-		};
-		this.chainChanged = (value) => {
-			this.owner.providerEvent(this, "chain", value);
-		};
-		this.disconnected = () => {
-			this.owner.providerEvent(this, "disconnect", null);
-		};
 	}
+	accountsChanged = (value) => {
+		this.owner.providerEvent(this, "accounts", value);
+	};
+	chainChanged = (value) => {
+		this.owner.providerEvent(this, "chain", value);
+	};
+	disconnected = () => {
+		this.owner.providerEvent(this, "disconnect", null);
+	};
 	attach() {
 		this.detail.provider.on("accountsChanged", this.accountsChanged);
 		this.detail.provider.on("chainChanged", this.chainChanged);
@@ -38,48 +38,28 @@ function removeProviderListener(provider, event, listener) {
 }
 /** Host-owned controller. Construction is side-effect free; start discovery on mount. */
 var ExternalEvmController = class {
+	chains;
+	registry = /* @__PURE__ */ new Map();
+	subscribers = /* @__PURE__ */ new Set();
+	mountTokens = /* @__PURE__ */ new Set();
+	binding = null;
+	target = null;
+	activeRequestToken = null;
+	generation = 0;
+	eventVersion = 0;
+	snapshot = Object.freeze({
+		wallets: [],
+		connection: DISCONNECTED_EXTERNAL_EVM,
+		busy: false
+	});
 	constructor(chains) {
-		this.registry = /* @__PURE__ */ new Map();
-		this.subscribers = /* @__PURE__ */ new Set();
-		this.mountTokens = /* @__PURE__ */ new Set();
-		this.binding = null;
-		this.target = null;
-		this.activeRequestToken = null;
-		this.generation = 0;
-		this.eventVersion = 0;
-		this.snapshot = Object.freeze({
-			wallets: [],
-			connection: DISCONNECTED_EXTERNAL_EVM,
-			busy: false
-		});
-		this.getSnapshot = () => this.snapshot;
-		this.subscribe = (listener) => {
-			this.subscribers.add(listener);
-			return this.unsubscribe.bind(this, listener);
-		};
-		this.mount = () => {
-			const token = Symbol("external EVM mount");
-			this.mountTokens.add(token);
-			if (typeof window !== "undefined") this.start(window);
-			return this.releaseMount.bind(this, token);
-		};
-		this.announce = (event) => {
-			try {
-				if (!("detail" in event)) return;
-				const detail = parseAnnouncement(event.detail);
-				if (detail) this.registerProvider(detail);
-			} catch {}
-		};
-		this.disconnect = () => {
-			this.clearConnection(this.snapshot.wallets);
-		};
-		this.dispose = () => {
-			this.mountTokens.clear();
-			this.stopDiscovery();
-			this.clearConnection([]);
-		};
 		this.chains = parseChains(chains);
 	}
+	getSnapshot = () => this.snapshot;
+	subscribe = (listener) => {
+		this.subscribers.add(listener);
+		return this.unsubscribe.bind(this, listener);
+	};
 	unsubscribe(listener) {
 		this.subscribers.delete(listener);
 	}
@@ -105,10 +85,23 @@ var ExternalEvmController = class {
 		} catch {}
 		target.dispatchEvent(new Event("eip6963:requestProvider"));
 	}
+	mount = () => {
+		const token = Symbol("external EVM mount");
+		this.mountTokens.add(token);
+		if (typeof window !== "undefined") this.start(window);
+		return this.releaseMount.bind(this, token);
+	};
 	releaseMount(token) {
 		if (!this.mountTokens.delete(token)) return;
 		if (this.mountTokens.size === 0) this.dispose();
 	}
+	announce = (event) => {
+		try {
+			if (!("detail" in event)) return;
+			const detail = parseAnnouncement(event.detail);
+			if (detail) this.registerProvider(detail);
+		} catch {}
+	};
 	registerProvider(detail) {
 		if (this.registry.has(detail.wallet.id)) return;
 		for (const registered of this.registry.values()) if (registered.provider === detail.provider) return;
@@ -116,6 +109,9 @@ var ExternalEvmController = class {
 		const wallets = Object.freeze([...this.snapshot.wallets, detail.wallet]);
 		this.publish(this.snapshot.connection, wallets);
 	}
+	disconnect = () => {
+		this.clearConnection(this.snapshot.wallets);
+	};
 	clearConnection(wallets) {
 		this.activeRequestToken = null;
 		this.generation += 1;
@@ -129,6 +125,11 @@ var ExternalEvmController = class {
 		this.target = null;
 		this.registry.clear();
 	}
+	dispose = () => {
+		this.mountTokens.clear();
+		this.stopDiscovery();
+		this.clearConnection([]);
+	};
 	async connect(walletId) {
 		if (this.activeRequestToken !== null) return pending();
 		if (typeof walletId !== "string" || !walletId.trim()) return externalEvmFailure("invalid_input", "Select a wallet.");

package/dist/esm/index.js

@@ -1,4 +1,5 @@
 import { parseWalletMoveId } from "./SeamsWeb/publicApi/placement.js";
+import { normalizeWalletLocale } from "./core/ui/locale.js";
 import { PASSKEY_MANAGER_DEFAULT_CONFIGS, buildConfigsFromEnv } from "./core/config/defaultConfigs.js";
 import { configuredThresholdEcdsaChainTargets, nearAccountRefFromAccountId, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toWalletId, walletIdFromWalletProfile, walletSessionRefFromSession } from "./core/signingEngine/interfaces/ecdsaChainTarget.js";
 import { BrowserCapabilityUnavailableError } from "./SeamsWeb/publicApi/capabilitySelection.js";
@@ -11,6 +12,7 @@ import { DEVICE_LINKING_CONFIG, SIGNER_WORKER_MANAGER_CONFIG } from "./config.js
 import { defineSeamsConfig, seamsTestnetConfig } from "./core/config/defineConfig.js";
 import { DEFAULT_WAIT_STATUS } from "./core/types/rpc.js";
 import { ActionType } from "./shared-ts/src/near/actions.js";
+import { AmountError, parseEther, parseNear, parseUnits, yoctoNear } from "./core/types/amounts.js";
 import { addKey, createAccount, deleteAccount, deleteKey, deployContract, functionCall, stake, transfer } from "./core/types/actionBuilders.js";
 import { logWalletEvents } from "./core/types/eventLogging.js";
-export { AccountSyncEventPhase, ActionType, BrowserCapabilityUnavailableError, DEFAULT_WAIT_STATUS, DEVICE_LINKING_CONFIG, ExternalEvmController, KeyExportEventPhase, LinkDeviceEventPhase, PASSKEY_MANAGER_DEFAULT_CONFIGS, RegistrationEventPhase, SIGNER_WORKER_MANAGER_CONFIG, SeamsWeb, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, addKey, buildConfigsFromEnv, buildHostedAuthMenuOpenRequest, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, parseWalletMoveId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toAccountId, toWalletId, transfer, walletIdFromWalletProfile, walletSessionRefFromSession };
+export { AccountSyncEventPhase, ActionType, AmountError, BrowserCapabilityUnavailableError, DEFAULT_WAIT_STATUS, DEVICE_LINKING_CONFIG, ExternalEvmController, KeyExportEventPhase, LinkDeviceEventPhase, PASSKEY_MANAGER_DEFAULT_CONFIGS, RegistrationEventPhase, SIGNER_WORKER_MANAGER_CONFIG, SeamsWeb, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, addKey, buildConfigsFromEnv, buildHostedAuthMenuOpenRequest, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, normalizeWalletLocale, parseEther, parseNear, parseUnits, parseWalletMoveId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toAccountId, toWalletId, transfer, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };

package/dist/esm/react/boundWallet.js

@@ -0,0 +1,56 @@
+import { nearAccountRefFromAccountId, walletSessionRefFromSession } from "../core/signingEngine/interfaces/ecdsaChainTarget.js";
+import { createReviewedBoundCalls } from "./transactionReview/boundCalls.js";
+//#region src/react/boundWallet.ts
+function createBoundWallet(seams, loginState, host, owner) {
+	const { walletId, nearAccountId } = loginState;
+	const walletSession = walletSessionRefFromSession({ walletId });
+	const nearAccount = nearAccountId ? nearAccountRefFromAccountId(nearAccountId) : null;
+	const reviewed = createReviewedBoundCalls({
+		seams,
+		walletId,
+		walletSession,
+		nearAccount,
+		host,
+		owner
+	});
+	return {
+		walletId,
+		walletSession,
+		near: nearAccount && nearAccountId ? {
+			accountId: nearAccountId,
+			signAndSendTransaction: reviewed.nearSign,
+			signMessage: signMessage.bind(null, seams, walletSession, nearAccount)
+		} : null,
+		evm: {
+			signTransaction: reviewed.evmSign,
+			signAndSendTransaction: reviewed.evmExecute
+		},
+		tempo: {
+			signTransaction: reviewed.tempoSign,
+			signAndSendTransaction: reviewed.tempoExecute
+		},
+		exportKey: exportKey.bind(null, seams, walletSession, nearAccount)
+	};
+}
+function signMessage(seams, walletSession, nearAccount, args) {
+	return seams.near.signMessage({
+		...args,
+		walletSession,
+		nearAccount
+	});
+}
+function exportKey(seams, walletSession, nearAccount, input) {
+	if (input.kind === "ed25519") return seams.keys.exportKey({
+		...input,
+		walletSession,
+		...nearAccount ? { nearAccount } : {}
+	});
+	return seams.keys.exportKey({
+		...input,
+		walletSession
+	});
+}
+//#endregion
+export { createBoundWallet };
+
+//# sourceMappingURL=boundWallet.js.map

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

@@ -1,3 +1,4 @@
+import { WalletLocaleContext } from "../../context/WalletLocale.js";
 import { Theme } from "../theme/ThemeProvider.js";
 import { ScanIcon } from "./icons/ScanIcon.js";
 import { KeyIcon } from "./icons/KeyIcon.js";
@@ -178,9 +179,12 @@ function AccountMenuPreview({ username = "Alex Chen", walletId = "alex.near", th
 * This component never opens a camera, signs, exports keys or accesses storage.
 */
 function AccountMenuButtonMock(props) {
-	return /* @__PURE__ */ jsx(Theme, {
-		theme: props.theme ?? "light",
-		children: /* @__PURE__ */ jsx(AccountMenuPreview, { ...props })
+	return /* @__PURE__ */ jsx(WalletLocaleContext.Provider, {
+		value: props.locale ?? "en",
+		children: /* @__PURE__ */ jsx(Theme, {
+			theme: props.theme ?? "light",
+			children: /* @__PURE__ */ jsx(AccountMenuPreview, { ...props })
+		})
 	});
 }
 //#endregion

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

@@ -1,4 +1,6 @@
+import { walletText } from "../../../core/ui/messages.js";
 import { SEAMS_STANDARD_WORDMARK_PATH } from "../../../core/signingEngine/uiConfirm/ui/seamsWordmarkPaths.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import TouchIcon from "./icons/TouchIcon.js";
 import { UserAccountButton } from "./UserAccountButton.js";
 import { ProfileDropdown } from "./ProfileDropdown.js";
@@ -37,6 +39,7 @@ function restoreOverviewFocus(buttonRef, previousScreen, hasScreen) {
 }
 /** One shell for live account screens and the provider-free preview. */
 function AccountMenuButtonView({ buttonRef, dropdownRef, trigger, dropdown, className, style, children }) {
+	const locale = useWalletLocale();
 	const contentRef = useRef(null);
 	const hasScreen = children !== null && children !== void 0;
 	const previousScreen = useRef(hasScreen);
@@ -68,7 +71,7 @@ function AccountMenuButtonView({ buttonRef, dropdownRef, trigger, dropdown, clas
 							/* @__PURE__ */ jsx("span", { children: typeof window === "undefined" ? "" : window.location.host }),
 							/* @__PURE__ */ jsx("button", {
 								type: "button",
-								"aria-label": "Close wallet settings",
+								"aria-label": walletText(locale, "Close wallet settings"),
 								onClick: dropdown.onClose,
 								children: /* @__PURE__ */ jsx("svg", {
 									width: "18",
@@ -89,7 +92,7 @@ function AccountMenuButtonView({ buttonRef, dropdownRef, trigger, dropdown, clas
 							className: "seams-account-identity",
 							tabIndex: -1,
 							role: "group",
-							"aria-label": "Wallet account",
+							"aria-label": walletText(locale, "Wallet account"),
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "seams-account-avatar",
 								children: /* @__PURE__ */ jsx(TouchIcon, {
@@ -112,7 +115,7 @@ function AccountMenuButtonView({ buttonRef, dropdownRef, trigger, dropdown, clas
 								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: "Secured by" }),
+							/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Secured by" }) }),
 							/* @__PURE__ */ jsx("svg", {
 								className: "seams-account-wordmark",
 								viewBox: "0 0 1428 285",

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

@@ -1,3 +1,4 @@
+import { WalletText } from "../../context/WalletLocale.js";
 import TouchIcon from "./icons/TouchIcon.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -16,8 +17,8 @@ function AccountMenuDeviceDetails({ title, description, details, children, icon
 						strokeWidth: 1.5
 					})
 				}),
-				/* @__PURE__ */ jsx("h3", { children: title }),
-				/* @__PURE__ */ jsx("p", { children: description })
+				/* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(WalletText, { copy: title }) }),
+				/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(WalletText, { copy: description }) })
 			]
 		}),
 		/* @__PURE__ */ jsx("dl", {
@@ -30,7 +31,7 @@ function AccountMenuDeviceDetails({ title, description, details, children, icon
 function renderDetail(detail) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "seams-account-detail-row",
-		children: [/* @__PURE__ */ jsx("dt", { children: detail.label }), /* @__PURE__ */ jsx("dd", { children: detail.value })]
+		children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { copy: detail.label }) }), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(WalletText, { copy: detail.value }) })]
 	}, detail.label);
 }
 //#endregion

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

@@ -1,13 +1,16 @@
+import { walletDisplayText } from "../../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import { Theme, useTheme } from "../theme/ThemeProvider.js";
 import { AccountMenuScreen } from "./AccountMenuScreen.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/components/AccountMenuButton/AccountMenuDialog.tsx
 const AccountMenuDialogFrame = ({ presentation, onClose, dialogRef, contentClassName, titleId, title, children }) => {
+	const locale = useWalletLocale();
 	const { theme, tokens } = useTheme();
 	const scopedTokens = React.useMemo(() => theme === "dark" ? { dark: tokens } : { light: tokens }, [theme, tokens]);
 	if (presentation === "embedded") return /* @__PURE__ */ jsx(AccountMenuScreen, {
-		title,
+		title: walletDisplayText(locale, title),
 		onBack: onClose,
 		className: contentClassName,
 		children
@@ -30,7 +33,7 @@ const AccountMenuDialogFrame = ({ presentation, onClose, dialogRef, contentClass
 					children: [/* @__PURE__ */ jsx("h2", {
 						id: titleId,
 						className: "seams-linked-devices-modal-title",
-						children: title
+						children: /* @__PURE__ */ jsx(WalletText, { copy: title })
 					}), children]
 				})
 			})

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import { AccountMenuScreen } from "./AccountMenuScreen.js";
 import { QRCodeScannerCamera } from "../QRCodeScannerCamera.js";
 import { AccountMenuDeviceDetails } from "./AccountMenuDeviceDetails.js";
@@ -55,16 +57,17 @@ function deviceRow(setScreen, parent, device) {
 	}, device.id);
 }
 function MethodTiles({ methods }) {
+	const locale = useWalletLocale();
 	return /* @__PURE__ */ jsxs("ul", {
 		className: "seams-account-method-tiles",
-		"aria-label": "Authentication methods",
+		"aria-label": walletText(locale, "Authentication methods"),
 		children: [methods !== "email_otp" ? /* @__PURE__ */ jsx(AuthenticationMethodRow, {
 			kind: "passkey",
-			title: "Passkey",
-			description: "Touch ID · This device"
+			title: walletText(locale, "Passkey"),
+			description: walletText(locale, "Touch ID · This device")
 		}) : null, methods !== "passkey" ? /* @__PURE__ */ jsx(AuthenticationMethodRow, {
 			kind: "email_otp",
-			title: "Email OTP",
+			title: walletText(locale, "Email OTP"),
 			description: "alex@example.com"
 		}) : null]
 	});
@@ -94,11 +97,12 @@ function assertNever(value) {
 	throw new Error(`Unknown account preview screen: ${String(value)}`);
 }
 function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettings, walletId }) {
+	const locale = useWalletLocale();
 	const back = setScreen.bind(null, { kind: "overview" });
 	switch (screen.kind) {
 		case "overview": return null;
 		case "transactions": return /* @__PURE__ */ jsx(AccountMenuScreen, {
-			title: "Transaction settings",
+			title: walletText(locale, "Transaction settings"),
 			onBack: back,
 			children: transactionSettings
 		});
@@ -110,39 +114,39 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 			onSelectChain: selectExportKey.bind(null, setScreen)
 		});
 		case "export-key": return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-			title: screen.chain === "near" ? "Export NEAR key" : "Export EVM keys",
+			title: walletDisplayText(locale, screen.chain === "near" ? "Export NEAR key" : "Export EVM keys"),
 			onBack: setScreen.bind(null, { kind: "export-keys" }),
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "seams-account-description",
-				children: "Your wallet requires authentication before revealing this signing key."
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Your wallet requires authentication before revealing this signing key." })
 			}), /* @__PURE__ */ jsxs("dl", {
 				className: "seams-account-inset",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "seams-account-detail-row",
-						children: [/* @__PURE__ */ jsx("dt", { children: "Wallet" }), /* @__PURE__ */ jsx("dd", { children: walletId })]
+						children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Wallet" }) }), /* @__PURE__ */ jsx("dd", { children: walletId })]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "seams-account-detail-row",
-						children: [/* @__PURE__ */ jsx("dt", { children: "Key type" }), /* @__PURE__ */ jsx("dd", { children: screen.chain === "near" ? "Ed25519" : "ECDSA" })]
+						children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Key type" }) }), /* @__PURE__ */ jsx("dd", { children: screen.chain === "near" ? "Ed25519" : "ECDSA" })]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "seams-account-detail-row",
-						children: [/* @__PURE__ */ jsx("dt", { children: "Protection" }), /* @__PURE__ */ jsx("dd", { children: "Authentication required" })]
+						children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Protection" }) }), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(WalletText, { message: "Authentication required" }) })]
 					})
 				]
 			})]
 		});
 		case "accounts": return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-			title: "Accounts",
+			title: walletText(locale, "Accounts"),
 			onBack: back,
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "seams-account-description",
-				children: "Your addresses across networks."
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Your addresses across networks." })
 			}), /* @__PURE__ */ jsx(AccountsSection, { rows: accounts })]
 		});
 		case "methods": return /* @__PURE__ */ jsx(AccountMenuScreen, {
-			title: "Authentication methods",
+			title: walletText(locale, "Authentication methods"),
 			onBack: back,
 			children: /* @__PURE__ */ jsx(AuthenticationMethodsView, {
 				walletLabel: walletId,
@@ -151,32 +155,32 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 			})
 		});
 		case "linked": return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-			title: "Linked devices",
+			title: walletText(locale, "Linked devices"),
 			onBack: back,
 			children: [
 				/* @__PURE__ */ jsx("p", {
 					className: "seams-account-description",
-					children: "Manage how your devices unlock your wallet."
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Manage how your devices unlock your wallet." })
 				}),
 				/* @__PURE__ */ jsx("ul", { children: devices.map(deviceRow.bind(null, setScreen, screen.kind)) }),
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "seams-account-action primary",
 					onClick: setScreen.bind(null, { kind: "scanner" }),
-					children: "Link a device"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Link a device" })
 				})
 			]
 		});
 		case "device": return /* @__PURE__ */ jsx(AccountMenuScreen, {
-			title: "Device details",
+			title: walletText(locale, "Device details"),
 			onBack: setScreen.bind(null, { kind: screen.parent }),
 			children: /* @__PURE__ */ jsx(AccountMenuDeviceDetails, {
 				icon: screen.device.methods === "email_otp" ? /* @__PURE__ */ jsx(MailIcon, {
 					size: 30,
 					strokeWidth: 1.5
 				}) : void 0,
-				title: screen.device.name,
-				description: methodLabel(screen.device.methods),
+				title: walletDisplayText(locale, screen.device.name),
+				description: walletDisplayText(locale, methodLabel(screen.device.methods)),
 				details: [{
 					label: "Status",
 					value: "Active"
@@ -188,12 +192,12 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 			})
 		});
 		case "scanner": return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-			title: "Link a device",
+			title: walletText(locale, "Link a device"),
 			onBack: back,
 			children: [
 				/* @__PURE__ */ jsx("p", {
 					className: "seams-account-description",
-					children: "Open your wallet on the other device, then scan its pairing code."
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Open your wallet on the other device, then scan its pairing code." })
 				}),
 				/* @__PURE__ */ jsx(QRCodeScannerCamera, { children: /* @__PURE__ */ jsx("div", {
 					className: "qr-scanner-video is-ready",
@@ -202,12 +206,12 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 				}) }),
 				/* @__PURE__ */ jsx("p", {
 					className: "seams-account-note",
-					children: "Position the QR code inside the frame."
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Position the QR code inside the frame." })
 				})
 			]
 		});
 		case "recovery": return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-			title: screen.revealed ? "Your recovery codes" : "Recovery codes",
+			title: walletDisplayText(locale, screen.revealed ? "Your recovery codes" : "Recovery codes"),
 			onBack: screen.revealed ? setScreen.bind(null, {
 				kind: "recovery",
 				revealed: false
@@ -215,17 +219,17 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 			children: [
 				/* @__PURE__ */ jsx("p", {
 					className: "seams-account-description",
-					children: screen.revealed ? "Save these codes in your password manager or another secure place." : "Keep your recovery codes somewhere safe. Use a code to restore access to your wallet."
+					children: screen.revealed ? /* @__PURE__ */ jsx(WalletText, { message: "Save these codes in your password manager or another secure place." }) : /* @__PURE__ */ jsx(WalletText, { message: "Keep your recovery codes somewhere safe. Use a code to restore access to your wallet." })
 				}),
 				screen.revealed ? /* @__PURE__ */ jsx("ol", {
 					className: "seams-account-recovery-codes",
-					"aria-label": "Recovery codes",
+					"aria-label": walletText(locale, "Recovery codes"),
 					children: recoveryCodes.map(recoveryCodeRow)
 				}) : null,
 				screen.revealed ? /* @__PURE__ */ jsx(RecoveryCodeActions, { codes: recoveryCodes }) : null,
 				!screen.revealed ? /* @__PURE__ */ jsx("div", {
 					className: "seams-account-inset",
-					children: "Keep these codes private. Anyone with a code can start recovering your wallet."
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Keep these codes private. Anyone with a code can start recovering your wallet." })
 				}) : null,
 				screen.revealed ? /* @__PURE__ */ jsx(RecoveryCodeAcknowledgement, { onDone: back }) : /* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -234,7 +238,7 @@ function AccountMenuMockScreens({ screen, setScreen, accounts, transactionSettin
 						kind: "recovery",
 						revealed: true
 					}),
-					children: "Reveal with passkey"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Reveal with passkey" })
 				})
 			]
 		});

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import { useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/components/AccountMenuButton/AccountMenuScreen.tsx
@@ -6,17 +8,18 @@ function focusHeading(heading) {
 }
 /** One navigation level inside the account panel. Focus follows the screen title. */
 function AccountMenuScreen({ title, onBack, children, className }) {
+	const locale = useWalletLocale();
 	const heading = useRef(null);
 	useLayoutEffect(focusHeading.bind(null, heading), [title]);
 	return /* @__PURE__ */ jsxs("section", {
 		className: `seams-account-screen ${className ?? ""}`,
-		"aria-label": title,
+		"aria-label": walletDisplayText(locale, title),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "seams-account-heading",
 			children: [/* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "seams-account-back",
-				"aria-label": "Back",
+				"aria-label": walletText(locale, "Back"),
 				onClick: onBack,
 				children: /* @__PURE__ */ jsx("svg", {
 					width: "18",
@@ -30,7 +33,7 @@ function AccountMenuScreen({ title, onBack, children, className }) {
 			}), /* @__PURE__ */ jsx("h2", {
 				ref: heading,
 				tabIndex: -1,
-				children: title
+				children: /* @__PURE__ */ jsx(WalletText, { copy: title })
 			})]
 		}), children]
 	}, title);

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

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "./AccountsSection.css";
@@ -10,6 +12,7 @@ function shortenAddress(address) {
 /** Expandable panel under the Accounts menu item: one row per configured
 * chain, each linking to the user's account page on that chain's explorer. */
 const AccountsSection = ({ rows, isOpen = true, presentation = "menu", className, style }) => {
+	const locale = useWalletLocale();
 	const handleClick = (e) => {
 		e.stopPropagation();
 	};
@@ -30,11 +33,11 @@ const AccountsSection = ({ rows, isOpen = true, presentation = "menu", className
 					target: "_blank",
 					rel: "noopener noreferrer",
 					tabIndex: isOpen ? 0 : -1,
-					title: row.address,
+					title: walletDisplayText(locale, row.address),
 					children: [
 						/* @__PURE__ */ jsx("span", {
 							className: "seams-accounts-row-chain",
-							children: row.label
+							children: /* @__PURE__ */ jsx(WalletText, { copy: row.label })
 						}),
 						/* @__PURE__ */ jsx("span", {
 							className: "seams-accounts-row-address",
@@ -42,7 +45,7 @@ const AccountsSection = ({ rows, isOpen = true, presentation = "menu", className
 						}),
 						presentation === "page" ? /* @__PURE__ */ jsx("span", {
 							className: "seams-accounts-explorer-label",
-							children: "View on explorer"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "View on explorer" })
 						}) : null,
 						/* @__PURE__ */ jsxs("svg", {
 							className: "seams-accounts-row-arrow",

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

@@ -1,3 +1,4 @@
+import { WalletText } from "../../context/WalletLocale.js";
 import TouchIcon from "./icons/TouchIcon.js";
 import { HoverArrowIcon } from "./icons/HoverArrowIcon.js";
 import { MailIcon } from "./icons/MailIcon.js";
@@ -23,7 +24,7 @@ function AuthenticationMethodRow({ kind, title, description, icon, action, onSel
 						strokeWidth: 1.5
 					}))
 				}),
-				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: title }), /* @__PURE__ */ jsx("small", { children: description })] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx(WalletText, { copy: title }) }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { copy: description }) })] }),
 				/* @__PURE__ */ jsx(HoverArrowIcon, {})
 			]
 		})
@@ -50,15 +51,15 @@ function AuthenticationMethodRow({ kind, title, description, icon, action, onSel
 						className: "seams-linked-devices-modal-item-main",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "seams-linked-devices-modal-item-name",
-							children: title
+							children: /* @__PURE__ */ jsx(WalletText, { copy: title })
 						}), /* @__PURE__ */ jsx("span", {
 							className: "seams-linked-devices-modal-standing tone-active",
-							children: "Active"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Active" })
 						})]
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "seams-linked-devices-modal-item-detail",
-						children: description
+						children: /* @__PURE__ */ jsx(WalletText, { copy: description })
 					}),
 					children
 				]