@seams/wallet 0.29.0 → 0.30.0

package/README.md

@@ -1,19 +1,19 @@
 # Seams Wallet SDK
 
-`@seams/wallet` **0.29.0** provides browser wallet lifecycle, NEAR and EVM-family
+`@seams/wallet` **0.30.0** provides browser wallet lifecycle, NEAR and EVM-family
 threshold signing, React components, and hosted wallet runtime assets.
 
 ## Install
 
 ```sh
-pnpm add @seams/wallet@0.29.0
+pnpm add @seams/wallet@0.30.0
 ```
 
 React integrations support React 18 and 19. Import the provider and UI from
 `@seams/wallet/react` and its stylesheet from `@seams/wallet/react/styles`.
 Keep the application package, wallet-origin assets, and
-`@seams/wallet-server@0.29.0` on the matching release. The wallet iframe protocol
-is `19.0.0`. The application and wallet host must use the same protocol version.
+`@seams/wallet-server@0.30.0` on the matching release. The wallet iframe protocol
+is `20.0.0`. The application and wallet host must use the same protocol version.
 
 ## Current API
 
@@ -48,7 +48,7 @@ the challenge and its expiry. The application receives the typed challenge handl
 
 ## Application sessions and fresh owner approval
 
-SDK 0.29.0 accepts a handoff from an explicitly trusted application backend.
+SDK 0.30.0 accepts a handoff from an explicitly trusted application backend.
 Google and app-passkey login can use the same stable application user ID.
 Use `registration.registerOwnerWallet` for NEAR-only passkey onboarding and `near.prepareOwnerTransaction` for fresh approval of each transaction.
 These operations create no reusable signing authority.
@@ -57,7 +57,7 @@ See the [application-session guide](https://wallet.seams.sh/docs/guides/applicat
 
 ## Bring your own Google authentication
 
-SDK 0.29.0 can reuse an application's Google ID token to open associated wallet settings.
+SDK 0.30.0 can reuse an application's Google ID token to open associated wallet settings.
 Configure the environment's Google client ID and let the owner associate their wallet once.
 Then pass the token after the application's existing Google login:
 

package/dist/.build-inputs.sha256

@@ -1 +1 @@
-810cdbbc2f95b4a48d4b1ce36a3ab524ffd0f3efff7c5a8eeb00d48a8c98c70c
+fc980903c573c287e8206786d90025fc12bbd72eab183d74520e08097b5b3360

package/dist/esm/SeamsWeb/SeamsWeb.js

@@ -71,6 +71,8 @@ var SeamsWeb = class {
 			prepare: this.walletIframe.prepareHostedAuthMenu.bind(this.walletIframe),
 			open: this.walletIframe.openHostedAuthMenu.bind(this.walletIframe),
 			cancel: this.walletIframe.cancelHostedAuthMenu.bind(this.walletIframe),
+			onWalletConnectionRequest: this.walletIframe.onWalletConnectionRequest.bind(this.walletIframe),
+			resolveWalletConnection: this.walletIframe.resolveWalletConnection.bind(this.walletIframe),
 			onExternalAuthRequest: this.walletIframe.onHostedAuthMenuExternalAuthRequest.bind(this.walletIframe),
 			resolveExternalAuth: this.walletIframe.resolveHostedAuthMenuExternalAuth.bind(this.walletIframe)
 		};

package/dist/esm/SeamsWeb/walletIframe/client/inboundMessages.js

@@ -1,5 +1,6 @@
 import { isObject } from "../../../shared-ts/src/utils/validation.js";
 import { isWalletFlowEvent, parseSdkLifecycleEvent } from "../../../core/types/sdkSentEvents.js";
+import { parseWalletConnectionRequest } from "../shared/walletAlternatives.js";
 import { isDeviceLinkEmailOtpBaseFactorSelectionProgressV1, isDeviceLinkTargetFactorActivationProgressV1, isRegistrationTimingSpanV1, parseHostedAuthMenuErrorEvent, parseHostedAuthMenuExternalAuthRequest, parseWalletIframeSurfaceMeasurement } from "../shared/messages.js";
 import { parseWalletIframeExactSessionSnapshot, parseWalletIframeSessionRevision } from "../shared/exactSessionState.js";
 import { parseTransactionReviewState } from "../shared/transactionReview.js";
@@ -134,6 +135,14 @@ function parseClientChildToParentEnvelope(value) {
 				payload
 			} : null;
 		}
