@seams/wallet 0.15.4 → 0.17.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/context/index.js

@@ -6,6 +6,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
@@ -109,11 +111,36 @@ const SeamsContextProvider = ({ children, config, theme }) => {
 		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) {

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

@@ -3,11 +3,9 @@ import { TransactionReviewError, assertTransactionReviewValid } from "../../Seam
 //#region src/react/transactionReview/controller.ts
 const hosts = /* @__PURE__ */ new WeakMap();
 var ReviewOwner = class {
-	constructor() {
-		this.generation = 0;
-		this.disposed = false;
-		this.calls = /* @__PURE__ */ new Set();
-	}
+	generation = 0;
+	disposed = false;
+	calls = /* @__PURE__ */ new Set();
 	retain() {
 		this.disposed = false;
 		const generation = ++this.generation;
@@ -22,22 +20,17 @@ var ReviewOwner = class {
 		for (const call of this.calls) call.dispose();
 	}
 	assertLive() {
-		if (this.disposed) throw new TransactionReviewError("review_owner_disposed", "This useWallet instance has been disposed");
+		if (this.disposed) throw new TransactionReviewError("review_owner_disposed", "This useSeams wallet owner has been disposed");
 	}
 };
 var ReviewHostController = class {
+	live = false;
+	generation = 0;
+	listeners = /* @__PURE__ */ new Set();
+	calls = /* @__PURE__ */ new Set();
+	view = null;
 	constructor(seams) {
 		this.seams = seams;
-		this.live = false;
-		this.generation = 0;
-		this.listeners = /* @__PURE__ */ new Set();
-		this.calls = /* @__PURE__ */ new Set();
-		this.view = null;
-		this.subscribe = (listener) => {
-			this.listeners.add(listener);
-			return this.unsubscribe.bind(this, listener);
-		};
-		this.snapshot = () => this.view;
 	}
 	retain() {
 		const existing = hosts.get(this.seams.near);
@@ -59,9 +52,14 @@ var ReviewHostController = class {
 		this.view = null;
 		this.emit();
 	}
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return this.unsubscribe.bind(this, listener);
+	};
 	unsubscribe(listener) {
 		this.listeners.delete(listener);
 	}
+	snapshot = () => this.view;
 	emit() {
 		for (const listener of this.listeners) listener();
 	}
@@ -91,6 +89,15 @@ var ReviewHostController = class {
 	}
 };
 var ReviewCall = class {
+	state = { kind: "queued" };
+	abort = new AbortController();
+	deadline = null;
+	prepareTimer = null;
+	resolve;
+	reject;
+	listeners = /* @__PURE__ */ new Set();
+	result;
+	controls;
 	constructor(host, owner, walletId, review, confirmationConfig, execute) {
 		this.host = host;
 		this.owner = owner;
@@ -98,109 +105,6 @@ var ReviewCall = class {
 		this.review = review;
 		this.confirmationConfig = confirmationConfig;
 		this.execute = execute;
-		this.state = { kind: "queued" };
-		this.abort = new AbortController();
-		this.deadline = null;
-		this.prepareTimer = null;
-		this.listeners = /* @__PURE__ */ new Set();
-		this.captureResult = (resolve, reject) => {
-			this.resolve = resolve;
-			this.reject = reject;
-		};
-		this.subscribe = (listener) => {
-			this.listeners.add(listener);
-			return this.unsubscribe.bind(this, listener);
-		};
-		this.snapshot = () => this.state;
-		this.reservationChanged = () => {
-			if (this.state.kind === "queued" || this.state.kind === "settled") return;
-			const reservation = this.state.reservation;
-			if (reservation.state.kind === "reviewing_again") {
-				this.transition({
-					kind: "reviewing",
-					reservation
-				});
-				this.host.show(this);
-				return;
-			}
-			if (reservation.state.kind === "wallet_approval" || reservation.state.kind === "signing") {
-				if (this.prepareTimer) clearTimeout(this.prepareTimer);
-				this.prepareTimer = null;
-				this.transition({
-					kind: reservation.state.kind === "signing" ? "signing" : "wallet_approval",
-					reservation
-				});
-				if (reservation.state.kind === "signing") this.host.hide(this);
-			}
-		};
-		this.continueToWallet = () => {
-			if (this.state.kind !== "reviewing") return;
-			try {
-				this.owner.assertLive();
-				assertTransactionReviewValid(this.review.validity);
-				const reservation = this.state.reservation;
-				this.transition({
-					kind: "preparing_approval",
-					reservation
-				});
-				this.prepareTimer = setTimeout(this.prepareTimedOut, 3e4);
-				if (reservation.state.kind === "reviewing_again") reservation.resume();
-				else this.dispatch(reservation);
-			} catch (error) {
-				this.rejectBeforeDispatch(error);
-			}
-		};
-		this.cancel = () => {
-			if (this.state.kind === "review_failed") {
-				this.rejectBeforeDispatch(this.state.error);
-				return;
-			}
-			if (this.state.kind !== "reviewing") return;
-			this.rejectBeforeDispatch(new TransactionReviewError("cancelled", "Transaction review cancelled"));
-		};
-		this.fail = (cause) => {
-			if (this.state.kind !== "reviewing") return;
-			const error = new TransactionReviewError("review_render_failed", "The application review could not be displayed", { cause });
-			this.transition({
-				kind: "review_failed",
-				reservation: this.state.reservation,
-				error
-			});
-		};
-		this.loadingTimedOut = () => {
-			if (this.state.kind !== "reviewing") return;
-			this.rejectBeforeDispatch(new TransactionReviewError("review_prepare_timeout", "The application review did not finish loading"));
-		};
-		this.prepareTimedOut = () => {
-			this.cancelOutstanding(new TransactionReviewError("review_prepare_timeout", "Wallet approval could not be prepared in time"));
-		};
-		this.checkDeadline = () => {
-			try {
-				assertTransactionReviewValid(this.review.validity);
-			} catch (error) {
-				this.cancelOutstanding(error instanceof Error ? error : new Error(String(error)));
-			}
-		};
-		this.scheduleDeadline = () => {
-			if (this.review.validity.kind === "unbounded" || this.state.kind === "settled") return;
-			const remaining = this.review.validity.atMs - Date.now();
-			if (remaining <= 0) {
-				this.checkDeadline();
-				return;
-			}
-			this.deadline = setTimeout(this.scheduleDeadline, Math.min(remaining, 2147483647));
-		};
-		this.rejectBeforeDispatch = (error) => {
-			if (this.state.kind === "settled") return;
-			if (this.state.kind === "review_failed" && error instanceof TransactionReviewError && error.code === "cancelled") error = this.state.error;
-			if (this.state.kind !== "queued" && this.state.reservation.state.kind !== "reviewing") {
-				this.state.reservation.cancel(error instanceof Error ? error : new Error(String(error)));
-				return;
-			}
-			this.abort.abort(error);
-			this.reject(error);
-			this.finish();
-		};
 		this.result = new Promise(this.captureResult);
 		this.controls = Object.freeze({
 			continueToWallet: this.continueToWallet,
@@ -208,9 +112,18 @@ var ReviewCall = class {
 			fail: this.fail
 		});
 	}
+	captureResult = (resolve, reject) => {
+		this.resolve = resolve;
+		this.reject = reject;
+	};
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return this.unsubscribe.bind(this, listener);
+	};
 	unsubscribe(listener) {
 		this.listeners.delete(listener);
 	}
+	snapshot = () => this.state;
 	transition(state) {
 		this.state = state;
 		for (const listener of this.listeners) listener();
@@ -245,6 +158,44 @@ var ReviewCall = class {
 			this.rejectBeforeDispatch(error);
 		}
 	}
+	reservationChanged = () => {
+		if (this.state.kind === "queued" || this.state.kind === "settled") return;
+		const reservation = this.state.reservation;
+		if (reservation.state.kind === "reviewing_again") {
+			this.transition({
+				kind: "reviewing",
+				reservation
+			});
+			this.host.show(this);
+			return;
+		}
+		if (reservation.state.kind === "wallet_approval" || reservation.state.kind === "signing") {
+			if (this.prepareTimer) clearTimeout(this.prepareTimer);
+			this.prepareTimer = null;
+			this.transition({
+				kind: reservation.state.kind === "signing" ? "signing" : "wallet_approval",
+				reservation
+			});
+			if (reservation.state.kind === "signing") this.host.hide(this);
+		}
+	};
+	continueToWallet = () => {
+		if (this.state.kind !== "reviewing") return;
+		try {
+			this.owner.assertLive();
+			assertTransactionReviewValid(this.review.validity);
+			const reservation = this.state.reservation;
+			this.transition({
+				kind: "preparing_approval",
+				reservation
+			});
+			this.prepareTimer = setTimeout(this.prepareTimedOut, 3e4);
+			if (reservation.state.kind === "reviewing_again") reservation.resume();
+			else this.dispatch(reservation);
+		} catch (error) {
+			this.rejectBeforeDispatch(error);
+		}
+	};
 	async dispatch(reservation) {
 		try {
 			const bridge = getTransactionReviewBridge(this.host.seams.near);
@@ -257,14 +208,65 @@ var ReviewCall = class {
 			this.finish();
 		}
 	}
+	cancel = () => {
+		if (this.state.kind === "review_failed") {
+			this.rejectBeforeDispatch(this.state.error);
+			return;
+		}
+		if (this.state.kind !== "reviewing") return;
+		this.rejectBeforeDispatch(new TransactionReviewError("cancelled", "Transaction review cancelled"));
+	};
+	fail = (cause) => {
+		if (this.state.kind !== "reviewing") return;
+		const error = new TransactionReviewError("review_render_failed", "The application review could not be displayed", { cause });
+		this.transition({
+			kind: "review_failed",
+			reservation: this.state.reservation,
+			error
+		});
+	};
 	dispose() {
 		this.cancelOutstanding(new TransactionReviewError("review_owner_disposed", "The transaction review owner was disposed"));
 	}
+	loadingTimedOut = () => {
+		if (this.state.kind !== "reviewing") return;
+		this.rejectBeforeDispatch(new TransactionReviewError("review_prepare_timeout", "The application review did not finish loading"));
+	};
+	prepareTimedOut = () => {
+		this.cancelOutstanding(new TransactionReviewError("review_prepare_timeout", "Wallet approval could not be prepared in time"));
+	};
+	checkDeadline = () => {
+		try {
+			assertTransactionReviewValid(this.review.validity);
+		} catch (error) {
+			this.cancelOutstanding(error instanceof Error ? error : new Error(String(error)));
+		}
+	};
+	scheduleDeadline = () => {
+		if (this.review.validity.kind === "unbounded" || this.state.kind === "settled") return;
+		const remaining = this.review.validity.atMs - Date.now();
+		if (remaining <= 0) {
+			this.checkDeadline();
+			return;
+		}
+		this.deadline = setTimeout(this.scheduleDeadline, Math.min(remaining, 2147483647));
+	};
 	cancelOutstanding(error) {
 		if (this.state.kind === "settled" || this.state.kind === "signing") return;
 		if (this.state.kind === "queued" || this.state.kind === "reviewing" || this.state.kind === "review_failed") this.rejectBeforeDispatch(error);
 		else this.state.reservation.cancel(error);
 	}
+	rejectBeforeDispatch = (error) => {
+		if (this.state.kind === "settled") return;
+		if (this.state.kind === "review_failed" && error instanceof TransactionReviewError && error.code === "cancelled") error = this.state.error;
+		if (this.state.kind !== "queued" && this.state.reservation.state.kind !== "reviewing") {
+			this.state.reservation.cancel(error instanceof Error ? error : new Error(String(error)));
+			return;
+		}
+		this.abort.abort(error);
+		this.reject(error);
+		this.finish();
+	};
 	finish() {
 		if (this.state.kind === "settled") return;
 		const previous = this.state;

package/dist/esm/sdk/ConfirmationDrawer-CXVNmfTy.js

@@ -0,0 +1 @@
+import{o as e,s as t,t as n}from"./jsxRuntime.module-DKsgiFjd.js";async function r(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 i(){return n(`span`,{class:`copy-icon`,"aria-hidden":`true`,children:[n(`span`,{class:`copy-icon-check`,children:n(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,children:n(`path`,{d:`M20 6 9 17l-5-5`})})}),n(`span`,{class:`copy-icon-copy`,children:n(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,children:[n(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),n(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]})})]})}let a=0;function o(e){return n(s,{...e},e.context)}var s=class extends e{dialog=t();hosted=t();containerId=`seams-confirmation-modal-${++a}`;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`?n(`dialog`,{ref:this.dialog,class:`seams-confirmation-modal`,"aria-label":this.props.label,onCancel:this.cancel,onClick:this.backdropClick,children:n(`div`,{id:this.containerId,class:`modal-container-root`,tabIndex:-1,children:this.props.children})}):n(`div`,{ref:this.hosted,class:`seams-confirmation-modal seams-confirmation-modal--hosted`,tabIndex:-1,onKeyDown:this.hostedKeyDown,children:n(`div`,{id:this.containerId,class:`modal-container-root`,children:this.props.children})})}};function c(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 l(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 u=0;function d(e){return n(f,{...e},e.context)}var f=class extends e{state={settled:!1};id=`seams-confirmation-drawer-${++u}`;dialog=t();sheet=t();body=t();content=t();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=c({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`&&l({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`,t=[`seams-confirmation-drawer`];e&&t.push(`is-open`),this.gesture.kind===`dragging`&&t.push(`is-dragging`);let r=n(`section`,{ref:this.sheet,id:this.id,class:t.join(` `),"data-context":this.props.context,tabIndex:-1,onPointerDownCapture:this.pointerDown,onClickCapture:this.suppressDragClick,onLostPointerCapture:this.pointerCancel,onTransitionEnd:this.transitionEnd,onKeyDown:this.keyDown,children:[n(`div`,{class:`seams-drawer-controls`,children:[this.props.origin&&n(`div`,{class:`seams-drawer-origin`,children:this.props.origin}),n(`button`,{type:`button`,class:`seams-drawer-handle`,"aria-label":`Dismiss confirmation`,disabled:!this.canDrag(),onClick:this.cancel,children:n(`span`,{})}),n(`button`,{type:`button`,class:`seams-drawer-close`,"aria-label":`Close`,disabled:!this.canDrag(),onClick:this.cancel,children:`×`})]}),n(`div`,{class:`seams-drawer-body`,ref:this.body,children:[this.props.errorMessage&&n(`div`,{class:`error`,children:this.props.errorMessage}),n(`div`,{class:`seams-drawer-content`,ref:this.content,children:this.props.children})]})]});return this.props.context===`wallet-iframe`?r:n(`dialog`,{class:`seams-drawer-dialog`,ref:this.dialog,"aria-label":this.props.label,onCancel:this.cancel,onClick:this.backdropClick,onClickCapture:this.suppressDragClick,onPointerDownCapture:this.clearClickSuppression,children:r})}};export{r as i,o as n,i as r,d as t};