@seams/wallet 0.17.0 → 0.19.0

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" })
 					})]
 				})
 			]

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

@@ -1,27 +1,31 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletText, useWalletLocale } from "./WalletLocale.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/PasskeyRegistrationDetails.tsx
+/** @jsxImportSource preact */
 function PasskeyRegistrationDetails(props) {
+	const locale = useWalletLocale();
 	return /* @__PURE__ */ jsxs("div", {
 		class: "passkey-registration-confirm__identity",
-		"aria-label": "Passkey registration details",
+		"aria-label": walletText(locale, "Passkey registration details"),
 		children: [/* @__PURE__ */ jsxs("div", {
 			class: "passkey-registration-confirm__row",
 			children: [/* @__PURE__ */ jsx("span", {
 				class: "passkey-registration-confirm__label",
-				children: "Account"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Account" })
 			}), /* @__PURE__ */ jsx("span", {
 				class: "passkey-registration-confirm__value",
-				title: props.display.intendedUserName,
+				title: walletDisplayText(locale, props.display.intendedUserName),
 				children: props.display.intendedUserName
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			class: "passkey-registration-confirm__row",
 			children: [/* @__PURE__ */ jsx("span", {
 				class: "passkey-registration-confirm__label",
-				children: "Website"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Website" })
 			}), /* @__PURE__ */ jsx("span", {
 				class: "passkey-registration-confirm__value",
-				title: props.display.rpId,
+				title: walletDisplayText(locale, props.display.rpId),
 				children: props.display.rpId
 			})]
 		})]

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

@@ -1,3 +1,5 @@
+import { walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { Component, createRef } from "preact";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/RecoveryCodeBackupSurface.tsx
@@ -119,6 +121,7 @@ function renderRecoveryCodeItem(code, index) {
 	}, `${index}-${code}`);
 }
 var RecoveryCodeBackupSurface = class extends Component {
+	static contextType = WalletLocaleContext;
 	state = initialState(this.props.experience);
 	root = createRef();
 	active = false;
@@ -322,7 +325,7 @@ var RecoveryCodeBackupSurface = class extends Component {
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				class: "recovery-summary-close",
-				"aria-label": "Close recovery codes",
+				"aria-label": walletText(this.context, "Close recovery codes"),
 				onClick: this.closeSummary,
 				children: /* @__PURE__ */ jsx("svg", {
 					"aria-hidden": "true",
@@ -336,19 +339,19 @@ var RecoveryCodeBackupSurface = class extends Component {
 				id: "seams-wallet-recovery-title",
 				class: "recovery-backup-title",
 				tabIndex: -1,
-				children: "Wallet recovery codes"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Wallet recovery codes" })
 			}),
 			/* @__PURE__ */ jsx("p", {
 				id: "seams-wallet-recovery-description",
 				class: "recovery-backup-description",
-				children: "View and save the recovery codes retained by this wallet after registration."
+				children: /* @__PURE__ */ jsx(WalletText, { message: "View and save the recovery codes retained by this wallet after registration." })
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				class: "recovery-summary-body",
 				children: [
 					/* @__PURE__ */ jsx("h2", {
 						class: "recovery-summary-section-label",
-						children: "Security"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Security" })
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						class: "recovery-summary-item",
@@ -362,15 +365,15 @@ var RecoveryCodeBackupSurface = class extends Component {
 								class: "recovery-summary-item-text",
 								children: [/* @__PURE__ */ jsx("span", {
 									class: "recovery-summary-item-title",
-									children: "Recovery codes"
+									children: /* @__PURE__ */ jsx(WalletText, { message: "Recovery codes" })
 								}), /* @__PURE__ */ jsx("span", {
 									class: "recovery-summary-item-detail",
-									children: activeCodesDetail(state.loadState)
+									children: /* @__PURE__ */ jsx(WalletText, { copy: activeCodesDetail(state.loadState) })
 								})]
 							}),
 							/* @__PURE__ */ jsx("span", {
 								class: "recovery-summary-badge",
-								children: statusValue(state.loadState)
+								children: /* @__PURE__ */ jsx(WalletText, { copy: statusValue(state.loadState) })
 							})
 						]
 					}),
@@ -384,7 +387,7 @@ var RecoveryCodeBackupSurface = class extends Component {
 							class: "recovery-summary-item-text",
 							children: [/* @__PURE__ */ jsx("span", {
 								class: "recovery-summary-item-title",
-								children: "Wallet"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Wallet" })
 							}), /* @__PURE__ */ jsx("span", {
 								class: "recovery-summary-item-detail",
 								children: state.walletId
@@ -396,7 +399,7 @@ var RecoveryCodeBackupSurface = class extends Component {
 						class: "recovery-backup-button secondary recovery-summary-open",
 						disabled: opening,
 						onClick: this.openRecoveryCodes,
-						children: opening ? /* @__PURE__ */ jsxs(Fragment$1, { children: ["Opening recovery codes", /* @__PURE__ */ jsxs("span", {
+						children: opening ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WalletText, { message: "Opening recovery codes" }), /* @__PURE__ */ jsxs("span", {
 							class: "recovery-summary-ellipsis",
 							"aria-hidden": "true",
 							children: [
@@ -404,29 +407,29 @@ var RecoveryCodeBackupSurface = class extends Component {
 								/* @__PURE__ */ jsx("span", { children: "." }),
 								/* @__PURE__ */ jsx("span", { children: "." })
 							]
-						})] }) : "View recovery codes"
+						})] }) : /* @__PURE__ */ jsx(WalletText, { message: "View recovery codes" })
 					}),
 					/* @__PURE__ */ jsx("p", {
 						class: "recovery-summary-live-status",
 						role: "status",
 						"aria-live": "polite",
-						children: state.loadState.kind === "loading" ? "Loading recovery-code status…" : ""
+						children: state.loadState.kind === "loading" ? /* @__PURE__ */ jsx(WalletText, { message: "Loading recovery-code status…" }) : ""
 					}),
 					statusFailure && /* @__PURE__ */ jsx("p", {
 						class: "recovery-summary-error",
 						role: "alert",
-						children: statusFailure
+						children: /* @__PURE__ */ jsx(WalletText, { copy: statusFailure })
 					}),
 					state.actionError && /* @__PURE__ */ jsx("p", {
 						class: "recovery-summary-error",
 						role: "alert",
-						children: state.actionError
+						children: /* @__PURE__ */ jsx(WalletText, { copy: state.actionError })
 					}),
 					state.loadState.kind === "error" && /* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "recovery-backup-button secondary",
 						onClick: this.retryStatus,
-						children: "Retry status"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Retry status" })
 					})
 				]
 			})
@@ -439,18 +442,21 @@ var RecoveryCodeBackupSurface = class extends Component {
 				id: "seams-wallet-recovery-title",
 				class: "recovery-backup-title",
 				tabIndex: -1,
-				children: "Save your recovery codes"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Save your recovery codes" })
 			}),
 			/* @__PURE__ */ jsx("p", {
 				id: "seams-wallet-recovery-description",
 				class: "recovery-backup-description",
-				children: description
+				children: /* @__PURE__ */ jsx(WalletText, { copy: description })
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				class: "recovery-code-sheet",
 				children: [/* @__PURE__ */ jsxs("div", {
 					class: "recovery-code-sheet-heading",
-					children: [/* @__PURE__ */ jsx("span", { children: "Recovery codes" }), /* @__PURE__ */ jsxs("span", { children: [request.recoveryCodes.length, " single-use codes"] })]
+					children: [/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Recovery codes" }) }), /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, {
+						message: "{value0} single-use codes",
+						values: { value0: request.recoveryCodes.length }
+					}) })]
 				}), /* @__PURE__ */ jsx("ol", {
 					class: "recovery-code-list",
 					children: request.recoveryCodes.map(renderRecoveryCodeItem)
@@ -462,12 +468,12 @@ var RecoveryCodeBackupSurface = class extends Component {
 					type: "button",
 					class: "recovery-backup-button primary",
 					onClick: this.download,
-					children: "Download codes"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Download codes" })
 				}), /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					class: `recovery-backup-button secondary recovery-backup-copy${this.state.copied ? " copied" : ""}`,
 					onClick: this.copy,
-					children: [/* @__PURE__ */ jsx(CopyIcon, {}), "Copy codes"]
+					children: [/* @__PURE__ */ jsx(CopyIcon, {}), /* @__PURE__ */ jsx(WalletText, { message: "Copy codes" })]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -479,19 +485,19 @@ var RecoveryCodeBackupSurface = class extends Component {
 						"data-seams-wallet-recovery-backup-acknowledgement": true,
 						checked: this.state.acknowledged,
 						onChange: this.onAcknowledgementChange
-					}), /* @__PURE__ */ jsxs("span", { children: ["I saved these recovery codes somewhere safe.", /* @__PURE__ */ jsx("small", { children: "They won’t be shown again after you finish." })] })]
+					}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx(WalletText, { message: "I saved these recovery codes somewhere safe." }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { message: "They won’t be shown again after you finish." }) })] })]
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
 					class: `recovery-backup-button ${this.state.acknowledged ? "primary" : "secondary"}`,
 					"data-seams-wallet-recovery-backup-close": true,
 					onClick: this.closeRecoveryCodes,
