@seams/wallet 0.18.0 → 0.19.0

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

@@ -0,0 +1,209 @@
+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 {
+	surface;
+	state;
+	constructor(session, context, model, binding, lifecycle, mount) {
+		this.session = session;
+		this.context = context;
+		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();
+	}
+	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");
+	};
+	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

@@ -0,0 +1,319 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText, useWalletLocale } from "./WalletLocale.js";
+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 locale = useWalletLocale();
+	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: /* @__PURE__ */ jsx(WalletText, { message: "Exported Keys" })
+					}), onClose && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						class: "seams-export-modal-close",
+						"aria-label": walletText(locale, "Close exported keys"),
+						onClick: onClose,
+						children: "×"
+					})]
+				}),
+				model.kind === "failed" && /* @__PURE__ */ jsx("div", {
+					class: "error-banner",
+					role: "alert",
+					children: /* @__PURE__ */ jsx(WalletText, { copy: model.message })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					class: "fields",
+					children: [showAccount && /* @__PURE__ */ jsxs("div", {
+						class: "field",
+						children: [/* @__PURE__ */ jsx("div", {
+							class: "field-label",
+							children: /* @__PURE__ */ jsx(WalletText, { message: "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" ? /* @__PURE__ */ jsx(WalletText, { message: "Preparing private key…" }) : /* @__PURE__ */ jsx(WalletText, { message: "No keys available" })
+							})
+						})
+					})]
+				}),
+				model.guidance && /* @__PURE__ */ jsx(ExportGuidanceContent, { guidance: model.guidance }),
+				/* @__PURE__ */ jsx("div", {
+					class: "warning",
+					children: /* @__PURE__ */ jsx(WalletText, { message: "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: /* @__PURE__ */ jsx(WalletText, { copy: guidance.title || "Next Steps" }) }),
+			guidance.body && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WalletText, { copy: guidance.body }) }),
+			guidance.steps?.length ? /* @__PURE__ */ jsx("ol", { children: guidance.steps.map(renderGuidanceStep) }) : null
+		]
+	});
+}
+function renderGuidanceStep(step, index) {
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(WalletText, { copy: step }) }, index);
+}
+var ExportKeyCard = class extends Component {
+	static contextType = WalletLocaleContext;
+	state = {
+		reveal: null,
+		publicCopied: false,
+		privateCopied: false
+	};
+	root = createRef();
+	frame = null;
+	timers = /* @__PURE__ */ new Map();
+	generation = 0;
+	copyLifetime = new AbortController();
+	active = 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);
+	}
+	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();
+	};
+	copyPublic = () => {
+		this.copy("public");
+	};
+	copyPrivate = () => {
+		this.copy("private");
+	};
+	clearPublic = () => {
+		this.timers.delete("public");
+		if (this.active) this.setState({ publicCopied: false });
+	};
+	clearPrivate = () => {
+		this.timers.delete("private");
+		if (this.active) this.setState({ privateCopied: false });
+	};
+	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: /* @__PURE__ */ jsx(WalletText, { copy: entry.label })
+				}),
+				entry.address && /* @__PURE__ */ jsxs("div", {
+					class: "field",
+					children: [/* @__PURE__ */ jsx("div", {
+						class: "field-label",
+						children: /* @__PURE__ */ jsx(WalletText, { message: "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": walletDisplayText(this.context, this.state.publicCopied ? "Public key copied" : "Copy public key"),
+					disabled: !entry.publicKey,
+					onClick: this.copyPublic,
+					children: [/* @__PURE__ */ jsx("div", {
+						class: "field-label",
+						children: /* @__PURE__ */ jsx(WalletText, { message: "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": walletDisplayText(this.context, this.state.privateCopied ? "Private key copied" : "Copy private key"),
+					disabled: !privateReady,
+					onClick: this.copyPrivate,
+					children: [/* @__PURE__ */ jsx("div", {
+						class: "field-label",
+						children: /* @__PURE__ */ jsx(WalletText, { message: "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: /* @__PURE__ */ jsx(WalletText, { message: "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: /* @__PURE__ */ jsx(WalletText, { message: "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

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

@@ -0,0 +1,92 @@
+import { appearanceTokenCssRule } from "../appearance-token-vars.js";
+import { withWalletLocale } from "./WalletLocale.js";
+import { confirmationDocumentStyles } from "./confirmation-styles.js";
+import { ConfirmationModal } from "./ConfirmationModal.js";
+import { ConfirmationDrawer } from "./ConfirmationDrawer.js";
+import { WalletIframeDomEvents } from "../../../../browser/walletIframe/events.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 {
+	element;
+	styles;
+	context;
+	state;
+	constructor(input) {
+		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.lang = model.appearance.locale ?? "en";
+		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(withWalletLocale(model.appearance.locale ?? "en", /* @__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(withWalletLocale(model.appearance.locale ?? "en", /* @__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);
+	}
+	dispose = () => {
+		if (this.state.kind === "disposed") return;
+		const onClosed = this.state.onClosed;
+		this.remove();
+		onClosed();
+	};
+	handleCancel = () => {
+		this.dispose();
+	};
+	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

package/dist/esm/core/signingEngine/uiConfirm/ui/surface-measurement-binding.js

@@ -0,0 +1,12 @@
+//#region src/core/signingEngine/uiConfirm/ui/surface-measurement-binding.ts
+function sameSurfaceMeasurementBinding(left, right) {
+	if (!left || left.kind !== right.kind) return false;
+	switch (left.kind) {
+		case "disabled": return right.kind === "disabled";
+		case "wallet_iframe": return right.kind === "wallet_iframe" && left.requestId === right.requestId && left.postMeasurement === right.postMeasurement && left.hostSurfaceVariant === right.hostSurfaceVariant;
+	}
+}
+//#endregion
+export { sameSurfaceMeasurementBinding };
+
+//# sourceMappingURL=surface-measurement-binding.js.map

package/dist/esm/core/ui/messages.js

@@ -15,6 +15,10 @@ const walletMessages = [
 	["Choose your Google account.", "Google アカウントを選択してください。"],
 	["Creating passkey wallet…", "パスキーでウォレットを作成中…"],
 	["Unlocking wallet…", "ウォレットのロックを解除中…"],
+	["Wallet created", "ウォレットを作成しました"],
+	["Your wallet is ready on this device.", "このデバイスでウォレットを利用できます。"],
+	["You’re in", "サインインしました"],
+	["Your wallet is unlocked.", "ウォレットのロックを解除しました。"],
 	["Too many attempts. Wait a moment.", "試行回数が多すぎます。しばらくお待ちください。"],
 	["Can’t reach Seams right now.", "現在 Seams に接続できません。"],
 	["That took too long.", "時間がかかりすぎたため、操作を終了しました。"],

package/dist/esm/index.js

@@ -5,8 +5,8 @@ import { configuredThresholdEcdsaChainTargets, nearAccountRefFromAccountId, thre
 import { BrowserCapabilityUnavailableError } from "./SeamsWeb/publicApi/capabilitySelection.js";
 import { toAccountId } from "./core/types/accountIds.js";
 import { AccountSyncEventPhase, KeyExportEventPhase, LinkDeviceEventPhase, RegistrationEventPhase, SigningEventPhase, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, isWalletFlowEvent } from "./core/types/sdkSentEvents.js";
-import { SeamsWeb } from "./SeamsWeb/SeamsWeb.js";
 import { buildHostedAuthMenuOpenRequest, hostedAuthMenuExternalAuthRequestIdFromBoundary, hostedAuthMenuSessionIdFromBoundary } from "./SeamsWeb/walletIframe/shared/messages.js";
+import { SeamsWeb } from "./SeamsWeb/SeamsWeb.js";
 import { ExternalEvmController } from "./externalEvm/controller.js";
 import { DEVICE_LINKING_CONFIG, SIGNER_WORKER_MANAGER_CONFIG } from "./config.js";
 import { defineSeamsConfig, seamsTestnetConfig } from "./core/config/defineConfig.js";

package/dist/esm/react/components/AccountMenuButton/AccountMenuButtonView.js

@@ -10,7 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "./Web3AuthProfileButton.css";
 //#region src/react/components/AccountMenuButton/AccountMenuButtonView.tsx
 function measurePanel(element, setHeight) {
-	setHeight(element.getBoundingClientRect().height);
+	setHeight(element.offsetHeight);
 }
 function observePanel(contentRef, isOpen, setHeight) {
 	const content = contentRef.current;

package/dist/esm/react/components/AccountMenuButton/ExportKeysSection.css

@@ -100,3 +100,23 @@
   width: 100%;
   height: 100%;
 }
+
+/* A phone-width menu left the description beside the label only a few
+   characters, so it moves to a line of its own under the label. */
+@media (max-width: 480px) {
+  .seams-account-screen .seams-export-keys-row {
+    flex-wrap: wrap;
+    row-gap: 2px;
+  }
+
+  .seams-account-screen .seams-export-keys-row-spinner {
+    margin-left: auto;
+  }
+
+  .seams-account-screen .seams-export-keys-row-description {
+    flex-basis: 100%;
+    order: 1;
+    white-space: normal;
+    text-align: left;
+  }
+}