@seams/wallet 0.8.0 → 0.9.0

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/RecoveryCodeBackupSurface.js

@@ -1,518 +0,0 @@
-import { Component, createRef } from "preact";
-import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/RecoveryCodeBackupSurface.tsx
-/** @jsxImportSource preact */
-const COPIED_FLASH_MS = 1800;
-function assertNever(value) {
-	throw new Error(`Unhandled recovery-code state: ${String(value)}`);
-}
-function errorMessage(error, fallback) {
-	return error instanceof Error && error.message.trim() ? error.message : fallback;
-}
-function initialViewState(experience) {
-	switch (experience.kind) {
-		case "direct_backup": return {
-			kind: "recovery_codes",
-			request: experience.request
-		};
-		case "account_menu": return {
-			kind: "summary",
-			walletId: experience.walletId,
-			loadState: { kind: "loading" },
-			actionError: null
-		};
-		default: return assertNever(experience);
-	}
-}
-function initialState(experience) {
-	return {
-		viewState: initialViewState(experience),
-		acknowledged: false,
-		statusMessage: "",
-		copied: false
-	};
-}
-function stageForState(state) {
-	switch (state.kind) {
-		case "summary":
-		case "opening":
-		case "recovery_codes": return state.kind;
-		default: return assertNever(state);
-	}
-}
-function statusLabel(status) {
-	switch (status.kind) {
-		case "ready": return status.pendingLocalBackup || status.backupOutstanding ? "Backup needed" : "Backed up";
-		case "no_recovery_set": return "No recovery set";
-		case "unauthorized": return "Authorization required";
-		case "transport_failed": return "Could not load";
-		default: return assertNever(status);
-	}
-}
-function canViewPendingRecoveryCodes(loadState) {
-	if (loadState.kind !== "loaded") return true;
-	switch (loadState.status.kind) {
-		case "ready": return loadState.status.pendingLocalBackup;
-		case "unauthorized":
-		case "transport_failed": return true;
-		case "no_recovery_set": return false;
-		default: return assertNever(loadState.status);
-	}
-}
-function recoveryStatusFailureMessage(loadState) {
-	if (loadState.kind === "error") return loadState.message;
-	if (loadState.kind !== "loaded") return null;
-	switch (loadState.status.kind) {
-		case "unauthorized":
-		case "transport_failed": return loadState.status.message;
-		case "ready":
-		case "no_recovery_set": return null;
-		default: return assertNever(loadState.status);
-	}
-}
-function statusValue(loadState) {
-	switch (loadState.kind) {
-		case "loading": return "Loading";
-		case "error": return "Could not load";
-		case "loaded": return statusLabel(loadState.status);
-		default: return assertNever(loadState);
-	}
-}
-function activeCodesValue(loadState) {
-	return loadState.kind === "loaded" && loadState.status.kind === "ready" ? `${loadState.status.activeCodeCount} / ${loadState.status.totalCodeCount}` : "—";
-}
-function safeWalletId(value) {
-	return value.trim().replace(/[^A-Za-z0-9_.-]/g, "_") || "wallet";
-}
-function backupText(walletId, recoveryCodes) {
-	const lines = [
-		"Seams wallet recovery codes",
-		"",
-		`Wallet: ${walletId}`,
-		"",
-		"Save these codes somewhere private. Each code can be used once.",
-		""
-	];
-	for (const [index, code] of recoveryCodes.entries()) lines.push(`${String(index + 1).padStart(2, "0")}  ${code}`);
-	return `${lines.join("\n")}\n`;
-}
-function recoveryCloseLabel(request, acknowledged) {
-	if (acknowledged) return "Finish backup";
-	if (request.continuation === "registration_may_defer") return "Back up later";
-	return "Close";
-}
-function renderRecoveryCodeItem(code, index) {
-	return /* @__PURE__ */ jsxs("li", {
-		class: "recovery-code-item",
-		children: [/* @__PURE__ */ jsx("span", {
-			class: "recovery-code-index",
-			children: index + 1
-		}), /* @__PURE__ */ jsx("span", {
-			class: "recovery-code-value",
-			children: code
-		})]
-	}, `${index}-${code}`);
-}
-var RecoveryCodeBackupSurface = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = initialState(this.props.experience);
-		this.root = createRef();
-		this.active = false;
-		this.loadGeneration = 0;
-		this.copiedResetTimer = null;
-		this.focusFrame = null;
-		this.retryStatus = () => {
-			const experience = this.props.experience;
-			if (experience.kind !== "account_menu") return;
-			const current = this.state.viewState;
-			if (current.kind !== "summary") return;
-			const generation = ++this.loadGeneration;
-			this.setState({ viewState: {
-				...current,
-				loadState: { kind: "loading" },
-				actionError: null
-			} });
-			this.loadSummaryStatus(experience, generation);
-		};
-		this.openRecoveryCodes = async () => {
-			const experience = this.props.experience;
-			const current = this.state.viewState;
-			if (experience.kind !== "account_menu" || current.kind !== "summary") return;
-			const generation = this.loadGeneration;
-			this.setState({ viewState: {
-				...current,
-				kind: "opening",
-				actionError: null
-			} });
-			try {
-				const request = await experience.loadPendingBackup();
-				if (!this.active || generation !== this.loadGeneration) return;
-				if (!request) {
-					this.setState({ viewState: {
-						...current,
-						actionError: "Recovery codes are no longer available on this device."
-					} });
-					return;
-				}
-				this.setState({ viewState: {
-					kind: "recovery_codes",
-					request
-				} });
-			} catch (error) {
-				if (!this.active || generation !== this.loadGeneration) return;
-				this.setState({ viewState: {
-					...current,
-					actionError: errorMessage(error, "Could not open recovery codes")
-				} });
-			}
-		};
-		this.closeSummary = () => {
-			this.props.onClose({ kind: "dismissed" });
-		};
-		this.closeRecoveryCodes = () => {
-			this.props.onClose({
-				kind: "recovery_codes",
-				acknowledged: this.state.acknowledged
-			});
-		};
-		this.onAcknowledgementChange = (event) => {
-			if (!(event.currentTarget instanceof HTMLInputElement)) return;
-			this.setState({ acknowledged: event.currentTarget.checked });
-		};
-		this.download = () => {
-			const viewState = this.state.viewState;
-			if (viewState.kind !== "recovery_codes") return;
-			const view = this.root.current?.ownerDocument.defaultView;
-			if (!view) return;
-			const { walletId, recoveryCodes } = viewState.request;
-			try {
-				const url = view.URL.createObjectURL(new view.Blob([backupText(walletId, recoveryCodes)], { type: "text/plain;charset=utf-8" }));
-				const anchor = view.document.createElement("a");
-				anchor.href = url;
-				anchor.download = `seams-wallet-recovery-codes-${safeWalletId(walletId)}.txt`;
-				try {
-					anchor.click();
-				} finally {
-					view.setTimeout(() => view.URL.revokeObjectURL(url), 0);
-				}
-				this.setState({ statusMessage: "Recovery codes downloaded." });
-			} catch {
-				this.setState({ statusMessage: "Unable to download the codes. Copy them or try again." });
-			}
-		};
-		this.copy = async () => {
-			const viewState = this.state.viewState;
-			if (viewState.kind !== "recovery_codes" || !this.active) return;
-			const { walletId, recoveryCodes } = viewState.request;
-			const generation = this.loadGeneration;
-			try {
-				await navigator.clipboard.writeText(backupText(walletId, recoveryCodes));
-				if (!this.active || generation !== this.loadGeneration) return;
-				this.setState({ statusMessage: "Recovery codes copied." });
-				this.flashCopied();
-			} catch {
-				if (!this.active || generation !== this.loadGeneration) return;
-				this.setState({ statusMessage: "Unable to copy the codes. Download them or try again." });
-			}
-		};
-	}
-	componentDidMount() {
-		this.active = true;
-		this.loadGeneration += 1;
-		this.notifyStage();
-		this.beginAccountStatus(this.props.experience, this.loadGeneration);
-	}
-	componentWillReceiveProps(nextProps) {
-		if (nextProps.experience === this.props.experience) return;
-		this.loadGeneration += 1;
-		this.clearFocusFrame();
-		this.clearCopiedFlash();
-		this.setState(initialState(nextProps.experience));
-		this.beginAccountStatus(nextProps.experience, this.loadGeneration);
-	}
-	componentDidUpdate(_previousProps, previous) {
-		if (stageForState(previous.viewState) !== stageForState(this.state.viewState)) this.notifyStage();
-		if (previous.viewState.kind !== "recovery_codes" && this.state.viewState.kind === "recovery_codes") this.focusTitleAfterRender();
-	}
-	componentWillUnmount() {
-		this.active = false;
-		this.loadGeneration += 1;
-		this.clearFocusFrame();
-		this.clearCopiedFlash();
-	}
-	render() {
-		const viewState = this.state.viewState;
-		const stage = stageForState(viewState);
-		const content = viewState.kind === "recovery_codes" ? this.renderRecoveryCodes(viewState.request) : this.renderSummary(viewState);
-		return /* @__PURE__ */ jsx("div", {
-			ref: this.root,
-			class: "seams-recovery-code-backup-viewer",
-			"data-seams-recovery-entry": this.props.experience.kind,
-			"data-seams-recovery-stage": stage,
-			children: content
-		});
-	}
-	notifyStage() {
-		this.props.onStageChange(stageForState(this.state.viewState));
-	}
-	beginAccountStatus(experience, generation) {
-		if (experience.kind !== "account_menu") return;
-		this.loadSummaryStatus(experience, generation);
-	}
-	async loadSummaryStatus(experience, generation) {
-		try {
-			const status = await experience.loadStatus();
-			this.updateSummaryLoadState(generation, {
-				kind: "loaded",
-				status
-			});
-		} catch (error) {
-			this.updateSummaryLoadState(generation, {
-				kind: "error",
-				message: errorMessage(error, "Could not load recovery-code status")
-			});
-		}
-	}
-	updateSummaryLoadState(generation, loadState) {
-		if (!this.active || generation !== this.loadGeneration) return;
-		const current = this.state.viewState;
-		if (current.kind !== "summary" && current.kind !== "opening") return;
-		this.setState({ viewState: {
-			...current,
-			loadState
-		} });
-	}
-	flashCopied() {
-		const view = this.root.current?.ownerDocument.defaultView;
-		if (!view) return;
-		if (this.copiedResetTimer !== null) view.clearTimeout(this.copiedResetTimer);
-		this.setState({ copied: true });
-		this.copiedResetTimer = view.setTimeout(() => {
-			this.copiedResetTimer = null;
-			if (this.active) this.setState({ copied: false });
-		}, COPIED_FLASH_MS);
-	}
-	clearCopiedFlash() {
-		const view = this.root.current?.ownerDocument.defaultView;
-		if (view && this.copiedResetTimer !== null) view.clearTimeout(this.copiedResetTimer);
-		this.copiedResetTimer = null;
-	}
-	clearFocusFrame() {
-		const view = this.root.current?.ownerDocument.defaultView;
-		if (view && this.focusFrame !== null) view.cancelAnimationFrame(this.focusFrame);
-		this.focusFrame = null;
-	}
-	focusTitleAfterRender() {
-		const view = this.root.current?.ownerDocument.defaultView;
-		if (!view) return;
-		this.clearFocusFrame();
-		this.focusFrame = view.requestAnimationFrame(() => {
-			this.focusFrame = null;
-			if (this.active) this.root.current?.querySelector(".recovery-backup-title")?.focus();
-		});
-	}
-	renderSummary(state) {
-		const statusFailure = recoveryStatusFailureMessage(state.loadState);
-		const showViewCodesButton = canViewPendingRecoveryCodes(state.loadState);
-		const opening = state.kind === "opening";
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				class: "recovery-summary-close",
-				"aria-label": "Close recovery codes",
-				onClick: this.closeSummary,
-				children: /* @__PURE__ */ jsx("svg", {
-					"aria-hidden": "true",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6 6 18" })
-				})
-			}),
-			/* @__PURE__ */ jsx("h1", {
-				id: "seams-wallet-recovery-title",
-				class: "recovery-backup-title",
-				tabIndex: -1,
-				children: "Wallet recovery codes"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				id: "seams-wallet-recovery-description",
-				class: "recovery-backup-description",
-				children: "View and save the recovery codes retained by this wallet after registration."
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "recovery-summary-body",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						class: "recovery-summary-row",
-						children: [/* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-label",
-							children: "Wallet"
-						}), /* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-value",
-							children: state.walletId
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						class: "recovery-summary-row",
-						children: [/* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-label",
-							children: "Status"
-						}), /* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-value",
-							children: statusValue(state.loadState)
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						class: "recovery-summary-row",
-						children: [/* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-label",
-							children: "Active codes"
-						}), /* @__PURE__ */ jsx("span", {
-							class: "recovery-summary-value",
-							children: activeCodesValue(state.loadState)
-						})]
-					}),
-					showViewCodesButton && /* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: "recovery-backup-button primary recovery-summary-open",
-						disabled: opening,
-						onClick: this.openRecoveryCodes,
-						children: opening ? /* @__PURE__ */ jsxs(Fragment$1, { children: ["Opening recovery codes", /* @__PURE__ */ jsxs("span", {
-							class: "recovery-summary-ellipsis",
-							"aria-hidden": "true",
-							children: [
-								/* @__PURE__ */ jsx("span", { children: "." }),
-								/* @__PURE__ */ jsx("span", { children: "." }),
-								/* @__PURE__ */ jsx("span", { children: "." })
-							]
-						})] }) : "View recovery codes"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						class: "recovery-summary-live-status",
-						role: "status",
-						"aria-live": "polite",
-						children: state.loadState.kind === "loading" ? "Loading recovery-code status…" : ""
-					}),
-					statusFailure && /* @__PURE__ */ jsx("p", {
-						class: "recovery-summary-error",
-						role: "alert",
-						children: statusFailure
-					}),
-					state.actionError && /* @__PURE__ */ jsx("p", {
-						class: "recovery-summary-error",
-						role: "alert",
-						children: state.actionError
-					}),
-					state.loadState.kind === "error" && /* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: "recovery-backup-button secondary",
-						onClick: this.retryStatus,
-						children: "Retry status"
-					})
-				]
-			})
-		] });
-	}
-	renderRecoveryCodes(request) {
-		const description = request.continuation === "registration_may_defer" ? "Each code can recover your wallet once. Save them now, or back them up later from Recovery Codes." : "Each code can recover your wallet once. Keep them somewhere private.";
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx("h1", {
-				id: "seams-wallet-recovery-title",
-				class: "recovery-backup-title",
-				tabIndex: -1,
-				children: "Save your recovery codes"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				id: "seams-wallet-recovery-description",
-				class: "recovery-backup-description",
-				children: description
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "recovery-code-sheet",
-				children: [/* @__PURE__ */ jsxs("div", {
-					class: "recovery-code-sheet-heading",
-					children: [/* @__PURE__ */ jsx("span", { children: "Recovery codes" }), /* @__PURE__ */ jsxs("span", { children: [request.recoveryCodes.length, " single-use codes"] })]
-				}), /* @__PURE__ */ jsx("ol", {
-					class: "recovery-code-list",
-					children: request.recoveryCodes.map(renderRecoveryCodeItem)
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "recovery-backup-actions",
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					class: "recovery-backup-button primary",
-					onClick: this.download,
-					children: "Download codes"
-				}), /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					class: `recovery-backup-button secondary recovery-backup-copy${this.state.copied ? " copied" : ""}`,
-					onClick: this.copy,
-					children: [/* @__PURE__ */ jsx(CopyIcon, {}), "Copy codes"]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "recovery-backup-footer",
-				children: [/* @__PURE__ */ jsxs("label", {
-					class: "recovery-backup-acknowledgement",
-					children: [/* @__PURE__ */ jsx("input", {
-						type: "checkbox",
-						"data-seams-wallet-recovery-backup-acknowledgement": true,
-						checked: this.state.acknowledged,
-						onChange: this.onAcknowledgementChange
-					}), /* @__PURE__ */ jsxs("span", { children: ["I saved these recovery codes somewhere safe.", /* @__PURE__ */ jsx("small", { children: "They won’t be shown again after you finish." })] })]
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					class: `recovery-backup-button ${this.state.acknowledged ? "primary" : "secondary"}`,
-					"data-seams-wallet-recovery-backup-close": true,
-					onClick: this.closeRecoveryCodes,
-					children: recoveryCloseLabel(request, this.state.acknowledged)
-				})]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				class: "recovery-backup-status",
-				role: "status",
-				children: this.state.statusMessage
-			})
-		] });
-	}
-};
-function CopyIcon() {
-	return /* @__PURE__ */ jsxs("span", {
-		class: "copy-icon",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("span", {
-			class: "copy-icon-check",
-			children: /* @__PURE__ */ jsx("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			})
-		}), /* @__PURE__ */ jsx("span", {
-			class: "copy-icon-copy",
-			children: /* @__PURE__ */ jsxs("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: [/* @__PURE__ */ jsx("rect", {
-					width: "14",
-					height: "14",
-					x: "8",
-					y: "8",
-					rx: "2"
-				}), /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-			})
-		})]
-	});
-}
-//#endregion
-export { RecoveryCodeBackupSurface };
-
-//# sourceMappingURL=RecoveryCodeBackupSurface.js.map

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/confirmation-controller.js

