@seams/wallet 0.17.0 → 0.18.0

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/mountAuthMenuSurface.js

@@ -1,5 +1,6 @@
 import { appearanceTokenCssRule } from "../../../../../core/signingEngine/uiConfirm/ui/appearance-token-vars.js";
 import { createCspStylesheetManager, getDefaultCspNonce } from "../../../../../core/browser/walletIframe/csp-stylesheet.js";
+import { withWalletLocale } from "../../../../../core/signingEngine/uiConfirm/ui/preact/WalletLocale.js";
 import { AuthMenuSurface } from "./AuthMenuSurface.js";
 import { render } from "preact";
 import { jsx } from "preact/jsx-runtime";
@@ -45,14 +46,15 @@ var MountedAuthMenuSurface = class {
 	}
 	update(viewModel) {
 		if (this.state.kind === "disposed") return;
+		this.element.lang = viewModel.appearance.locale ?? "en";
 		this.element.dataset.theme = viewModel.appearance.theme.mode;
 		this.styles.setDynamicRule(this.element.id + "-appearance", appearanceTokenCssRule(this.element.id, viewModel.appearance));
-		render(/* @__PURE__ */ jsx(AuthMenuSurface, {
+		render(withWalletLocale(viewModel.appearance.locale ?? "en", /* @__PURE__ */ jsx(AuthMenuSurface, {
 			element: this.element,
 			viewModel,
 			onIntent: this.state.onIntent,
 			styles: this.styles
-		}), this.element);
+		})), this.element);
 	}
 	dispose() {
 		if (this.state.kind === "disposed") return;

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/presentation.js

@@ -0,0 +1,116 @@
+import { demoEmailOtpCodeFromDelivery } from "../../../../../core/signingEngine/session/emailOtp/challengeDelivery.js";
+import { WalletText } from "../../../../../core/signingEngine/uiConfirm/ui/preact/WalletLocale.js";
+import { resolveAuthMenuLoginAccount } from "../../auth-menu/domain.js";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+//#region src/SeamsWeb/walletIframe/host/ui/auth-menu/presentation.tsx
+function renderDemoEmailCode(delivery) {
+	const code = demoEmailOtpCodeFromDelivery(delivery);
+	if (code === null) return null;
+	return /* @__PURE__ */ jsxs("p", {
+		class: "seams-otp-description",
+		children: [
+			/* @__PURE__ */ jsx(WalletText, { message: "Demo email code:" }),
+			" ",
+			/* @__PURE__ */ jsx("code", { children: code })
+		]
+	});
+}
+const AUTH_MENU_TITLE_ID = "seams-auth-menu-title";
+const AUTH_MENU_ACCOUNT_LIST_ID = "seams-auth-menu-account-list";
+function otpCodeDigits(code, length = 6) {
+	return code.padEnd(length, " ").slice(0, length).split("");
+}
+function recoveryCaretAtPoint(root, clientX, clientY, codeLength) {
+	let nearest = null;
+	for (const slot of root.querySelectorAll("[data-recovery-slot]")) {
+		const index = Number(slot.dataset.recoverySlot);
+		const box = slot.getBoundingClientRect();
+		const dx = clientX < box.left ? box.left - clientX : Math.max(0, clientX - box.right);
+		const dy = clientY < box.top ? box.top - clientY : Math.max(0, clientY - box.bottom);
+		const distance = dx * dx + dy * dy;
+		if (nearest === null || distance < nearest.distance) nearest = {
+			index,
+			distance,
+			after: clientX > box.left + box.width / 2
+		};
+	}
+	if (nearest === null) return null;
+	return Math.min(nearest.after ? nearest.index + 1 : nearest.index, codeLength);
+}
+function renderOtpCodeDigit(digit) {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", {
+		class: `seams-otp-slot ${digit.trim() ? "is-filled" : ""}`,
+		children: digit
+	}) });
+}
+function authViewKey(viewModel) {
+	const stage = viewModel.kind === "recovery" ? `:${viewModel.stage}` : "";
+	return `${viewModel.kind}:${viewModel.mode}:${viewModel.status.kind}${stage}`;
+}
+function recoveryAnnouncement(viewModel) {
+	if (viewModel.status.kind === "busy") return viewModel.status.headline;
+	if (viewModel.status.kind === "recoverable") return viewModel.status.message;
+	if (viewModel.stage === "passkey_ready") return "Recovery code accepted.";
+	if (viewModel.stage === "sign_in_ready") return "Wallet recovered. Unlock it to continue.";
+	return "";
+}
+function recoveryBackLabel(viewModel) {
+	if (viewModel.kind !== "recovery") return "Back";
+	return viewModel.stage === "choose_method" ? "Back to recovery code" : "Back to unlock wallet";
+}
+function recoveryNavigationLocked(viewModel) {
+	return viewModel.kind === "recovery" && viewModel.stage === "finalizing";
+}
+function modeSwitchCopy(mode) {
+	return mode === "register" ? {
+		prompt: "Already have a wallet?",
+		action: "Unlock wallet",
+		nextMode: "login"
+	} : {
+		prompt: "Don't have a wallet?",
+		action: "Create a wallet",
+		nextMode: "register"
+	};
+}
+function modeLabel(mode) {
+	return mode === "register" ? "Create a wallet" : "Unlock wallet";
+}
+function passkeyButtonLabel(mode) {
+	return mode === "register" ? "Create wallet with passkey" : "Unlock with passkey";
+}
+/** The failure the footer strip reports. Only the menu itself reports there. */
+function menuNotice(viewModel) {
+	if (viewModel.kind === "google_otp_login" || viewModel.kind === "google_registration") return viewModel.error || null;
+	return viewModel.kind === "passkey" && viewModel.status.kind === "recoverable" && viewModel.status.reason === "error" ? viewModel.status.message : null;
+}
+function selectedLoginAccount(viewModel) {
+	return resolveAuthMenuLoginAccount(viewModel.accountOptions, viewModel.selectedAccount).selectedAccount;
+}
+function selectedAccountPrimaryText(account) {
+	return account.walletId;
+}
+function accountSecondaryText(account) {
+	return account.authMethod === "email_otp" ? account.emailAddress : null;
+}
+function savedAccountsTriggerLabel(account) {
+	if (!account) return "Saved wallets";
+	const emailAddress = accountSecondaryText(account);
+	return emailAddress ? `Saved wallets. Selected wallet ID ${account.walletId}, email ${emailAddress}` : `Saved wallets. Selected ${account.walletId}`;
+}
+function accountGroups(options) {
+	const passkeyAccounts = options.filter((option) => option.authMethod === "passkey");
+	const emailOtpAccounts = options.filter((option) => option.authMethod === "email_otp");
+	return [{
+		authMethod: "passkey",
+		label: "Passkey",
+		accounts: passkeyAccounts
+	}, {
+		authMethod: "email_otp",
+		label: "Email OTP",
+		accounts: emailOtpAccounts
+	}].filter((group) => group.accounts.length > 0);
+}
+//#endregion
+export { AUTH_MENU_ACCOUNT_LIST_ID, AUTH_MENU_TITLE_ID, accountGroups, accountSecondaryText, authViewKey, menuNotice, modeLabel, modeSwitchCopy, otpCodeDigits, passkeyButtonLabel, recoveryAnnouncement, recoveryBackLabel, recoveryCaretAtPoint, recoveryNavigationLocked, renderDemoEmailCode, renderOtpCodeDigit, savedAccountsTriggerLabel, selectedAccountPrimaryText, selectedLoginAccount };
+
+//# sourceMappingURL=presentation.js.map

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/recovery-code-input.js

