@seams/wallet 0.22.0 → 0.24.0

package/dist/esm/core/signingEngine/session/passkey/ed25519YaoRecoveryCapability.js

@@ -0,0 +1,94 @@
+import { requireRecord, requireTrimmedString } from "../../../../shared-ts/src/utils/validation.js";
+import { parseThresholdEd25519SessionId } from "../../../../shared-ts/src/utils/domainIds.js";
+import { normalizeRuntimePolicyScope } from "../../../../shared-ts/src/threshold/signingRootScope.js";
+import { routerAbMpcMaterialActivationRefFromWire } from "../../../../shared-ts/src/utils/routerAbNormalSigningIdentity.js";
+import { parseRouterAbEd25519YaoRegistrationActivationAdmissionReceiptV1, parseRouterAbEd25519YaoRegistrationAdmissionRequestV1 } from "../../../../shared-ts/src/utils/routerAbEd25519Yao.js";
+import { toAccountId } from "../../../types/accountIds.js";
+//#region src/core/signingEngine/session/passkey/ed25519YaoRecoveryCapability.ts
+function requirePositiveInteger(value, label) {
+	if (typeof value !== "number" || !Number.isSafeInteger(value) || value < 1) throw new Error(`${label} must be a positive integer`);
+	return value;
+}
+function requireThresholdEd25519SessionId(value, label) {
+	const parsed = parseThresholdEd25519SessionId(value);
+	if (!parsed.ok) throw new Error(`${label} is invalid`);
+	return parsed.value;
+}
+function requireBytes32(value, label) {
+	if (!Array.isArray(value) || value.length !== 32) throw new Error(`${label} must contain exactly 32 bytes`);
+	const bytes = [];
+	for (const byte of value) {
+		if (typeof byte !== "number" || !Number.isInteger(byte) || byte < 0 || byte > 255) throw new Error(`${label} must contain exactly 32 bytes`);
+		bytes.push(byte);
+	}
+	return Object.freeze(bytes);
+}
+function requireBytes(value, label) {
+	if (!Array.isArray(value) || value.length === 0) throw new Error(`${label} must contain bytes`);
+	return value.map((byte) => {
+		if (typeof byte !== "number" || !Number.isInteger(byte) || byte < 0 || byte > 255) throw new Error(`${label} must contain bytes`);
+		return byte;
+	});
+}
+function requireParticipantIds(value) {
+	if (!Array.isArray(value) || value.length !== 2 || !Number.isSafeInteger(value[0]) || !Number.isSafeInteger(value[1]) || value[0] < 1 || value[1] < 1 || value[0] === value[1]) throw new Error("participantIds must contain two distinct positive integers");
+	return [Number(value[0]), Number(value[1])];
+}
+function parseRegistrationContinuity(value) {
+	const record = requireRecord(value, "capability.registrationContinuity");
+	if (record.kind === "recovery") return {
+		kind: "recovery",
+		activationTranscript: requireBytes(record.activationTranscript, "capability.registrationContinuity.activationTranscript")
+	};
+	if (record.kind !== "registration") throw new Error("capability.registrationContinuity kind is invalid");
+	const admissionRequest = parseRouterAbEd25519YaoRegistrationAdmissionRequestV1(record.admissionRequest);
+	const admissionReceipt = parseRouterAbEd25519YaoRegistrationActivationAdmissionReceiptV1(record.admissionReceipt);
+	if (!admissionRequest.ok) throw new Error(`capability registration continuity transcript is invalid: ${admissionRequest.message}`);
+	if (!admissionReceipt.ok) throw new Error(`capability registration continuity transcript is invalid: ${admissionReceipt.message}`);
+	return {
+		kind: "registration",
+		admissionRequest: admissionRequest.value,
+		admissionReceipt: admissionReceipt.value,
+		activationTranscript: requireBytes(record.activationTranscript, "capability.registrationContinuity.activationTranscript")
+	};
+}
+function parseEd25519YaoRecoveryCapabilityV1(raw) {
+	const record = requireRecord(raw, "capability");
+	if (record.kind !== "router_ab_ed25519_yao_active_capability_v1") throw new Error("Yao recovery capability kind is invalid");
+	const application = requireRecord(record.applicationBinding, "capability.applicationBinding");
+	const lifecycle = requireRecord(record.lifecycle, "capability.lifecycle");
+	let materialActivation;
+	try {
+		materialActivation = routerAbMpcMaterialActivationRefFromWire(record.materialActivation);
+	} catch (error) {
+		throw new Error(`capability.materialActivation is invalid: ${error instanceof Error ? error.message : String(error)}`);
+	}
+	return {
+		materialActivation,
+		activeCapabilityBinding: requireBytes32(record.activeCapabilityBinding, "capability.activeCapabilityBinding"),
+		registeredPublicKey: requireBytes32(record.registeredPublicKey, "capability.registeredPublicKey"),
+		nearAccountId: toAccountId(requireTrimmedString(record.nearAccountId, "capability.nearAccountId")),
+		applicationBinding: {
+			wallet_id: requireTrimmedString(application.wallet_id, "applicationBinding.wallet_id"),
+			near_ed25519_signing_key_id: requireTrimmedString(application.near_ed25519_signing_key_id, "applicationBinding.near_ed25519_signing_key_id"),
+			signing_root_id: requireTrimmedString(application.signing_root_id, "applicationBinding.signing_root_id"),
+			key_creation_signer_slot: requirePositiveInteger(application.key_creation_signer_slot, "applicationBinding.key_creation_signer_slot")
+		},
+		participantIds: requireParticipantIds(record.participantIds),
+		runtimePolicyScope: normalizeRuntimePolicyScope(requireRecord(record.runtimePolicyScope, "capability.runtimePolicyScope")),
+		lifecycle: {
+			lifecycleId: requireTrimmedString(lifecycle.lifecycleId, "lifecycle.lifecycleId"),
+			rootShareEpoch: requireTrimmedString(lifecycle.rootShareEpoch, "lifecycle.rootShareEpoch"),
+			accountId: requireTrimmedString(lifecycle.accountId, "lifecycle.accountId"),
+			thresholdSessionId: requireThresholdEd25519SessionId(requireTrimmedString(lifecycle.thresholdSessionId, "lifecycle.thresholdSessionId"), "lifecycle.thresholdSessionId"),
+			signerSetId: requireTrimmedString(lifecycle.signerSetId, "lifecycle.signerSetId"),
+			signingWorkerId: requireTrimmedString(lifecycle.signingWorkerId, "lifecycle.signingWorkerId")
+		},
+		stateEpoch: requirePositiveInteger(record.stateEpoch, "capability.stateEpoch"),
+		registrationContinuity: parseRegistrationContinuity(record.registrationContinuity)
+	};
+}
+//#endregion
+export { parseEd25519YaoRecoveryCapabilityV1 };
+
+//# sourceMappingURL=ed25519YaoRecoveryCapability.js.map

