@seams/wallet 0.17.0 → 0.19.0

package/dist/esm/react/components/QRCodeScanner.js

@@ -1,5 +1,7 @@
 import { classifyLinkDeviceFlowEvent } from "../../core/types/sdkSentEvents.js";
 import { DeviceLinkingErrorCode } from "../../core/types/linkDevice.js";
+import { walletText } from "../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../context/WalletLocale.js";
 import { useSeams } from "../context/index.js";
 import { Theme, useTheme } from "./theme/ThemeProvider.js";
 import { useDeviceLinking } from "../hooks/useDeviceLinking.js";
@@ -29,12 +31,13 @@ function restorableFocusElement() {
 	return activeElement;
 }
 function ScannerFrame({ presentation, onClose, theme, tokens, children }) {
+	const locale = useWalletLocale();
 	if (presentation === "embedded") return /* @__PURE__ */ jsxs(AccountMenuScreen, {
-		title: "Link a device",
+		title: walletText(locale, "Link a device"),
 		onBack: onClose,
 		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." })
 		}), children]
 	});
 	return /* @__PURE__ */ jsx(Theme, {
@@ -44,6 +47,7 @@ function ScannerFrame({ presentation, onClose, theme, tokens, children }) {
 	});
 }
 const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = true, cameraId, className, style, showCamera = true, presentation = "modal" }) => {
+	const locale = useWalletLocale();
 	const { theme, tokens } = useTheme();
 	const { cancelLinking } = useSeams();
 	const scopedTokens = React.useMemo(() => theme === "dark" ? { dark: tokens } : { light: tokens }, [theme, tokens]);
@@ -339,24 +343,24 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 				children: [
 					/* @__PURE__ */ jsx("h2", {
 						id: "qr-scanner-error-title",
-						children: "Unable to scan a QR code"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Unable to scan a QR code" })
 					}),
 					/* @__PURE__ */ jsx("p", {
 						role: "alert",
-						children: qrCamera.error
+						children: /* @__PURE__ */ jsx(WalletText, { copy: qrCamera.error })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: qrCamera.startScanning,
 						className: "qr-scanner-error-button",
-						children: "Try Again"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Try Again" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						ref: closeButtonRef,
 						type: "button",
 						onClick: handleClose,
 						className: "qr-scanner-error-button",
-						children: "Close"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Close" })
 					})
 				]
 			})
@@ -389,14 +393,14 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 				children: [
 					/* @__PURE__ */ jsx("h2", {
 						id: "qr-scanner-email-selection-title",
-						children: "Choose an Email OTP method"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Choose an Email OTP method" })
 					}),
-					/* @__PURE__ */ jsx("p", { children: "Select the masked address to authorize this linked device." }),
+					/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(WalletText, { message: "Select the masked address to authorize this linked device." }) }),
 					emailOtpSelection.kind === "required" ? /* @__PURE__ */ jsxs("fieldset", {
 						className: "qr-scanner-email-choice-list",
 						children: [/* @__PURE__ */ jsx("legend", {
 							className: "qr-scanner-email-choice-legend",
-							children: "Available methods"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Available methods" })
 						}), emailOtpSelection.choices.map((choice) => {
 							const choiceId = `qr-email-method-${String(choice.baseWalletAuthMethodId)}`;
 							return /* @__PURE__ */ jsxs("label", {
@@ -415,7 +419,8 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 					}) : /* @__PURE__ */ jsxs("p", {
 						role: "status",
 						children: [
-							"Authorizing ",
+							/* @__PURE__ */ jsx(WalletText, { message: "Authorizing" }),
+							" ",
 							emailOtpSelection.choice.maskedEmailHint,
 							"…"
 						]
@@ -425,13 +430,13 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 						className: "qr-scanner-email-continue",
 						disabled: emailOtpSelection.selectedBaseWalletAuthMethodId === null,
 						onClick: selectEmailOtpBaseFactor,
-						children: "Continue"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Continue" })
 					})
 				]
 			}), /* @__PURE__ */ jsx("button", {
 				ref: closeButtonRef,
 				type: "button",
-				"aria-label": "Close scanner",
+				"aria-label": walletText(locale, "Close scanner"),
 				onClick: handleClose,
 				className: "qr-scanner-close",
 				children: /* @__PURE__ */ jsx("span", {
@@ -467,7 +472,7 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 				children: [/* @__PURE__ */ jsx("h2", {
 					id: "qr-scanner-title",
 					className: "qr-scanner-visually-hidden",
-					children: "Scan and link a device"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Scan and link a device" })
 				}), scannerState.kind === "expired" ? /* @__PURE__ */ jsxs("div", {
 					className: "qr-scanner-progress",
 					"aria-labelledby": "qr-scanner-progress-title",
@@ -476,12 +481,12 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 							id: "qr-scanner-progress-title",
 							ref: progressTitleRef,
 							tabIndex: -1,
-							children: "Linking expired"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Linking expired" })
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "qr-scanner-progress-message",
 							role: "alert",
-							children: "This linking request expired. Scan the QR code again to retry."
+							children: /* @__PURE__ */ jsx(WalletText, { message: "This linking request expired. Scan the QR code again to retry." })
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "qr-scanner-progress-actions",
@@ -489,12 +494,12 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 								type: "button",
 								className: "qr-scanner-progress-cancel",
 								onClick: handleDismissExpiredLink,
-								children: "Close"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Close" })
 							}), /* @__PURE__ */ jsx("button", {
 								type: "button",
 								className: "qr-scanner-progress-primary",
 								onClick: handleRetryExpiredLink,
-								children: "Try again"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Try again" })
 							})]
 						})
 					]
@@ -506,7 +511,7 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 							id: "qr-scanner-progress-title",
 							ref: progressTitleRef,
 							tabIndex: -1,
-							children: "Linking device"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Linking device" })
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "qr-scanner-progress-dots",
@@ -521,7 +526,7 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 							className: "qr-scanner-progress-message",
 							role: "status",
 							"aria-live": "polite",
-							children: "Continue linking on your other device."
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Continue linking on your other device." })
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "qr-scanner-progress-actions",
@@ -529,7 +534,7 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 								type: "button",
 								className: "qr-scanner-progress-cancel",
 								onClick: handleCancelLinking,
-								children: "Cancel linking"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Cancel linking" })
 							})
 						})
 					]
