@seams/wallet 0.15.4 → 0.17.0

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

@@ -119,109 +119,12 @@ function renderRecoveryCodeItem(code, index) {
 	}, `${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." });
-			}
-		};
-	}
+	state = initialState(this.props.experience);
+	root = createRef();
+	active = false;
+	loadGeneration = 0;
+	copiedResetTimer = null;
+	focusFrame = null;
 	componentDidMount() {
 		this.active = true;
 		this.loadGeneration += 1;
@@ -288,6 +191,100 @@ var RecoveryCodeBackupSurface = class extends Component {
 			loadState
 		} });
 	}
+	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);
+	};
+	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")
+			} });
+		}
+	};
+	closeSummary = () => {
+		this.props.onClose({ kind: "dismissed" });
+	};
+	closeRecoveryCodes = () => {
+		this.props.onClose({
+			kind: "recovery_codes",
+			acknowledged: this.state.acknowledged
+		});
+	};
+	onAcknowledgementChange = (event) => {
+		if (!(event.currentTarget instanceof HTMLInputElement)) return;
+		this.setState({ acknowledged: event.currentTarget.checked });
+	};
+	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." });
+		}
+	};
+	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." });
+		}
+	};
 	flashCopied() {
 		const view = this.root.current?.ownerDocument.defaultView;
 		if (!view) return;

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

@@ -6,82 +6,12 @@ import { jsx, jsxs } from "preact/jsx-runtime";
 /** @jsxImportSource preact */
 let nextDisclosureId = 0;
 var ReviewDisclosure = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.root = createRef();
-		this.id = `seams-review-disclosure-${++nextDisclosureId}`;
-		this.motion = null;
-		this.setHeight = (height) => {
-			const details = this.root.current;
-			if (!details) return;
-			confirmationDocumentStyles(details.ownerDocument).setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-review-disclosure-height": `${height}px` });
-		};
-		this.finish = () => {
-			if (this.root.current && this.motion) {
-				this.root.current.open = this.motion.opening;
-				this.root.current.removeAttribute("data-closing");
-			}
-			this.clearMotion();
-		};
-		this.toggle = (event) => {
-			const details = this.root.current;
-			if (!details) return;
-			event.preventDefault();
-			if (this.motion?.kind === "hosted") return;
-			const opening = this.motion ? !this.motion.opening : !details.open;
-			const body = details.lastElementChild;
-			if (!(body instanceof HTMLElement)) return;
-			const height = details.open ? body.getBoundingClientRect().height : 0;
-			this.clearMotion();
-			details.toggleAttribute("data-closing", !opening);
-			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches || !details.animate) {
-				details.open = opening;
-				details.removeAttribute("data-closing");
-				return;
-			}
-			details.open = true;
-			details.setAttribute("data-resizing", "");
-			const target = opening ? body.scrollHeight : 0;
-			this.motion = {
-				kind: "hosted",
-				opening
-			};
-			if (announceClampedSurfaceResize({
-				element: body,
-				reason: "review-details",
-				fromCssPx: height,
-				toCssPx: target,
-				drivenClasses: ["seams-review-disclosure-driven"],
-				setHeightCssPx: this.setHeight,
-				onSettled: this.finish
-			})) return;
-			const size = body.animate([{
-				height: `${height}px`,
-				overflow: "hidden"
-			}, {
-				height: `${target}px`,
-				overflow: "hidden"
-			}], {
-				duration: opening ? 220 : 180,
-				easing: "cubic-bezier(.2,0,0,1)",
-				fill: "both"
-			});
-			this.motion = {
-				kind: "local",
-				opening,
-				size,
-				fade: body.animate(opening ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
-					duration: opening ? 180 : 100,
-					easing: "ease-out",
-					fill: "both"
-				})
-			};
-			size.onfinish = this.finish;
-		};
-	}
+	root = createRef();
+	id = `seams-review-disclosure-${++nextDisclosureId}`;
 	componentDidMount() {
 		if (this.root.current) this.root.current.open = this.props.initiallyOpen ?? false;
 	}
+	motion = null;
 	componentWillUnmount() {
 		this.clearMotion();
 		if (this.root.current) confirmationDocumentStyles(this.root.current.ownerDocument).deleteDynamicRule(this.id);
@@ -96,6 +26,73 @@ var ReviewDisclosure = class extends Component {
 		this.motion = null;
 		this.root.current?.removeAttribute("data-resizing");
 	}
+	setHeight = (height) => {
+		const details = this.root.current;
+		if (!details) return;
+		confirmationDocumentStyles(details.ownerDocument).setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-review-disclosure-height": `${height}px` });
+	};
+	finish = () => {
+		if (this.root.current && this.motion) {
+			this.root.current.open = this.motion.opening;
+			this.root.current.removeAttribute("data-closing");
+		}
+		this.clearMotion();
+	};
+	toggle = (event) => {
+		const details = this.root.current;
+		if (!details) return;
+		event.preventDefault();
+		if (this.motion?.kind === "hosted") return;
+		const opening = this.motion ? !this.motion.opening : !details.open;
+		const body = details.lastElementChild;
+		if (!(body instanceof HTMLElement)) return;
+		const height = details.open ? body.getBoundingClientRect().height : 0;
+		this.clearMotion();
+		details.toggleAttribute("data-closing", !opening);
+		if (window.matchMedia("(prefers-reduced-motion: reduce)").matches || !details.animate) {
+			details.open = opening;
+			details.removeAttribute("data-closing");
+			return;
+		}
+		details.open = true;
+		details.setAttribute("data-resizing", "");
+		const target = opening ? body.scrollHeight : 0;
+		this.motion = {
+			kind: "hosted",
+			opening
+		};
+		if (announceClampedSurfaceResize({
+			element: body,
+			reason: "review-details",
+			fromCssPx: height,
+			toCssPx: target,
+			drivenClasses: ["seams-review-disclosure-driven"],
+			setHeightCssPx: this.setHeight,
+			onSettled: this.finish
+		})) return;
+		const size = body.animate([{
+			height: `${height}px`,
+			overflow: "hidden"
+		}, {
+			height: `${target}px`,
+			overflow: "hidden"
+		}], {
+			duration: opening ? 220 : 180,
+			easing: "cubic-bezier(.2,0,0,1)",
+			fill: "both"
+		});
+		this.motion = {
+			kind: "local",
+			opening,
+			size,
+			fade: body.animate(opening ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
+				duration: opening ? 180 : 100,
+				easing: "ease-out",
+				fill: "both"
+			})
+		};
+		size.onfinish = this.finish;
+	};
 	render() {
 		return /* @__PURE__ */ jsxs("details", {
 			ref: this.root,

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

@@ -11,32 +11,18 @@ const EXPLORER_REVEAL_MS = 240;
 const EXPLORER_REVEAL_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
 let nextExplorerRowId = 0;
 var TransactionReceipt = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.explorerRow = createRef();
-		this.explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
-		this.minimize = () => {
-			this.props.receipt.onView("toast");
-		};
-		this.expand = () => {
-			this.props.receipt.onView("expanded");
-		};
-		this.close = () => {
-			if (receiptIsPending(this.props.receipt.state)) this.minimize();
-			else this.props.receipt.onDismiss();
-		};
-		this.setExplorerRowHeight = (height) => {
-			const row = this.explorerRow.current;
-			if (!row) return;
-			confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
-		};
-		this.releaseExplorerRow = () => {
-			const row = this.explorerRow.current;
-			if (!row) return;
-			delete row.dataset.opening;
-			confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
-		};
-	}
+	explorerRow = createRef();
+	explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
+	minimize = () => {
+		this.props.receipt.onView("toast");
+	};
+	expand = () => {
+		this.props.receipt.onView("expanded");
+	};
+	close = () => {
+		if (receiptIsPending(this.props.receipt.state)) this.minimize();
+		else this.props.receipt.onDismiss();
+	};
 	componentDidUpdate(previous) {
 		const { receipt } = this.props;
 		if (receipt.view === "expanded" && previous.receipt.view === "expanded" && receipt.state.kind === "confirmed" && previous.receipt.state.kind !== "confirmed") this.revealExplorerLink();
@@ -44,6 +30,17 @@ var TransactionReceipt = class extends Component {
 	componentWillUnmount() {
 		this.releaseExplorerRow();
 	}
+	setExplorerRowHeight = (height) => {
+		const row = this.explorerRow.current;
+		if (!row) return;
+		confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
+	};
+	releaseExplorerRow = () => {
+		const row = this.explorerRow.current;
+		if (!row) return;
+		delete row.dataset.opening;
+		confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
+	};
 	revealExplorerLink() {
 		const row = this.explorerRow.current;
 		const link = row?.firstElementChild;

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

@@ -144,28 +144,12 @@ function reviewAmount(model) {
 	};
 }
 var CopyReviewValue = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { copied: false };
-		this.lifetime = new AbortController();
-		this.timer = null;
-		this.resetCopied = () => {
-			this.setState({ copied: false });
-		};
-		this.copy = async (event) => {
-			const target = event.currentTarget;
-			if (!(target instanceof HTMLElement)) return;
-			const signal = this.lifetime.signal;
-			try {
-				if (!await copySurfaceText(target, this.props.value, signal) || signal.aborted) return;
-				this.setState({ copied: true });
-				if (this.timer !== null) clearTimeout(this.timer);
-				this.timer = setTimeout(this.resetCopied, 3e3);
-			} catch {
-				if (!signal.aborted) this.setState({ copied: false });
-			}
-		};
-	}
+	state = { copied: false };
+	lifetime = new AbortController();
+	timer = null;
+	resetCopied = () => {
+		this.setState({ copied: false });
+	};
 	componentWillUnmount() {
 		this.lifetime.abort();
 		if (this.timer !== null) clearTimeout(this.timer);
@@ -177,6 +161,19 @@ var CopyReviewValue = class extends Component {
 		if (this.timer !== null) clearTimeout(this.timer);
 		this.resetCopied();
 	}
+	copy = async (event) => {
+		const target = event.currentTarget;
+		if (!(target instanceof HTMLElement)) return;
+		const signal = this.lifetime.signal;
+		try {
+			if (!await copySurfaceText(target, this.props.value, signal) || signal.aborted) return;
+			this.setState({ copied: true });
+			if (this.timer !== null) clearTimeout(this.timer);
+			this.timer = setTimeout(this.resetCopied, 3e3);
+		} catch {
+			if (!signal.aborted) this.setState({ copied: false });
+		}
+	};
 	render() {
 		return /* @__PURE__ */ jsxs("button", {
 			type: "button",