@seams/wallet 0.29.0 → 0.31.0

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

@@ -1,6 +1,7 @@
 import { buildHostedAuthMenuOpenRequest, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary } from "../../../SeamsWeb/walletIframe/shared/messages.js";
 import { useSeams } from "../../context/index.js";
 import { SeamsAuthMenuMock } from "./SeamsAuthMenuMock.js";
+import { WalletAlternativesBroker, describeWalletAlternatives, walletAlternativesControllerKey } from "./walletAlternatives.js";
 import { endHostedAuthMenuAnchor, resetHostedAuthMenuAnchor } from "../../../SeamsWeb/walletIframe/client/authMenuAnchor.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -83,7 +84,8 @@ function hostedAuthMenuEffectConfigKey(config) {
 			showRegistrationInput: config.showRegistrationInput,
 			showProgress: config.showProgress,
 			copy: config.copy,
-			enabledExternalProviders: config.enabledExternalProviders
+			enabledExternalProviders: config.enabledExternalProviders,
+			walletAlternatives: describeWalletAlternatives(config.walletAlternatives)
 		});
 		return JSON.stringify({
 			initialMode: normalized.initialMode,
@@ -92,7 +94,9 @@ function hostedAuthMenuEffectConfigKey(config) {
 			showRegistrationInput: normalized.showRegistrationInput,
 			showProgress: normalized.showProgress,
 			copy: normalized.copy,
-			enabledExternalProviders: normalized.enabledExternalProviders
+			enabledExternalProviders: normalized.enabledExternalProviders,
+			walletAlternatives: normalized.walletAlternatives,
+			walletControllers: walletAlternativesControllerKey(config.walletAlternatives)
 		});
 	} catch {
 		return "invalid";
@@ -109,6 +113,8 @@ var HostedAuthMenuSessionController = class {
 	showProgress;
 	copy;
 	externalAuthBroker;
+	walletAlternatives;
+	walletBroker;
 	onOutcome;
 	externalAuthRequestIds = /* @__PURE__ */ new Set();
 	handleExternalAuthRequestBound;
@@ -128,12 +134,15 @@ var HostedAuthMenuSessionController = class {
 		this.showProgress = args.showProgress;
 		this.copy = args.copy;
 		this.externalAuthBroker = args.externalAuthBroker;
+		this.walletAlternatives = args.walletAlternatives;
+		this.walletBroker = new WalletAlternativesBroker(args.seams.authMenu, args.authMenuSessionId, args.walletAlternatives);
 		this.onOutcome = args.onOutcome;
 		this.handleExternalAuthRequestBound = this.handleExternalAuthRequest.bind(this);
 	}
 	start() {
 		if (this.isActive) return;
 		this.isActive = true;
+		this.walletBroker.start();
 		resetHostedAuthMenuAnchor(this.anchorElement);
 		this.unsubscribeExternalAuthRequest = this.seams.authMenu.onExternalAuthRequest(this.handleExternalAuthRequestBound);
 		this.open();
@@ -142,6 +151,7 @@ var HostedAuthMenuSessionController = class {
 		if (this.hasFinalizedCleanup) return;
 		this.hasFinalizedCleanup = true;
 		this.isActive = false;
+		this.walletBroker.cleanup();
 		this.unsubscribeExternalAuthRequest?.();
 		this.unsubscribeExternalAuthRequest = null;
 		this.externalAuthRequestIds.clear();
@@ -161,7 +171,8 @@ var HostedAuthMenuSessionController = class {
 				showRegistrationInput: this.showRegistrationInput,
 				showProgress: this.showProgress,
 				copy: this.copy,
-				enabledExternalProviders: this.externalAuthBroker.current ? ["google"] : []
+				enabledExternalProviders: this.externalAuthBroker.current ? ["google"] : [],
+				walletAlternatives: describeWalletAlternatives(this.walletAlternatives.current)
 			});
 		} catch (error) {
 			this.emitFailure(failureCodeForError(error), errorMessage(error));
@@ -225,6 +236,10 @@ var HostedAuthMenuSessionController = class {
 		if (this.hasTerminalOutcome) return;
 		this.hasTerminalOutcome = true;
 		endHostedAuthMenuAnchor(this.anchorElement);
+		try {
+			if (outcome.kind === "wallet_connected") this.walletBroker.complete(outcome.alternativeId);
+		} catch {}
+		this.walletBroker.cleanup();
 		try {
 			this.onOutcome.current(outcome);
 		} catch {}
@@ -274,7 +289,7 @@ function forwardHostedAuthMenuOutcome(terminalGateRef, onOutcomeRef, outcome) {
 	if (isTerminalHostedAuthMenuSuccess(outcome) && terminalGateRef.current) terminalGateRef.current.completed = true;
 	onOutcomeRef.current(outcome);
 }
-const HostedSeamsAuthMenu = ({ initialMode = "login", initialHeightCssPx, placeholder, registrationAccountInput = "implicit_wallet", showRegistrationInput = false, showProgress = false, copy, externalAuthBroker = null, onOutcome }) => {
+const HostedSeamsAuthMenu = ({ initialMode = "login", initialHeightCssPx, placeholder, registrationAccountInput = "implicit_wallet", showRegistrationInput = false, showProgress = false, copy, externalAuthBroker = null, walletAlternatives, onOutcome }) => {
 	const { seams, isLoggedIn } = useOptionalSeams();
 	const terminalGate = terminalGateFor(seams);
 	syncTerminalGate(terminalGate, isLoggedIn);
@@ -285,9 +300,12 @@ const HostedSeamsAuthMenu = ({ initialMode = "login", initialHeightCssPx, placeh
 		showRegistrationInput,
 		showProgress,
 		copy,
-		enabledExternalProviders: externalProvidersForBroker(externalAuthBroker)
+		enabledExternalProviders: externalProvidersForBroker(externalAuthBroker),
+		walletAlternatives
 	});
 	const externalAuthBrokerRef = React.useRef(externalAuthBroker);
+	const walletAlternativesRef = React.useRef(walletAlternatives);
+	walletAlternativesRef.current = walletAlternatives;
 	const onOutcomeRef = React.useRef(onOutcome);
 	const terminalGateRef = React.useRef(terminalGate);
 	const forwardedOutcomeRef = React.useRef(() => {});
@@ -299,7 +317,8 @@ const HostedSeamsAuthMenu = ({ initialMode = "login", initialHeightCssPx, placeh
 		showRegistrationInput,
 		showProgress,
 		copy,
-		enabledExternalProviders: externalProvidersForBroker(externalAuthBroker)
+		enabledExternalProviders: externalProvidersForBroker(externalAuthBroker),
+		walletAlternatives
 	};
 	externalAuthBrokerRef.current = externalAuthBroker;
 	onOutcomeRef.current = onOutcome;
@@ -323,6 +342,7 @@ const HostedSeamsAuthMenu = ({ initialMode = "login", initialHeightCssPx, placeh
 			showProgress: config.showProgress,
 			copy: config.copy,
 			externalAuthBroker: externalAuthBrokerRef,
+			walletAlternatives: walletAlternativesRef,
 			onOutcome: forwardedOutcomeRef
 		});
 		session.start();

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

@@ -0,0 +1,178 @@
+import { parseWalletAlternatives } from "../../../SeamsWeb/walletIframe/shared/walletAlternatives.js";
+import { nearWalletName } from "../../../externalNear/wallets.js";
+import { hotWalletIcon, meteorWalletIcon } from "../externalWalletBrandImages.js";
+//#region src/react/components/HostedSeamsAuthMenu/walletAlternatives.ts
+function walletAlternativeId(alternative) {
+	switch (alternative.kind) {
+		case "near": return `near:${alternative.wallet}`;
+		case "evm": return `evm:${alternative.wallet.id}`;
+		default: return assertNeverAlternative(alternative);
+	}
+}
+function describeWalletAlternative(alternative) {
+	let label;
+	let icon;
+	switch (alternative.kind) {
+		case "near":
+			label = nearWalletName(alternative.wallet);
+			icon = nearWalletIcon(alternative.wallet);
+			break;
+		case "evm":
+			label = alternative.wallet.name;
+			icon = alternative.wallet.icon;
+			break;
+		default: return assertNeverAlternative(alternative);
+	}
+	return {
+		id: walletAlternativeId(alternative),
+		label: alternative.label ?? label,
+		description: alternative.description ?? "Use your existing wallet",
+		icon: alternative.icon ?? icon
+	};
+}
+function describeWalletAlternatives(config) {
+	const parsed = parseWalletAlternatives({
+		primary: (config?.primary ?? []).map(describeWalletAlternative),
+		secondary: (config?.secondary ?? []).map(describeWalletAlternative)
+	});
+	if (!parsed) throw new Error("Wallet alternatives must have unique identifiers and valid display data");
+	return parsed;
+}
+/** Owns application-origin requests for exactly one hosted menu session. */
+var WalletAlternativesBroker = class {
+	state = { kind: "inactive" };
+	unsubscribe = null;
+	seen = /* @__PURE__ */ new Set();
+	constructor(api, sessionId, config) {
+		this.api = api;
+		this.sessionId = sessionId;
+		this.config = config;
+	}
+	start() {
+		if (!this.config.current || this.config.current.primary.length + this.config.current.secondary.length === 0) return;
+		this.state = { kind: "idle" };
+		this.unsubscribe = this.api.onWalletConnectionRequest(this.receive);
+	}
+	cleanup() {
+		const previous = this.state;
+		this.state = { kind: "inactive" };
+		this.unsubscribe?.();
+		this.unsubscribe = null;
+		if (previous.kind === "pending" || previous.kind === "connected") previous.alternative.controller.disconnect();
+	}
+	complete(alternativeId) {
+		const attempt = this.state;
+		if (attempt.kind !== "connected" || attempt.request.alternativeId !== alternativeId) return;
+		this.state = { kind: "idle" };
+		attempt.notify();
+	}
+	receive = (request) => {
+		if (this.state.kind !== "idle" || request.authMenuSessionId !== this.sessionId || this.seen.has(request.connectionRequestId)) return;
+		this.seen.add(request.connectionRequestId);
+		const alternative = [...this.config.current?.primary ?? [], ...this.config.current?.secondary ?? []].find(matchesRequest.bind(null, request));
+		if (!alternative) return;
+		const attempt = {
+			kind: "pending",
+			alternative,
+			request
+		};
+		this.state = attempt;
+		this.connect(attempt);
+	};
+	async connect(attempt) {
+		const result = await connectWalletAlternative(attempt.alternative);
+		if (this.state !== attempt) return;
+		let resolution;
+		switch (result.kind) {
+			case "connected":
+				this.state = {
+					kind: "connected",
+					alternative: attempt.alternative,
+					request: attempt.request,
+					notify: result.notify
+				};
+				resolution = { kind: "connected" };
+				break;
+			case "cancelled":
+			case "failed":
+				this.state = { kind: "idle" };
+				resolution = result;
+				break;
+			default: return assertNeverAlternative(result);
+		}
+		try {
+			await this.api.resolveWalletConnection({
+				authMenuSessionId: this.sessionId,
+				connectionRequestId: attempt.request.connectionRequestId,
+				result: resolution
+			});
+		} catch {
+			this.cleanup();
+		}
+	}
+};
+async function connectWalletAlternative(alternative) {
+	try {
+		switch (alternative.kind) {
+			case "near": {
+				const result = await alternative.controller.connect(alternative.wallet);
+				if (!result.ok) return {
+					kind: "failed",
+					message: result.message
+				};
+				return {
+					kind: "connected",
+					notify: alternative.onConnected.bind(null, result.value)
+				};
+			}
+			case "evm": {
+				const result = await alternative.controller.connect(alternative.wallet.id);
+				if (result.ok) return {
+					kind: "connected",
+					notify: alternative.onConnected.bind(null, result.value)
+				};
+				if (result.code === "rejected") return { kind: "cancelled" };
+				return {
+					kind: "failed",
+					message: result.message
+				};
+			}
+			default: return assertNeverAlternative(alternative);
+		}
+	} catch {
+		return {
+			kind: "failed",
+			message: "Unable to connect this wallet."
+		};
+	}
+}
+function matchesRequest(request, alternative) {
+	return request.alternativeId === walletAlternativeId(alternative);
+}
+function nearWalletIcon(wallet) {
+	switch (wallet) {
+		case "meteor": return meteorWalletIcon;
+		case "hot": return hotWalletIcon;
+		case "intear": return null;
+		default: return assertNeverAlternative(wallet);
+	}
+}
+const controllerIds = /* @__PURE__ */ new WeakMap();
+let nextControllerId = 0;
+function controllerId(alternative) {
+	const current = controllerIds.get(alternative.controller);
+	if (current !== void 0) return current;
+	const id = ++nextControllerId;
+	controllerIds.set(alternative.controller, id);
+	return id;
+}
+function walletAlternativesControllerKey(config) {
+	return JSON.stringify([...config?.primary ?? [], ...config?.secondary ?? []].map(controllerId));
+}
+function assertNeverAlternative(value) {
+	throw new Error(`Unexpected wallet alternative: ${String(value)}`);
+}
+//#endregion
+export { WalletAlternativesBroker, describeWalletAlternatives, walletAlternativesControllerKey };
+
+//# sourceMappingURL=walletAlternatives.js.map

package/dist/esm/react/index.js

@@ -31,7 +31,6 @@ import HostedSeamsAuthMenu from "./components/HostedSeamsAuthMenu/shell.js";
 import { AccountMenuButtonMock } from "./components/AccountMenuButton/AccountMenuButtonMock.js";
 import { AccountMenuButton, ProfileSettingsButton, WalletSettingsPage } from "./components/AccountMenuButton/index.js";
 import { ShowQRCode } from "./components/ShowQRCode.js";
-import { WalletConnectorMenu } from "./components/HostedSeamsAuthMenu/WalletConnectorMenu.js";
 import QRCodeIcon from "./components/QRCodeIcon.js";
 import { useOwnerNearOperation } from "./hooks/useOwnerNearOperation.js";
-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, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, WalletConnectorMenu, 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, useOwnerNearOperation, useQRCamera, useSeams, useTheme, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };
+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, 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, useOwnerNearOperation, useQRCamera, useSeams, useTheme, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession, yoctoNear };

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

@@ -197,189 +197,6 @@ svg[data-seams-root].seams-icon[viewBox],
   }
 }
 
-:where([data-seams-root]) .seams-wallet-connector {
-  box-sizing: border-box;
-  position: relative;
-  width: min(100%, 420px);
-  border-radius: var(--seams-shape-card, 16px);
-  background: var(--seams-colors-colorBackground);
-  box-shadow: var(--seams-shadows-md);
-  color: var(--seams-colors-textPrimary);
-  font-family: var(--seams-font-family, system-ui, sans-serif);
-  font-size: var(--seams-font-size-base, 1rem);
-  line-height: 1.5;
-  transition: height 200ms cubic-bezier(0.32, 0.72, 0, 1);
-}
-
-:where([data-seams-root]) .seams-wallet-connector[data-connector-view='auth'] {
-  background: transparent;
-  box-shadow: none;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-content {
-  width: 100%;
-  min-width: 0;
-  border-radius: inherit;
-}
-
-:where([data-seams-root])
-  .seams-wallet-connector[data-connector-view='auth']
-  .seams-wallet-connector-content {
-  animation: seams-connector-enter 180ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-:where([data-seams-root]) .seams-wallet-connector-choices {
-  box-sizing: border-box;
-  padding: calc(var(--seams-spacing-lg) + var(--seams-spacing-xs)) var(--seams-spacing-lg)
-    var(--seams-spacing-lg);
-  border: 1px solid var(--seams-colors-borderPrimary);
-  border-radius: inherit;
-}
-
-:where([data-seams-root]) .seams-wallet-connector h2 {
-  margin: 0 calc(var(--seams-spacing-lg) + var(--seams-spacing-xs))
-    calc(var(--seams-spacing-sm) + var(--seams-spacing-xs)) 0;
-  font-size: 1.375em;
-  line-height: 1.25;
-  font-weight: 500;
-  letter-spacing: -0.04em;
-  outline: none;
-}
-
-:where([data-seams-root]) .seams-wallet-connector p {
-  margin: 0 0 var(--seams-spacing-lg);
-  color: var(--seams-colors-textSecondary);
-  font-size: 0.8125em;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-options {
-  display: grid;
-  gap: var(--seams-spacing-sm);
-}
-
-:where([data-seams-root]) .seams-wallet-connector-option {
-  display: flex;
-  align-items: center;
-  gap: var(--seams-spacing-md);
-  width: 100%;
-  min-width: 0;
-  min-height: calc(var(--seams-shape-controlHeight, 44px) + 2 * var(--seams-spacing-md));
-  padding: var(--seams-spacing-md);
-  box-sizing: border-box;
-  border: 1px solid var(--seams-colors-secondaryButtonBorder, var(--seams-colors-borderPrimary));
-  border-radius: var(--seams-shape-control, 10px);
-  background: var(--seams-colors-secondaryButtonBackground, var(--seams-colors-surface));
-  color: var(--seams-colors-secondaryButtonText, var(--seams-colors-textPrimary));
-  font: inherit;
-  text-align: start;
-  cursor: pointer;
-  transition:
-    background-color 160ms ease,
-    border-color 160ms ease;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-option:disabled {
-  opacity: 0.55;
-  cursor: default;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-icon {
-  display: grid;
-  place-items: center;
-  width: 34px;
-  flex: none;
-}
-:where([data-seams-root]) .seams-wallet-connector-icon img {
-  display: block;
-  object-fit: contain;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-label {
-  display: grid;
-  gap: var(--seams-spacing-xs);
-  flex: 1;
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-label strong {
-  font-size: 0.8125em;
-  font-weight: 500;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-label small {
-  font-size: 0.75em;
-  color: var(--seams-colors-textSecondary);
-}
-
-:where([data-seams-root]) .seams-wallet-connector-option > svg {
-  flex: none;
-  color: var(--seams-colors-textSecondary);
-}
-
-:where([data-seams-root]) .seams-wallet-connector-close,
-:where([data-seams-root]) .seams-wallet-connector-back {
-  position: absolute;
-  z-index: calc(var(--seams-wallet-inline-dialog-z, 0) + 1);
-  inset: 12px 12px auto auto;
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: 0;
-  border-radius: 50%;
-  color: var(--seams-colors-textSecondary);
-  background: transparent;
-  cursor: pointer;
-}
-
-:where([data-seams-root]) .seams-wallet-connector-back:has(+ .seams-wallet-connector-close) {
-  right: 52px;
-}
-
-:where([data-seams-root]) .seams-wallet-connector button:focus-visible {
-  outline: 2px solid var(--seams-colors-focus, currentColor);
-  outline-offset: 3px;
-}
-
-:where([data-seams-root]) .seams-wallet-connector p[role] {
-  margin: var(--seams-spacing-md) 0 0;
-}
-
-:where([data-seams-root]) .seams-wallet-connector .seams-wallet-connector-error {
-  color: var(--seams-colors-error);
-}
-
-@media (hover: hover) and (pointer: fine) {
-  :where([data-seams-root]) .seams-wallet-connector-option:not(:disabled):hover {
-    background: var(--seams-colors-secondaryButtonHoverBackground, var(--seams-colors-hover));
-    border-color: var(--seams-colors-borderHover);
-  }
-  :where([data-seams-root]) .seams-wallet-connector-close:hover,
-  :where([data-seams-root]) .seams-wallet-connector-back:hover {
-    background: var(--seams-colors-hover);
-  }
-}
-
-@keyframes seams-connector-enter {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :where([data-seams-root]) .seams-wallet-connector {
-    transition: none;
-  }
-  :where([data-seams-root]) .seams-wallet-connector-content {
-    animation: none;
-  }
-}
-
 
 /* Import AccountMenuButton styles */
 /* Expander (ExportKeysSection) — same grid-rows collapse mechanism as the

package/dist/esm/react/styles.css

@@ -3,7 +3,6 @@
 @import './components/theme/Theme.css';
 @import './components/AccountMenuButton/icons/Icon.css';
 @import './externalWalletPicker.css';
-@import './components/HostedSeamsAuthMenu/WalletConnectorMenu.css';
 
 /* Import AccountMenuButton styles */
 @import './components/AccountMenuButton/ExportKeysSection.css';

package/dist/esm/sdk/{ConfirmationDrawer-BRnd5SEf.js → ConfirmationDrawer-fyl4IDRl.js}

@@ -1 +1 @@
-import{a as e,i as t,r as n}from"./csp-stylesheet-5LU6VGKK.js";import{c as r,i,r as a,s as o}from"./appearance-token-vars-DkF3EBbF.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 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 l=0;function u(e){return n(d,{...e},e.context)}var d=class extends t{static contextType=a;dialog=e();hosted=e();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`?n(`dialog`,{ref:this.dialog,class:`seams-confirmation-modal`,"aria-label":o(this.context,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 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 n(g,{...e},e.context)}var g=class extends t{static contextType=a;state={settled:!1};id=`seams-confirmation-drawer-${++m}`;dialog=e();sheet=e();body=e();content=e();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`,t=[`seams-confirmation-drawer`];e&&t.push(`is-open`),this.gesture.kind===`dragging`&&t.push(`is-dragging`);let a=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":r(this.context,`Dismiss confirmation`),disabled:!this.canDrag(),onClick:this.cancel,children:n(`span`,{})}),n(`button`,{type:`button`,class:`seams-drawer-close`,"aria-label":r(this.context,`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:n(i,{copy:this.props.errorMessage})}),n(`div`,{class:`seams-drawer-content`,ref:this.content,children:this.props.children})]})]});return this.props.context===`wallet-iframe`?a:n(`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};
+import{a as e,i as t,r as n}from"./csp-stylesheet-5LU6VGKK.js";import{c as r,i,r as a,s as o}from"./appearance-token-vars-CzlRDVQ7.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 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 l=0;function u(e){return n(d,{...e},e.context)}var d=class extends t{static contextType=a;dialog=e();hosted=e();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`?n(`dialog`,{ref:this.dialog,class:`seams-confirmation-modal`,"aria-label":o(this.context,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 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 n(g,{...e},e.context)}var g=class extends t{static contextType=a;state={settled:!1};id=`seams-confirmation-drawer-${++m}`;dialog=e();sheet=e();body=e();content=e();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`,t=[`seams-confirmation-drawer`];e&&t.push(`is-open`),this.gesture.kind===`dragging`&&t.push(`is-dragging`);let a=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":r(this.context,`Dismiss confirmation`),disabled:!this.canDrag(),onClick:this.cancel,children:n(`span`,{})}),n(`button`,{type:`button`,class:`seams-drawer-close`,"aria-label":r(this.context,`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:n(i,{copy:this.props.errorMessage})}),n(`div`,{class:`seams-drawer-content`,ref:this.content,children:this.props.children})]})]});return this.props.context===`wallet-iframe`?a:n(`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};