@@ -0,0 +1,60 @@
+import { EMAIL_OTP_RECOVERY_KEY_ALPHABET } from "../../../../../shared-ts/src/utils/emailOtpRecoveryKey.js";
+import "../../../../../shared-ts/src/wallet-recovery/recoveryCodes.js";
+import { jsx } from "preact/jsx-runtime";
+//#region src/SeamsWeb/walletIframe/host/ui/auth-menu/recovery-code-input.tsx
+const RECOVERY_CODE_CHARACTERS = new Set(EMAIL_OTP_RECOVERY_KEY_ALPHABET);
+function recoveryInputCharacters(code) {
+	let characters = "";
+	for (const character of code.toUpperCase()) {
+		const read = character === "O" ? "0" : character === "I" || character === "L" ? "1" : character;
+		if (RECOVERY_CODE_CHARACTERS.has(read)) characters += read;
+	}
+	return characters;
+}
+const RECOVERY_CODE_SEPARATOR = /[\s\-\u2010-\u2015\u2212]/;
+/** Characters the input dropped because no recovery code contains them, such as U. */
+function rejectedRecoveryCharacters(input) {
+	const rejected = /* @__PURE__ */ new Set();
+	for (const character of input.toUpperCase()) {
+		if (RECOVERY_CODE_SEPARATOR.test(character)) continue;
+		if (recoveryInputCharacters(character)) continue;
+		rejected.add(character);
+	}
+	return Array.from(rejected).slice(0, 3);
+}
+function renderRecoveryCodeGroups(code, selection, arrival) {
+	const caret = selection && selection.start === selection.end ? selection.start : null;
+	const lastIndex = 31;
+	const focusIndex = selection === null ? null : Math.min(selection.start, lastIndex);
+	const groups = [];
+	for (let start = 0; start < 32; start += 4) {
+		const end = start + 4;
+		const slots = [];
+		for (let index = start; index < end; index += 1) {
+			const character = code[index] ?? "";
+			const classes = ["seams-otp-slot"];
+			if (character) classes.push("is-filled");
+			if (index === caret) classes.push("is-caret");
+			if (caret === 32 && index === lastIndex) classes.push("is-caret-after");
+			if (selection && index >= selection.start && index < selection.end) classes.push("is-selected");
+			if (arrival && index >= arrival.start && index < arrival.end) classes.push("is-new");
+			slots.push(/* @__PURE__ */ jsx("span", {
+				class: classes.join(" "),
+				"data-recovery-slot": index,
+				children: character
+			}, index));
+		}
+		const groupClasses = ["seams-recovery-code-group"];
+		if (focusIndex !== null && focusIndex >= start && focusIndex < end) groupClasses.push("is-active");
+		if (code.length >= end) groupClasses.push("is-complete");
+		groups.push(/* @__PURE__ */ jsx("div", {
+			class: groupClasses.join(" "),
+			children: slots
+		}, start));
+	}
+	return groups;
+}
+//#endregion
+export { recoveryInputCharacters, rejectedRecoveryCharacters, renderRecoveryCodeGroups };
+
+//# sourceMappingURL=recovery-code-input.js.map