@@ -551,9 +556,9 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 						})] }),
 						/* @__PURE__ */ jsxs("div", {
 							className: "qr-scanner-instructions",
-							children: [/* @__PURE__ */ jsx("p", { children: "Position the QR code within the frame" }), qrCamera.isScanning && /* @__PURE__ */ jsx("p", {
+							children: [/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(WalletText, { message: "Position the QR code within the frame" }) }), qrCamera.isScanning && /* @__PURE__ */ jsx("p", {
 								className: "qr-scanner-sub-instruction qr-scanner-sub-instruction--small",
-								children: "Scanning..."
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Scanning..." })
 							})]
 						}),
 						qrCamera.cameras.length > 1 && /* @__PURE__ */ jsx("div", {
@@ -574,7 +579,7 @@ const QRCodeScanner = ({ onQRCodeScanned, onError, onClose, onEvent, isOpen = tr
 			}), scannerState.kind === "scanning" && /* @__PURE__ */ jsx("button", {
 				ref: closeButtonRef,
 				type: "button",
-				"aria-label": "Close scanner",
+				"aria-label": walletText(locale, "Close scanner"),
 				onClick: (event) => {
 					event.stopPropagation();
 					stopPropagationNative(event);

package/dist/esm/react/components/ShowQRCode.js

@@ -1,6 +1,8 @@
 import { toAccountId } from "../../core/types/accountIds.js";
 import { classifyLinkDeviceFlowEvent } from "../../core/types/sdkSentEvents.js";
 import { isLinkedDeviceTargetEmailAddressV1, normalizeLinkedDeviceTargetEmailAddressV1 } from "../../core/types/linkDevice.js";
+import { walletText } from "../../core/ui/messages.js";
+import { WalletText, useWalletLocale } from "../context/WalletLocale.js";
 import { useSeams } from "../context/index.js";
 import FingerprintIcon from "./FingerprintIcon.js";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -383,10 +385,10 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 						children: [/* @__PURE__ */ jsx("h2", {
 							id: "seams-device-link-factor-title",
 							className: "seams-otp-title",
-							children: "Match your other device"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Match your other device" })
 						}), /* @__PURE__ */ jsx("p", {
 							className: "seams-otp-description",
-							children: "Choose the unlock method for Device 2. Email code sends a one-time code to the address you enter."
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Choose the unlock method for Device 2. Email code sends a one-time code to the address you enter." })
 						})]
 					}),
 					/* @__PURE__ */ jsxs("fieldset", {
@@ -394,7 +396,7 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 						children: [
 							/* @__PURE__ */ jsx("legend", {
 								className: "seams-field-label",
-								children: "Wallet unlock method"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Wallet unlock method" })
 							}),
 							/* @__PURE__ */ jsxs("label", {
 								className: "seams-device-link-factor-option",
@@ -406,7 +408,11 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 									}),
 									/* @__PURE__ */ jsxs("span", {
 										className: "seams-device-link-factor-label",
-										children: ["Passkey ", /* @__PURE__ */ jsx("span", { children: "(recommended)" })]
+										children: [
+											/* @__PURE__ */ jsx(WalletText, { message: "Passkey" }),
+											" ",
+											/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "(recommended)" }) })
+										]
 									}),
 									/* @__PURE__ */ jsx("input", {
 										type: "radio",
@@ -427,7 +433,7 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 									}),
 									/* @__PURE__ */ jsx("span", {
 										className: "seams-device-link-factor-label",
-										children: "Email code"
+										children: /* @__PURE__ */ jsx(WalletText, { message: "Email code" })
 									}),
 									/* @__PURE__ */ jsx("input", {
 										type: "radio",
@@ -444,7 +450,7 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 						className: "seams-device-link-email-field",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "seams-field-label",
-							children: "Email address"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Email address" })
 						}), /* @__PURE__ */ jsx("input", {
 							type: "email",
 							name: "seams-device-link-target-email",
@@ -456,14 +462,14 @@ function FactorSelection({ targetFactor, targetEmail, onChange, onEmailAddressCh
 					}) : null,
 					/* @__PURE__ */ jsx("p", {
 						className: "seams-otp-helper",
-						children: emailTargetSelected ? "The address is normalized before the QR code is created." : "Device 2 will create a new passkey for this wallet."
+						children: emailTargetSelected ? /* @__PURE__ */ jsx(WalletText, { message: "The address is normalized before the QR code is created." }) : /* @__PURE__ */ jsx(WalletText, { message: "Device 2 will create a new passkey for this wallet." })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: "seams-link-device-btn",
 						onClick: onStart,
 						disabled: !canStart,
-						children: "Continue"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Continue" })
 					})
 				]
 			})
@@ -498,18 +504,18 @@ function QrDisplay({ state }) {
 						className: "qr-header",
 						children: /* @__PURE__ */ jsx("h2", {
 							className: "qr-title",
-							children: "Scan and Link Device"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Scan and Link Device" })
 						})
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "qr-instruction",
-						children: ready ? "Scan to backup your other device." : "Preparing a one-time code for your other device."
+						children: ready ? /* @__PURE__ */ jsx(WalletText, { message: "Scan to backup your other device." }) : /* @__PURE__ */ jsx(WalletText, { message: "Preparing a one-time code for your other device." })
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "qr-status",
 						role: "status",
 						"aria-live": "polite",
-						children: [ready ? state.lastMessage || "Waiting for device to scan" : "Generating QR code", /* @__PURE__ */ jsx("span", { className: "animated-ellipsis" })]
+						children: [ready ? state.lastMessage || "Waiting for device to scan" : /* @__PURE__ */ jsx(WalletText, { message: "Generating QR code" }), /* @__PURE__ */ jsx("span", { className: "animated-ellipsis" })]
 					})
 				]
 			})