+		case "WALLET_CONNECTION_REQUEST": {
+			const payload = parseWalletConnectionRequest(Reflect.get(record, "payload"));
+			return payload ? {
+				...requestIdFields,
+				type,
+				payload
+			} : null;
+		}
 		case "AUTH_MENU_EXTERNAL_AUTH_REQUEST": {
 			const payload = parseHostedAuthMenuExternalAuthRequest(Reflect.get(record, "payload"));
 			return payload ? {

package/dist/esm/SeamsWeb/walletIframe/client/router.js

@@ -14,6 +14,7 @@ import { AccountSyncEventPhase, KeyExportEventPhase, LinkDeviceEventPhase, Regis
 import { requireTempoFeeTokenPreferenceSigningRequest } from "../../../core/signingEngine/chains/tempo/feeToken.js";
 import { buildPMUnlockPayload } from "../shared/unlockOptions.js";
 import { walletIframeSurfaceIdFromBoundary } from "../../../core/types/walletIframeIdentity.js";
+import { parseWalletConnectionResolution } from "../shared/walletAlternatives.js";
 import { HOSTED_AUTH_MENU_ERROR_EVENT, buildHostedAuthMenuCancelPayload, buildPMRedeemHostedWalletSeamsSessionPayload, hostedAuthMenuSessionIdFromBoundary, isDeviceLinkEmailOtpBaseFactorSelectionProgressV1, isDeviceLinkTargetFactorActivationProgressV1, isRegistrationTimingSpanV1, parseHostedAuthMenuErrorEvent, parseHostedAuthMenuExternalAuthRequest, parseHostedAuthMenuExternalAuthResolution, parseHostedAuthMenuOpenRequest, parseHostedAuthMenuOutcome, parseWalletIframeSurfaceMeasurement } from "../shared/messages.js";
 import { replaceWalletHostAppearance } from "../shared/configuration.js";
 import { anchorWalletIframeModalGeometry, isWalletIframeModalGeometry, resolveWalletIframeSurfaceGeometry } from "./surface/geometry.js";
@@ -550,6 +551,7 @@ var WalletIframeRouter = class {
 		connectionClosed: /* @__PURE__ */ new Set(),
 		sessionChanged: /* @__PURE__ */ new Set(),
 		preferencesChanged: /* @__PURE__ */ new Set(),
+		walletConnectionRequest: /* @__PURE__ */ new Set(),
 		hostedAuthMenuExternalAuthRequest: /* @__PURE__ */ new Set(),
 		sdkLifecycleEvent: /* @__PURE__ */ new Set()
 	};
@@ -1381,6 +1383,25 @@ var WalletIframeRouter = class {
 		this.listeners.connectionClosed.add(listener);
 		return this.listeners.connectionClosed.delete.bind(this.listeners.connectionClosed, listener);
 	}
+	onWalletConnectionRequest(listener) {
+		this.listeners.walletConnectionRequest.add(listener);
+		return this.listeners.walletConnectionRequest.delete.bind(this.listeners.walletConnectionRequest, listener);
+	}
+	async resolveWalletConnection(resolution) {
+		const requestId = this.hostedAuthMenuRequestIds.get(resolution.authMenuSessionId);
+		if (!requestId) return;
+		const payload = parseWalletConnectionResolution({
+			authMenuSessionId: resolution.authMenuSessionId,
+			connectionRequestId: resolution.connectionRequestId,
+			requestId,
+			result: resolution.result
+		});
+		if (!payload) throw new Error("Invalid wallet connection resolution");
+		await this.post({
+			type: "PM_RESOLVE_WALLET_CONNECTION",
+			payload
+		});
+	}
 	onHostedAuthMenuExternalAuthRequest(listener) {
 		this.listeners.hostedAuthMenuExternalAuthRequest.add(listener);
 		return () => this.listeners.hostedAuthMenuExternalAuthRequest.delete(listener);
@@ -2739,6 +2760,15 @@ var WalletIframeRouter = class {
 			this.handlePreferencesChanged(payload);
 			return;
 		}
+		if (msg.type === "WALLET_CONNECTION_REQUEST") {
+			const payload = msg.payload;
+			const activeRequestId = this.hostedAuthMenuRequestIds.get(payload.authMenuSessionId);
+			if (!activeRequestId || msg.requestId !== activeRequestId) return;
+			for (const listener of this.listeners.walletConnectionRequest) try {
+				listener(payload);
+			} catch {}
+			return;
+		}
 		if (msg.type === "AUTH_MENU_EXTERNAL_AUTH_REQUEST") {
 			const payload = parseHostedAuthMenuExternalAuthRequest(msg.payload);
 			if (!payload) return;

package/dist/esm/SeamsWeb/walletIframe/coordinator.js

@@ -32,6 +32,8 @@ var WalletIframeCoordinator = class {
 	walletIframeSessionUnsubscribe = null;
 	sessionListeners = /* @__PURE__ */ new Set();
 	walletIframeLifecycleUnsubscribe = null;
+	walletConnectionUnsubscribe = null;
+	walletConnectionListeners = /* @__PURE__ */ new Set();
 	walletIframeAuthMenuUnsubscribe = null;
 	sdkLifecycleEventListeners = /* @__PURE__ */ new Set();
 	hostedAuthMenuExternalAuthRequestListeners = /* @__PURE__ */ new Set();
@@ -83,6 +85,7 @@ var WalletIframeCoordinator = class {
 		this.sdkLifecycleEventListeners.clear();
 		this.sessionListeners.clear();
 		this.hostedAuthMenuExternalAuthRequestListeners.clear();
+		this.walletConnectionListeners.clear();
 	}
 	releaseRouter() {
 		this.sessionDeliveryRevision += 1;
@@ -91,6 +94,8 @@ var WalletIframeCoordinator = class {
 		this.walletIframeLifecycleUnsubscribe?.();
 		this.walletIframeSessionUnsubscribe?.();
 		this.walletIframeAuthMenuUnsubscribe?.();
+		this.walletConnectionUnsubscribe?.();
+		this.walletConnectionUnsubscribe = null;
 		this.walletIframeCloseUnsubscribe = null;
 		this.walletIframePrefsUnsubscribe = null;
 		this.walletIframeLifecycleUnsubscribe = null;
@@ -255,6 +260,18 @@ var WalletIframeCoordinator = class {
 		}
 		await (await this.requireRouter()).cancelHostedAuthMenu(args);
 	}
+	onWalletConnectionRequest(listener) {
+		if (this.connection.kind === "disposed") return noSubscription;
+		this.walletConnectionListeners.add(listener);
+		if (this.iframeRouter) this.ensureWalletIframeAuthMenuMirror(this.iframeRouter);
+		return this.walletConnectionListeners.delete.bind(this.walletConnectionListeners, listener);
+	}
+	async resolveWalletConnection(resolution) {
+		await (await this.requireRouter()).resolveWalletConnection(resolution);
+	}
+	forwardWalletConnection = (request) => {
+		for (const listener of this.walletConnectionListeners) listener(request);
+	};
 	onHostedAuthMenuExternalAuthRequest(listener) {
 		if (this.connection.kind === "disposed") return noSubscription;
 		this.hostedAuthMenuExternalAuthRequestListeners.add(listener);
@@ -288,6 +305,7 @@ var WalletIframeCoordinator = class {
 		this.walletIframeLifecycleUnsubscribe = router.onSdkLifecycleEvent(this.forwardSdkLifecycleEventListener);
 	}
 	ensureWalletIframeAuthMenuMirror(router) {
+		if (!this.walletConnectionUnsubscribe) this.walletConnectionUnsubscribe = router.onWalletConnectionRequest(this.forwardWalletConnection);
 		if (!this.walletIframeAuthMenuUnsubscribe) this.walletIframeAuthMenuUnsubscribe = router.onHostedAuthMenuExternalAuthRequest(this.forwardHostedAuthMenuExternalAuthRequestListener);
 	}
 	forwardSdkLifecycleEvent(event) {

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/AuthMenuSurface.js

@@ -2,6 +2,7 @@ import { isLinkedDeviceTargetEmailAddressV1 } from "../../../../../core/types/li
 import "../../../../../shared-ts/src/wallet-recovery/recoveryCodes.js";
 import { walletDisplayText, walletText } from "../../../../../core/ui/messages.js";
 import { WalletLocaleContext, WalletText } from "../../../../../core/signingEngine/uiConfirm/ui/preact/WalletLocale.js";
+import { WalletAlternativesSection } from "./WalletAlternativesSection.js";
 import { recoveryInputCharacters, rejectedRecoveryCharacters, renderRecoveryCodeGroups } from "./recovery-code-input.js";
 import { AUTH_MENU_WAITING_PROMPTS, isAuthMenuActionReady, isAuthMenuGoogleActionReady, isAuthMenuLoadingStatus, isAuthMenuReady } from "../../auth-menu/domain.js";
 import { AUTH_MENU_ACCOUNT_LIST_ID, AUTH_MENU_TITLE_ID, accountGroups, accountSecondaryText, authViewKey, menuNotice, modeLabel, modeSwitchCopy, otpCodeDigits, passkeyButtonLabel, recoveryAnnouncement, recoveryBackLabel, recoveryCaretAtPoint, recoveryNavigationLocked, renderDemoEmailCode, renderOtpCodeDigit, savedAccountsTriggerLabel, selectedAccountPrimaryText, selectedLoginAccount } from "./presentation.js";
@@ -13,7 +14,6 @@ import { linkDeviceDotRing, linkDeviceEmailOtpPresentation } from "./linkDeviceB
 import { Component, Fragment } from "preact";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/SeamsWeb/walletIframe/host/ui/auth-menu/AuthMenuSurface.tsx
-/** @jsxImportSource preact */
 const ACCOUNT_MENU_EXIT_MS = 160;
 var AuthMenuSurface = class extends Component {
 	static contextType = WalletLocaleContext;
@@ -94,7 +94,10 @@ var AuthMenuSurface = class extends Component {
 		const current = this.viewModel;
 		if (previous?.kind === "recovery" && current.kind !== "recovery") {
 			this.previousRecoveryStage = null;
-			this.props.element.querySelector("[data-recovery-action]")?.focus();
+			const action = this.props.element.querySelector("[data-recovery-action]");
+			const expander = action?.closest("details");
+			if (expander) expander.open = true;
+			action?.focus();
 			return;
 		}
 		if (current.kind !== "recovery") return;
@@ -183,8 +186,15 @@ var AuthMenuSurface = class extends Component {
 		}
 	};
 	focusableElements() {
-		return Array.from(this.props.element.querySelectorAll("button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])"));
+		return Array.from(this.props.element.querySelectorAll("button, input, select, textarea, summary, a[href], [tabindex]:not([tabindex=\"-1\"])")).filter(isAvailableMenuControl);
 	}
+	onDismiss = () => {
+		if (recoveryNavigationLocked(this.viewModel)) return;
+		this.emitIntent({
+			kind: "close",
+			reason: "close_button"
+		});
+	};
 	onBackClick = () => {
 		this.emitIntent({ kind: "back" });
 	};
@@ -501,7 +511,19 @@ var AuthMenuSurface = class extends Component {
 					children: [
 						/* @__PURE__ */ jsx(PadlockIcon, {}),
 						" ",
-						/* @__PURE__ */ jsx("span", { children: viewModel.hostname })
+						/* @__PURE__ */ jsx("span", { children: viewModel.hostname }),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							class: "seams-menu-dismiss",
+							"aria-label": viewModel.closeLabel,
+							disabled: recoveryNavigationLocked(viewModel),
+							onClick: this.onDismiss,
+							"data-auth-menu-dismiss": true,
+							children: /* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								children: "×"
+							})
+						})
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -549,12 +571,28 @@ var AuthMenuSurface = class extends Component {
 		if (viewModel.kind === "google_registration") return this.renderGoogleRegistration(viewModel);
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			this.renderMenuHeader(viewModel),
-			" ",
-			this.renderPasskeyInput(viewModel),
-			this.renderAuthMethods(viewModel),
-			" ",
-			this.renderOtherOptions(),
-			this.renderIntentSwitch(viewModel)
+			/* @__PURE__ */ jsxs("fieldset", {
+				class: "seams-connection-controls",
+				disabled: this.props.walletConnection.kind === "pending",
+				children: [
+					this.renderPasskeyInput(viewModel),
+					this.renderAuthMethods(viewModel),
+					/* @__PURE__ */ jsx(WalletAlternativesSection, {
+						alternatives: this.props.walletAlternatives,
+						onIntent: this.props.onIntent
+					}),
+					this.renderOtherOptions(),
+					this.renderIntentSwitch(viewModel)
+				]
+			}),
+			this.props.walletConnection.kind === "pending" && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				children: /* @__PURE__ */ jsx(WalletText, { copy: "Complete the request in your wallet." })
+			}),
+			this.props.walletConnection.kind === "failed" && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				children: this.props.walletConnection.message
+			})
 		] });
 	}
 	renderMenuHeader(viewModel) {
@@ -766,44 +804,44 @@ var AuthMenuSurface = class extends Component {
 		}) });
 	}
 	renderOtherOptions() {
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-			class: "seams-menu-options-label",
-			children: /* @__PURE__ */ jsx(WalletText, { message: "Other options" })
-		}), /* @__PURE__ */ jsxs("div", {
-			class: "seams-menu-options",
-			children: [/* @__PURE__ */ jsxs("button", {
-				class: "seams-menu-option",
-				type: "button",
-				onClick: this.onLinkDeviceOpen,
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						class: "seams-menu-option-icon",
-						children: linkDeviceIcon()
-					}),
-					/* @__PURE__ */ jsxs("span", {
-						class: "seams-menu-option-text",
-						children: [/* @__PURE__ */ jsx(WalletText, { message: "Link this device" }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { message: "Scan a code with your other device" }) })]
-					}),
-					chevronIcon()
-				]
-			}), /* @__PURE__ */ jsxs("button", {
-				class: "seams-menu-option",
-				type: "button",
-				"data-recovery-action": true,
-				onClick: this.onRecoveryOpen,
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						class: "seams-menu-option-icon",
-						children: recoveryIcon()
-					}),
-					/* @__PURE__ */ jsxs("span", {
-						class: "seams-menu-option-text",
-						children: [/* @__PURE__ */ jsx(WalletText, { message: "Recover wallet" }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { message: "Use your recovery code" }) })]
-					}),
-					chevronIcon()
-				]
+		return /* @__PURE__ */ jsxs("details", {
+			class: "seams-menu-expander",
+			children: [/* @__PURE__ */ jsxs("summary", { children: [/* @__PURE__ */ jsx(WalletText, { copy: "Recover or link wallet" }), chevronIcon()] }), /* @__PURE__ */ jsxs("div", {
+				class: "seams-menu-options",
+				children: [/* @__PURE__ */ jsxs("button", {
+					class: "seams-menu-option",
+					type: "button",
+					onClick: this.onLinkDeviceOpen,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							class: "seams-menu-option-icon",
+							children: linkDeviceIcon()
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							class: "seams-menu-option-text",
+							children: [/* @__PURE__ */ jsx(WalletText, { message: "Link this device" }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { message: "Scan a code with your other device" }) })]
+						}),
+						chevronIcon()
+					]
+				}), /* @__PURE__ */ jsxs("button", {
+					class: "seams-menu-option",
+					type: "button",
+					"data-recovery-action": true,
+					onClick: this.onRecoveryOpen,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							class: "seams-menu-option-icon",
+							children: recoveryIcon()
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							class: "seams-menu-option-text",
+							children: [/* @__PURE__ */ jsx(WalletText, { message: "Recover wallet" }), /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(WalletText, { message: "Use your recovery code" }) })]
+						}),
+						chevronIcon()
+					]
+				})]
 			})]
