@seams/wallet 0.15.6 → 0.18.0

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

@@ -1,7 +1,9 @@
 import { ActionType } from "../../../../../shared-ts/src/near/actions.js";
+import { WalletText } from "./WalletLocale.js";
 import { formatCodeSize, formatDeposit, formatGas, shortenPubkey } from "../transaction-display/formatters.js";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/TransactionLabel.tsx
+/** @jsxImportSource preact */
 function addressHref(base, address) {
 	return `${base.trim().replace(/\/$/, "")}/address/${encodeURIComponent(address)}`;
 }
@@ -55,14 +57,16 @@ function TransactionLabel({ node, explorers }) {
 			const gas = formatGas(action.gas);
 			const deposit = formatDeposit(action.deposit);
 			return /* @__PURE__ */ jsxs(Fragment, { children: [
-				"Calling ",
+				/* @__PURE__ */ jsx(WalletText, { message: "Calling" }),
+				" ",
 				/* @__PURE__ */ jsx("span", {
 					class: "highlight-method-name",
 					children: action.methodName
 				}),
 				deposit !== "0 NEAR" && /* @__PURE__ */ jsxs(Fragment, { children: [
 					" ",
-					"with ",
+					/* @__PURE__ */ jsx(WalletText, { message: "with" }),
+					" ",
 					/* @__PURE__ */ jsx("span", {
 						class: "highlight-method-name",
 						children: deposit
@@ -70,7 +74,8 @@ function TransactionLabel({ node, explorers }) {
 				] }),
 				gas && /* @__PURE__ */ jsxs(Fragment, { children: [
 					" ",
-					"using ",
+					/* @__PURE__ */ jsx(WalletText, { message: "using" }),
+					" ",
 					/* @__PURE__ */ jsx("span", {
 						class: "highlight-method-name",
 						children: gas
@@ -78,20 +83,30 @@ function TransactionLabel({ node, explorers }) {
 				] })
 			] });
 		}
-		case ActionType.Transfer: return /* @__PURE__ */ jsxs(Fragment, { children: ["Transfer ", /* @__PURE__ */ jsx("span", {
-			class: "highlight-amount",
-			children: formatDeposit(action.amount)
-		})] });
-		case ActionType.CreateAccount: return "Creating Account";
-		case ActionType.DeleteAccount: return "Deleting Account";
-		case ActionType.Stake: return `Staking ${formatDeposit(action.stake)}`;
-		case ActionType.AddKey: return "Adding Key";
-		case ActionType.DeleteKey: return "Deleting Key";
-		case ActionType.DeployContract: return `Deploying WASM contract (${formatCodeSize(action.code)})`;
-		case ActionType.DeployGlobalContract: return transactionLabelTitle(node);
+		case ActionType.Transfer: return /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(WalletText, { message: "Transfer" }),
+			" ",
+			/* @__PURE__ */ jsx("span", {
+				class: "highlight-amount",
+				children: formatDeposit(action.amount)
+			})
+		] });
+		case ActionType.CreateAccount: return /* @__PURE__ */ jsx(WalletText, { message: "Creating Account" });
+		case ActionType.DeleteAccount: return /* @__PURE__ */ jsx(WalletText, { message: "Deleting Account" });
+		case ActionType.Stake: return /* @__PURE__ */ jsx(WalletText, {
+			message: "Staking {value0}",
+			values: { value0: formatDeposit(action.stake) }
+		});
+		case ActionType.AddKey: return /* @__PURE__ */ jsx(WalletText, { message: "Adding Key" });
+		case ActionType.DeleteKey: return /* @__PURE__ */ jsx(WalletText, { message: "Deleting Key" });
+		case ActionType.DeployContract: return /* @__PURE__ */ jsx(WalletText, {
+			message: "Deploying WASM contract ({value0})",
+			values: { value0: formatCodeSize(action.code) }
+		});
+		case ActionType.DeployGlobalContract: return /* @__PURE__ */ jsx(WalletText, { copy: transactionLabelTitle(node) });
 		case ActionType.UseGlobalContract:
 			if (action.accountId) return /* @__PURE__ */ jsxs(Fragment, { children: [
-				"Use global contract",
+				/* @__PURE__ */ jsx(WalletText, { message: "Use global contract" }),
 				" ",
 				/* @__PURE__ */ jsx(ReceiverLink, {
 					base: explorers.near,
@@ -100,7 +115,7 @@ function TransactionLabel({ node, explorers }) {
 				})
 			] });
 			if (action.codeHash) return /* @__PURE__ */ jsxs(Fragment, { children: [
-				"Use global contract by hash",
+				/* @__PURE__ */ jsx(WalletText, { message: "Use global contract by hash" }),
 				" ",
 				/* @__PURE__ */ jsx("span", {
 					class: "highlight-method-name",
@@ -110,10 +125,10 @@ function TransactionLabel({ node, explorers }) {
 					})
 				})
 			] });
-			return "Use global contract";
+			return /* @__PURE__ */ jsx(WalletText, { message: "Use global contract" });
 		default: return assertNever(action);
 	}
-	if (node.transaction) return /* @__PURE__ */ jsxs(Fragment, { children: [(node.totalTransactions ?? 1) > 1 ? `Transaction ${(node.transactionIndex ?? 0) + 1}: to ` : "Transaction to ", /* @__PURE__ */ jsx(ReceiverLink, {
+	if (node.transaction) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WalletText, { copy: (node.totalTransactions ?? 1) > 1 ? `Transaction ${(node.transactionIndex ?? 0) + 1}: to ` : "Transaction to " }), /* @__PURE__ */ jsx(ReceiverLink, {
 		base: explorers.near,
 		address: node.transaction.receiverId,
 		children: node.transaction.receiverId
@@ -122,7 +137,7 @@ function TransactionLabel({ node, explorers }) {
 	const address = node.contractAddress?.trim();
 	if (address && prefix) {
 		const base = node.chain && node.chain !== "unknown" ? explorers[node.chain] : void 0;
-		return /* @__PURE__ */ jsxs(Fragment, { children: [prefix, base ? /* @__PURE__ */ jsx(ReceiverLink, {
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WalletText, { copy: prefix }), base ? /* @__PURE__ */ jsx(ReceiverLink, {
 			base,
 			address,
 			children: shortAddress(address)
@@ -135,22 +150,32 @@ function TransactionLabel({ node, explorers }) {
 	if (label.toLowerCase().startsWith("calling ")) {
 		const rest = label.slice(8).trim();
 		const index = rest.toLowerCase().indexOf(" using ");
-		if (index < 0 && rest) return /* @__PURE__ */ jsxs(Fragment, { children: ["Calling ", /* @__PURE__ */ jsx("span", {
-			class: "highlight-method-name",
-			children: rest
-		})] });
+		if (index < 0 && rest) return /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(WalletText, { message: "Calling" }),
+			" ",
+			/* @__PURE__ */ jsx("span", {
+				class: "highlight-method-name",
+				children: rest
+			})
+		] });
 		const method = rest.slice(0, index).trim();
 		const trailing = rest.slice(index + 7).trim();
 		if (index >= 0 && method) return /* @__PURE__ */ jsxs(Fragment, { children: [
-			"Calling ",
+			/* @__PURE__ */ jsx(WalletText, { message: "Calling" }),
+			" ",
 			/* @__PURE__ */ jsx("span", {
 				class: "highlight-method-name",
 				children: method
 			}),
-			trailing && ` using ${trailing}`
+			trailing && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(WalletText, { message: "using" }),
+				" ",
+				trailing
+			] })
 		] });
 	}
-	return node.label;
+	if (node.fieldLabel) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WalletText, { copy: node.fieldLabel }), node.label.slice(node.fieldLabel.length)] });
+	return /* @__PURE__ */ jsx(WalletText, { copy: node.label });
 }
 //#endregion
 export { TransactionLabel, contractPrefix, transactionLabelTitle };

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { announceClampedSurfaceResize } from "../confirm-surface-resize.js";
 import { confirmationDocumentStyles } from "./confirmation-styles.js";
 import { ReviewDisclosure } from "./ReviewDisclosure.js";
@@ -11,32 +13,19 @@ const EXPLORER_REVEAL_MS = 240;
 const EXPLORER_REVEAL_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
 let nextExplorerRowId = 0;
 var TransactionReceipt = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.explorerRow = createRef();
-		this.explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
-		this.minimize = () => {
-			this.props.receipt.onView("toast");
-		};
-		this.expand = () => {
-			this.props.receipt.onView("expanded");
-		};
-		this.close = () => {
-			if (receiptIsPending(this.props.receipt.state)) this.minimize();
-			else this.props.receipt.onDismiss();
-		};
-		this.setExplorerRowHeight = (height) => {
-			const row = this.explorerRow.current;
-			if (!row) return;
-			confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
-		};
-		this.releaseExplorerRow = () => {
-			const row = this.explorerRow.current;
-			if (!row) return;
-			delete row.dataset.opening;
-			confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
-		};
-	}
+	static contextType = WalletLocaleContext;
+	explorerRow = createRef();
+	explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
+	minimize = () => {
+		this.props.receipt.onView("toast");
+	};
+	expand = () => {
+		this.props.receipt.onView("expanded");
+	};
+	close = () => {
+		if (receiptIsPending(this.props.receipt.state)) this.minimize();
+		else this.props.receipt.onDismiss();
+	};
 	componentDidUpdate(previous) {
 		const { receipt } = this.props;
 		if (receipt.view === "expanded" && previous.receipt.view === "expanded" && receipt.state.kind === "confirmed" && previous.receipt.state.kind !== "confirmed") this.revealExplorerLink();
@@ -44,6 +33,17 @@ var TransactionReceipt = class extends Component {
 	componentWillUnmount() {
 		this.releaseExplorerRow();
 	}
+	setExplorerRowHeight = (height) => {
+		const row = this.explorerRow.current;
+		if (!row) return;
+		confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
+	};
+	releaseExplorerRow = () => {
+		const row = this.explorerRow.current;
+		if (!row) return;
+		delete row.dataset.opening;
+		confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
+	};
 	revealExplorerLink() {
 		const row = this.explorerRow.current;
 		const link = row?.firstElementChild;
@@ -114,19 +114,23 @@ var TransactionReceipt = class extends Component {
 					class: "seams-transaction-toast-text",
 					children: [/* @__PURE__ */ jsx("strong", {
 						role: "status",
-						children: heading
+						children: /* @__PURE__ */ jsx(WalletText, { copy: heading })
 					}), /* @__PURE__ */ jsx("span", { children: reviewNetwork(data.model) })]
 				}),
 				/* @__PURE__ */ jsxs("button", {
 					type: "button",
 					class: "seams-receipt-open",
 					onClick: this.expand,
-					children: ["Open ", /* @__PURE__ */ jsx(ReviewIcon, { kind: "arrow" })]
+					children: [
+						/* @__PURE__ */ jsx(WalletText, { message: "Open" }),
+						" ",
+						/* @__PURE__ */ jsx(ReviewIcon, { kind: "arrow" })
+					]
 				}),
 				!pending && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					class: "seams-receipt-dismiss",
-					"aria-label": "Close transaction",
+					"aria-label": walletText(this.context, "Close transaction"),
 					onClick: receipt.onDismiss,
 					children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "close" })
 				})
@@ -137,9 +141,9 @@ var TransactionReceipt = class extends Component {
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					class: "seams-review-toolbar",
-					children: [/* @__PURE__ */ jsx("span", { children: "Transaction receipt" }), /* @__PURE__ */ jsx("button", {
+					children: [/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Transaction receipt" }) }), /* @__PURE__ */ jsx("button", {
 						type: "button",
-						"aria-label": "Minimize transaction",
+						"aria-label": walletText(this.context, "Minimize transaction"),
 						onClick: this.minimize,
 						children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "minimize" })
 					})]
@@ -152,8 +156,8 @@ var TransactionReceipt = class extends Component {
 						children: /* @__PURE__ */ jsx(ReviewIcon, { kind: pending ? "loader" : complete ? "check" : "alert" })
 					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
 						role: "status",
-						children: heading
-					}), /* @__PURE__ */ jsx("p", { children: receiptDescription(receipt.state) })] })]
+						children: /* @__PURE__ */ jsx(WalletText, { copy: heading })
+					}), /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(WalletText, { copy: receiptDescription(receipt.state) }) })] })]
 				}),
 				/* @__PURE__ */ jsx(ReviewAmount, {
 					model: data.model,
@@ -161,15 +165,19 @@ var TransactionReceipt = class extends Component {
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					class: "seams-receipt-destination",
-					children: [recipient && /* @__PURE__ */ jsxs(Fragment$1, { children: ["To ", /* @__PURE__ */ jsx(CopyReviewValue, {
-						value: recipient,
-						address: true,
-						label: `Copy recipient address ${recipient}`
-					})] }), !recipient && reviewNetwork(data.model)]
+					children: [recipient && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(WalletText, { message: "To" }),
+						" ",
+						/* @__PURE__ */ jsx(CopyReviewValue, {
+							value: recipient,
+							address: true,
+							label: walletDisplayText(this.context, `Copy recipient address ${recipient}`)
+						})
+					] }), !recipient && reviewNetwork(data.model)]
 				}),
 				data.model?.totals?.estimatedFee && /* @__PURE__ */ jsx("dl", {
 					class: "seams-review-fields",
-					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Estimated network fee" }), /* @__PURE__ */ jsxs("dd", { children: [
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Estimated network fee" }) }), /* @__PURE__ */ jsxs("dd", { children: [
 						data.model.totals.estimatedFee,
 						" ",
 						data.model.totals.feeSymbol
@@ -177,25 +185,25 @@ var TransactionReceipt = class extends Component {
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					class: "seams-receipt-steps",
-					"aria-label": "Transaction progress",
+					"aria-label": walletText(this.context, "Transaction progress"),
 					children: [
 						/* @__PURE__ */ jsx(ReceiptStep, {
 							stage: "signing",
-							label: "Signed",
+							label: walletText(this.context, "Signed"),
 							activeLabel: "Signing",
 							complete: completedStages >= 1,
 							active: receipt.state.kind === "signing"
 						}),
 						/* @__PURE__ */ jsx(ReceiptStep, {
 							stage: "broadcast",
-							label: "Broadcast",
+							label: walletText(this.context, "Broadcast"),
 							activeLabel: "Broadcasting",
 							complete: completedStages >= 2,
 							active: receipt.state.kind === "broadcasting"
 						}),
 						/* @__PURE__ */ jsx(ReceiptStep, {
 							stage: "confirming",
-							label: receipt.state.kind === "reverted" ? "Reverted" : "Confirmed",
+							label: walletDisplayText(this.context, receipt.state.kind === "reverted" ? "Reverted" : "Confirmed"),
 							activeLabel: "Confirming",
 							complete: completedStages === 3,
 							active: receipt.state.kind === "submitted"
@@ -203,31 +211,31 @@ var TransactionReceipt = class extends Component {
 					]
 				}),
 				/* @__PURE__ */ jsx(ReviewDisclosure, {
-					label: "Receipt details",
+					label: walletText(this.context, "Receipt details"),
 					children: /* @__PURE__ */ jsxs("dl", {
 						class: "seams-review-fields",
 						children: [
-							data.model?.signerAccount && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "From" }), /* @__PURE__ */ jsx("dd", {
+							data.model?.signerAccount && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "From" }) }), /* @__PURE__ */ jsx("dd", {
 								class: "seams-review-recipient",
 								children: /* @__PURE__ */ jsx(CopyReviewValue, {
 									value: data.model.signerAccount,
 									address: true,
-									label: `Copy signer address ${data.model.signerAccount}`
+									label: walletDisplayText(this.context, `Copy signer address ${data.model.signerAccount}`)
 								})
 							})] }),
-							recipient && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "To" }), /* @__PURE__ */ jsx("dd", {
+							recipient && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("dt", { children: [/* @__PURE__ */ jsx(WalletText, { message: "To" }), " "] }), /* @__PURE__ */ jsx("dd", {
 								class: "seams-review-recipient",
 								children: /* @__PURE__ */ jsx(CopyReviewValue, {
 									value: recipient,
 									address: true,
-									label: `Copy recipient address ${recipient}`
+									label: walletDisplayText(this.context, `Copy recipient address ${recipient}`)
 								})
 							})] }),