@@ -531,10 +537,10 @@ function PasskeyActivation({ isCreating, onCreate }) {
 					children: [/* @__PURE__ */ jsx("h2", {
 						id: "seams-device-link-passkey-title",
 						className: "seams-otp-title",
-						children: "Create a passkey"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Create a passkey" })
 					}), /* @__PURE__ */ jsx("p", {
 						className: "seams-otp-description",
-						children: "Confirm on this device to finish linking it to your wallet."
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Confirm on this device to finish linking it to your wallet." })
 					})]
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -542,13 +548,14 @@ function PasskeyActivation({ isCreating, onCreate }) {
 					onClick: onCreate,
 					disabled: isCreating,
 					"aria-busy": isCreating,
-					children: isCreating ? "Creating passkey…" : "Create passkey"
+					children: isCreating ? /* @__PURE__ */ jsx(WalletText, { message: "Creating passkey…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Create passkey" })
 				})]
 			})
 		})
 	});
 }
 function EmailOtpActivation({ activation, onError }) {
+	const locale = useWalletLocale();
 	const inputRef = useRef(null);
 	const [isSubmitting, setIsSubmitting] = useState(false);
 	const [isResending, setIsResending] = useState(false);
@@ -631,13 +638,14 @@ function EmailOtpActivation({ activation, onError }) {
 						children: [/* @__PURE__ */ jsx("h2", {
 							id: "seams-device-link-email-title",
 							className: "seams-otp-title",
-							children: "Confirm with an email code"
+							children: /* @__PURE__ */ jsx(WalletText, { message: "Confirm with an email code" })
 						}), state.kind !== "unavailable" && /* @__PURE__ */ jsxs("p", {
 							className: "seams-otp-description",
 							children: [
-								"Use the code sent to ",
+								/* @__PURE__ */ jsx(WalletText, { message: "Use the code sent to" }),
+								" ",
 								/* @__PURE__ */ jsx("strong", { children: state.maskedEmailHint }),
-								". The destination is managed by your wallet and cannot be changed here."
+								/* @__PURE__ */ jsx(WalletText, { message: ". The destination is managed by your wallet and cannot be changed here." })
 							]
 						})]
 					}),