-		})] });
+		});
 	}
 	renderRecovery(viewModel) {
 		if (viewModel.stage === "enter_code") {
@@ -1577,6 +1615,9 @@ function voiceMethodIcon() {
 		children: /* @__PURE__ */ jsx("path", { d: "M4 10v4m4-7v10m4-14v18m4-14v10m4-7v4" })
 	});
 }
+function isAvailableMenuControl(element) {
+	return !element.matches(":disabled") && element.getClientRects().length > 0;
+}
 //#endregion
 export { AuthMenuSurface };
 

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/WalletAlternativesSection.js

@@ -0,0 +1,67 @@
+import { WalletText } from "../../../../../core/signingEngine/uiConfirm/ui/preact/WalletLocale.js";
+import { Component } from "preact";
+import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
+//#region src/SeamsWeb/walletIframe/host/ui/auth-menu/WalletAlternativesSection.tsx
+/** @jsxImportSource preact */
+var WalletAlternativesSection = class extends Component {
+	connect = (alternativeId) => {
+		this.props.onIntent({
+			kind: "wallet_connection",
+			alternativeId
+		});
+	};
+	renderWalletRows(wallets) {
+		const rows = [];
+		for (const wallet of wallets) rows.push(/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			class: "seams-menu-option seams-wallet-alternative",
+			onClick: this.connect.bind(this, wallet.id),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					class: "seams-alternative-icon",
+					"aria-hidden": "true",
+					children: wallet.icon ? /* @__PURE__ */ jsx("img", {
+						src: wallet.icon,
+						alt: "",
+						width: "32",
+						height: "32"
+					}) : "↗"
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					class: "seams-menu-option-text",
+					children: [wallet.label, wallet.description && /* @__PURE__ */ jsx("small", { children: wallet.description })]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					class: "seams-alternative-arrow",
+					"aria-hidden": "true",
+					children: "↗"
+				})
+			]
+		}, wallet.id));
+		return /* @__PURE__ */ jsx("div", {
+			class: "seams-menu-options",
+			children: rows
+		});
+	}
+	render() {
+		const { primary, secondary } = this.props.alternatives;
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [primary.length > 0 && /* @__PURE__ */ jsxs("section", {
+			"aria-label": "Or connect another wallet",
+			children: [/* @__PURE__ */ jsx("div", {
+				class: "seams-menu-options-label seams-alternatives-heading",
+				children: /* @__PURE__ */ jsx(WalletText, { copy: "Or connect another wallet" })
+			}), this.renderWalletRows(primary)]
+		}), secondary.length > 0 && /* @__PURE__ */ jsxs("details", {
+			class: "seams-menu-expander",
+			"data-wallet-alternatives-secondary": true,
+			children: [/* @__PURE__ */ jsxs("summary", { children: [/* @__PURE__ */ jsx(WalletText, { copy: "More wallets" }), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: "⌄"
+			})] }), this.renderWalletRows(secondary)]
+		})] });
+	}
+};
+//#endregion
+export { WalletAlternativesSection };
+
+//# sourceMappingURL=WalletAlternativesSection.js.map