@@ -1,80 +0,0 @@
-import { buildConfirmationTree } from "../transaction-display/confirmation-tree.js";
-import { normalizeConfirmationModel } from "../confirmation-model.js";
-import { mountConfirmationSurface } from "./mountConfirmationSurface.js";
-//#region src/core/signingEngine/uiConfirm/ui/preact/confirmation-controller.ts
-var MountedConfirmationController = class {
-	constructor(input) {
-		this.callbacks = input.callbacks;
-		this.appearance = input.appearance;
-		this.presentation = input.presentation;
-		this.tree = input.tree;
-		this.currentModel = this.normalize();
-		this.surface = mountConfirmationSurface({
-			parent: input.parent,
-			presentation: {
-				variant: input.variant,
-				context: input.context
-			},
-			model: this.currentModel,
-			onClosed: input.onClosed
-		});
-		this.element = this.surface.element;
-	}
-	update(update) {
-		this.presentation = mergeConfirmationPresentation(this.presentation, update);
-		if (update.appearance) this.appearance = update.appearance;
-		if (Object.hasOwn(update, "model")) this.tree = buildConfirmationTree({ model: update.model });
-		this.currentModel = this.normalize();
-		this.surface.update(this.currentModel);
-	}
-	setTree(tree) {
-		this.tree = tree;
-		this.currentModel = this.normalize();
-		this.surface.update(this.currentModel);
-	}
-	close() {
-		this.surface.close();
-	}
-	showReceipt(model) {
-		this.surface.showReceipt(model);
-	}
-	dispose() {
-		this.surface.dispose();
-	}
-	normalize() {
-		const result = normalizeConfirmationModel({
-			presentation: this.presentation,
-			appearance: this.appearance,
-			tree: this.tree,
-			callbacks: this.callbacks
-		});
-		if (!result.ok) throw new Error(`Cannot render confirmation surface: ${result.error}`);
-		return result.model;
-	}
-};
-function mergeConfirmationPresentation(current, update) {
-	return {
-		model: Object.hasOwn(update, "model") ? update.model : current.model,
-		securityContext: Object.hasOwn(update, "securityContext") ? update.securityContext : current.securityContext,
-		loading: Object.hasOwn(update, "loading") ? update.loading : current.loading,
-		preparing: Object.hasOwn(update, "preparing") ? update.preparing : current.preparing,
-		title: Object.hasOwn(update, "title") ? update.title : current.title,
-		body: Object.hasOwn(update, "body") ? update.body : current.body,
-		errorMessage: Object.hasOwn(update, "errorMessage") ? update.errorMessage : current.errorMessage,
-		confirmText: Object.hasOwn(update, "confirmText") ? update.confirmText : current.confirmText,
-		cancelText: Object.hasOwn(update, "cancelText") ? update.cancelText : current.cancelText,
-		onBack: Object.hasOwn(update, "onBack") ? update.onBack : current.onBack,
-		signingAuthMode: Object.hasOwn(update, "signingAuthMode") ? update.signingAuthMode : current.signingAuthMode,
-		emailOtpPrompt: Object.hasOwn(update, "emailOtpPrompt") ? update.emailOtpPrompt : current.emailOtpPrompt,
-		nearExplorerUrl: Object.hasOwn(update, "nearExplorerUrl") ? update.nearExplorerUrl : current.nearExplorerUrl,
-		tempoExplorerUrl: Object.hasOwn(update, "tempoExplorerUrl") ? update.tempoExplorerUrl : current.tempoExplorerUrl,
-		evmExplorerUrl: Object.hasOwn(update, "evmExplorerUrl") ? update.evmExplorerUrl : current.evmExplorerUrl
-	};
-}
-function createConfirmationSurfaceController(input) {
-	return new MountedConfirmationController(input);
-}
-//#endregion
-export { createConfirmationSurfaceController };
-
-//# sourceMappingURL=confirmation-controller.js.map

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/mountExportPrivateKeySurface.js