@@ -645,19 +653,19 @@ function EmailOtpActivation({ activation, onError }) {
 						className: "qr-status",
 						role: "status",
 						"aria-live": "polite",
-						children: "Sending your email code…"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Sending your email code…" })
 					}),
 					state.kind === "resending" && /* @__PURE__ */ jsx("div", {
 						className: "qr-status",
 						role: "status",
 						"aria-live": "polite",
-						children: "Sending a new email code…"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Sending a new email code…" })
 					}),
 					state.kind === "completed" && /* @__PURE__ */ jsx("div", {
 						className: "qr-status",
 						role: "status",
 						"aria-live": "polite",
-						children: "Email code accepted. Finishing device activation…"
+						children: /* @__PURE__ */ jsx(WalletText, { message: "Email code accepted. Finishing device activation…" })
 					}),
 					(state.kind === "code_input" || state.kind === "submitting" || state.kind === "incorrect") && /* @__PURE__ */ jsxs("form", {
 						className: "seams-otp-code-field",
@@ -666,7 +674,7 @@ function EmailOtpActivation({ activation, onError }) {
 							/* @__PURE__ */ jsx("label", {
 								className: "seams-field-label",
 								htmlFor: "seams-device-link-email-otp",
-								children: "Email code"
+								children: /* @__PURE__ */ jsx(WalletText, { message: "Email code" })
 							}),
 							/* @__PURE__ */ jsx("input", {
 								ref: inputRef,
@@ -677,7 +685,7 @@ function EmailOtpActivation({ activation, onError }) {
 								autoComplete: "one-time-code",
 								pattern: "[0-9]{6}",
 								maxLength: 6,
-								"aria-label": "Email verification code",
+								"aria-label": walletText(locale, "Email verification code"),
 								"aria-invalid": state.kind === "incorrect",
 								"aria-describedby": state.kind === "incorrect" ? "seams-device-link-email-error" : void 0,
 								value: otpCode,
@@ -693,33 +701,33 @@ function EmailOtpActivation({ activation, onError }) {
 								id: "seams-device-link-email-error",
 								className: "seams-otp-error",
 								role: "alert",
-								children: state.message
+								children: /* @__PURE__ */ jsx(WalletText, { copy: state.message })
 							}),
 							/* @__PURE__ */ jsx("button", {
 								type: "submit",
 								className: "seams-link-device-btn",
 								disabled: state.kind === "submitting" || isSubmitting,
 								"aria-busy": state.kind === "submitting" || isSubmitting,
-								children: state.kind === "submitting" || isSubmitting ? "Checking code…" : "Confirm code"
+								children: state.kind === "submitting" || isSubmitting ? /* @__PURE__ */ jsx(WalletText, { message: "Checking code…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Confirm code" })
 							})
 						]
 					}),
 					state.kind === "expired" && /* @__PURE__ */ jsx("p", {
 						className: "seams-otp-error",
 						role: "alert",
-						children: state.message
+						children: /* @__PURE__ */ jsx(WalletText, { copy: state.message })
 					}),
 					state.kind === "unavailable" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 						className: "seams-otp-error",
 						role: "alert",
-						children: state.message
+						children: /* @__PURE__ */ jsx(WalletText, { copy: state.message })
 					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: "seams-link-device-btn",
 						onClick: handleRetry,
 						disabled: isSending,
 						"aria-busy": isSending,
-						children: isSending ? "Trying again…" : "Send code again"
+						children: isSending ? /* @__PURE__ */ jsx(WalletText, { message: "Trying again…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Send code again" })
 					})] }),
 					(state.kind === "code_input" || state.kind === "incorrect" || state.kind === "expired") && /* @__PURE__ */ jsx("button", {
 						type: "button",
@@ -727,7 +735,7 @@ function EmailOtpActivation({ activation, onError }) {
 						onClick: handleResend,
 						disabled: isResending,
 						"aria-busy": isResending,
-						children: isResending ? "Sending…" : "Resend code"
+						children: isResending ? /* @__PURE__ */ jsx(WalletText, { message: "Sending…" }) : /* @__PURE__ */ jsx(WalletText, { message: "Resend code" })
 					})
 				]
 			})
