@seams/wallet 0.10.2 → 0.11.0

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

@@ -0,0 +1,558 @@
+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 activeCodesDetail(loadState) {
+	switch (loadState.kind) {
+		case "loading": return "Checking your codes…";
+		case "error": return "Status unavailable";
+		case "loaded": return loadState.status.kind === "ready" ? `${loadState.status.activeCodeCount} of ${loadState.status.totalCodeCount} codes left` : "Status unavailable";
+		default: return assertNever(loadState);
+	}
+}
+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__ */ jsx("h2", {
+						class: "recovery-summary-section-label",
+						children: "Security"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						class: "recovery-summary-item",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								class: "recovery-summary-item-icon",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ jsx(ShieldCheckIcon, {})
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								class: "recovery-summary-item-text",
+								children: [/* @__PURE__ */ jsx("span", {
+									class: "recovery-summary-item-title",
+									children: "Recovery codes"
+								}), /* @__PURE__ */ jsx("span", {
+									class: "recovery-summary-item-detail",
+									children: activeCodesDetail(state.loadState)
+								})]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								class: "recovery-summary-badge",
+								children: statusValue(state.loadState)
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						class: "recovery-summary-item",
+						children: [/* @__PURE__ */ jsx("span", {
+							class: "recovery-summary-item-icon",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx(WalletIcon, {})
+						}), /* @__PURE__ */ jsxs("span", {
+							class: "recovery-summary-item-text",
+							children: [/* @__PURE__ */ jsx("span", {
+								class: "recovery-summary-item-title",
+								children: "Wallet"
+							}), /* @__PURE__ */ jsx("span", {
+								class: "recovery-summary-item-detail",
+								children: state.walletId
+							})]
+						})]
+					}),
+					showViewCodesButton && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						class: "recovery-backup-button secondary 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 ShieldCheckIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		children: [/* @__PURE__ */ jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }), /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })]
+	});
+}
+function WalletIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		children: [/* @__PURE__ */ jsx("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }), /* @__PURE__ */ jsx("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })]
+	});
+}
+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/mountRecoveryCodeBackupSurface.js

@@ -0,0 +1,82 @@
+import { appearanceTokenCssRule } from "../appearance-token-vars.js";
+import { confirmationDocumentStyles } from "./confirmation-styles.js";
+import { RecoveryCodeBackupSurface } from "./RecoveryCodeBackupSurface.js";
+import { render } from "preact";
+import { jsx } from "preact/jsx-runtime";
+//#region src/core/signingEngine/uiConfirm/ui/preact/mountRecoveryCodeBackupSurface.tsx
+/** @jsxImportSource preact */
+let nextRecoverySurfaceId = 0;
+var MountedRecoveryCodeBackupSurface = class {
+	constructor(input) {
+		this.state = "mounted";
+		this.handleCancel = (event) => {
+			event.preventDefault();
+			this.input.onCancel();
+		};
+		this.handleStageChange = (stage) => {
+			if (this.state === "disposed") return;
+			this.dialog.dataset.seamsRecoveryStage = stage;
+		};
+		this.input = input;
+		this.document = input.parent.ownerDocument;
+		this.element = this.document.createElement("div");
+		this.element.id = `seams-recovery-surface-${++nextRecoverySurfaceId}`;
+		this.element.className = "seams-wallet-ui seams-recovery-code-backup-host";
+		this.element.dataset.seamsRecoverySurface = input.surface;
+		if (input.appearance) {
+			this.element.dataset.theme = input.appearance.theme.mode;
+			confirmationDocumentStyles(this.document).setDynamicRule(this.element.id, appearanceTokenCssRule(this.element.id, input.appearance));
+		}
+		this.dialog = this.document.createElement("dialog");
+		this.dialog.className = "seams-host-themed-dialog";
+		this.dialog.tabIndex = -1;
+		this.dialog.setAttribute("data-seams-wallet-recovery-backup-dialog", "");
+		this.dialog.dataset.seamsRecoverySurface = input.surface;
+		this.dialog.setAttribute("aria-labelledby", "seams-wallet-recovery-title");
+		this.dialog.setAttribute("aria-describedby", "seams-wallet-recovery-description");
+		this.dialog.addEventListener("cancel", this.handleCancel);
+		this.element.appendChild(this.dialog);
+		input.parent.appendChild(this.element);
+		try {
+			this.render(input.experience);
+			this.dialog.showModal();
+			this.focusTitle();
+			input.onShown(this.dialog);
+		} catch (error) {
+			this.dispose();
+			throw error;
+		}
+	}
+	update(experience) {
+		if (this.state === "disposed") return;
+		this.render(experience);
+	}
+	dispose() {
+		if (this.state === "disposed") return;
+		this.state = "disposed";
+		this.dialog.removeEventListener("cancel", this.handleCancel);
+		render(null, this.dialog);
+		if (this.dialog.open) this.dialog.close();
+		confirmationDocumentStyles(this.document).deleteDynamicRule(this.element.id);
+		this.element.remove();
+	}
+	render(experience) {
+		if (this.state === "disposed") return;
+		this.element.dataset.seamsRecoveryEntry = experience.kind;
+		render(/* @__PURE__ */ jsx(RecoveryCodeBackupSurface, {
+			experience,
+			onClose: this.input.onClose,
+			onStageChange: this.handleStageChange
+		}), this.dialog);
+	}
+	focusTitle() {
+		this.dialog.querySelector(".recovery-backup-title")?.focus();
+	}
+};
+function mountRecoveryCodeBackupSurface(input) {
+	return new MountedRecoveryCodeBackupSurface(input);
+}
+//#endregion
+export { mountRecoveryCodeBackupSurface };
+
+//# sourceMappingURL=mountRecoveryCodeBackupSurface.js.map

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