package/dist/esm/core/signingEngine/stepUpConfirmation/methodSelection.js

@@ -11,6 +11,7 @@ var StepUpMethodSelectionError = class extends Error {
 };
 function methodFromPolicy(selectedLane, policy) {
 	if (policy.kind === "reuse_warm_session") return "warm_session";
+	if (selectedLane.authMethod === "voiceid") throw new Error("Unlock with VoiceID again before signing.");
 	if (policy.kind === "force_method") return policy.method;
 	return selectedLane.authMethod;
 }

package/dist/esm/core/signingEngine/uiConfirm/ui/confirm-surface-resize.js

@@ -63,6 +63,8 @@ const HUG_TOLERANCE_CSS_PX = 1;
 const ANNOUNCE_SAFETY_MS = 1500;
 /** Height changes below this are not worth a motion, and round to nothing. */
 const MIN_ANNOUNCED_DELTA_CSS_PX = 1;
+/** How long a surface that no host resizes takes to ease to its new height. */
+const OWN_RESIZE_MS = 200;
 /**
 * Offer a height change to the surrounding surface before making it.
 *
@@ -146,7 +148,7 @@ function createSurfaceHeightReflow(args) {
 				element.classList.remove(CONFIRM_SURFACE_HEIGHT_DRIVEN_CLASS);
 				const toCssPx = element.getBoundingClientRect().height;
 				element.classList.add(CONFIRM_SURFACE_HEIGHT_DRIVEN_CLASS);
-				if (!announceClampedSurfaceResize({
+				if (announceClampedSurfaceResize({
 					...args.reason ? { reason: args.reason } : {},
 					element,
 					fromCssPx,
@@ -155,13 +157,28 @@ function createSurfaceHeightReflow(args) {
 					onSettled: () => {
 						clampedElement = null;
 					}
-				})) release();
+				})) return;
+				release();
+				easeOwnHeight(element, fromCssPx, toCssPx);
 			});
 		},
 		dispose: release
 	};
 }
 /**
+* With no host to ease the box, the element eases its own height, on the auth
+* menu's resize duration and settle curve, so a change of content never snaps
+* the card. Reduced motion keeps the snap.
+*/
+function easeOwnHeight(element, fromCssPx, toCssPx) {
+	if (Math.abs(toCssPx - fromCssPx) < MIN_ANNOUNCED_DELTA_CSS_PX) return;
+	if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+	element.animate([{ height: `${fromCssPx}px` }, { height: `${toCssPx}px` }], {
+		duration: OWN_RESIZE_MS,
+		easing: "cubic-bezier(0.32, 0.72, 0, 1)"
+	});
+}
+/**
 * Clamp an element at its pre-change height, announce the change, and release
 * the clamp when the motion lands. This is the call every height change in a
 * confirmation goes through, because the clamp has to be in place *before* the

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

@@ -69,6 +69,7 @@ function normalizeConfirmationModel(input) {
 			appearance: input.appearance,
 			content: {
 				kind: "transaction",
+				capture: source.authMethodCapture ?? null,
 				review: {
 					model: source.model ?? null,
 					tree: input.tree
@@ -97,7 +98,8 @@ function normalizeConfirmationModel(input) {
 					cancelText,
 					errorMessage,
 					onCancel: input.callbacks.cancel,
-					onBack: source.onBack
+					onBack: source.onBack,
+					authMethodApprovalMessage: source.authMethodApprovalMessage
 				}
 			}
 		}

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

@@ -104,6 +104,12 @@ var ConfirmContent = class extends Component {
 							onCopy: this.props.onCopy
 						})
 					}),
+					this.props.authMethodApprovalMessage && /* @__PURE__ */ jsx("p", {
+						class: "seams-voiceid-instructions",
+						"data-seams-voice-id": "required",
+						role: "status",
+						children: this.props.authMethodApprovalMessage
+					}),
 					/* @__PURE__ */ jsxs("div", {
 						class: "actions",
 						children: [!this.props.cancelInHeader && /* @__PURE__ */ jsx("button", {

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

@@ -65,35 +65,25 @@ var ConfirmationContent = class extends Component {
 			kind: "form",
 			formId: this.otpFormId
 		} : model.transaction.decision;
+		if (model.capture) return /* @__PURE__ */ jsx("div", {
+			ref: this.root,
+			class: contentClass,
+			children: /* @__PURE__ */ jsxs("div", {
+				class: "seams-review-content seams-review-content--capture",
+				children: [
+					this.props.variant !== "drawer" && this.renderToolbar(model, decision),
+					/* @__PURE__ */ jsx(AuthMethodCapture, { element: model.capture }),
+					/* @__PURE__ */ jsx(WalletReceiptFooter, {})
+				]
+			})
+		});
 		return /* @__PURE__ */ jsx("div", {
 			ref: this.root,
 			class: contentClass,
 			children: /* @__PURE__ */ jsxs("div", {
 				class: "seams-review-content",
 				children: [
-					this.props.variant !== "drawer" && /* @__PURE__ */ jsxs("div", {
-						class: "seams-review-toolbar",
-						children: [/* @__PURE__ */ jsxs("div", {
-							class: "seams-review-origin",
-							children: [
-								model.transaction.onBack && /* @__PURE__ */ jsx("button", {
-									type: "button",
-									"aria-label": walletText(this.context, "Back to review"),
-									title: walletText(this.context, "Back to review"),
-									disabled: decision.kind === "preparing",
-									onClick: model.transaction.onBack,
-									children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "back" })
-								}),
-								/* @__PURE__ */ jsx(PadlockIcon, {}),
-								model.header.website.kind === "ready" ? model.header.website.text : /* @__PURE__ */ jsx(LoadingStatus, { label: walletText(this.context, "Loading website") })
-							]
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							"aria-label": walletDisplayText(this.context, model.transaction.cancelText),
-							onClick: model.transaction.onCancel,
-							children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "close" })
-						})]
-					}),
+					this.props.variant !== "drawer" && this.renderToolbar(model, decision),
 					model.review.model && /* @__PURE__ */ jsx("div", {
 						class: "seams-review-eyebrow",
 						children: model.review.model.operations.length === 1 ? /* @__PURE__ */ jsx(WalletText, { copy: model.review.model.operations[0].label.replace(/\s+using\s+[\d,.]+\s+gas$/i, "") }) : /* @__PURE__ */ jsx(WalletText, { message: "Transaction" })
@@ -126,11 +116,57 @@ var ConfirmationContent = class extends Component {
 			})
 		});
 	}
+	/** The origin the request came from, with the review's back and close controls. */
+	renderToolbar(model, decision) {
+		return /* @__PURE__ */ jsxs("div", {
+			class: "seams-review-toolbar",
+			children: [/* @__PURE__ */ jsxs("div", {
+				class: "seams-review-origin",
+				children: [
+					model.transaction.onBack && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": walletText(this.context, "Back to review"),
+						title: walletText(this.context, "Back to review"),
+						disabled: decision.kind === "preparing",
+						onClick: model.transaction.onBack,
+						children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "back" })
+					}),
+					/* @__PURE__ */ jsx(PadlockIcon, {}),
+					model.header.website.kind === "ready" ? model.header.website.text : /* @__PURE__ */ jsx(LoadingStatus, { label: walletText(this.context, "Loading website") })
+				]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": walletDisplayText(this.context, model.transaction.cancelText),
+				onClick: model.transaction.onCancel,
+				children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "close" })
+			})]
+		});
+	}
 };
 function ignoreCopyFailure() {}
 function assertNever(value) {
 	throw new Error(`Unexpected confirmation content: ${String(value)}`);
 }