package/dist/esm/SeamsWeb/walletIframe/host/ui/auth-menu/mountAuthMenuSurface.js

@@ -1,3 +1,4 @@
+import { emptyWalletAlternatives } from "../../../shared/walletAlternatives.js";
 import { appearanceTokenCssRule } from "../../../../../core/signingEngine/uiConfirm/ui/appearance-token-vars.js";
 import { createCspStylesheetManager, getDefaultCspNonce } from "../../../../../core/browser/walletIframe/csp-stylesheet.js";
 import { withWalletLocale } from "../../../../../core/signingEngine/uiConfirm/ui/preact/WalletLocale.js";
@@ -23,10 +24,15 @@ function authMenuStyles(document) {
 }
 var MountedAuthMenuSurface = class {
 	element;
+	walletAlternatives;
+	walletConnection = { kind: "idle" };
+	viewModel;
 	styles;
 	entrance = [];
 	state;
 	constructor(input) {
+		this.walletAlternatives = input.walletAlternatives ?? emptyWalletAlternatives();
+		this.viewModel = input.viewModel;
 		const document = input.parent.ownerDocument;
 		this.styles = authMenuStyles(document);
 		this.element = document.createElement("div");
@@ -70,7 +76,12 @@ var MountedAuthMenuSurface = class {
 			easing: "cubic-bezier(0.25, 1, 0.5, 1)"
 		}));
 	}
