@seams/wallet 0.8.0 → 0.9.0

package/dist/esm/core/signingEngine/uiConfirm/ui/export-private-key-reveal.js

@@ -1,155 +0,0 @@
-//#region src/core/signingEngine/uiConfirm/ui/export-private-key-reveal.ts
-const HEX_REEL_ALPHABET = "0123456789abcdef";
-const BASE58_REEL_ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
-const REEL_GLYPH_MIN_HOLD_MS = 90;
-const REEL_GLYPH_MAX_HOLD_MS = 150;
-const REEL_SETTLE_HOLD_EXTENSION_MS = 90;
-const REEL_SETTLE_STAGGER_MS = 700;
-const REEL_SETTLE_SPIN_MS = 300;
-function assertNever(value) {
-	throw new Error(`Unexpected private key reveal state: ${String(value)}`);
-}
-function reelDefinition(scheme) {
-	switch (scheme) {
-		case "secp256k1": return {
-			prefix: "0x",
-			alphabet: HEX_REEL_ALPHABET,
-			slotCount: 64
-		};
-		case "ed25519": return {
-			prefix: "ed25519:",
-			alphabet: BASE58_REEL_ALPHABET,
-			slotCount: 88
-		};
-		default: return assertNever(scheme);
-	}
-}
-function randomReelGlyph(alphabet) {
-	return alphabet[Math.floor(Math.random() * alphabet.length)] ?? alphabet[0] ?? "x";
-}
-function randomGlyphHoldMs(minimumMs, maximumMs) {
-	return minimumMs + Math.random() * (maximumMs - minimumMs);
-}
-function createReelSlots(definition, reducedMotion, now) {
-	const slots = [];
-	for (let index = 0; index < definition.slotCount; index += 1) slots.push({
-		glyph: reducedMotion ? "x" : randomReelGlyph(definition.alphabet),
-		nextChangeAtMs: reducedMotion ? Number.POSITIVE_INFINITY : now + index * 37 % 90
-	});
-	return slots;
-}
-function createSpinningState(entryKey, scheme, reducedMotion, now) {
-	const definition = reelDefinition(scheme);
-	return {
-		kind: "spinning",
-		entryKey,
-		prefix: definition.prefix,
-		alphabet: definition.alphabet,
-		slots: createReelSlots(definition, reducedMotion, now)
-	};
-}
-function maskedPrivateKey(privateKey) {
-	if (!privateKey) return "";
-	const visibleStartLength = (privateKey.startsWith("ed25519:") ? 8 : 0) + 6;
-	const hiddenEnd = Math.max(visibleStartLength, privateKey.length - 6);
-	return `${privateKey.slice(0, visibleStartLength)}${"x".repeat(hiddenEnd - visibleStartLength)}${privateKey.slice(hiddenEnd)}`;
-}
-function settlingState(state, maskedTarget, startedAtMs) {
-	const prefix = maskedTarget.startsWith(state.prefix) ? state.prefix : "";
-	const targetSlots = Array.from(maskedTarget.slice(prefix.length));
-	const slots = targetSlots.length === state.slots.length ? state.slots : targetSlots.map((_, index) => ({
-		glyph: randomReelGlyph(state.alphabet),
-		nextChangeAtMs: startedAtMs + index * 37 % 90
-	}));
-	return {
-		kind: "settling",
-		entryKey: state.entryKey,
-		prefix,
-		alphabet: state.alphabet,
-		slots,
-		targetSlots,
-		lockedSlots: 0,
-		startedAtMs
-	};
-}
-function lockedSlotCount(state, now) {
-	const lastIndex = Math.max(1, state.targetSlots.length - 1);
-	let count = 0;
-	for (let index = 0; index < state.targetSlots.length; index += 1) {
-		const stagger = index / lastIndex * REEL_SETTLE_STAGGER_MS;
-		if (now >= state.startedAtMs + stagger + REEL_SETTLE_SPIN_MS) count += 1;
-	}
-	return count;
-}
-function settlingProgress(state, index, now) {
-	const stagger = index / Math.max(1, state.targetSlots.length - 1) * REEL_SETTLE_STAGGER_MS;
-	const slotStartedAtMs = state.startedAtMs + stagger;
-	return Math.max(0, Math.min(1, (now - slotStartedAtMs) / REEL_SETTLE_SPIN_MS));
-}
-function cycleSpinningSlots(slots, alphabet, now) {
-	let nextSlots = null;
-	for (let index = 0; index < slots.length; index += 1) {
-		const slot = slots[index];
-		if (!slot || now < slot.nextChangeAtMs) continue;
-		if (nextSlots === null) nextSlots = [...slots];
-		nextSlots[index] = {
-			glyph: randomReelGlyph(alphabet),
-			nextChangeAtMs: now + randomGlyphHoldMs(REEL_GLYPH_MIN_HOLD_MS, REEL_GLYPH_MAX_HOLD_MS)
-		};
-	}
-	return nextSlots ?? slots;
-}
-function cycleSettlingSlots(state, lockedSlots, now) {
-	let nextSlots = null;
-	for (let index = 0; index < state.slots.length; index += 1) {
-		const slot = state.slots[index];
-		if (!slot) continue;
-		if (index < lockedSlots) {
-			const targetGlyph = state.targetSlots[index] ?? slot.glyph;
-			if (slot.glyph === targetGlyph && slot.nextChangeAtMs === Number.POSITIVE_INFINITY) continue;
-			if (nextSlots === null) nextSlots = [...state.slots];
-			nextSlots[index] = {
-				glyph: targetGlyph,
-				nextChangeAtMs: Number.POSITIVE_INFINITY
-			};
-			continue;
-		}
-		if (now < slot.nextChangeAtMs) continue;
-		const holdExtensionMs = settlingProgress(state, index, now) * REEL_SETTLE_HOLD_EXTENSION_MS;
-		if (nextSlots === null) nextSlots = [...state.slots];
-		nextSlots[index] = {
-			glyph: randomReelGlyph(state.alphabet),
-			nextChangeAtMs: now + randomGlyphHoldMs(REEL_GLYPH_MIN_HOLD_MS + holdExtensionMs, REEL_GLYPH_MAX_HOLD_MS + holdExtensionMs)
-		};
-	}
-	return nextSlots ?? state.slots;
-}
-function advanceRevealState(state, now) {
-	if (state.kind === "spinning") {
-		const slots = cycleSpinningSlots(state.slots, state.alphabet, now);
-		if (slots === state.slots) return state;
-		return {
-			...state,
-			slots
-		};
-	}
-	if (state.kind === "settling") {
-		const nextLockedSlots = lockedSlotCount(state, now);
-		if (nextLockedSlots >= state.targetSlots.length) return {
-			kind: "settled",
-			entryKey: state.entryKey
-		};
-		const slots = cycleSettlingSlots(state, nextLockedSlots, now);
-		if (slots === state.slots && nextLockedSlots === state.lockedSlots) return state;
-		return {
-			...state,
-			slots,
-			lockedSlots: nextLockedSlots
-		};
-	}
-	return assertNever(state);
-}
-//#endregion
-export { advanceRevealState, createSpinningState, maskedPrivateKey, settlingState };
-
-//# sourceMappingURL=export-private-key-reveal.js.map

