@seams/wallet 0.17.0 → 0.19.0

package/dist/esm/index.js

@@ -1,11 +1,12 @@
 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";
 import { toAccountId } from "./core/types/accountIds.js";
 import { AccountSyncEventPhase, KeyExportEventPhase, LinkDeviceEventPhase, RegistrationEventPhase, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, isWalletFlowEvent } from "./core/types/sdkSentEvents.js";
-import { SeamsWeb } from "./SeamsWeb/SeamsWeb.js";
 import { buildHostedAuthMenuOpenRequest, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary } from "./SeamsWeb/walletIframe/shared/messages.js";
+import { SeamsWeb } from "./SeamsWeb/SeamsWeb.js";
 import { ExternalEvmController } from "./externalEvm/controller.js";
 import { DEVICE_LINKING_CONFIG, SIGNER_WORKER_MANAGER_CONFIG } from "./config.js";
 import { defineSeamsConfig, seamsTestnetConfig } from "./core/config/defineConfig.js";
@@ -14,4 +15,4 @@ 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, 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, parseEther, parseNear, parseUnits, parseWalletMoveId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toAccountId, toWalletId, transfer, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };
+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/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";
@@ -8,7 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "./Web3AuthProfileButton.css";
 //#region src/react/components/AccountMenuButton/AccountMenuButtonView.tsx
 function measurePanel(element, setHeight) {
-	setHeight(element.getBoundingClientRect().height);
+	setHeight(element.offsetHeight);
 }
 function observePanel(contentRef, isOpen, setHeight) {
 	const content = contentRef.current;
@@ -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
 				]

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../../context/WalletLocale.js";
 import { useSeams } from "../../context/index.js";
 import { AccountMenuDialogFrame } from "./AccountMenuDialog.js";
 import { AuthenticationMethodRow } from "./AuthenticationMethodRow.js";
