@seams/wallet 0.15.4 → 0.17.0

package/dist/esm/core/types/amounts.js

@@ -0,0 +1,83 @@
+//#region src/core/types/amounts.ts
+var AmountError = class extends Error {
+	constructor(code, message) {
+		super(message);
+		this.code = code;
+		this.name = "AmountError";
+	}
+};
+const DECIMAL_AMOUNT = /^(\d+)(?:\.(\d+))?$/;
+/**
+* Convert a decimal amount to integer base units: `amount * 10^decimals`.
+* Use it for a token whose decimals are not 18 or 24, such as an ERC-20.
+*
+* @example
+* parseUnits('1.5', 6); // 1500000n
+*
+* @throws {AmountError} `invalid_format` for anything other than digits with
+* an optional fraction (no sign, unit or exponent), and `too_many_decimals`
+* for more fractional digits than `decimals`.
+*/
+function parseUnits(amount, decimals) {
+	if (!Number.isSafeInteger(decimals) || decimals < 0) throw new RangeError(`decimals must be a non-negative integer, got ${decimals}`);
+	const match = DECIMAL_AMOUNT.exec(amount);
+	if (!match) throw new AmountError("invalid_format", `Invalid amount ${JSON.stringify(amount)}: expected a decimal such as '1' or '0.5'`);
+	const [, whole, fraction = ""] = match;
+	if (fraction.length > decimals) throw new AmountError("too_many_decimals", `Invalid amount ${JSON.stringify(amount)}: at most ${decimals} decimal places`);
+	return BigInt(whole + fraction.padEnd(decimals, "0"));
+}
+/**
+* Convert a decimal NEAR amount to yoctoNEAR.
+*
+* @example
+* parseNear('1'); // '1000000000000000000000000'
+* parseNear('0.5'); // '500000000000000000000000'
+*
+* @throws {AmountError} as `parseUnits`, with at most 24 decimal places.
+*/
+function parseNear(amount) {
+	return parseUnits(amount, 24).toString();
+}
+/**
+* Take an amount that is already in yoctoNEAR.
+*
+* @example
+* yoctoNear('1000000000000000000000000'); // 1 NEAR
+*
+* @throws {AmountError} unless `amount` is a non-negative integer.
+*/
+function yoctoNear(amount) {
+	return parseUnits(typeof amount === "bigint" ? amount.toString() : amount, 0).toString();
+}
+const YOCTO_NEAR_SUFFIX = " yoctoNEAR";
+const NEAR_SUFFIX = " NEAR";
+/**
+* Resolve a `NearAmount` to yoctoNEAR with the same exact parsers.
+*
+* @throws {AmountError} for a negative, non-numeric or over-precise amount,
+* or for spacing other than one space before the unit.
+*/
+function toYoctoNear(amount) {
+	if (amount.endsWith(YOCTO_NEAR_SUFFIX)) return yoctoNear(amount.slice(0, -10));
+	if (amount.endsWith(NEAR_SUFFIX)) return parseNear(amount.slice(0, -5));
+	return yoctoNear(amount);
+}
+/**
+* Convert a decimal amount of an EVM chain's native coin to wei
+* (1 coin = 10^18 wei). "Ether" names the 10^18 denomination, so this is
+* correct for any chain whose native coin has 18 decimals: ETH on Ethereum
+* and Base, POL on Polygon, and so on.
+*
+* @example
+* parseEther('1'); // 1000000000000000000n
+* parseEther('0.5'); // 500000000000000000n
+*
+* @throws {AmountError} as `parseUnits`, with at most 18 decimal places.
+*/
+function parseEther(amount) {
+	return parseUnits(amount, 18);
+}
+//#endregion
+export { AmountError, parseEther, parseNear, parseUnits, toYoctoNear, yoctoNear };
+
+//# sourceMappingURL=amounts.js.map

package/dist/esm/core/types/linkDevice.js