-					children: recoveryCloseLabel(request, this.state.acknowledged)
+					children: /* @__PURE__ */ jsx(WalletText, { copy: recoveryCloseLabel(request, this.state.acknowledged) })
 				})]
 			}),
 			/* @__PURE__ */ jsx("p", {
 				class: "recovery-backup-status",
 				role: "status",
-				children: this.state.statusMessage
+				children: /* @__PURE__ */ jsx(WalletText, { copy: this.state.statusMessage })
 			})
 		] });
 	}

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

@@ -1,3 +1,4 @@
+import { WalletText } from "./WalletLocale.js";
 import { announceClampedSurfaceResize } from "../confirm-surface-resize.js";
 import { confirmationDocumentStyles } from "./confirmation-styles.js";
 import { Component, createRef } from "preact";
@@ -99,7 +100,7 @@ var ReviewDisclosure = class extends Component {
 			class: `seams-review-${this.props.kind ?? "technical"}`,
 			children: [/* @__PURE__ */ jsxs("summary", {
 				onClick: this.toggle,
-				children: [this.props.label, /* @__PURE__ */ jsx("svg", {
+				children: [/* @__PURE__ */ jsx(WalletText, { copy: this.props.label }), /* @__PURE__ */ jsx("svg", {
 					class: "seams-review-caret",
 					viewBox: "0 0 20 20",
 					width: "16",

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,6 +13,7 @@ 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 {
+	static contextType = WalletLocaleContext;
 	explorerRow = createRef();
 	explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
 	minimize = () => {
@@ -111,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" })
 				})
@@ -134,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" })
 					})]
@@ -149,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,
@@ -158,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
@@ -174,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"
@@ -200,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 }) })] })
 						]
 					})
 				}),
@@ -232,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,
@@ -243,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, {})
@@ -284,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