package/dist/esm/SeamsWeb/walletIframe/shared/facadeBoundary.js

@@ -1,4 +1,5 @@
 import { parseMpcMaterialActivationRef } from "../../../shared-ts/src/utils/domainIds.js";
+import { normalizeWalletLocale } from "../../../core/ui/locale.js";
 import { resolveAppearanceTheme, resolveThemePalette } from "../../../core/config/configHelpers.js";
 import { nearAccountRefFromAccountId, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetsEqual, walletSessionRefFromSession } from "../../../core/signingEngine/interfaces/ecdsaChainTarget.js";
 import { parseExactEcdsaSigningLaneIdentity, parseExactEd25519ExportMaterialIdentity } from "../../../core/signingEngine/session/identity/exactSigningLaneIdentity.js";
@@ -72,6 +73,7 @@ function normalizeExportKeypairWithUIInput(input, theme) {
 function resolveRuntimeAppearance(current, input) {
 	const rawInput = input;
 	return {
+		locale: normalizeWalletLocale(rawInput.locale ?? current.locale),
 		theme: resolveAppearanceTheme({
 			value: rawInput.theme,
 			fallback: current.theme,

package/dist/esm/core/config/configBuilder.js

@@ -1,4 +1,5 @@
 import { normalizeTrimmedString } from "../../shared-ts/src/utils/normalize.js";
+import { normalizeWalletLocale } from "../ui/locale.js";
 import { copyEcdsaSignerProvisioningDefaults, resolveAppearanceTheme, resolveBoolean, resolveChains, resolveIntegerInRange, resolveThemePalette } from "./configHelpers.js";
 import { normalizeWalletHostVariant } from "../browser/walletIframe/hostVariant.js";
 import { SIGNING_SESSION_SEAL_ALG, SIGNING_SESSION_SEAL_GROUP_ID } from "../../shared-ts/src/utils/signingSessionSeal.js";
@@ -208,6 +209,7 @@ function buildConfigsFromDefaults(args) {
 			}
 		},
 		ui: { appearance: {
+			locale: normalizeWalletLocale(rawAppearance?.locale ?? defaults.ui.appearance.locale),
 			theme: appearanceTheme,
 			palette: appearancePalette
 		} }

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmContent.js

@@ -1,3 +1,5 @@
+import { walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR, createSurfaceHeightReflow } from "../confirm-surface-resize.js";
 import { TransactionTree } from "./TransactionTree.js";
 import { Component, createRef } from "preact";
@@ -9,6 +11,7 @@ function stopDragStart(event) {
 	event.stopPropagation();
 }
 var ConfirmContent = class extends Component {
+	static contextType = WalletLocaleContext;
 	state = { armed: false };
 	id = `seams-confirm-content-${++nextContentId}`;
 	root = createRef();
@@ -87,7 +90,7 @@ var ConfirmContent = class extends Component {
 					this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 						class: "error",
 						role: "alert",
-						children: this.props.errorMessage
+						children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 					}),
 					this.props.tree && /* @__PURE__ */ jsx("div", {
 						class: "tooltip-width",
@@ -107,7 +110,7 @@ var ConfirmContent = class extends Component {
 							type: "button",
 							class: "cancel",
 							onClick: this.cancel,
-							children: this.props.cancelText
+							children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.cancelText })
 						}), /* @__PURE__ */ jsx("button", {
 							type: this.props.decision.kind === "form" ? "submit" : "button",
 							form: this.props.decision.kind === "form" ? this.props.decision.formId : void 0,
@@ -117,8 +120,8 @@ var ConfirmContent = class extends Component {
 							children: preparing ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 								class: "loading-indicator",
 								role: "progressbar",
-								"aria-label": "Loading"
-							}), /* @__PURE__ */ jsx("span", { children: "Loading..." })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [this.props.confirmIcon, this.props.confirmText] })
+								"aria-label": walletText(this.context, "Loading")
+							}), /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Loading..." }) })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [this.props.confirmIcon, /* @__PURE__ */ jsx(WalletText, { copy: this.props.confirmText })] })
 						})]
 					})
 				]

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmHeader.js