+	updateWalletConnection(state) {
+		this.walletConnection = state;
+		this.update(this.viewModel);
+	}
 	update(viewModel) {
+		this.viewModel = viewModel;
 		if (this.state.kind === "disposed") return;
 		this.element.lang = viewModel.appearance.locale ?? "en";
 		this.element.dataset.theme = viewModel.appearance.theme.mode;
@@ -78,6 +89,8 @@ var MountedAuthMenuSurface = class {
 		render(withWalletLocale(viewModel.appearance.locale ?? "en", /* @__PURE__ */ jsx(AuthMenuSurface, {
 			element: this.element,
 			viewModel,
+			walletAlternatives: this.walletAlternatives,
+			walletConnection: this.walletConnection,
 			onIntent: this.state.onIntent,
 			styles: this.styles
 		})), this.element);

package/dist/esm/SeamsWeb/walletIframe/host/walletMutationGuard.js

@@ -45,6 +45,7 @@ function walletForHostRequest(request, currentWalletId) {
 		case "PM_OPEN_AUTH_MENU":
 		case "PM_CANCEL_AUTH_MENU":
 		case "PM_RESOLVE_AUTH_MENU_EXTERNAL_AUTH":
+		case "PM_RESOLVE_WALLET_CONNECTION":
 		case "PM_REDEEM_HOSTED_WALLET_SEAMS_SESSION":
 		case "PM_REGISTER_WALLET":
 		case "PM_UNLOCK":

package/dist/esm/SeamsWeb/walletIframe/shared/messages.js

@@ -2,6 +2,7 @@ import { isPlainObject } from "../../../shared-ts/src/utils/validation.js";
 import { parseWalletAuthMethodId, parseWalletId } from "../../../shared-ts/src/utils/domainIds.js";
 import { parseWalletSessionHome } from "../../../shared-ts/src/device-linking/activeWalletSession.js";
 import { walletIframeRequestIdFromBoundary } from "../../../core/types/walletIframeIdentity.js";
+import { emptyWalletAlternatives, parseWalletAlternatives } from "./walletAlternatives.js";
 //#region src/SeamsWeb/walletIframe/shared/messages.ts
 const WALLET_IFRAME_SURFACE_MEASUREMENT_MAX_CSS_PX = 4096;
 const HOSTED_AUTH_MENU_ERROR_EVENT = "seams:hosted-auth-menu-error";
@@ -209,7 +210,8 @@ function parseHostedAuthMenuOpenRequest(value) {
 		"showRegistrationInput",
 		"showProgress",
 		"copy",
-		"enabledExternalProviders"
+		"enabledExternalProviders",
+		"walletAlternatives"
 	]) || !hasOnlyHostedAuthMenuCopyKeys(record.copy)) return null;
 	const authMenuSessionId = hostedAuthMenuSessionIdFromBoundary(record.authMenuSessionId);
 	const initialMode = parseAuthMenuMode(record.initialMode);
@@ -226,7 +228,8 @@ function parseHostedAuthMenuOpenRequest(value) {
 	} : null;
 	const registrationAccountInput = parseRegistrationAccountInput(record.registrationAccountInput);
 	const providers = parseExternalProviders(record.enabledExternalProviders);
-	if (!authMenuSessionId || !initialMode || !loginTarget || !registrationAccountInput || typeof record.showRegistrationInput !== "boolean" || typeof record.showProgress !== "boolean" || !providers || !isWireSerializable(record.copy, /* @__PURE__ */ new Set(), true)) return null;
+	const walletAlternatives = record.walletAlternatives === void 0 ? emptyWalletAlternatives() : parseWalletAlternatives(record.walletAlternatives);
+	if (!authMenuSessionId || !initialMode || !loginTarget || !registrationAccountInput || typeof record.showRegistrationInput !== "boolean" || typeof record.showProgress !== "boolean" || !providers || !walletAlternatives || !isWireSerializable(record.copy, /* @__PURE__ */ new Set(), true)) return null;
 	return {
 		kind: "hosted_auth_menu_open_v1",
 		authMenuSessionId,
@@ -237,7 +240,8 @@ function parseHostedAuthMenuOpenRequest(value) {
 		showRegistrationInput: record.showRegistrationInput,
 		showProgress: record.showProgress,
 		copy: normalizeHostedAuthMenuCopy(record.copy),
-		enabledExternalProviders: providers
+		enabledExternalProviders: providers,
+		walletAlternatives
 	};
 }
 function buildHostedAuthMenuOpenRequest(args) {
@@ -252,7 +256,8 @@ function buildHostedAuthMenuOpenRequest(args) {
 		"showRegistrationInput",
 		"showProgress",
 		"copy",
-		"enabledExternalProviders"
+		"enabledExternalProviders",
+		"walletAlternatives"
 	]) || args.copy !== void 0 && !hasOnlyHostedAuthMenuCopyKeys(args.copy)) throw new Error("Hosted auth-menu open configuration contains unsupported fields");
 	const parsedSessionId = hostedAuthMenuSessionIdFromBoundary(args.authMenuSessionId);
 	if (!parsedSessionId) throw new Error("authMenuSessionId must be a non-empty string");