-							receipt.state.hash && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Transaction" }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsx(ReviewMiddleTruncated, {
+							receipt.state.hash && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Transaction" }) }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsx(ReviewMiddleTruncated, {
 								value: receipt.state.hash,
 								class: "seams-review-hash"
 							}), /* @__PURE__ */ jsx(CopyReviewValue, { value: receipt.state.hash })] })] }),
-							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Status" }), /* @__PURE__ */ jsx("dd", { children: heading })] })
+							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Status" }) }), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(WalletText, { copy: heading }) })] })
 						]
 					})
 				}),
@@ -235,7 +243,7 @@ var TransactionReceipt = class extends Component {
 					type: "button",
 					class: "seams-receipt-primary",
 					onClick: this.close,
-					children: receiptIsPending(receipt.state) ? "Continue in background" : "Done"
+					children: receiptIsPending(receipt.state) ? /* @__PURE__ */ jsx(WalletText, { message: "Continue in background" }) : /* @__PURE__ */ jsx(WalletText, { message: "Done" })
 				}),
 				explorerHref && /* @__PURE__ */ jsx("div", {
 					id: this.explorerRowId,
@@ -246,7 +254,11 @@ var TransactionReceipt = class extends Component {
 						href: explorerHref,
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: ["View transaction ", /* @__PURE__ */ jsx(ReviewIcon, { kind: "arrow" })]
+						children: [
+							/* @__PURE__ */ jsx(WalletText, { message: "View transaction" }),
+							" ",
+							/* @__PURE__ */ jsx(ReviewIcon, { kind: "arrow" })
+						]
 					})
 				}),
 				/* @__PURE__ */ jsx(WalletReceiptFooter, {})