+/** The lazy auth plugin owns its contents; the Wallet retains the modal and cancellation. */
+var AuthMethodCapture = class extends Component {
+	container = createRef();
+	componentDidMount() {
+		this.container.current?.append(this.props.element);
+		this.props.element.querySelector("button")?.focus();
+	}
+	componentDidUpdate(previous) {
+		if (previous.element !== this.props.element) this.container.current?.replaceChildren(this.props.element);
+	}
+	componentWillUnmount() {
+		this.props.element.remove();
+	}
+	render() {
+		return /* @__PURE__ */ jsx("div", {
+			ref: this.container,
+			class: "seams-auth-method-capture"
+		});
+	}
+};
 //#endregion
 export { ConfirmationContent };
 

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

@@ -33,11 +33,24 @@ var ReviewDisclosure = class extends Component {
 		confirmationDocumentStyles(details.ownerDocument).setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-review-disclosure-height": `${height}px` });
 	};
 	finish = () => {
+		const local = this.motion?.kind === "local";
 		if (this.root.current && this.motion) {
 			this.root.current.open = this.motion.opening;
 			this.root.current.removeAttribute("data-closing");
 		}
 		this.clearMotion();
+		if (local) {
+			const surface = this.root.current?.closest(".seams-confirmation-surface");
+			const focused = surface?.ownerDocument.activeElement;
+			if (focused instanceof HTMLElement && focused.tabIndex >= 0 && surface?.contains(focused)) {
+				const bounds = focused.getBoundingClientRect();
+				const viewportHeight = focused.ownerDocument.documentElement.clientHeight;
+				if (bounds.top < 0 || bounds.bottom > viewportHeight) focused.scrollIntoView({
+					block: "center",
+					inline: "nearest"
+				});
+			}
+		}
 	};
 	toggle = (event) => {
 		const details = this.root.current;

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

@@ -16,7 +16,6 @@ function ReviewIcon({ kind }) {
 		minimize: "M5 12h14",
 		check: "m5 12 4 4L19 6",
 		arrow: "M7 17 17 7M7 7h10v10",
-		shield: "M12 3 4.5 6v5.5c0 4.2 2.7 7.4 7.5 9.5 4.8-2.1 7.5-5.3 7.5-9.5V6L12 3Z M8.5 11.5l2.5 2.5 4.5-5",
 		copy: "M8 8h12v12H8ZM4 16V4h12",
 		loader: "M12 3a9 9 0 1 1-9 9",
 		alert: "M12 8v5m0 3v.1M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0",
@@ -35,6 +34,8 @@ function ReviewIcon({ kind }) {
 }
 function reviewNetwork(model) {
 	if (!model) return "Wallet transaction";
+	if (model.chain === "evm" && model.chainId === 5042) return "Arc";
+	if (model.chain === "evm" && model.chainId === 5042002) return "Arc Testnet";
 	if (model.chain === "evm" && model.chainId === 8453) return "Base";
 	if (model.chain === "evm" && model.chainId === 84532) return "Base Sepolia";
 	if (model.chain === "evm" && model.chainId === 1) return "Ethereum";
@@ -57,6 +58,27 @@ function ReviewMiddleTruncated({ value, class: className }) {
 	});
 }
 function TokenIcon({ symbol }) {
+	if (symbol === "NEAR") return /* @__PURE__ */ jsxs("svg", {
+		class: "seams-review-token",
+		viewBox: "0 0 48 48",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "24",
+			cy: "24",
+			r: "24",
+			fill: "#000"
+		}), /* @__PURE__ */ jsx("svg", {
+			x: "9",
+			y: "9",
+			width: "30",
+			height: "30",
+			viewBox: "108 108 351 351",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m421.61,108c-13,0-25.07,6.74-31.88,17.82l-73.37,108.93c-2.39,3.59-1.42,8.43,2.17,10.82,2.91,1.94,6.76,1.7,9.41-.58l72.22-62.64c1.2-1.08,3.05-.97,4.13.23.49.55.75,1.26.75,1.99v196.12c0,1.62-1.31,2.92-2.93,2.92-.87,0-1.69-.38-2.24-1.05L181.56,121.24c-7.11-8.39-17.55-13.23-28.54-13.24h-7.63c-20.65,0-37.39,16.74-37.39,37.39v276.22c0,20.65,16.74,37.39,37.39,37.39,13,0,25.07-6.74,31.88-17.82l73.37-108.93c2.39-3.59,1.42-8.43-2.17-10.82-2.91-1.94-6.76-1.7-9.41.58l-72.22,62.64c-1.2,1.08-3.05.97-4.13-.23-.49-.55-.75-1.26-.74-1.99v-196.17c0-1.62,1.31-2.92,2.93-2.92.86,0,1.69.38,2.24,1.05l218.28,261.37c7.11,8.39,17.55,13.23,28.54,13.24h7.63c20.65.01,37.4-16.72,37.42-37.37V145.39c0-20.65-16.74-37.39-37.39-37.39Z",
+				fill: "#fff"
+			})
+		})]
+	});
 	if (symbol === "ETH") return /* @__PURE__ */ jsxs("svg", {
 		class: "seams-review-token",
 		viewBox: "0 0 42 42",
@@ -84,19 +106,27 @@ function TokenIcon({ symbol }) {
 	});
 	if (symbol === "USDC") return /* @__PURE__ */ jsxs("svg", {
 		class: "seams-review-token",
-		viewBox: "0 0 42 42",
+		viewBox: "0 0 96 96",
+		fill: "none",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "21",
-			cy: "21",
-			r: "21",
-			fill: "#2775ca"
-		}), /* @__PURE__ */ jsx("path", {
-			d: "M17 8a14 14 0 0 0 0 26M25 8a14 14 0 0 1 0 26M26 15c-1-4-10-4-10 1 0 5 10 3 10 8 0 5-9 5-11 1M21 10v4m0 14v4",
-			fill: "none",
-			stroke: "white",
-			"stroke-width": "2"
-		})]
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M48 95C73.9574 95 95 73.9574 95 48C95 22.0426 73.9574 1 48 1C22.0426 1 1 22.0426 1 48C1 73.9574 22.0426 95 48 95Z",
+				fill: "#0B53BF"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M56.4609 13.7778V19.8291C68.5341 23.4716 77.3759 34.6928 77.3759 47.9997C77.3759 61.3066 68.5341 72.5278 56.4609 76.1703V82.2216C71.8534 78.4616 83.2509 64.5672 83.2509 47.9997C83.2509 31.4322 71.8534 17.5378 56.4609 13.7778Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M18.625 47.9997C18.625 34.6928 27.4669 23.4716 39.54 19.8291V13.7778C24.1475 17.5378 12.75 31.4322 12.75 47.9997C12.75 64.5672 24.1475 78.4616 39.54 82.2216V76.1703C27.4669 72.5572 18.625 61.3066 18.625 47.9997Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M60.6319 54.5506C60.6319 42.5362 41.8025 47.4713 41.8025 40.8325C41.8025 38.4531 43.7119 36.9256 47.3544 36.9256C51.7019 36.9256 53.2 39.0406 53.67 41.89H59.6625C59.1279 36.5426 56.0588 33.1662 50.9382 32.1604V27.4375H45.0632V31.9918C39.4534 32.7062 35.9275 35.973 35.9275 40.8325C35.9275 52.9056 54.7863 48.3819 54.7863 54.9031C54.7863 57.3706 52.4069 59.0156 48.3825 59.0156C43.1244 59.0156 41.3913 56.695 40.745 53.4931H34.8994C35.2781 59.3502 38.8897 63.0159 45.0632 63.9307V68.5625H50.9382V63.9923C56.9633 63.2139 60.6319 59.7089 60.6319 54.5506Z",
+				fill: "white"
+			})
+		]
 	});
 	return /* @__PURE__ */ jsx("span", {
 		class: "seams-review-token seams-review-token-fallback",
@@ -109,7 +139,7 @@ function ReviewAmount({ model, compact = false }) {
 	if (!amount) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		class: `seams-review-amount${compact ? " seams-review-amount--compact" : ""}`,
-		children: [!compact && /* @__PURE__ */ jsx(TokenIcon, { symbol: amount.symbol }), /* @__PURE__ */ jsxs("div", { children: [
+		children: [/* @__PURE__ */ jsx(TokenIcon, { symbol: amount.symbol }), /* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsx("span", { children: amount.value }),
 			" ",
 			/* @__PURE__ */ jsx("small", { children: amount.symbol })
@@ -120,8 +150,6 @@ function WalletReceiptFooter() {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "seams-receipt-footer",
 		children: [
-			/* @__PURE__ */ jsx(ReviewIcon, { kind: "shield" }),
-			" ",
 			/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(WalletText, { message: "Secured by" }) }),
 			" ",
 			/* @__PURE__ */ jsx(SeamsWordmark, {})
@@ -141,6 +169,10 @@ function reviewAmount(model) {
 		value: decimalUnits(total.nativeValue, 24),
 		symbol: "NEAR"
 	};
+	if (model?.chain === "evm" && (model.chainId === 5042 || model.chainId === 5042002) && total.nativeSymbol === "wei") return {
+		value: decimalUnits(total.nativeValue, 18),
+		symbol: "USDC"
+	};
 	return {
 		value: total.nativeValue,
 		symbol: total.nativeSymbol ?? ""

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

@@ -12,12 +12,24 @@ import { render } from "preact";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/mountConfirmationSurface.tsx
 /** @jsxImportSource preact */
-const RECEIPT_MORPH_DURATION_MS = 360;
+const RECEIPT_MORPH_DURATION_MS = 640;
+/** A replaced auth method capture's copy fades first, where it is. */
+const CAPTURE_FADE_MS = 160;
+/** Then its progress segments travel, evenly, into the receipt's tracks. */
+const SEGMENT_DELAY_MS = 120;
+const SEGMENT_TRAVEL_MS = 800;
+const SEGMENT_EASING = "cubic-bezier(0.65, 0, 0.35, 1)";
+/** The receipt's details follow the fade top to bottom; the steps settle as the segments land. */
+const HANDED_DETAIL_DELAY_MS = 200;
+const HANDED_DETAIL_STAGGER_MS = 40;
+const HANDED_DETAIL_FADE_MS = 360;
+const HANDED_STEPS_DELAY_MS = SEGMENT_DELAY_MS + SEGMENT_TRAVEL_MS - HANDED_DETAIL_FADE_MS;
 const RECEIPT_MORPH_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
 const RECEIPT_ANCHORS = [
 	".seams-receipt-symbol",
 	"[role=\"status\"]",
-	".seams-review-amount"
+	".seams-review-amount",
+	".seams-receipt-footer"
 ];
 function captureReceiptAnchors(surface) {
 	const anchors = [];
@@ -33,6 +45,37 @@ function captureReceiptAnchors(surface) {
 	}
 	return anchors;
 }
+/**
+* The progress segments a capture draws while it checks, as they look now, from
+* left to right whatever their drawing order. A line that has not split yet hands
+* over its thirds.
+*/
+function progressSegments(capture) {
+	const line = capture.querySelector("[data-seams-progress-line]");
+	if (!line) return [];
+	const color = getComputedStyle(line).color;
+	const drawn = Array.from(line.querySelectorAll("[data-seams-progress-segment]"));
+	if (drawn.length === 3 && drawn.every(isPainted)) return drawn.map((segment) => ({
+		bounds: segment.getBoundingClientRect(),
+		opacity: segment.getAttribute("opacity") ?? "1",
+		color
+	})).sort((a, b) => a.bounds.left - b.bounds.left);
+	const box = line.getBoundingClientRect();
+	const width = box.width / 3;
+	return [
+		0,
+		1,
+		2
+	].map((index) => ({
+		bounds: new DOMRect(box.left + index * width, box.top + box.height / 2, width, 0),
+		opacity: "0.55",
+		color
+	}));
+}
+function ignoreCancelledMotion() {}
+function isPainted(segment) {
+	return segment.getAttribute("opacity") !== "0";
+}
 let nextSurfaceId = 0;
 var MountedConfirmationSurface = class {
 	element;
@@ -42,11 +85,18 @@ var MountedConfirmationSurface = class {
 	receipt = null;
 	receiptMotion = [];
 	receiptShell = null;
+	receiptGhost = null;
+	receiptSegments = [];
 	clearReceiptMotion = () => {
 		for (const animation of this.receiptMotion) animation.cancel();
 		this.receiptMotion = [];
 		this.receiptShell?.remove();
 		this.receiptShell = null;
+		this.receiptGhost?.remove();
+		this.receiptGhost = null;
+		for (const segment of this.receiptSegments) segment.remove();
+		this.receiptSegments = [];
+		this.element.removeAttribute("data-receipt-segments");
 		this.element.removeAttribute("data-receipt-morphing");
 	};
 	constructor(input) {
@@ -101,6 +151,7 @@ var MountedConfirmationSurface = class {
 		const previousShell = this.receiptShell ?? this.element.querySelector(".modal-container-root");
 		const previousBounds = previousShell?.getBoundingClientRect();
 		const anchors = viewChanged ? captureReceiptAnchors(this.element) : [];
+		const leaving = viewChanged ? this.liveCapture() : null;
 		const previousRadius = previousShell ? getComputedStyle(previousShell).borderRadius : "26px";
 		if (viewChanged) this.clearReceiptMotion();
 		this.receipt = model;
@@ -117,7 +168,7 @@ var MountedConfirmationSurface = class {
 			this.element.appendChild(shell);
 			this.receiptShell = shell;
 			this.element.setAttribute("data-receipt-morphing", "");
-			const morph = shell.animate([{
+			this.receiptMotion = [shell.animate([{
 				left: `${previousBounds.left}px`,
 				top: `${previousBounds.top}px`,
 				width: `${previousBounds.width}px`,
@@ -133,8 +184,8 @@ var MountedConfirmationSurface = class {
 				duration: RECEIPT_MORPH_DURATION_MS,
 				easing: RECEIPT_MORPH_EASING,
 				fill: "both"
-			});
-			this.receiptMotion = [morph];
+			})];
+			const handedOver = leaving ? this.handOverCapture(leaving, target) : false;
 			const shared = /* @__PURE__ */ new Set();
 			for (const anchor of anchors) {
 				const element = target.querySelector(anchor.selector);
@@ -157,22 +208,107 @@ var MountedConfirmationSurface = class {
 			let order = 0;
 			for (const detail of details) {
 				if (shared.has(detail)) continue;
-				this.receiptMotion.push(detail.animate([{
+				const toolbar = leaving !== null && detail.matches(".seams-review-toolbar");
+				this.receiptMotion.push(detail.animate(toolbar ? [{ opacity: 0 }, { opacity: 1 }] : [{
 					opacity: 0,
 					transform: "translateY(8px)"
 				}, {
 					opacity: 1,
 					transform: "translateY(0)"
-				}], {
+				}], leaving ? {
+					duration: HANDED_DETAIL_FADE_MS,
+					delay: toolbar ? 0 : handedOver && detail.matches(".seams-receipt-steps") ? HANDED_STEPS_DELAY_MS : HANDED_DETAIL_DELAY_MS + Math.min(order, 6) * HANDED_DETAIL_STAGGER_MS,
+					fill: "backwards",
+					easing: "cubic-bezier(0.2, 0, 0, 1)"
+				} : {
 					duration: 120,
 					delay: model.view === "toast" ? 240 : 180 + Math.min(order, 4) * 15,
 					fill: "backwards",
 					easing: "ease-out"
 				}));
-				order += 1;
+				if (!toolbar) order += 1;
 			}
-			morph.onfinish = this.clearReceiptMotion;
+			const motion = this.receiptMotion;
+			Promise.all(motion.map((animation) => animation.finished)).then(() => {
+				if (this.receiptMotion === motion) this.clearReceiptMotion();
+			}, ignoreCancelledMotion);
+		}
+	}
+	/** The auth method capture still on screen, measured before the receipt replaces it. */
+	liveCapture() {
+		if (this.state.kind !== "mounted" || this.state.model.content.kind !== "transaction") return null;
+		const element = this.state.model.content.capture;
+		if (!element?.isConnected) return null;
+		return {
+			element,
+			bounds: element.getBoundingClientRect(),
+			segments: progressSegments(element)
+		};
+	}
+	/**
+	* The capture's copy fades out where it was. When it drew progress segments,
+	* they travel on and become the receipt's tracks. Returns whether they did.
+	*/
+	handOverCapture(leaving, target) {
+		const ghost = this.element.ownerDocument.createElement("div");
+		ghost.className = "seams-receipt-capture-ghost";
+		ghost.setAttribute("aria-hidden", "true");
+		ghost.append(leaving.element);
+		this.element.appendChild(ghost);
+		this.receiptGhost = ghost;
+		const place = {
+			left: `${leaving.bounds.left}px`,
+			top: `${leaving.bounds.top}px`,
+			width: `${leaving.bounds.width}px`,
+			height: `${leaving.bounds.height}px`
+		};
+		this.receiptMotion.push(ghost.animate([{
+			...place,
+			opacity: 1
+		}, {
+			...place,
+			opacity: 0
+		}], {
+			duration: CAPTURE_FADE_MS,
+			easing: "ease-out",
+			fill: "both"
+		}));
+		const tracks = target.querySelectorAll(".seams-receipt-track");
+		if (leaving.segments.length === 0 || tracks.length !== leaving.segments.length) return false;
+		this.element.setAttribute("data-receipt-segments", "");
+		for (const [index, track] of tracks.entries()) {
+			const from = leaving.segments[index];
+			const to = track.getBoundingClientRect();
+			const complete = track.closest(".seams-receipt-step")?.dataset.state === "complete";
+			const segment = this.element.ownerDocument.createElement("div");
+			segment.className = "seams-receipt-segment";
+			segment.setAttribute("aria-hidden", "true");
+			this.element.appendChild(segment);
+			this.receiptSegments.push(segment);
+			this.receiptMotion.push(segment.animate([{
+				left: `${from.bounds.left}px`,
+				top: `${from.bounds.top + from.bounds.height / 2 - .5}px`,
+				width: `${from.bounds.width}px`,
+				height: "1px",
+				borderRadius: "1px",
+				opacity: from.opacity,
+				backgroundColor: from.color
+			}, {
+				left: `${to.left}px`,
+				top: `${to.top}px`,
+				width: `${to.width}px`,
+				height: `${to.height}px`,
+				borderRadius: getComputedStyle(track).borderRadius,
+				opacity: 1,
+				backgroundColor: getComputedStyle(track, complete ? "::after" : null).backgroundColor
+			}], {
+				duration: SEGMENT_TRAVEL_MS,
+				delay: SEGMENT_DELAY_MS,
+				easing: SEGMENT_EASING,
+				fill: "both"
+			}));
 		}
+		return true;
 	}
 	dispose = () => {
 		if (this.state.kind === "disposed") return;
@@ -267,6 +403,7 @@ var MountedConfirmationSurface = class {
 			};
 			case "transaction": return {
 				kind: "transaction",
+				capture: source.capture,
 				header: source.header,
 				body: source.body,
 				review: source.review,

package/dist/esm/core/signingEngine/walletCustody/ceremonyStepRunner.js

@@ -0,0 +1,8 @@
+//#region src/core/signingEngine/walletCustody/ceremonyStepRunner.ts
+function requestWalletCustodyCeremonyOperation(workerContext, operation) {
+	return workerContext.requestWorkerOperation(operation);
+}
+//#endregion
+export { requestWalletCustodyCeremonyOperation };
+
+//# sourceMappingURL=ceremonyStepRunner.js.map