package/dist/esm/core/signingEngine/uiConfirm/ui/export-viewer-host.js

@@ -1,207 +0,0 @@
-import { createWalletIframeSurfaceMeasurementReporter } from "../../../../SeamsWeb/walletIframe/host/surface-measurement-reporter.js";
-import { sameSurfaceMeasurementBinding } from "./surface-measurement-binding.js";
-import { resolveUiAppearance } from "./appearance.js";
-//#region src/core/signingEngine/uiConfirm/ui/export-viewer-host.ts
-let mountedHost = null;
-let mountVersion = 0;
-var ExportViewerHost = class {
-	constructor(session, context, model, binding, lifecycle, mount) {
-		this.session = session;
-		this.context = context;
-		this.closed = () => {
-			const state = this.state;
-			if (state.kind === "disposed") return;
-			this.state = { kind: "disposed" };
-			if (mountedHost === this) {
-				mountedHost = null;
-				mountVersion += 1;
-			}
-			state.reporter?.disconnect();
-			notifyLifecycle(state.lifecycle, "closed");
-		};
-		this.state = {
-			kind: "mounted",
-			lifecycle,
-			binding,
-			reporter: null
-		};
-		this.surface = mount({
-			parent: document.body,
-			context,
-			model,
-			onClosed: this.closed
-		});
-	}
-	start() {
-		if (this.state.kind === "disposed") return;
-		notifyLifecycle(this.state.lifecycle, "opened");
-		if (this.state.kind === "mounted") this.bindMeasurement(this.state.binding);
-	}
-	matches(session, context) {
-		return this.surface.element.isConnected && this.context === context && this.session.kind === session.kind && this.session.id === session.id;
-	}
-	update(model, binding, lifecycle) {
-		if (this.state.kind === "disposed") return;
-		if (lifecycle) this.state.lifecycle = lifecycle;
-		this.surface.update(model);
-		if (!sameSurfaceMeasurementBinding(this.state.binding, binding)) this.bindMeasurement(binding);
-	}
-	dispose() {
-		if (mountedHost === this) mountedHost = null;
-		this.surface.dispose();
-	}
-	bindMeasurement(binding) {
-		const state = this.state;
-		if (state.kind === "disposed") return;
-		state.reporter?.disconnect();
-		state.binding = binding;
-		state.reporter = null;
-		if (binding.kind === "disabled") return;
-		const reporter = createWalletIframeSurfaceMeasurementReporter({
-			kind: "request_surface",
-			element: this.surface.element,
-			requestId: binding.requestId,
-			postMeasurement: binding.postMeasurement
-		});
-		if (this.state === state) state.reporter = reporter;
-		else reporter.disconnect();
-	}
-};
-function notifyLifecycle(listener, event) {
-	try {
-		listener?.(event);
-	} catch {}
-}
-function exportContext(args) {
-	const binding = args.surfaceMeasurementBinding;
-	if (binding.kind !== "wallet_iframe") return "standalone";
-	return (binding.hostSurfaceVariant ?? args.variant) === "modal" ? "wallet-iframe" : "standalone";
-}
-function normalizeGuidance(guidance) {
-	if (!guidance) return void 0;
-	const title = guidance.title.trim();
-	const body = guidance.body?.trim();
-	const steps = guidance.steps?.map(trimText).filter(nonemptyText);
-	if (!title && !body && !steps?.length) return void 0;
-	return {
-		title,
-		body,
-		steps
-	};
-}
-function trimText(value) {
-	return value.trim();
-}
-function nonemptyText(value) {
-	return value.length > 0;
-}
-function hasKey(entry) {
-	return !!entry.publicKey.trim() || !!entry.privateKey.trim();
-}
-function keyMetadata(entry, index) {
-	return {
-		id: `${entry.scheme}-${index}`,
-		scheme: entry.scheme,
-		label: entry.label.trim(),
-		publicKey: entry.publicKey.trim(),
-		address: entry.address?.trim() ?? ""
-	};
-}
-function normalizeExportContent(args) {
-	const accountId = args.accountId.trim();
-	const guidance = normalizeGuidance(args.guidance);
-	const message = args.errorMessage?.trim();
-	if (message) return {
-		kind: "failed",
-		accountId,
-		guidance,
-		message
-	};
-	const entries = args.keys?.filter(hasKey) ?? [];
-	if (entries.length === 0) {
-		const publicKey = args.publicKey?.trim() ?? "";
-		const privateKey = args.privateKey?.trim() ?? "";
-		if (publicKey || privateKey) entries.push({
-			scheme: "ed25519",
-			label: "NEAR Ed25519",
-			publicKey,
-			privateKey
-		});
-	}
-	if (args.loading) {
-		const loading = {
-			kind: "loading",
-			accountId,
-			guidance,
-			entries: []
-		};
-		for (const [index, entry] of entries.entries()) loading.entries.push({
-			...keyMetadata(entry, index),
-			material: { kind: "loading" }
-		});
-		return loading;
-	}
-	const ready = {
-		kind: "ready",
-		accountId,
-		guidance,
-		entries: []
-	};
-	for (const [index, entry] of entries.entries()) {
-		const privateKey = entry.privateKey.trim();
-		ready.entries.push({
-			...keyMetadata(entry, index),
-			material: privateKey ? {
-				kind: "ready",
-				value: privateKey
-			} : { kind: "unavailable" }
-		});
-	}
-	return ready;
-}
-function isExportViewerSessionOpen(sessionId) {
-	const id = sessionId.trim();
-	return !!id && mountedHost?.session.kind === "tracked" && mountedHost.session.id === id && mountedHost.surface.element.isConnected;
-}
-async function upsertExportViewerHost(args) {
-	if (typeof document === "undefined") throw new Error("Export viewer host requires a DOM environment");
-	const version = ++mountVersion;
-	const model = {
-		variant: args.variant,
-		appearance: resolveUiAppearance({
-			requestedAppearance: args.appearance,
-			requestedMode: args.theme
-		}),
-		content: normalizeExportContent(args)
-	};
-	const id = args.sessionId?.trim();
-	const session = id ? {
-		kind: "tracked",
-		id
-	} : { kind: "untracked" };
-	const context = exportContext(args);
-	const { mountExportPrivateKeySurface } = await import("./preact/mountExportPrivateKeySurface.js");
-	if (version !== mountVersion) return;
-	if (mountedHost?.matches(session, context)) {
-		mountedHost.update(model, args.surfaceMeasurementBinding, args.onLifecycle);
-		return;
-	}
-	mountedHost?.dispose();
-	if (version !== mountVersion) return;
-	const host = new ExportViewerHost(session, context, model, args.surfaceMeasurementBinding, args.onLifecycle ?? null, mountExportPrivateKeySurface);
-	mountedHost = host;
-	try {
-		host.start();
-	} catch (error) {
-		host.dispose();
-		throw error;
-	}
-}
-function removeExportViewerHostIfPresent() {
-	mountVersion += 1;
-	mountedHost?.dispose();
-}
-//#endregion
-export { isExportViewerSessionOpen, removeExportViewerHostIfPresent, upsertExportViewerHost };
-
-//# sourceMappingURL=export-viewer-host.js.map

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