@@ -1,86 +0,0 @@
-import { WalletIframeDomEvents } from "../../../../browser/walletIframe/events.js";
-import { confirmationDocumentStyles } from "./confirmation-styles.js";
-import { appearanceTokenCssRule } from "../appearance-token-vars.js";
-import { ConfirmationModal } from "./ConfirmationModal.js";
-import { ConfirmationDrawer } from "./ConfirmationDrawer.js";
-import { ExportPrivateKeySurface } from "./ExportPrivateKeySurface.js";
-import { render } from "preact";
-import { jsx } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/mountExportPrivateKeySurface.tsx
-/** @jsxImportSource preact */
-let nextExportId = 0;
-var MountedExportSurface = class {
-	constructor(input) {
-		this.dispose = () => {
-			if (this.state.kind === "disposed") return;
-			const onClosed = this.state.onClosed;
-			this.remove();
-			onClosed();
-		};
-		this.handleCancel = () => {
-			this.dispose();
-		};
-		this.styles = confirmationDocumentStyles(input.parent.ownerDocument);
-		this.context = input.context;
-		this.state = {
-			kind: "mounted",
-			onClosed: input.onClosed
-		};
-		this.element = input.parent.ownerDocument.createElement("div");
-		this.element.id = `seams-export-surface-${++nextExportId}`;
-		this.element.className = "seams-wallet-ui seams-export-surface";
-		this.element.dataset.seamsExportSurface = input.context;
-		this.element.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.handleCancel);
-		input.parent.appendChild(this.element);
-		try {
-			this.update(input.model);
-		} catch (error) {
-			this.remove();
-			throw error;
-		}
-	}
-	update(model) {
-		if (this.state.kind === "disposed") return;
-		this.element.dataset.theme = model.appearance.theme.mode;
-		this.element.dataset.seamsExportVariant = model.variant;
-		this.styles.setDynamicRule(this.element.id, appearanceTokenCssRule(this.element.id, model.appearance));
-		if (model.variant === "modal") {
-			render(/* @__PURE__ */ jsx(ConfirmationModal, {
-				context: this.context,
-				label: "Exported Keys",
-				onCancel: this.dispose,
-				children: /* @__PURE__ */ jsx(ExportPrivateKeySurface, {
-					model: model.content,
-					onClose: this.dispose
-				})
-			}), this.element);
-			return;
-		}
-		render(/* @__PURE__ */ jsx(ConfirmationDrawer, {
-			context: this.context,
-			label: "Exported Keys",
-			dismissOnBackdrop: false,
-			styles: this.styles,
-			state: {
-				kind: "open",
-				interaction: "ready"
-			},
-			onCancel: this.dispose,
-			children: /* @__PURE__ */ jsx(ExportPrivateKeySurface, { model: model.content })
-		}), this.element);
-	}
-	remove() {
-		this.state = { kind: "disposed" };
-		this.element.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.handleCancel);
-		render(null, this.element);
-		this.styles.deleteDynamicRule(this.element.id);
-		this.element.remove();
-	}
-};
-function mountExportPrivateKeySurface(input) {
-	return new MountedExportSurface(input);
-}
-//#endregion
-export { mountExportPrivateKeySurface };
-
-//# sourceMappingURL=mountExportPrivateKeySurface.js.map