@@ -134,8 +134,12 @@ let RegistrationEventPhase = /* @__PURE__ */ function(RegistrationEventPhase) {
 	RegistrationEventPhase["STEP_05_ED25519_SIGNER_PROVISION_STARTED"] = "registration.signer.ed25519.provision.started";
 	RegistrationEventPhase["STEP_05_ED25519_SIGNER_PROVISION_SUCCEEDED"] = "registration.signer.ed25519.provision.succeeded";
 	RegistrationEventPhase["STEP_05_ED25519_SIGNER_PROVISION_SKIPPED"] = "registration.signer.ed25519.provision.skipped";
+	/** The custody execution has not answered after a few seconds; the request continues. */
+	RegistrationEventPhase["STEP_05_ED25519_SIGNER_PROVISION_DELAYED"] = "registration.signer.ed25519.provision.delayed";
 	RegistrationEventPhase["STEP_06_RELAY_BOOTSTRAP_STARTED"] = "registration.relay.bootstrap.started";
 	RegistrationEventPhase["STEP_06_RELAY_BOOTSTRAP_SUCCEEDED"] = "registration.relay.bootstrap.succeeded";
+	/** Wallet account creation has not answered after a few seconds; the request continues. */
+	RegistrationEventPhase["STEP_06_RELAY_BOOTSTRAP_DELAYED"] = "registration.relay.bootstrap.delayed";
 	RegistrationEventPhase["STEP_07_ACCOUNT_VERIFY_STARTED"] = "registration.account.verify.started";
 	RegistrationEventPhase["STEP_07_ACCOUNT_VERIFY_SUCCEEDED"] = "registration.account.verify.succeeded";
 	RegistrationEventPhase["STEP_08_STORAGE_PERSIST_STARTED"] = "registration.storage.persist.started";
@@ -286,8 +290,10 @@ const WALLET_FLOW_EVENT_STEPS = {
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_STARTED]: 5,
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_SUCCEEDED]: 5,
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_SKIPPED]: 5,
+	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_DELAYED]: 5,
 	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_STARTED]: 6,
 	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_SUCCEEDED]: 6,
+	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_DELAYED]: 6,
 	[RegistrationEventPhase.STEP_07_ACCOUNT_VERIFY_STARTED]: 7,
 	[RegistrationEventPhase.STEP_07_ACCOUNT_VERIFY_SUCCEEDED]: 7,
 	[RegistrationEventPhase.STEP_08_STORAGE_PERSIST_STARTED]: 8,
@@ -393,6 +399,7 @@ const WALLET_FLOW_EVENT_STEPS = {
 	[KeyExportEventPhase.FAILED]: 0,
 	[KeyExportEventPhase.CANCELLED]: 0
 };
+const REGISTRATION_DELAYED_MESSAGE = "Taking longer than usual... waiting on the network…";
 const WALLET_FLOW_EVENT_MESSAGES = {
 	[RegistrationEventPhase.STEP_01_STARTED]: "Starting registration",
 	[RegistrationEventPhase.STEP_02_ACCOUNT_PREFLIGHT_STARTED]: "Checking account details",
@@ -411,8 +418,10 @@ const WALLET_FLOW_EVENT_MESSAGES = {
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_STARTED]: "Preparing NEAR signer",
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_SUCCEEDED]: "NEAR signer ready",
 	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_SKIPPED]: "NEAR signer setup skipped",
+	[RegistrationEventPhase.STEP_05_ED25519_SIGNER_PROVISION_DELAYED]: REGISTRATION_DELAYED_MESSAGE,
 	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_STARTED]: "Creating wallet account",
 	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_SUCCEEDED]: "Wallet account created",
+	[RegistrationEventPhase.STEP_06_RELAY_BOOTSTRAP_DELAYED]: REGISTRATION_DELAYED_MESSAGE,
 	[RegistrationEventPhase.STEP_07_ACCOUNT_VERIFY_STARTED]: "Verifying wallet account",
 	[RegistrationEventPhase.STEP_07_ACCOUNT_VERIFY_SUCCEEDED]: "Wallet account verified",
 	[RegistrationEventPhase.STEP_08_STORAGE_PERSIST_STARTED]: "Saving wallet metadata",