@@ -1,8 +1,12 @@
+import { walletText } from "../../../../ui/messages.js";
+import { WalletText, useWalletLocale } from "./WalletLocale.js";
 import { PadlockIcon } from "./PadlockIcon.js";
 import { PasskeyHaloLoading } from "./PasskeyHaloLoading.js";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmHeader.tsx
+/** @jsxImportSource preact */
 function ConfirmHeader(props) {
+	const locale = useWalletLocale();
 	return /* @__PURE__ */ jsxs("div", {
 		class: "hero seams-confirm-header",
 		children: [/* @__PURE__ */ jsx(PasskeyHaloLoading, {
@@ -14,11 +18,11 @@ function ConfirmHeader(props) {
 			children: [
 				/* @__PURE__ */ jsx("h2", {
 					class: "hero-heading",
-					children: props.heading
+					children: /* @__PURE__ */ jsx(WalletText, { copy: props.heading })
 				}),
 				props.errorMessage && /* @__PURE__ */ jsx("div", {
 					class: "error-banner",
-					children: props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: props.errorMessage })
 				}),
 				/* @__PURE__ */ jsx("div", {
 					class: "rpid-wrapper",
@@ -30,8 +34,8 @@ function ConfirmHeader(props) {
 								role: "status",
 								children: props.website.kind === "ready" ? /* @__PURE__ */ jsx("span", {
 									class: "domain-text",
-									children: props.website.text
-								}) : /* @__PURE__ */ jsx(LoadingStatus, { label: "Loading website" })
+									children: /* @__PURE__ */ jsx(WalletText, { copy: props.website.text })
+								}) : /* @__PURE__ */ jsx(LoadingStatus, { label: walletText(locale, "Loading website") })
 							})]
 						}), /* @__PURE__ */ jsxs("span", {
 							class: "security-details",
@@ -52,7 +56,7 @@ function ConfirmHeader(props) {
 								]
 							}), /* @__PURE__ */ jsx("span", {
 								role: "status",
-								children: props.chainDetails.kind === "ready" ? props.chainDetails.text : /* @__PURE__ */ jsx(LoadingStatus, { label: "Loading chain details" })
+								children: props.chainDetails.kind === "ready" ? /* @__PURE__ */ jsx(WalletText, { copy: props.chainDetails.text }) : /* @__PURE__ */ jsx(LoadingStatus, { label: walletText(locale, "Loading chain details") })
 							})]
 						})]
 					})