@@ -113,6 +115,7 @@ function inventoryStatus(state) {
 	}
 }
 const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation }) => {
+	const locale = useWalletLocale();
 	const { seams, loginState, refreshSession } = useSeams();
 	const [loadState, setLoadState] = React.useState({ kind: "idle" });
 	const [actionState, setActionState] = React.useState({ kind: "idle" });
@@ -298,7 +301,7 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 		dialogRef,
 		contentClassName: "seams-auth-methods-modal-content",
 		titleId: "seams-auth-methods-modal-title",
-		title: "Authentication methods",
+		title: walletText(locale, "Authentication methods"),
 		children: /* @__PURE__ */ jsx(AuthenticationMethodsView, {
 			walletLabel: walletId ?? "Wallet",
 			status: inventoryStatus(loadState),
@@ -309,21 +312,25 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 					loadState.kind === "idle" ? /* @__PURE__ */ jsx("div", {
 						className: "seams-linked-devices-modal-placeholder",
 						role: "status",
-						children: "Checking authentication methods…"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Checking authentication methods…" })
 					}) : null,
 					loadState.kind === "error" ? /* @__PURE__ */ jsxs("div", {
 						className: "seams-linked-devices-modal-placeholder",
 						role: "alert",
-						children: [/* @__PURE__ */ jsxs("span", { children: ["Unable to load authentication methods: ", loadState.message] }), /* @__PURE__ */ jsx("button", {
+						children: [/* @__PURE__ */ jsxs("span", { children: [
+							/* @__PURE__ */ jsx(WalletText, { message: "Unable to load authentication methods:" }),
+							" ",
+							/* @__PURE__ */ jsx(WalletText, { copy: loadState.message })
+						] }), /* @__PURE__ */ jsx("button", {
 							type: "button",
 							className: "seams-linked-devices-modal-secondary",
 							onClick: () => void loadInventory(),
-							children: "Try again"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Try again" })
 						})]
 					}) : null,
 					inventory ? /* @__PURE__ */ jsx("section", {
 						className: "seams-account-menu-section",
-						"aria-label": "Active authentication methods",
+						"aria-label": walletText(locale, "Active authentication methods"),
 						children: /* @__PURE__ */ jsx("ul", {
 							className: "seams-account-method-tiles",
 							children: methods.map((method) => {
@@ -331,42 +338,41 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 								const revoking = actionState.kind === "revoking" && actionState.method.walletAuthMethodId === method.walletAuthMethodId;
 								return /* @__PURE__ */ jsx(AuthenticationMethodRow, {
 									kind: method.kind,
-									title: methodTitle(method),
-									description: methodDescription(method),
+									title: walletDisplayText(locale, methodTitle(method)),
+									description: walletDisplayText(locale, methodDescription(method)),
 									action: !confirming && canManageMethods && methods.length > 1 ? /* @__PURE__ */ jsx("button", {
 										type: "button",
 										className: "seams-linked-devices-modal-secondary seams-linked-devices-modal-remove",
 										disabled: actionInProgress,
-										"aria-label": `Remove ${methodTitle(method)}`,
+										"aria-label": walletDisplayText(locale, `Remove ${methodTitle(method)}`),
 										onClick: () => setActionState({
 											kind: "confirming_revoke",
 											method
 										}),
-										children: revoking ? "Removing…" : "Remove"
+										children: revoking ? /* @__PURE__ */ jsx(WalletText, { message: "Removing…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Remove" })
 									}) : null,
 									children: confirming ? /* @__PURE__ */ jsxs("div", {
 										className: "seams-linked-devices-modal-confirm",
-										children: [/* @__PURE__ */ jsxs("span", { children: [
-											"Remove ",
-											methodTitle(method),
-											" from this device? You will need the other active method to unlock it."
-										] }), /* @__PURE__ */ jsxs("div", {
+										children: [/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, {
+											message: "Remove {value0} from this device? You will need the other active method to unlock it.",
+											values: { value0: walletDisplayText(locale, methodTitle(method)) }
+										}) }), /* @__PURE__ */ jsxs("div", {
 											className: "seams-linked-devices-modal-confirm-actions",
 											children: [/* @__PURE__ */ jsx("button", {
 												type: "button",
 												className: "seams-linked-devices-modal-secondary",
 												onClick: () => setActionState({ kind: "idle" }),
-												children: "Keep it"
+												children: /* @__PURE__ */ jsx(WalletText, { message: "Keep it" })
 											}), /* @__PURE__ */ jsx("button", {
 												type: "button",
 												className: "seams-linked-devices-modal-danger",
 												onClick: () => void revokeMethod(),
-												children: "Remove method"
+												children: /* @__PURE__ */ jsx(WalletText, { message: "Remove method" })
 											})]
 										})]
 									}) : methods.length > 1 ? null : /* @__PURE__ */ jsx("span", {
 										className: "seams-linked-devices-modal-item-detail",
-										children: "Add another method before removing this one."
+										children: /* @__PURE__ */ jsx(WalletText, { message: "Add another method before removing this one." })
 									})
 								}, method.walletAuthMethodId);
 							})
@@ -379,7 +385,7 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 							/* @__PURE__ */ jsx("h3", {
 								id: "seams-auth-methods-add",
 								className: "seams-account-menu-section-label",
-								children: "Add a method"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Add a method" })
 							}),
 							!hasPasskey ? /* @__PURE__ */ jsxs("div", {
 								className: "seams-linked-devices-modal-add-method",
@@ -391,10 +397,10 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 									children: [/* @__PURE__ */ jsx(PlusIcon, {
 										size: 18,
 										strokeWidth: 1.75
-									}), actionState.kind === "adding" && actionState.method === "passkey" ? "Adding…" : "Add passkey"]
+									}), actionState.kind === "adding" && actionState.method === "passkey" ? /* @__PURE__ */ jsx(WalletText, { message: "Adding…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Add passkey" })]
 								}), /* @__PURE__ */ jsx("p", {
 									className: "seams-linked-devices-modal-security-note",
-									children: "Use a passkey from this device to unlock the wallet."
+									children: /* @__PURE__ */ jsx(WalletText, { message: "Use a passkey from this device to unlock the wallet." })
 								})]
 							}) : null,
 							!hasEmailOtp ? /* @__PURE__ */ jsx("div", {
@@ -408,7 +414,7 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 									children: [
 										/* @__PURE__ */ jsx("label", {
 											htmlFor: emailInputId,
-											children: "Email address"
+											children: /* @__PURE__ */ jsx(WalletText, { message: "Email address" })
 										}),
 										/* @__PURE__ */ jsx("input", {
 											id: emailInputId,
@@ -427,7 +433,7 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 											type: "submit",
 											className: "seams-linked-devices-modal-secondary",
 											disabled: actionInProgress || !canManageMethods,
-											children: actionState.kind === "adding" && actionState.method === "email_otp" ? "Adding…" : "Add Email OTP"
+											children: actionState.kind === "adding" && actionState.method === "email_otp" ? /* @__PURE__ */ jsx(WalletText, { message: "Adding…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Add Email OTP" })
 										})
 									]
 								})
@@ -437,30 +443,30 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation })
 					loadState.kind === "loaded" && inventory?.kind === "local_selection" ? /* @__PURE__ */ jsxs("section", {
 						className: "seams-linked-devices-modal-add-method",
 						children: [
-							/* @__PURE__ */ jsx("h3", { children: "Unlock to manage methods" }),
+							/* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(WalletText, { message: "Unlock to manage methods" }) }),
 							/* @__PURE__ */ jsx("p", {
 								className: "seams-linked-devices-modal-security-note",
-								children: "Confirm your current authentication method to add or remove methods."
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Confirm your current authentication method to add or remove methods." })
 							}),
 							/* @__PURE__ */ jsx("button", {
 								type: "button",
 								className: "seams-linked-devices-modal-secondary seams-account-menu-wide-button",
 								disabled: actionInProgress,
 								onClick: () => void unlockOwnerSession(),
-								children: actionState.kind === "unlocking" ? "Unlocking…" : "Unlock wallet"
+								children: actionState.kind === "unlocking" ? /* @__PURE__ */ jsx(WalletText, { message: "Unlocking…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Unlock wallet" })
 							})
 						]
 					}) : null,
 					actionState.kind === "error" ? /* @__PURE__ */ jsx("div", {
 						className: "seams-linked-devices-modal-error",
 						role: "alert",
-						children: actionState.message
+						children: /* @__PURE__ */ jsx(WalletText, { copy: actionState.message })
 					}) : null,
 					/* @__PURE__ */ jsx("div", {
 						className: "seams-linked-devices-modal-live",
 						role: "status",
 						"aria-live": "polite",
-						children: announcement
+						children: /* @__PURE__ */ jsx(WalletText, { copy: announcement })
 					})
 				]
 			})