@@ -1,318 +0,0 @@
-import { copySurfaceText } from "./clipboard.js";
-import { CopyStatusIcon } from "./CopyStatusIcon.js";
-import { advanceRevealState, createSpinningState, maskedPrivateKey, settlingState } from "../export-private-key-reveal.js";
-import { Component, createRef } from "preact";
-import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/ExportPrivateKeySurface.tsx
-/** @jsxImportSource preact */
-function ExportPrivateKeySurface({ model, onClose }) {
-	const entries = model.kind === "failed" ? [] : model.entries;
-	const showAccount = entries.length === 0 || entries.some(isNearKey);
-	return /* @__PURE__ */ jsx("div", {
-		class: "seams-export-key-viewer",
-		"data-seams-drawer-no-drag": true,
-		onPointerDown: stopDrag,
-		onMouseDown: stopDrag,
-		onTouchStart: stopDrag,
-		children: /* @__PURE__ */ jsxs("div", {
-			class: "content",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					class: "seams-export-header",
-					children: [/* @__PURE__ */ jsx("h2", {
-						class: "title",
-						children: "Exported Keys"
-					}), onClose && /* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: "seams-export-modal-close",
-						"aria-label": "Close exported keys",
-						onClick: onClose,
-						children: "×"
-					})]
-				}),
-				model.kind === "failed" && /* @__PURE__ */ jsx("div", {
-					class: "error-banner",
-					role: "alert",
-					children: model.message
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					class: "fields",
-					children: [showAccount && /* @__PURE__ */ jsxs("div", {
-						class: "field",
-						children: [/* @__PURE__ */ jsx("div", {
-							class: "field-label",
-							children: "Near Account ID"
-						}), /* @__PURE__ */ jsx("div", {
-							class: "field-value",
-							children: /* @__PURE__ */ jsx("span", {
-								class: "value",
-								children: model.accountId || "—"
-							})
-						})]
-					}), entries.length > 0 ? entries.map(renderKey) : /* @__PURE__ */ jsx("div", {
-						class: "field",
-						children: /* @__PURE__ */ jsx("div", {
-							class: "field-value",
-							children: /* @__PURE__ */ jsx("span", {
-								class: "muted",
-								children: model.kind === "loading" ? "Preparing private key…" : "No keys available"
-							})
-						})
-					})]
-				}),
-				model.guidance && /* @__PURE__ */ jsx(ExportGuidanceContent, { guidance: model.guidance }),
-				/* @__PURE__ */ jsx("div", {
-					class: "warning",
-					children: "Warning: your private keys grant full control of your account and funds. Keep it in a secret place."
-				})
-			]
-		})
-	});
-}
-function isNearKey(entry) {
-	return entry.scheme === "ed25519";
-}
-function renderKey(entry) {
-	return /* @__PURE__ */ jsx(ExportKeyCard, { entry }, entry.id);
-}
-function stopDrag(event) {
-	event.stopPropagation();
-}
-function ExportGuidanceContent({ guidance }) {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "warning",
-		children: [
-			/* @__PURE__ */ jsx("strong", { children: guidance.title || "Next Steps" }),
-			guidance.body && /* @__PURE__ */ jsx("div", { children: guidance.body }),
-			guidance.steps?.length ? /* @__PURE__ */ jsx("ol", { children: guidance.steps.map(renderGuidanceStep) }) : null
-		]
-	});
-}
-function renderGuidanceStep(step, index) {
-	return /* @__PURE__ */ jsx("li", { children: step }, index);
-}
-var ExportKeyCard = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = {
-			reveal: null,
-			publicCopied: false,
-			privateCopied: false
-		};
-		this.root = createRef();
-		this.frame = null;
-		this.timers = /* @__PURE__ */ new Map();
-		this.generation = 0;
-		this.copyLifetime = new AbortController();
-		this.active = false;
-		this.tick = (now) => {
-			this.frame = null;
-			const reveal = this.state.reveal;
-			if (!this.active || !reveal || reveal.kind === "settled") return;
-			const next = advanceRevealState(reveal, now);
-			if (next !== reveal) this.setState({ reveal: next });
-			this.schedule();
-		};
-		this.copyPublic = () => {
-			this.copy("public");
-		};
-		this.copyPrivate = () => {
-			this.copy("private");
-		};
-		this.clearPublic = () => {
-			this.timers.delete("public");
-			if (this.active) this.setState({ publicCopied: false });
-		};
-		this.clearPrivate = () => {
-			this.timers.delete("private");
-			if (this.active) this.setState({ privateCopied: false });
-		};
-	}
-	componentDidMount() {
-		this.active = true;
-		this.reset(this.props.entry);
-	}
-	componentWillReceiveProps(next) {
-		if (!sameKey(this.props.entry, next.entry)) this.reset(next.entry);
-	}
-	componentDidUpdate() {
-		this.schedule();
-	}
-	componentWillUnmount() {
-		this.active = false;
-		this.clearPending();
-		this.state.reveal = null;
-	}
-	clearPending() {
-		this.generation += 1;
-		this.copyLifetime.abort();
-		const view = this.root.current?.ownerDocument.defaultView;
-		if (this.frame !== null) view?.cancelAnimationFrame(this.frame);
-		this.frame = null;
-		for (const timer of this.timers.values()) view?.clearTimeout(timer);
-		this.timers.clear();
-	}
-	reset(entry) {
-		this.clearPending();
-		this.copyLifetime = new AbortController();
-		const view = this.root.current.ownerDocument.defaultView;
-		const reduced = view.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		const now = view.performance.now();
-		let reveal = null;
-		switch (entry.material.kind) {
-			case "loading":
-				reveal = createSpinningState(entry.id, entry.scheme, reduced, now);
-				break;
-			case "ready":
-				reveal = reduced ? {
-					kind: "settled",
-					entryKey: entry.id
-				} : settlingState(createSpinningState(entry.id, entry.scheme, false, now), maskedPrivateKey(entry.material.value), now);
-				break;
-			case "unavailable": break;
-			default: assertNever(entry.material);
-		}
-		this.setState({
-			reveal,
-			publicCopied: false,
-			privateCopied: false
-		});
-	}
-	schedule() {
-		const reveal = this.state.reveal;
-		if (!this.active || this.frame !== null || !reveal || reveal.kind === "settled") return;
-		const view = this.root.current.ownerDocument.defaultView;
-		if (view.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-		this.frame = view.requestAnimationFrame(this.tick);
-	}
-	async copy(field) {
-		const entry = this.props.entry;
-		if (!this.active) return;
-		if (field === "private" && (entry.material.kind !== "ready" || this.state.reveal?.kind !== "settled")) return;
-		let value = entry.publicKey;
-		if (field === "private") {
-			if (entry.material.kind !== "ready") return;
-			value = entry.material.value;
-		}
-		if (!value) return;
-		const generation = this.generation;
-		const root = this.root.current;
-		const view = root.ownerDocument.defaultView;
-		view.focus();
-		if (!await copySurfaceText(root, value, this.copyLifetime.signal).catch(copyFailed) || !this.active || generation !== this.generation) return;
-		const previous = this.timers.get(field);
-		if (previous !== void 0) view.clearTimeout(previous);
-		if (field === "public") this.setState({ publicCopied: true });
-		else this.setState({ privateCopied: true });
-		this.timers.set(field, view.setTimeout(field === "public" ? this.clearPublic : this.clearPrivate, 3e3));
-	}
-	render() {
-		const entry = this.props.entry;
-		const privateReady = entry.material.kind === "ready" && this.state.reveal?.kind === "settled";
-		return /* @__PURE__ */ jsxs("div", {
-			class: "key-card",
-			ref: this.root,
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					class: "key-title",
-					children: entry.label
-				}),
-				entry.address && /* @__PURE__ */ jsxs("div", {
-					class: "field",
-					children: [/* @__PURE__ */ jsx("div", {
-						class: "field-label",
-						children: "Address"
-					}), /* @__PURE__ */ jsx("div", {
-						class: "field-value",
-						children: /* @__PURE__ */ jsx("span", {
-							class: "value",
-							children: entry.address
-						})
-					})]
-				}),
-				entry.scheme === "ed25519" && /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					class: `field copy-field${this.state.publicCopied ? " copied" : ""}`,
-					"aria-label": this.state.publicCopied ? "Public key copied" : "Copy public key",
-					disabled: !entry.publicKey,
-					onClick: this.copyPublic,
-					children: [/* @__PURE__ */ jsx("div", {
-						class: "field-label",
-						children: "Public Key"
-					}), /* @__PURE__ */ jsxs("div", {
-						class: "field-value",
-						children: [/* @__PURE__ */ jsx("span", {
-							class: "value",
-							children: entry.publicKey || "—"
-						}), /* @__PURE__ */ jsx(CopyStatusIcon, {})]
-					})]
-				}),
-				/* @__PURE__ */ jsxs("button", {
-					type: "button",
-					class: `field copy-field${this.state.privateCopied ? " copied" : ""}`,
-					"aria-label": this.state.privateCopied ? "Private key copied" : "Copy private key",
-					disabled: !privateReady,
-					onClick: this.copyPrivate,
-					children: [/* @__PURE__ */ jsx("div", {
-						class: "field-label",
-						children: "Private Key"
-					}), /* @__PURE__ */ jsxs("div", {
-						class: "field-value",
-						children: [/* @__PURE__ */ jsx("span", {
-							class: "value private-key",
-							children: /* @__PURE__ */ jsx(PrivateKeyText, {
-								material: entry.material,
-								reveal: this.state.reveal
-							})
-						}), /* @__PURE__ */ jsx(CopyStatusIcon, {})]
-					})]
-				})
-			]
-		});
-	}
-};
-function sameKey(left, right) {
-	return left.id === right.id && left.scheme === right.scheme && left.publicKey === right.publicKey && left.material.kind === right.material.kind && left.material.value === right.material.value;
-}
-function copyFailed() {
-	return false;
-}
-function PrivateKeyText({ material, reveal }) {
-	if (reveal && reveal.kind !== "settled") return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
-		class: "private-key-reel",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("span", {
-			class: "reel-prefix",
-			children: reveal.prefix
-		}), renderSlots(reveal)]
-	}), /* @__PURE__ */ jsx("span", {
-		class: "seams-sr-only",
-		role: "status",
-		children: "Decrypting private key"
-	})] });
-	if (material.kind !== "ready") return /* @__PURE__ */ jsx("span", {
-		class: "muted",
-		children: "—"
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: maskedPrivateKey(material.value) }), /* @__PURE__ */ jsx("span", {
-		class: "seams-sr-only",
-		role: "status",
-		children: "Private key ready"
-	})] });
-}
-function renderSlots(reveal) {
-	const lockedSlots = reveal.kind === "settling" ? reveal.lockedSlots : 0;
-	const slots = [];
-	for (let index = 0; index < reveal.slots.length; index += 1) slots.push(/* @__PURE__ */ jsx("span", {
-		class: `reel-slot${index < lockedSlots ? " settled" : ""}`,
-		children: reveal.slots[index].glyph
-	}, index));
-	return slots;
-}
-function assertNever(value) {
-	throw new Error(`Unexpected export key material: ${String(value)}`);
-}
-//#endregion
-export { ExportPrivateKeySurface };
-
-//# sourceMappingURL=ExportPrivateKeySurface.js.map