@@ -745,18 +753,18 @@ function FailureView({ message, onChooseAnother }) {
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "qr-title",
-				children: "Couldn't link device"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Couldn't link device" })
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "seams-link-device-failure-detail",
 				role: "alert",
-				children: message || "Device linking failed"
+				children: /* @__PURE__ */ jsx(WalletText, { copy: message || "Device linking failed" })
 			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "seams-link-device-btn",
 				onClick: onChooseAnother,
-				children: "Choose another factor"
+				children: /* @__PURE__ */ jsx(WalletText, { message: "Choose another factor" })
 			})
 		]
 	});

package/dist/esm/react/components/theme/ThemeProvider.js

@@ -1,3 +1,4 @@
+import { useWalletLocale } from "../../context/WalletLocale.js";
 import { DARK_TOKENS, LIGHT_TOKENS } from "./design-tokens.js";
 import { createCSSVariables, mergeTokens } from "./utils.js";
 import React from "react";
@@ -34,9 +35,11 @@ function useTheme() {
 }
 const ThemeScope = ({ tag = "main", className, style, dataAttr = "data-seams-theme", children }) => {
 	const { theme, vars } = useThemeContext();
+	const locale = useWalletLocale();
 	const Comp = tag;
 	const attrs = { [dataAttr]: theme };
 	return /* @__PURE__ */ jsx(Comp, {
+		lang: locale,
 		className,
 		style: {
 			...vars,

package/dist/esm/react/context/WalletLocale.js

@@ -0,0 +1,15 @@
+import { walletDisplayText, walletText } from "../../core/ui/messages.js";
+import React, { useContext } from "react";
+//#region src/react/context/WalletLocale.tsx
+const WalletLocaleContext = React.createContext("en");
+function useWalletLocale() {
+	return useContext(WalletLocaleContext);
+}
+function WalletText(props) {
+	const locale = useWalletLocale();
+	return props.message === void 0 ? walletDisplayText(locale, props.copy) : walletText(locale, props.message, props.values);
+}
+//#endregion
+export { WalletLocaleContext, WalletText, useWalletLocale };
+
+//# sourceMappingURL=WalletLocale.js.map

package/dist/esm/react/context/index.js

@@ -1,4 +1,6 @@
+import { normalizeWalletLocale } from "../../core/ui/locale.js";
 import { buildNoCurrentWalletAuthMethod } from "../../shared-ts/src/utils/walletCapabilityBindings.js";
+import { WalletLocaleContext } from "./WalletLocale.js";
 import { useNearClient } from "../hooks/useNearClient.js";
 import { useAccountInput } from "../hooks/useAccountInput.js";
 import { useLoginStateRefresher } from "./useLoginStateRefresher.js";
@@ -106,9 +108,12 @@ const SeamsContextProvider = ({ children, config, theme }) => {
 		refreshAccountData,
 		hostSetTheme: theme?.setTheme
 	});
-	return /* @__PURE__ */ jsx(SeamsContext.Provider, {
-		value,
-		children
+	return /* @__PURE__ */ jsx(WalletLocaleContext.Provider, {
+		value: normalizeWalletLocale(config.appearance?.locale),
+		children: /* @__PURE__ */ jsx(SeamsContext.Provider, {
+			value,
+			children
+		})
 	});
 };
 /** Authentication, lifecycle state, and the current wallet's bound signers. */

package/dist/esm/react/styles/styles.css

@@ -104,6 +104,26 @@
   height: 100%;
 }
 
+/* A phone-width menu left the description beside the label only a few
+   characters, so it moves to a line of its own under the label. */
+@media (max-width: 480px) {
+  .seams-account-screen .seams-export-keys-row {
+    flex-wrap: wrap;
+    row-gap: 2px;
+  }
+
+  .seams-account-screen .seams-export-keys-row-spinner {
+    margin-left: auto;
+  }
+
+  .seams-account-screen .seams-export-keys-row-description {
+    flex-basis: 100%;
+    order: 1;
+    white-space: normal;
+    text-align: left;
+  }
+}
+
 /* MenuItem Component Styles */
 
 .seams-dropdown-menu-item {
@@ -626,6 +646,7 @@
   padding: 4px 12px 4px 4px;
   border-radius: 6px;
   width: fit-content;
+  cursor: pointer;
 }
 
 .seams-user-account-button-trigger .hide-username {
@@ -805,6 +826,14 @@
 .seams-profile-button-morphable.open {
   width: 420px;
   overflow: hidden;
+  /* The panel replaces the Settings button; a short fade keeps that from
+     reading as a cut. */
+  animation: seams-account-panel-in 100ms ease-out both;
+}
+@keyframes seams-account-panel-in {
+  from {
+    opacity: 0;
+  }
 }
 .seams-account-resize {
   overflow: hidden;
@@ -1143,6 +1172,9 @@
   overflow: hidden;
 }
 .seams-account-screen .qr-scanner-video {
+  /* The base video is a fixed 400px; the menu's box is narrower, which cut the
+     camera off on the right and moved it from under the scan frame. */
+  width: 100%;
   height: 208px;
   object-fit: cover;
 }
@@ -1199,6 +1231,10 @@
 .seams-account-method-list-item {
   list-style: none;
 }
+/* Separators go between rows only; the footer rule closes the screen. */
+.seams-account-method-list-item:last-child > .seams-account-method-button {
+  border-bottom: 0;
+}
 .seams-account-screen ul {
   padding-left: 0;
 }

package/dist/esm/sdk/ConfirmationDrawer-DCw0m-Iv.js

@@ -0,0 +1 @@
+import{a as e,d as t,f as n,l as r,o as i,p as a,u as o}from"./appearance-token-vars-DxBm_cKA.js";async function s(e,t,n){if(!e.isConnected||n?.aborted)return!1;let r=e.ownerDocument,i=r.defaultView?.navigator.clipboard;if(i?.writeText)try{return await i.writeText(t),!0}catch{}if(!e.isConnected||n?.aborted)return!1;let a=r.createElement(`textarea`);a.value=t,a.readOnly=!0,a.className=`seams-offscreen`,e.appendChild(a),a.select();try{return r.execCommand(`copy`)}finally{a.remove()}}function c(){return r(`span`,{class:`copy-icon`,"aria-hidden":`true`,children:[r(`span`,{class:`copy-icon-check`,children:r(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,children:r(`path`,{d:`M20 6 9 17l-5-5`})})}),r(`span`,{class:`copy-icon-copy`,children:r(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,children:[r(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),r(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]})})]})}let l=0;function u(e){return r(d,{...e},e.context)}var d=class extends n{static contextType=e;dialog=a();hosted=a();containerId=`seams-confirmation-modal-${++l}`;componentDidMount(){this.props.context===`standalone`?this.dialog.current?.showModal():this.hosted.current?.focus({preventScroll:!0})}componentWillUnmount(){this.dialog.current?.close()}cancel=e=>{e.preventDefault(),e.stopPropagation(),this.props.onCancel()};backdropClick=e=>{let t=this.dialog.current;if(!t||e.target!==t)return;let n=t.getBoundingClientRect();(e.clientX<n.left||e.clientX>n.right||e.clientY<n.top||e.clientY>n.bottom)&&this.cancel(e)};hostedKeyDown=e=>{!e.defaultPrevented&&e.key===`Escape`&&this.cancel(e)};render(){return this.props.context===`standalone`?r(`dialog`,{ref:this.dialog,class:`seams-confirmation-modal`,"aria-label":o(this.context,this.props.label),onCancel:this.cancel,onClick:this.backdropClick,children:r(`div`,{id:this.containerId,class:`modal-container-root`,tabIndex:-1,children:this.props.children})}):r(`div`,{ref:this.hosted,class:`seams-confirmation-modal seams-confirmation-modal--hosted`,tabIndex:-1,onKeyDown:this.hostedKeyDown,children:r(`div`,{id:this.containerId,class:`modal-container-root`,children:this.props.children})})}};function f(e){let t=e.startTranslatePx+e.deltaPx;if(t>=e.restTranslatePx)return t;let n=Math.max(e.sheetHeightPx*.5,e.viewportHeightPx*.5,e.minimumOverpullPx),r=e.restTranslatePx-t;return e.restTranslatePx-n*(1-1/(r/n+1))}function p(e){let t=e.totalDeltaPx/Math.max(1,e.durationMs);return Math.min(e.velocityPxPerMs,t)<=-.6||Math.max(e.velocityPxPerMs,t)>=.7||e.translatePx>=e.sheetHeightPx-50}let m=0;function h(e){return r(g,{...e},e.context)}var g=class extends n{static contextType=e;state={settled:!1};id=`seams-confirmation-drawer-${++m}`;dialog=a();sheet=a();body=a();content=a();observer=null;frame=null;closeTimer=null;gesture={kind:`idle`};lifetime=`active`;closeReported=!1;suppressPointerClick=!1;componentDidMount(){let e=this.sheet.current,t=e.ownerDocument.defaultView;this.dialog.current?.showModal(),this.dialog.current||e.focus({preventScroll:!0}),this.observer=new ResizeObserver(this.measureContent),this.observer.observe(this.content.current),this.observer.observe(e),t.addEventListener(`resize`,this.scheduleMeasure),t.visualViewport?.addEventListener(`resize`,this.scheduleMeasure),this.measure(),this.frame=t.requestAnimationFrame(this.openAfterLayout),this.props.state.kind===`closing`&&this.startClose()}openAfterLayout=()=>{this.frame=null,this.setState({settled:!0})};componentDidUpdate(e){e.styles!==this.props.styles&&(e.styles.deleteDynamicRule(this.id),e.styles.deleteDynamicRule(`${this.id}-drag`),this.resetGesture(),this.measure()),e.state.kind!==this.props.state.kind&&(this.props.state.kind===`closing`?this.startClose():(this.clearCloseTimer(),this.closeReported=!1)),this.props.state.kind===`open`&&this.props.state.interaction===`busy`&&this.resetGesture()}componentWillUnmount(){this.lifetime=`disposed`,this.resetGesture();let e=this.sheet.current.ownerDocument.defaultView;this.frame!==null&&e.cancelAnimationFrame(this.frame),this.clearCloseTimer(),this.observer?.disconnect(),e.removeEventListener(`resize`,this.scheduleMeasure),e.visualViewport?.removeEventListener(`resize`,this.scheduleMeasure),this.props.styles.deleteDynamicRule(this.id),this.dialog.current?.close()}scheduleMeasure=()=>{this.lifetime===`disposed`||this.frame!==null||(this.frame=this.sheet.current.ownerDocument.defaultView.requestAnimationFrame(this.measureFrame))};measureFrame=()=>{this.frame=null,this.measure()};measureContent=()=>{this.lifetime===`active`&&this.measure()};measure(){if(this.gesture.kind!==`idle`)return;let e=this.sheet.current,t=this.content.current,n=Math.round(t.getBoundingClientRect().bottom-e.getBoundingClientRect().top),r=this.props.context===`standalone`?Math.max(0,e.offsetHeight-n):0;this.props.styles.setDynamicDeclarations(this.id,`#${this.id}`,{"--seams-drawer-rest":`${r}px`})}startClose(){this.resetGesture(),this.clearCloseTimer();let e=this.sheet.current.ownerDocument.defaultView,t=e.matchMedia(`(prefers-reduced-motion: reduce)`).matches?0:150;this.closeTimer=e.setTimeout(this.reportClosed,t)}clearCloseTimer(){this.closeTimer!==null&&(this.sheet.current.ownerDocument.defaultView.clearTimeout(this.closeTimer),this.closeTimer=null)}reportClosed=()=>{this.clearCloseTimer(),!(this.lifetime===`disposed`||this.closeReported||this.props.state.kind!==`closing`)&&(this.closeReported=!0,this.props.state.onClosed())};transitionEnd=e=>{e.target===this.sheet.current&&e.propertyName===`transform`&&this.reportClosed()};cancel=e=>{e.preventDefault(),e.stopPropagation(),this.props.state.kind===`open`&&this.props.onCancel()};backdropClick=e=>{this.props.dismissOnBackdrop!==!1&&e.target===this.dialog.current&&this.canDrag()&&this.cancel(e)};keyDown=e=>{!e.defaultPrevented&&e.key===`Escape`&&this.cancel(e)};canDrag(){return this.props.state.kind===`open`&&this.props.state.interaction===`ready`}pointerDown=e=>{if(this.clearClickSuppression(),!this.canDrag()||this.gesture.kind!==`idle`||!e.isPrimary||e.button!==0)return;let t=e.target;if(t instanceof Element&&t.closest(`a, input, textarea, select, summary, button:not(.seams-drawer-handle), [data-seams-drawer-no-drag]`))return;this.gesture={kind:`pending`,pointerId:e.pointerId,startY:e.clientY};let n=this.sheet.current.ownerDocument;n.addEventListener(`pointermove`,this.pointerMove,{passive:!1}),n.addEventListener(`pointerup`,this.pointerUp),n.addEventListener(`pointercancel`,this.pointerCancel)};pointerMove=e=>{let t=this.gesture;if(t.kind===`idle`||t.pointerId!==e.pointerId)return;let n=this.sheet.current;if(t.kind===`pending`){if(Math.abs(e.clientY-t.startY)<8||this.body.current.scrollTop>0)return;let r=n.ownerDocument.defaultView,i=new DOMMatrixReadOnly(r.getComputedStyle(n).transform).m42;t={kind:`dragging`,pointerId:t.pointerId,startY:t.startY,lastY:t.startY,startedAt:e.timeStamp,lastTime:e.timeStamp,velocity:0,rest:i,translate:i,height:n.offsetHeight},this.gesture=t,n.setPointerCapture(e.pointerId),n.classList.add(`is-dragging`)}let r=e.timeStamp-t.lastTime;r>0&&(t.velocity=(e.clientY-t.lastY)/r),t.lastY=e.clientY,t.lastTime=e.timeStamp,t.translate=f({startTranslatePx:t.rest,deltaPx:e.clientY-t.startY,restTranslatePx:t.rest,sheetHeightPx:t.height,viewportHeightPx:n.ownerDocument.defaultView.innerHeight,minimumOverpullPx:160}),this.props.styles.setDynamicDeclarations(`${this.id}-drag`,`#${this.id}`,{"--seams-drawer-drag":`${t.translate}px`}),e.preventDefault()};pointerUp=e=>{let t=this.gesture;if(t.kind===`idle`||t.pointerId!==e.pointerId)return;let n=t.kind===`dragging`&&p({velocityPxPerMs:t.velocity,totalDeltaPx:t.lastY-t.startY,durationMs:e.timeStamp-t.startedAt,translatePx:t.translate,sheetHeightPx:t.height});t.kind===`dragging`&&(this.suppressPointerClick=!0,e.preventDefault()),this.resetGesture(),n&&this.props.state.kind===`open`&&this.props.onCancel()};pointerCancel=e=>{this.gesture.kind!==`idle`&&this.gesture.pointerId===e.pointerId&&(this.gesture.kind===`dragging`&&(this.suppressPointerClick=!0),this.resetGesture())};clearClickSuppression=()=>{this.suppressPointerClick=!1};suppressDragClick=e=>{!this.suppressPointerClick||e.detail===0||(this.suppressPointerClick=!1,e.preventDefault(),e.stopPropagation())};resetGesture(){let e=this.sheet.current,t=this.gesture;this.gesture={kind:`idle`},t.kind!==`idle`&&e.hasPointerCapture(t.pointerId)&&e.releasePointerCapture(t.pointerId),e.classList.remove(`is-dragging`);let n=e.ownerDocument;n.removeEventListener(`pointermove`,this.pointerMove),n.removeEventListener(`pointerup`,this.pointerUp),n.removeEventListener(`pointercancel`,this.pointerCancel),this.props.styles.deleteDynamicRule(`${this.id}-drag`),this.lifetime===`active`&&this.scheduleMeasure()}render(){let e=this.state.settled&&this.props.state.kind===`open`,n=[`seams-confirmation-drawer`];e&&n.push(`is-open`),this.gesture.kind===`dragging`&&n.push(`is-dragging`);let a=r(`section`,{ref:this.sheet,id:this.id,class:n.join(` `),"data-context":this.props.context,tabIndex:-1,onPointerDownCapture:this.pointerDown,onClickCapture:this.suppressDragClick,onLostPointerCapture:this.pointerCancel,onTransitionEnd:this.transitionEnd,onKeyDown:this.keyDown,children:[r(`div`,{class:`seams-drawer-controls`,children:[this.props.origin&&r(`div`,{class:`seams-drawer-origin`,children:this.props.origin}),r(`button`,{type:`button`,class:`seams-drawer-handle`,"aria-label":t(this.context,`Dismiss confirmation`),disabled:!this.canDrag(),onClick:this.cancel,children:r(`span`,{})}),r(`button`,{type:`button`,class:`seams-drawer-close`,"aria-label":t(this.context,`Close`),disabled:!this.canDrag(),onClick:this.cancel,children:`×`})]}),r(`div`,{class:`seams-drawer-body`,ref:this.body,children:[this.props.errorMessage&&r(`div`,{class:`error`,children:r(i,{copy:this.props.errorMessage})}),r(`div`,{class:`seams-drawer-content`,ref:this.content,children:this.props.children})]})]});return this.props.context===`wallet-iframe`?a:r(`dialog`,{class:`seams-drawer-dialog`,ref:this.dialog,"aria-label":o(this.context,this.props.label),onCancel:this.cancel,onClick:this.backdropClick,onClickCapture:this.suppressDragClick,onPointerDownCapture:this.clearClickSuppression,children:a})}};export{s as i,u as n,c as r,h as t};