@@ -266,7 +271,8 @@ function buildHostedAuthMenuOpenRequest(args) {
 		showRegistrationInput: args.showRegistrationInput ?? false,
 		showProgress: args.showProgress ?? false,
 		copy: normalizeHostedAuthMenuCopy(args.copy),
-		enabledExternalProviders: [...args.enabledExternalProviders ?? []]
+		enabledExternalProviders: [...args.enabledExternalProviders ?? []],
+		walletAlternatives: args.walletAlternatives ?? emptyWalletAlternatives()
 	};
 	if (!parseHostedAuthMenuOpenRequest(request)) throw new Error("Hosted auth-menu open request is invalid");
 	return Object.freeze(request);
@@ -425,6 +431,14 @@ function parseHostedAuthMenuOutcome(value) {
 				method
 			} : null;
 		}
+		case "wallet_connected": {
+			const alternativeId = boundaryString(record.alternativeId, "alternativeId");
+			return alternativeId ? {
+				kind: "wallet_connected",
+				authMenuSessionId,
+				alternativeId
+			} : null;
+		}
 		case "account_synced": {
 			if (!hasOnlyKeys(record, [
 				"kind",
@@ -470,7 +484,7 @@ function parseHostedAuthMenuOutcome(value) {
 		default: return null;
 	}
 }
-const WALLET_PROTOCOL_VERSION = "19.0.0";
+const WALLET_PROTOCOL_VERSION = "20.0.0";
 const WALLET_IFRAME_PROTOCOL_VERSION_MISMATCH = "WALLET_IFRAME_PROTOCOL_VERSION_MISMATCH";
 const HOSTED_WALLET_REDEMPTION_PAYLOAD_FIELDS = [
 	"home",