@seams/wallet 0.15.6 → 0.18.0

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

@@ -124,8 +124,19 @@
 }
 
 .seams-device-link-email-field input:focus-visible {
-  outline: 2px solid var(--seams-colors-primary, #3b82f6);
-  outline-offset: 2px;
+  outline: none;
+  border-color: transparent;
+  background:
+    linear-gradient(var(--seams-colors-surface, #ffffff), var(--seams-colors-surface, #ffffff))
+      padding-box,
+    var(
+        --seams-colors-focusGradient,
+        linear-gradient(
+          var(--seams-colors-focus, var(--seams-colors-primary, #3b82f6)),
+          var(--seams-colors-focus, var(--seams-colors-primary, #3b82f6))
+        )
+      )
+      border-box;
 }
 
 .qr-code-section {

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";
@@ -6,6 +8,8 @@ import { useNearProvisioningStateRefresh } from "./useNearProvisioningStateRefre
 import { useSeamsContextValue } from "./useSeamsContextValue.js";
 import { useWalletIframeLifecycle } from "./useWalletIframeLifecycle.js";
 import { getOrCreateSeamsManager } from "./seamsManagerSingleton.js";
+import { createBoundWallet } from "../boundWallet.js";
+import { useTransactionReviewOwner } from "../transactionReview/TransactionReviewHost.js";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/context/index.tsx
@@ -104,16 +108,44 @@ 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
+		})
 	});
 };
-const useSeams = () => {
+/** Authentication, lifecycle state, and the current wallet's bound signers. */
+function useSeams() {
 	const context = useContext(SeamsContext);
 	if (context === void 0) throw new Error("useSeams must be used within a SeamsContextProvider");
-	return context;
-};
+	const { seams, loginState } = context;
+	const { host, owner } = useTransactionReviewOwner(loginState.walletId);
+	const walletState = useMemo(bindCurrentWallet.bind(null, seams, loginState, host, owner), [
+		seams,
+		loginState,
+		host,
+		owner
+	]);
+	return useMemo(buildSeamsContext.bind(null, context, walletState), [context, walletState]);
+}
+function bindCurrentWallet(seams, loginState, host, owner) {
+	if (!loginState.isLoggedIn) return {
+		loginState,
+		wallet: null
+	};
+	return {
+		loginState,
+		wallet: createBoundWallet(seams, loginState, host, owner)
+	};
+}
+function buildSeamsContext(context, walletState) {
+	return {
+		...context,
+		...walletState
+	};
+}
 //#endregion
 export { SeamsContextProvider, useSeams };
 

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

@@ -29,7 +29,7 @@ function useSeamsWithSdkFlow(args) {
 			return await seams.auth.unlock(walletId, wrappedOptions);
 		};
 		const registerWalletWithSdkFlow = async (registerWalletArgs) => {
-			const seq = beginSdkFlow("register", registerWalletArgs.wallet.kind === "provided" ? String(registerWalletArgs.wallet.walletId) : void 0);
+			const seq = beginSdkFlow("register", registerWalletArgs.wallet?.kind === "provided" ? String(registerWalletArgs.wallet.walletId) : void 0);
 			const options = registerWalletArgs.options;
 			const wrappedOptions = {
 				...options,

package/dist/esm/react/externalEvm.js

@@ -13,34 +13,31 @@ function ExternalEvmWalletPicker({ controller, snapshot }) {
 	});
 }
 var WalletPicker = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { message: "" };
-		this.connect = async (event) => {
-			event.preventDefault();
-			const walletId = new FormData(event.currentTarget).get("wallet");
-			if (typeof walletId !== "string") return;
-			this.showResult(await this.props.controller.connect(walletId));
-		};
-		this.accountChanged = (event) => {
-			const connection = this.props.snapshot.connection;
-			if (connection.kind === "connected") this.showResult(this.props.controller.selectAccount(connection, event.currentTarget.value));
-		};
-		this.switchChain = async (event) => {
-			event.preventDefault();
-			const connection = this.props.snapshot.connection;
-			if (connection.kind !== "connected") return;
-			const chainId = Number(new FormData(event.currentTarget).get("chain"));
-			this.showResult(await this.props.controller.switchChain(connection, chainId));
-		};
-		this.disconnect = () => {
-			this.props.controller.disconnect();
-			this.setState({ message: "Disconnected from this app. Manage site permissions in your wallet." });
-		};
-	}
+	state = { message: "" };
 	showResult(result) {
 		this.setState({ message: result.ok ? "Wallet connection updated." : result.message });
 	}
+	connect = async (event) => {
+		event.preventDefault();
+		const walletId = new FormData(event.currentTarget).get("wallet");
+		if (typeof walletId !== "string") return;
+		this.showResult(await this.props.controller.connect(walletId));
+	};
+	accountChanged = (event) => {
+		const connection = this.props.snapshot.connection;
+		if (connection.kind === "connected") this.showResult(this.props.controller.selectAccount(connection, event.currentTarget.value));
+	};
+	switchChain = async (event) => {
+		event.preventDefault();
+		const connection = this.props.snapshot.connection;
+		if (connection.kind !== "connected") return;
+		const chainId = Number(new FormData(event.currentTarget).get("chain"));
+		this.showResult(await this.props.controller.switchChain(connection, chainId));
+	};
+	disconnect = () => {
+		this.props.controller.disconnect();
+		this.setState({ message: "Disconnected from this app. Manage site permissions in your wallet." });
+	};
 	render() {
 		const { controller, snapshot } = this.props;
 		const { connection, busy, wallets } = snapshot;

package/dist/esm/react/index.js

@@ -5,18 +5,18 @@ import { SeamsWeb } from "../SeamsWeb/SeamsWeb.js";
 import { ExternalEvmController } from "../externalEvm/controller.js";
 import { defineSeamsConfig, seamsTestnetConfig } from "../core/config/defineConfig.js";
 import { ActionType, TxExecutionStatus } from "../shared-ts/src/near/actions.js";
+import { AmountError, parseEther, parseNear, parseUnits, yoctoNear } from "../core/types/amounts.js";
 import { addKey, createAccount, deleteAccount, deleteKey, deployContract, functionCall, stake, transfer } from "../core/types/actionBuilders.js";
 import { logWalletEvents } from "../core/types/eventLogging.js";
 import { useNearClient } from "./hooks/useNearClient.js";
 import { useAccountInput } from "./hooks/useAccountInput.js";
+import { TransactionReviewError } from "../SeamsWeb/walletIframe/shared/transactionReview.js";
+import { TransactionReviewHost } from "./transactionReview/TransactionReviewHost.js";
 import { SeamsContextProvider, useSeams } from "./context/index.js";
 import { ExternalEvmWalletPicker, useExternalEvm } from "./externalEvm.js";
 import { DARK_TOKENS, LIGHT_TOKENS, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE } from "./components/theme/design-tokens.js";
 import { Theme, useTheme } from "./components/theme/ThemeProvider.js";
 import { SeamsWebProvider } from "./context/SeamsWebProvider.js";
-import { TransactionReviewError } from "../SeamsWeb/walletIframe/shared/transactionReview.js";
-import { TransactionReviewHost } from "./transactionReview/TransactionReviewHost.js";
-import { useWallet } from "./hooks/useWallet.js";
 import { useWalletAuth } from "./hooks/useWalletAuth.js";
 import { useWalletDevices } from "./hooks/useWalletDevices.js";
 import { useDeviceLinking } from "./hooks/useDeviceLinking.js";
@@ -34,4 +34,4 @@ import { ShowQRCode } from "./components/ShowQRCode.js";
 import { VoiceAssistantCard } from "./components/VoiceAssistantCard.js";
 import QRCodeIcon from "./components/QRCodeIcon.js";
 import { VoiceBeam } from "voice-glow";
-export { AccountMenuButton, AccountMenuButtonMock, AccountSyncEventPhase, ActionType, DARK_TOKENS, ExternalEvmController, ExternalEvmWalletPicker, HostedSeamsAuthMenu, KeyExportEventPhase, LIGHT_TOKENS, LinkDeviceEventPhase, MoonIcon, PASSKEY_MANAGER_DEFAULT_CONFIGS, PROFILE_MENU_ITEM_IDS, ProfileSettingsButton, QRCodeIcon, QRCodeScanner, QRScanMode, RegistrationEventPhase, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE, SeamsAuthMenuMock, SeamsContextProvider, SeamsWeb, SeamsWebProvider, ShowQRCode, SigningEventPhase, SunIcon, Theme, TouchIcon, TransactionReviewError, TransactionReviewHost, TxExecutionStatus, UnlockEventPhase, VoiceAssistantCard, VoiceBeam, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, WalletSettingsPage, addKey, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toWalletId, transfer, useAccountInput, useDeviceLinking, useExternalEvm, useNearClient, useQRCamera, useSeams, useTheme, useWallet, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession };
+export { AccountMenuButton, AccountMenuButtonMock, AccountSyncEventPhase, ActionType, AmountError, DARK_TOKENS, ExternalEvmController, ExternalEvmWalletPicker, HostedSeamsAuthMenu, KeyExportEventPhase, LIGHT_TOKENS, LinkDeviceEventPhase, MoonIcon, PASSKEY_MANAGER_DEFAULT_CONFIGS, PROFILE_MENU_ITEM_IDS, ProfileSettingsButton, QRCodeIcon, QRCodeScanner, QRScanMode, RegistrationEventPhase, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE, SeamsAuthMenuMock, SeamsContextProvider, SeamsWeb, SeamsWebProvider, ShowQRCode, SigningEventPhase, SunIcon, Theme, TouchIcon, TransactionReviewError, TransactionReviewHost, TxExecutionStatus, UnlockEventPhase, VoiceAssistantCard, VoiceBeam, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, WalletSettingsPage, addKey, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, parseEther, parseNear, parseUnits, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toWalletId, transfer, useAccountInput, useDeviceLinking, useExternalEvm, useNearClient, useQRCamera, useSeams, useTheme, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };

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

@@ -2381,8 +2381,19 @@
 }
 
 .seams-device-link-email-field input:focus-visible {
-  outline: 2px solid var(--seams-colors-primary, #3b82f6);
-  outline-offset: 2px;
+  outline: none;
+  border-color: transparent;
+  background:
+    linear-gradient(var(--seams-colors-surface, #ffffff), var(--seams-colors-surface, #ffffff))
+      padding-box,
+    var(
+        --seams-colors-focusGradient,
+        linear-gradient(
+          var(--seams-colors-focus, var(--seams-colors-primary, #3b82f6)),
+          var(--seams-colors-focus, var(--seams-colors-primary, #3b82f6))
+        )
+      )
+      border-box;
 }
 
 .qr-code-section {

package/dist/esm/react/transactionReview/TransactionReviewHost.js

@@ -1,9 +1,9 @@
-import { useSeams } from "../context/index.js";
 import { TransactionReviewError } from "../../SeamsWeb/walletIframe/shared/transactionReview.js";
 import { ReviewHostController, ReviewOwner } from "./controller.js";
+import { useSeams } from "../context/index.js";
 import { Component, Suspense, createContext, useContext, useEffect, useLayoutEffect, useMemo, useRef, useSyncExternalStore } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/transactionReview/TransactionReviewHost.tsx
 const ReviewContext = createContext(null);
 /** Place below the application providers that review components consume. */
@@ -89,10 +89,7 @@ function ReviewFailure({ call }) {
 	})] });
 }
 var ReviewErrorBoundary = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { failed: false };
-	}
+	state = { failed: false };
 	static getDerivedStateFromError() {
 		return { failed: true };
 	}

package/dist/esm/react/transactionReview/boundCalls.js

@@ -5,7 +5,7 @@ import { snapshotNearAction, snapshotTransactionInput, snapshotTransactionOption
 //#region src/react/transactionReview/boundCalls.ts
 function requireHost(env) {
 	env.owner.assertLive();
-	if (!env.host) throw new TransactionReviewError("review_host_unavailable", "Wrap this useWallet component in TransactionReviewHost inside SeamsWebProvider");
+	if (!env.host) throw new TransactionReviewError("review_host_unavailable", "Wrap this useSeams component in TransactionReviewHost inside SeamsWebProvider");
 	return env.host;
 }
 function createReviewedBoundCalls(env) {