@@ -2,11 +2,11 @@ import { parseVerifiedEmailAddress } from "../../shared-ts/src/utils/domainIds.j
 import "./sdkSentEvents.js";
 //#region src/core/types/linkDevice.ts
 var DeviceLinkingError = class extends Error {
+	name = "DeviceLinkingError";
 	constructor(message, code, phase) {
 		super(message);
 		this.code = code;
 		this.phase = phase;
-		this.name = "DeviceLinkingError";
 	}
 };
 let DeviceLinkingErrorCode = /* @__PURE__ */ function(DeviceLinkingErrorCode) {

package/dist/esm/externalEvm/controller.js

@@ -10,16 +10,16 @@ var ProviderBinding = class {
 	constructor(detail, owner) {
 		this.detail = detail;
 		this.owner = owner;
-		this.accountsChanged = (value) => {
-			this.owner.providerEvent(this, "accounts", value);
-		};
-		this.chainChanged = (value) => {
-			this.owner.providerEvent(this, "chain", value);
-		};
-		this.disconnected = () => {
-			this.owner.providerEvent(this, "disconnect", null);
-		};
 	}
+	accountsChanged = (value) => {
+		this.owner.providerEvent(this, "accounts", value);
+	};
+	chainChanged = (value) => {
+		this.owner.providerEvent(this, "chain", value);
+	};
+	disconnected = () => {
+		this.owner.providerEvent(this, "disconnect", null);
+	};
 	attach() {
 		this.detail.provider.on("accountsChanged", this.accountsChanged);
 		this.detail.provider.on("chainChanged", this.chainChanged);
@@ -38,48 +38,28 @@ function removeProviderListener(provider, event, listener) {
 }
 /** Host-owned controller. Construction is side-effect free; start discovery on mount. */
 var ExternalEvmController = class {
+	chains;
+	registry = /* @__PURE__ */ new Map();
+	subscribers = /* @__PURE__ */ new Set();
+	mountTokens = /* @__PURE__ */ new Set();
+	binding = null;
+	target = null;
+	activeRequestToken = null;
+	generation = 0;
+	eventVersion = 0;
+	snapshot = Object.freeze({
+		wallets: [],
+		connection: DISCONNECTED_EXTERNAL_EVM,
+		busy: false
+	});
 	constructor(chains) {
-		this.registry = /* @__PURE__ */ new Map();
-		this.subscribers = /* @__PURE__ */ new Set();
-		this.mountTokens = /* @__PURE__ */ new Set();
-		this.binding = null;
-		this.target = null;
-		this.activeRequestToken = null;
-		this.generation = 0;
-		this.eventVersion = 0;
-		this.snapshot = Object.freeze({
-			wallets: [],
-			connection: DISCONNECTED_EXTERNAL_EVM,
-			busy: false
-		});
-		this.getSnapshot = () => this.snapshot;
-		this.subscribe = (listener) => {
-			this.subscribers.add(listener);
-			return this.unsubscribe.bind(this, listener);
-		};
-		this.mount = () => {
-			const token = Symbol("external EVM mount");
-			this.mountTokens.add(token);
-			if (typeof window !== "undefined") this.start(window);
-			return this.releaseMount.bind(this, token);
-		};
-		this.announce = (event) => {
-			try {
-				if (!("detail" in event)) return;
-				const detail = parseAnnouncement(event.detail);
-				if (detail) this.registerProvider(detail);
-			} catch {}
-		};
-		this.disconnect = () => {
-			this.clearConnection(this.snapshot.wallets);
-		};
-		this.dispose = () => {
-			this.mountTokens.clear();
-			this.stopDiscovery();
-			this.clearConnection([]);
-		};
 		this.chains = parseChains(chains);
 	}
+	getSnapshot = () => this.snapshot;
+	subscribe = (listener) => {
+		this.subscribers.add(listener);
+		return this.unsubscribe.bind(this, listener);
+	};
 	unsubscribe(listener) {
 		this.subscribers.delete(listener);
 	}
@@ -105,10 +85,23 @@ var ExternalEvmController = class {
 		} catch {}
 		target.dispatchEvent(new Event("eip6963:requestProvider"));
 	}
+	mount = () => {
+		const token = Symbol("external EVM mount");
+		this.mountTokens.add(token);
+		if (typeof window !== "undefined") this.start(window);
+		return this.releaseMount.bind(this, token);
+	};
 	releaseMount(token) {
 		if (!this.mountTokens.delete(token)) return;
 		if (this.mountTokens.size === 0) this.dispose();
 	}
+	announce = (event) => {
+		try {
+			if (!("detail" in event)) return;
+			const detail = parseAnnouncement(event.detail);
+			if (detail) this.registerProvider(detail);
+		} catch {}
+	};
 	registerProvider(detail) {
 		if (this.registry.has(detail.wallet.id)) return;
 		for (const registered of this.registry.values()) if (registered.provider === detail.provider) return;
@@ -116,6 +109,9 @@ var ExternalEvmController = class {
 		const wallets = Object.freeze([...this.snapshot.wallets, detail.wallet]);
 		this.publish(this.snapshot.connection, wallets);
 	}
+	disconnect = () => {
+		this.clearConnection(this.snapshot.wallets);
+	};
 	clearConnection(wallets) {
 		this.activeRequestToken = null;
 		this.generation += 1;
@@ -129,6 +125,11 @@ var ExternalEvmController = class {
 		this.target = null;
 		this.registry.clear();
 	}
+	dispose = () => {
+		this.mountTokens.clear();
+		this.stopDiscovery();
+		this.clearConnection([]);
+	};
 	async connect(walletId) {
 		if (this.activeRequestToken !== null) return pending();
 		if (typeof walletId !== "string" || !walletId.trim()) return externalEvmFailure("invalid_input", "Select a wallet.");

package/dist/esm/index.js

@@ -11,6 +11,7 @@ import { DEVICE_LINKING_CONFIG, SIGNER_WORKER_MANAGER_CONFIG } from "./config.js
 import { defineSeamsConfig, seamsTestnetConfig } from "./core/config/defineConfig.js";
 import { DEFAULT_WAIT_STATUS } from "./core/types/rpc.js";
 import { ActionType } 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";
-export { AccountSyncEventPhase, ActionType, BrowserCapabilityUnavailableError, DEFAULT_WAIT_STATUS, DEVICE_LINKING_CONFIG, ExternalEvmController, KeyExportEventPhase, LinkDeviceEventPhase, PASSKEY_MANAGER_DEFAULT_CONFIGS, RegistrationEventPhase, SIGNER_WORKER_MANAGER_CONFIG, SeamsWeb, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, addKey, buildConfigsFromEnv, buildHostedAuthMenuOpenRequest, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, parseWalletMoveId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toAccountId, toWalletId, transfer, walletIdFromWalletProfile, walletSessionRefFromSession };
+export { AccountSyncEventPhase, ActionType, AmountError, BrowserCapabilityUnavailableError, DEFAULT_WAIT_STATUS, DEVICE_LINKING_CONFIG, ExternalEvmController, KeyExportEventPhase, LinkDeviceEventPhase, PASSKEY_MANAGER_DEFAULT_CONFIGS, RegistrationEventPhase, SIGNER_WORKER_MANAGER_CONFIG, SeamsWeb, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, addKey, buildConfigsFromEnv, buildHostedAuthMenuOpenRequest, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, parseEther, parseNear, parseUnits, parseWalletMoveId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toAccountId, toWalletId, transfer, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };

package/dist/esm/react/boundWallet.js

@@ -0,0 +1,56 @@
+import { nearAccountRefFromAccountId, walletSessionRefFromSession } from "../core/signingEngine/interfaces/ecdsaChainTarget.js";
+import { createReviewedBoundCalls } from "./transactionReview/boundCalls.js";
+//#region src/react/boundWallet.ts
+function createBoundWallet(seams, loginState, host, owner) {
+	const { walletId, nearAccountId } = loginState;
+	const walletSession = walletSessionRefFromSession({ walletId });
+	const nearAccount = nearAccountId ? nearAccountRefFromAccountId(nearAccountId) : null;
+	const reviewed = createReviewedBoundCalls({
+		seams,
+		walletId,
+		walletSession,
+		nearAccount,
+		host,
+		owner
+	});
+	return {
+		walletId,
+		walletSession,
+		near: nearAccount && nearAccountId ? {
+			accountId: nearAccountId,
+			signAndSendTransaction: reviewed.nearSign,
+			signMessage: signMessage.bind(null, seams, walletSession, nearAccount)
+		} : null,
+		evm: {
+			signTransaction: reviewed.evmSign,
+			signAndSendTransaction: reviewed.evmExecute
+		},
+		tempo: {
+			signTransaction: reviewed.tempoSign,
+			signAndSendTransaction: reviewed.tempoExecute
+		},
+		exportKey: exportKey.bind(null, seams, walletSession, nearAccount)
+	};
+}
+function signMessage(seams, walletSession, nearAccount, args) {
+	return seams.near.signMessage({
+		...args,
+		walletSession,
+		nearAccount
+	});
+}
+function exportKey(seams, walletSession, nearAccount, input) {
+	if (input.kind === "ed25519") return seams.keys.exportKey({
+		...input,
+		walletSession,
+		...nearAccount ? { nearAccount } : {}
+	});
+	return seams.keys.exportKey({
+		...input,
+		walletSession
+	});
+}
+//#endregion
+export { createBoundWallet };
+
+//# sourceMappingURL=boundWallet.js.map

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal.css

@@ -375,8 +375,19 @@
 }
 
 .seams-linked-devices-modal-otp-input:focus-visible {
-  outline: 2px solid var(--seams-colors-primary);
-  outline-offset: 2px;
+  outline: none;
+  border-color: transparent;
+  background:
+    linear-gradient(var(--seams-colors-colorBackground), var(--seams-colors-colorBackground))
+      padding-box,
+    var(
+        --seams-colors-focusGradient,
+        linear-gradient(
+          var(--seams-colors-focus, var(--seams-colors-primary)),
+          var(--seams-colors-focus, var(--seams-colors-primary))
+        )
+      )
+      border-box;
 }
 
 .seams-linked-devices-modal-secondary,

package/dist/esm/react/components/AccountMenuButton/WalletRegionSection.js

@@ -73,99 +73,10 @@ function assertNever(value) {
 	throw new Error(`Unexpected wallet region state: ${String(value)}`);
 }
 var WalletRegionSection = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { view: { kind: "loading" } };
-		this.mounted = false;
-		this.requestRevision = 0;
-		this.timer = null;
-		this.load = async () => {
-			const revision = ++this.requestRevision;
-			this.commit({ kind: "loading" });
-			try {
-				const last = await this.props.placement.getLastMoveRequest(this.props.walletId);
-				if (!this.mounted || revision !== this.requestRevision) return;
-				const result = await this.props.placement.get(this.props.walletId);
-				if (!this.mounted || revision !== this.requestRevision) return;
-				if (!result.ok || result.placement.state === "unavailable") {
-					if (last !== null) {
-						await this.readMove(last);
-						return;
-					}
-					this.commit({
-						kind: "unavailable",
-						message: "Unable to check wallet placement. Unlock this wallet or reconnect to try again."
-					});
-					return;
-				}
-				if (result.placement.state === "moving") {
-					this.showProgress(result.placement);
-					return;
-				}
-				if (last !== null && last.expectedGeneration >= result.placement.generation) {
-					this.commit({
-						kind: "uncertain",
-						request: last,
-						message: "Reconnecting to check progress. The previous request may have been accepted."
-					});
-					await this.readMove(last);
-					return;
-				}
-				this.commit({
-					kind: "ready",
-					placement: result.placement,
-					selected: result.placement.region
-				});
-			} catch {
-				if (!this.mounted || revision !== this.requestRevision) return;
-				this.commit({
-					kind: "unavailable",
-					message: "Unable to check wallet placement. Reconnect to try again."
-				});
-			}
-		};
-		this.select = (event) => {
-			if (this.state.view.kind !== "ready") return;
-			const region = REGIONS.find(matchesRegion.bind(null, event.currentTarget.value));
-			if (!region) return;
-			this.commit({
-				kind: "ready",
-				placement: this.state.view.placement,
-				selected: region.value
-			});
-		};
-		this.submit = async () => {
-			const state = this.state.view;
-			if (state.kind !== "ready" || state.selected === state.placement.region || state.placement.nextMoveAtMs > Date.now()) return;
-			const request = {
-				walletId: this.props.walletId,
-				moveId: parseWalletMoveId(`wmove_${base64UrlEncode(crypto.getRandomValues(new Uint8Array(32)))}`),
-				destinationRegion: state.selected,
-				expectedGeneration: state.placement.generation
-			};
-			await this.send(request);
-		};
-		this.retry = async () => {
-			if (this.state.view.kind !== "uncertain") return;
-			await this.send(this.state.view.request);
-		};
-		this.poll = async () => {
-			this.timer = null;
-			const state = this.state.view;
-			if (state.kind === "uncertain") {
-				await this.readMove(state.request);
-				return;
-			}
-			if (state.kind !== "progress" || state.status.state !== "moving") return;
-			const move = state.status.move;
-			await this.readMove({
-				walletId: this.props.walletId,
-				moveId: move.moveId,
-				destinationRegion: move.destinationRegion,
-				expectedGeneration: move.sourceGeneration
-			});
-		};
-	}
+	state = { view: { kind: "loading" } };
+	mounted = false;
+	requestRevision = 0;
+	timer = null;
 	componentDidMount() {
 		this.mounted = true;
 		this.props.onAvailability(false);
@@ -180,6 +91,76 @@ var WalletRegionSection = class extends Component {
 		this.setState({ view: state });
 		this.props.onAvailability(permitsWalletActions(state));
 	}
+	load = async () => {
+		const revision = ++this.requestRevision;
+		this.commit({ kind: "loading" });
+		try {
+			const last = await this.props.placement.getLastMoveRequest(this.props.walletId);
+			if (!this.mounted || revision !== this.requestRevision) return;
+			const result = await this.props.placement.get(this.props.walletId);
+			if (!this.mounted || revision !== this.requestRevision) return;
+			if (!result.ok || result.placement.state === "unavailable") {
+				if (last !== null) {
+					await this.readMove(last);
+					return;
+				}
+				this.commit({
+					kind: "unavailable",
+					message: "Unable to check wallet placement. Unlock this wallet or reconnect to try again."
+				});
+				return;
+			}
+			if (result.placement.state === "moving") {
+				this.showProgress(result.placement);
+				return;
+			}
+			if (last !== null && last.expectedGeneration >= result.placement.generation) {
+				this.commit({
+					kind: "uncertain",
+					request: last,
+					message: "Reconnecting to check progress. The previous request may have been accepted."
+				});
+				await this.readMove(last);
+				return;
+			}
+			this.commit({
+				kind: "ready",
+				placement: result.placement,
+				selected: result.placement.region
+			});
+		} catch {
+			if (!this.mounted || revision !== this.requestRevision) return;
+			this.commit({
+				kind: "unavailable",
+				message: "Unable to check wallet placement. Reconnect to try again."
+			});
+		}
+	};
+	select = (event) => {
+		if (this.state.view.kind !== "ready") return;
+		const region = REGIONS.find(matchesRegion.bind(null, event.currentTarget.value));
+		if (!region) return;
+		this.commit({
+			kind: "ready",
+			placement: this.state.view.placement,
+			selected: region.value
+		});
+	};
+	submit = async () => {
+		const state = this.state.view;
+		if (state.kind !== "ready" || state.selected === state.placement.region || state.placement.nextMoveAtMs > Date.now()) return;
+		const request = {
+			walletId: this.props.walletId,
+			moveId: parseWalletMoveId(`wmove_${base64UrlEncode(crypto.getRandomValues(new Uint8Array(32)))}`),
+			destinationRegion: state.selected,
+			expectedGeneration: state.placement.generation
+		};
+		await this.send(request);
+	};
+	retry = async () => {
+		if (this.state.view.kind !== "uncertain") return;
+		await this.send(this.state.view.request);
+	};
 	async send(request) {
 		const revision = ++this.requestRevision;
 		if (this.timer !== null) {
@@ -216,6 +197,22 @@ var WalletRegionSection = class extends Component {
 			this.timer = setTimeout(this.poll, 1500);
 		}
 	}
+	poll = async () => {
+		this.timer = null;
+		const state = this.state.view;
+		if (state.kind === "uncertain") {
+			await this.readMove(state.request);
+			return;
+		}
+		if (state.kind !== "progress" || state.status.state !== "moving") return;
+		const move = state.status.move;
+		await this.readMove({
+			walletId: this.props.walletId,
+			moveId: move.moveId,
+			destinationRegion: move.destinationRegion,
+			expectedGeneration: move.sourceGeneration
+		});
+	};
 	async readMove(request) {
 		const revision = this.requestRevision;
 		try {

package/dist/esm/react/components/AccountMenuButton/WalletSettingsLayout.js

@@ -104,68 +104,65 @@ function WalletSettingsHeader() {
 	});
 }
 var WalletSettingsLayout = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = {
-			regionReady: true,
-			selected: "authentication-methods",
-			mobileMenuOpen: false,
-			lock: { kind: "idle" }
+	state = {
+		regionReady: true,
+		selected: "authentication-methods",
+		mobileMenuOpen: false,
+		lock: { kind: "idle" }
+	};
+	regionAvailability = (regionReady) => {
+		this.setState({ regionReady });
+	};
+	heading = React.createRef();
+	select = (event) => {
+		const item = SETTINGS_ITEMS.find(this.matchesSelection.bind(null, event.currentTarget.dataset.section));
+		if (!item) return;
+		const commit = () => {
+			this.setState({
+				selected: item.id,
+				mobileMenuOpen: false
+			}, this.focusHeading);
 		};
-		this.regionAvailability = (regionReady) => {
-			this.setState({ regionReady });
-		};
-		this.heading = React.createRef();
-		this.select = (event) => {
-			const item = SETTINGS_ITEMS.find(this.matchesSelection.bind(null, event.currentTarget.dataset.section));
-			if (!item) return;
-			const commit = () => {
-				this.setState({
-					selected: item.id,
-					mobileMenuOpen: false
-				}, this.focusHeading);
-			};
-			if (!this.state.mobileMenuOpen) {
-				commit();
-				return;
-			}
-			blinkMenuItem(event.currentTarget)?.then(commit);
-		};
-		this.focusHeading = () => {
-			this.heading.current?.focus();
-		};
-		this.isAvailableSelection = (item) => item.id === this.state.selected;
-		this.toggleMobileMenu = () => {
-			this.setState({ mobileMenuOpen: !this.state.mobileMenuOpen });
-		};
-		this.lock = async () => {
-			if (this.state.lock.kind === "locking") return;
-			this.setState({ lock: { kind: "locking" } });
-			try {
-				await this.props.onLock();
-			} catch (error) {
-				this.setState({ lock: {
-					kind: "failed",
-					message: error instanceof Error ? error.message : "Unable to lock your wallet. Try again."
-				} });
-			}
-		};
-		this.renderItem = (item) => /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			"data-section": item.id,
-			disabled: !this.state.regionReady && item.id !== "wallet-region",
-			onClick: this.select,
-			"aria-current": (this.state.regionReady ? this.state.selected : "wallet-region") === item.id ? "page" : void 0,
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "seams-settings-nav-icon",
-				"aria-hidden": "true",
-				children: item.icon
-			}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: item.label }), /* @__PURE__ */ jsx("small", { children: item.description })] })]
-		}, item.id);
-	}
+		if (!this.state.mobileMenuOpen) {
+			commit();
+			return;
+		}
+		blinkMenuItem(event.currentTarget)?.then(commit);
+	};
 	matchesSelection(id, item) {
 		return item.id === id;
 	}