@@ -287,7 +299,7 @@ function ReceiptStep(props) {
 		children: [/* @__PURE__ */ jsx("span", {
 			class: "seams-receipt-track",
 			"aria-hidden": "true"
-		}), props.active ? props.activeLabel : props.label]
+		}), /* @__PURE__ */ jsx(WalletText, { copy: props.active ? props.activeLabel : props.label })]
 	});
 }
 //#endregion

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText, useWalletLocale } from "./WalletLocale.js";
 import { SeamsWordmark } from "./SeamsWordmark.js";
 import { contractPrefix, transactionLabelTitle } from "./TransactionLabel.js";
 import { copySurfaceText } from "./clipboard.js";
@@ -46,10 +48,11 @@ function reviewRecipient(model) {
 }
 /** The whole value when it fits; otherwise the middle truncates and the last eight characters stay. */
 function ReviewMiddleTruncated({ value, class: className }) {
+	const locale = useWalletLocale();
 	return /* @__PURE__ */ jsxs("bdi", {
 		class: `seams-review-middle ${className}`,
 		dir: "ltr",
-		title: value,
+		title: walletDisplayText(locale, value),
 		children: [/* @__PURE__ */ jsx("span", { children: value.slice(0, -8) }), /* @__PURE__ */ jsx("span", { children: value.slice(-8) })]
 	});
 }