@@ -81,7 +85,7 @@ function LoadingStatus(props) {
 		]
 	}), /* @__PURE__ */ jsx("span", {
 		class: "sr-only",
-		children: props.label
+		children: /* @__PURE__ */ jsx(WalletText, { copy: props.label })
 	})] });
 }
 //#endregion

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmationBody.js

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { Component } from "preact";
 import { jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationBody.tsx
@@ -6,6 +8,7 @@ function assertNever(value) {
 	throw new Error(`Unexpected confirmation body: ${String(value)}`);
 }
 var ConfirmationBody = class extends Component {
+	static contextType = WalletLocaleContext;
 	copy = () => {
 		if (this.props.model.kind === "funding") this.props.onCopyAccount(this.props.model.accountId);
 	};
@@ -15,25 +18,25 @@ var ConfirmationBody = class extends Component {
 			case "empty": return null;
 			case "text": return /* @__PURE__ */ jsx("div", {
 				class: "confirmation-body",
-				children: model.text
+				children: /* @__PURE__ */ jsx(WalletText, { copy: model.text })
 			});
 			case "status": return /* @__PURE__ */ jsx("div", {
 				class: "confirmation-body confirmation-body--status",
-				children: model.text
+				children: /* @__PURE__ */ jsx(WalletText, { copy: model.text })
 			});
 			case "funding": return /* @__PURE__ */ jsxs("div", {
 				class: "confirmation-body confirmation-body--funding",
 				children: [
-					"NEAR account",
+					/* @__PURE__ */ jsx(WalletText, { message: "NEAR account" }),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "confirmation-body__copy-target",
-						title: `Copy ${model.accountId}`,
-						"aria-label": `Copy NEAR account ${model.accountId}`,
+						title: walletDisplayText(this.context, `Copy ${model.accountId}`),
+						"aria-label": walletDisplayText(this.context, `Copy NEAR account ${model.accountId}`),
 						onClick: this.copy,
 						children: model.shortAccountId
 					}),
-					"needs funding"
+					/* @__PURE__ */ jsx(WalletText, { message: "needs funding" })
 				]
 			});
 			default: return assertNever(model);

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmationContent.js

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { PadlockIcon } from "./PadlockIcon.js";
 import { CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR, createSurfaceHeightReflow } from "../confirm-surface-resize.js";
 import { copySurfaceText } from "./clipboard.js";
@@ -13,6 +15,7 @@ import { jsx, jsxs } from "preact/jsx-runtime";
 /** @jsxImportSource preact */
 let nextConfirmationId = 0;
 var ConfirmationContent = class extends Component {
+	static contextType = WalletLocaleContext;
 	root = createRef();
 	otpFormId = `seams-confirmation-email-${++nextConfirmationId}`;
 	reflowId = `seams-confirmation-content-surface-${nextConfirmationId}`;
@@ -75,29 +78,29 @@ var ConfirmationContent = class extends Component {
 							children: [
 								model.transaction.onBack && /* @__PURE__ */ jsx("button", {
 									type: "button",
-									"aria-label": "Back to review",
-									title: "Back to review",
+									"aria-label": walletText(this.context, "Back to review"),
+									title: walletText(this.context, "Back to review"),
 									disabled: decision.kind === "preparing",
 									onClick: model.transaction.onBack,
 									children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "back" })
 								}),
 								/* @__PURE__ */ jsx(PadlockIcon, {}),
-								model.header.website.kind === "ready" ? model.header.website.text : /* @__PURE__ */ jsx(LoadingStatus, { label: "Loading website" })
+								model.header.website.kind === "ready" ? model.header.website.text : /* @__PURE__ */ jsx(LoadingStatus, { label: walletText(this.context, "Loading website") })
 							]
 						}), /* @__PURE__ */ jsx("button", {
 							type: "button",
-							"aria-label": model.transaction.cancelText,
+							"aria-label": walletDisplayText(this.context, model.transaction.cancelText),
 							onClick: model.transaction.onCancel,
 							children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "close" })
 						})]
 					}),
 					model.review.model && /* @__PURE__ */ jsx("div", {
 						class: "seams-review-eyebrow",
-						children: model.review.model.operations.length === 1 ? model.review.model.operations[0].label.replace(/\s+using\s+[\d,.]+\s+gas$/i, "") : "Transaction"
+						children: model.review.model.operations.length === 1 ? /* @__PURE__ */ jsx(WalletText, { copy: model.review.model.operations[0].label.replace(/\s+using\s+[\d,.]+\s+gas$/i, "") }) : /* @__PURE__ */ jsx(WalletText, { message: "Transaction" })
 					}),
 					/* @__PURE__ */ jsx("h2", {
 						class: "seams-review-title",
-						children: model.header.heading
+						children: /* @__PURE__ */ jsx(WalletText, { copy: model.header.heading })
 					}),
 					/* @__PURE__ */ jsx(TransactionReview, { data: model.review }),
 					/* @__PURE__ */ jsxs("div", {

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmationDrawer.js

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { drawerDragTranslate, shouldDismissDrawerDrag } from "../drawer-gesture.js";
 import { Component, createRef } from "preact";
 import { jsx, jsxs } from "preact/jsx-runtime";
@@ -8,6 +10,7 @@ function ConfirmationDrawer(props) {
 	return /* @__PURE__ */ jsx(DrawerShell, { ...props }, props.context);
 }
 var DrawerShell = class extends Component {
+	static contextType = WalletLocaleContext;
 	state = { settled: false };
 	id = `seams-confirmation-drawer-${++nextDrawerId}`;
 	dialog = createRef();
@@ -245,7 +248,7 @@ var DrawerShell = class extends Component {
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "seams-drawer-handle",
-						"aria-label": "Dismiss confirmation",
+						"aria-label": walletText(this.context, "Dismiss confirmation"),
 						disabled: !this.canDrag(),
 						onClick: this.cancel,
 						children: /* @__PURE__ */ jsx("span", {})
@@ -253,7 +256,7 @@ var DrawerShell = class extends Component {
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "seams-drawer-close",
-						"aria-label": "Close",
+						"aria-label": walletText(this.context, "Close"),
 						disabled: !this.canDrag(),
 						onClick: this.cancel,
 						children: "×"
@@ -264,7 +267,7 @@ var DrawerShell = class extends Component {
 				ref: this.body,
 				children: [this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 					class: "error",
-					children: this.props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 				}), /* @__PURE__ */ jsx("div", {
 					class: "seams-drawer-content",
 					ref: this.content,
@@ -276,7 +279,7 @@ var DrawerShell = class extends Component {
 		return /* @__PURE__ */ jsx("dialog", {
 			class: "seams-drawer-dialog",
 			ref: this.dialog,
-			"aria-label": this.props.label,
+			"aria-label": walletDisplayText(this.context, this.props.label),
 			onCancel: this.cancel,
 			onClick: this.backdropClick,
 			onClickCapture: this.suppressDragClick,

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.js

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../../ui/messages.js";
+import { WalletLocaleContext } from "./WalletLocale.js";
 import { Component, createRef } from "preact";
 import { jsx } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.tsx
@@ -7,6 +9,7 @@ function ConfirmationModal(props) {
 	return /* @__PURE__ */ jsx(ModalShell, { ...props }, props.context);
 }
 var ModalShell = class extends Component {
+	static contextType = WalletLocaleContext;
 	dialog = createRef();
 	hosted = createRef();
 	containerId = `seams-confirmation-modal-${++nextModalId}`;
@@ -35,7 +38,7 @@ var ModalShell = class extends Component {
 		if (this.props.context === "standalone") return /* @__PURE__ */ jsx("dialog", {
 			ref: this.dialog,
 			class: "seams-confirmation-modal",
-			"aria-label": this.props.label,
+			"aria-label": walletDisplayText(this.context, this.props.label),
 			onCancel: this.cancel,
 			onClick: this.backdropClick,
 			children: /* @__PURE__ */ jsx("div", {

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/EmailOtpContent.js

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../../ui/messages.js";
+import { WalletLocaleContext } from "./WalletLocale.js";
 import { formatEmailOtpSentText } from "../../../stepUpConfirmation/otpPrompt/promptText.js";
 import { EmailOtpInput } from "./EmailOtpInput.js";
 import { EmailOtpSession } from "./email-otp-session.js";
@@ -9,6 +11,7 @@ function EmailOtpContent(props) {
 	return /* @__PURE__ */ jsx(EmailOtpSessionView, { ...props }, props.prompt.challengeId);
 }
 var EmailOtpSessionView = class extends Component {
+	static contextType = WalletLocaleContext;
 	session;
 	form = createRef();
 	lifetime;
@@ -118,7 +121,7 @@ var EmailOtpSessionView = class extends Component {
 				challengeId: this.lifetime.kind === "active" ? this.lifetime.challengeId : "",
 				code: this.state.code,
 				helperText: this.props.prompt.helperText?.trim() || formatEmailOtpSentText(this.lifetime.kind === "active" ? this.lifetime.emailHint : ""),
-				errorMessage: this.state.error || void 0,
+				errorMessage: walletDisplayText(this.context, this.state.error || void 0),
 				state: this.inputState(),
 				resend: this.resendAction()
 			})

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/EmailOtpInput.js

@@ -1,3 +1,4 @@
+import { WalletText } from "./WalletLocale.js";
 import { Component } from "preact";
 import { jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/EmailOtpInput.tsx
@@ -28,7 +29,7 @@ var EmailOtpInput = class extends Component {
 				/* @__PURE__ */ jsx("label", {
 					class: "email-otp-confirm__label",
 					for: this.id,
-					children: "Email code"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Email code" })
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					class: "email-otp-confirm__code-field",
@@ -65,19 +66,19 @@ var EmailOtpInput = class extends Component {
 				/* @__PURE__ */ jsx("div", {
 					id: helperId,
 					class: "email-otp-confirm__helper",
-					children: this.props.helperText
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.helperText })
 				}),
 				this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 					id: errorId,
 					class: "email-otp-confirm__error",
-					children: this.props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 				}),
 				this.props.resend && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					class: "email-otp-confirm__resend",
 					disabled: this.props.resend.kind === "unavailable",
 					onClick: this.resend,
-					children: this.props.resend.label
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.resend.label })
 				})
 			]
 		});

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/PasskeyRegistrationContent.js

@@ -1,3 +1,5 @@
+import { walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { PasskeyHaloLoading } from "./PasskeyHaloLoading.js";
 import { PasskeyRegistrationDetails } from "./PasskeyRegistrationDetails.js";
 import { Component } from "preact";
@@ -5,6 +7,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/PasskeyRegistrationContent.tsx
 /** @jsxImportSource preact */
 var PasskeyRegistrationContent = class extends Component {
+	static contextType = WalletLocaleContext;
 	confirm = () => {
 		if (this.props.decision.kind === "ready") this.props.decision.onConfirm();
 	};
@@ -28,16 +31,16 @@ var PasskeyRegistrationContent = class extends Component {
 						class: "hero-container passkey-registration-confirm__hero-copy",
 						children: [/* @__PURE__ */ jsx("h2", {
 							class: "hero-heading",
-							children: this.props.heading
+							children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.heading })
 						}), /* @__PURE__ */ jsx("p", {
 							class: "passkey-registration-confirm__body",
-							children: this.props.body
+							children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.body })
 						})]
 					})]
 				}),
 				this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 					class: "error-banner",
-					children: this.props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 				}),
 				/* @__PURE__ */ jsx(PasskeyRegistrationDetails, { display: this.props.display }),
 				/* @__PURE__ */ jsxs("div", {
@@ -46,7 +49,7 @@ var PasskeyRegistrationContent = class extends Component {
 						type: "button",
 						class: "btn btn-cancel",
 						onClick: this.cancel,
-						children: this.props.cancelText
+						children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.cancelText })
 					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "btn btn-confirm",
@@ -55,11 +58,11 @@ var PasskeyRegistrationContent = class extends Component {
 						children: creating ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 							class: "loading-indicator passkey-registration-confirm__spinner",
 							role: "progressbar",
-							"aria-label": "Creating passkey"
+							"aria-label": walletText(this.context, "Creating passkey")
 						}), /* @__PURE__ */ jsx("span", {
 							class: "passkey-registration-confirm__busy-label",
-							children: "Creating passkey..."
-						})] }) : "Create passkey"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Creating passkey..." })
+						})] }) : /* @__PURE__ */ jsx(WalletText, { message: "Create passkey" })
 					})]
 				})
 			]