+	focusHeading = () => {
+		this.heading.current?.focus();
+	};
+	isAvailableSelection = (item) => item.id === this.state.selected;
+	toggleMobileMenu = () => {
+		this.setState({ mobileMenuOpen: !this.state.mobileMenuOpen });
+	};
+	lock = async () => {
+		if (this.state.lock.kind === "locking") return;
+		this.setState({ lock: { kind: "locking" } });
+		try {
+			await this.props.onLock();
+		} catch (error) {
+			this.setState({ lock: {
+				kind: "failed",
+				message: error instanceof Error ? error.message : "Unable to lock your wallet. Try again."
+			} });
+		}
+	};
+	renderItem = (item) => /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"data-section": item.id,
+		disabled: !this.state.regionReady && item.id !== "wallet-region",
+		onClick: this.select,
+		"aria-current": (this.state.regionReady ? this.state.selected : "wallet-region") === item.id ? "page" : void 0,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "seams-settings-nav-icon",
+			"aria-hidden": "true",
+			children: item.icon
+		}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: item.label }), /* @__PURE__ */ jsx("small", { children: item.description })] })]
+	}, item.id);
 	render() {
 		const selectedId = this.state.regionReady ? this.state.selected : "wallet-region";
 		const selected = SETTINGS_ITEMS.find(this.matchesSelection.bind(null, selectedId));

package/dist/esm/react/components/HostedSeamsAuthMenu/shell.js

@@ -96,13 +96,24 @@ function hostedAuthMenuEffectConfigKey(config) {
 	}
 }
 var HostedAuthMenuSessionController = class {
+	seams;
+	anchorElement;
+	authMenuSessionId;
+	initialMode;
+	registrationAccountInput;
+	showRegistrationInput;
+	showProgress;
+	copy;
+	externalAuthBroker;
+	onOutcome;
+	externalAuthRequestIds = /* @__PURE__ */ new Set();
+	handleExternalAuthRequestBound;
+	unsubscribeExternalAuthRequest = null;
+	isActive = false;
+	hasOpenRequest = false;
+	hasTerminalOutcome = false;
+	hasFinalizedCleanup = false;
 	constructor(args) {
-		this.externalAuthRequestIds = /* @__PURE__ */ new Set();
-		this.unsubscribeExternalAuthRequest = null;
-		this.isActive = false;
-		this.hasOpenRequest = false;
-		this.hasTerminalOutcome = false;
-		this.hasFinalizedCleanup = false;
 		this.seams = args.seams;
 		this.anchorElement = args.anchorElement;
 		this.authMenuSessionId = args.authMenuSessionId;