@@ -119,7 +122,7 @@ function WalletReceiptFooter() {
 		children: [
 			/* @__PURE__ */ jsx(ReviewIcon, { kind: "shield" }),
 			" ",
-			/* @__PURE__ */ jsx("span", { children: "Secured by" }),
+			/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Secured by" }) }),
 			" ",
 			/* @__PURE__ */ jsx(SeamsWordmark, {})
 		]
@@ -144,28 +147,13 @@ function reviewAmount(model) {
 	};
 }
 var CopyReviewValue = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { copied: false };
-		this.lifetime = new AbortController();
-		this.timer = null;
-		this.resetCopied = () => {
-			this.setState({ copied: false });
-		};
-		this.copy = async (event) => {
-			const target = event.currentTarget;
-			if (!(target instanceof HTMLElement)) return;
-			const signal = this.lifetime.signal;
-			try {
-				if (!await copySurfaceText(target, this.props.value, signal) || signal.aborted) return;
-				this.setState({ copied: true });
-				if (this.timer !== null) clearTimeout(this.timer);
-				this.timer = setTimeout(this.resetCopied, 3e3);
-			} catch {
-				if (!signal.aborted) this.setState({ copied: false });
-			}
-		};
-	}
+	static contextType = WalletLocaleContext;
+	state = { copied: false };
+	lifetime = new AbortController();
+	timer = null;
+	resetCopied = () => {
+		this.setState({ copied: false });
+	};
 	componentWillUnmount() {
 		this.lifetime.abort();
 		if (this.timer !== null) clearTimeout(this.timer);
@@ -177,12 +165,25 @@ var CopyReviewValue = class extends Component {
 		if (this.timer !== null) clearTimeout(this.timer);
 		this.resetCopied();
 	}
+	copy = async (event) => {
+		const target = event.currentTarget;
+		if (!(target instanceof HTMLElement)) return;
+		const signal = this.lifetime.signal;
+		try {
+			if (!await copySurfaceText(target, this.props.value, signal) || signal.aborted) return;
+			this.setState({ copied: true });
+			if (this.timer !== null) clearTimeout(this.timer);
+			this.timer = setTimeout(this.resetCopied, 3e3);
+		} catch {
+			if (!signal.aborted) this.setState({ copied: false });
+		}
+	};
 	render() {
 		return /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			class: `seams-review-copy${this.props.address ? " seams-review-copy-address" : ""}${this.state.copied ? " copied" : ""}`,
 			onClick: this.copy,
-			"aria-label": this.state.copied ? "Copied" : this.props.label ?? "Copy value",
+			"aria-label": walletDisplayText(this.context, this.state.copied ? "Copied" : this.props.label ?? "Copy value"),
 			children: [this.props.address && /* @__PURE__ */ jsx("bdi", {
 				class: "seams-review-full-address",
 				dir: "ltr",
@@ -192,43 +193,45 @@ var CopyReviewValue = class extends Component {
 	}
 };
 function ReviewDetailLabel({ node }) {
-	if (node.action || node.transaction) return /* @__PURE__ */ jsx(Fragment$1, { children: transactionLabelTitle(node) });
+	const locale = useWalletLocale();
+	if (node.action || node.transaction) return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(WalletText, { copy: transactionLabelTitle(node) }) });
 	const contract = contractPrefix(node);
 	if (contract && node.contractAddress) {
 		const address = node.contractAddress;
 		return /* @__PURE__ */ jsxs("span", {
 			class: "seams-review-contract",
-			children: [contract.trim(), /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx(WalletText, { copy: contract.trim() }), /* @__PURE__ */ jsxs("span", {
 				class: "seams-review-contract-value",
 				children: [/* @__PURE__ */ jsx(ReviewMiddleTruncated, {
 					value: address,
 					class: "seams-review-contract-address"
 				}), /* @__PURE__ */ jsx(CopyReviewValue, {
 					value: address,
-					label: `Copy contract address ${address}`
+					label: walletDisplayText(locale, `Copy contract address ${address}`)
 				})]
 			})]
 		});
 	}
 	if (node.fieldLabel) {
 		const value = node.label.slice(node.fieldLabel.length);
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [node.fieldLabel, node.fieldLabel === "Method:" ? /* @__PURE__ */ jsx("span", {
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WalletText, { copy: node.fieldLabel }), node.fieldLabel === "Method:" ? /* @__PURE__ */ jsx("span", {
 			class: "seams-review-function",
 			children: value
 		}) : value] });
 	}
 	const call = /^(Call(?:ing)? )([^\s]+)(.*)$/.exec(node.label);
 	if (call) return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		call[1],
+		/* @__PURE__ */ jsx(WalletText, { copy: call[1] }),
 		/* @__PURE__ */ jsx("span", {
 			class: "seams-review-function",
 			children: call[2]
 		}),
 		call[3]
 	] });
-	return /* @__PURE__ */ jsx(Fragment$1, { children: node.label });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(WalletText, { copy: node.label }) });
 }
 function ReviewDetail({ node }) {
+	const locale = useWalletLocale();
 	const content = node.contentVariants?.decoded ?? node.content;
 	const block = Boolean(node.contentVariants || content?.includes("\n"));
 	return /* @__PURE__ */ jsxs("div", {
@@ -243,7 +246,7 @@ function ReviewDetail({ node }) {
 				]
 			}),
 			node.contentVariants && /* @__PURE__ */ jsx(ReviewDisclosure, {
-				label: "Raw data",
+				label: walletText(locale, "Raw data"),
 				kind: "raw",
 				children: /* @__PURE__ */ jsx("pre", { children: node.contentVariants.raw })
 			}),
@@ -255,6 +258,7 @@ function ReviewDetail({ node }) {
 	});
 }
 function TransactionReview({ data, details = true }) {
+	const locale = useWalletLocale();
 	const model = data.model;
 	const operation = model?.operations[0];
 	const recipient = reviewRecipient(model);
@@ -265,21 +269,21 @@ function TransactionReview({ data, details = true }) {
 			model?.warnings?.map((warning) => /* @__PURE__ */ jsx("div", {
 				class: "seams-review-warning",
 				role: "alert",
-				children: warning.message
+				children: /* @__PURE__ */ jsx(WalletText, { copy: warning.message })
 			}, warning.code)),
 			/* @__PURE__ */ jsxs("dl", {
 				class: "seams-review-fields",
 				children: [
-					recipient && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "To" }), /* @__PURE__ */ jsx("dd", {
+					recipient && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "To" }) }), /* @__PURE__ */ jsx("dd", {
 						class: "seams-review-recipient",
 						children: /* @__PURE__ */ jsx(CopyReviewValue, {
 							value: recipient,
 							address: true,
-							label: `Copy recipient address ${recipient}`
+							label: walletDisplayText(locale, `Copy recipient address ${recipient}`)
 						})
 					})] }),
-					model && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Network" }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsx("span", { class: "seams-review-network-dot" }), reviewNetwork(model)] })] }),
-					model?.totals?.estimatedFee && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Estimated network fee" }), /* @__PURE__ */ jsxs("dd", { children: [
+					model && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Network" }) }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsx("span", { class: "seams-review-network-dot" }), reviewNetwork(model)] })] }),
+					model?.totals?.estimatedFee && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(WalletText, { message: "Estimated network fee" }) }), /* @__PURE__ */ jsxs("dd", { children: [
 						model.totals.estimatedFee,
 						" ",
 						model.totals.feeSymbol
@@ -288,7 +292,7 @@ function TransactionReview({ data, details = true }) {
 			}),
 			details && data.tree && /* @__PURE__ */ jsx(ReviewDisclosure, {
 				initiallyOpen: data.detailsInitiallyOpen,
-				label: operation?.kind === "near.message" ? "Message details" : "Transaction details",
+				label: walletDisplayText(locale, operation?.kind === "near.message" ? "Message details" : "Transaction details"),
 				children: /* @__PURE__ */ jsx(ReviewDetail, { node: data.tree })
 			}),
 			model?.signerAccount && /* @__PURE__ */ jsxs("div", {
@@ -297,10 +301,10 @@ function TransactionReview({ data, details = true }) {
 					class: "seams-review-avatar",
 					"aria-hidden": "true",
 					children: "S"
-				}), /* @__PURE__ */ jsxs("div", { children: ["Signing account", /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(CopyReviewValue, {
+				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(WalletText, { message: "Signing account" }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(CopyReviewValue, {
 					value: model.signerAccount,
 					address: true,
-					label: `Copy signing account address ${model.signerAccount}`
+					label: walletDisplayText(locale, `Copy signing account address ${model.signerAccount}`)
 				}) })] })]
 			})
 		]