@seams/wallet 0.6.2 → 0.7.3

package/dist/esm/react/components/AccountMenuButton/icons/lucideIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/react/components/AccountMenuButton/icons/lucideIcon.tsx
+function lucideIconSvg(name, { size = 24, className, strokeWidth = 2, ...rest }, shapes) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `lucide lucide-${name}-icon lucide-${name}${className ? ` ${className}` : ""}`,
+		"aria-hidden": "true",
+		focusable: "false",
+		...rest,
+		children: shapes
+	});
+}
+function lucideIcon(name, shapes) {
+	return (props) => lucideIconSvg(name, props, shapes);
+}
+//#endregion
+export { lucideIcon, lucideIconSvg };
+
+//# sourceMappingURL=lucideIcon.js.map

package/dist/esm/react/components/AccountMenuButton/icons/strokeIcon.js

@@ -0,0 +1,33 @@
+import { lucideIconSvg } from "./lucideIcon.js";
+import React from "react";
+//#region src/react/components/AccountMenuButton/icons/strokeIcon.tsx
+function useDrawInStrokeIcon({ size, className, strokeWidth, animate = true, style, ...rest }, name, fromColor, drawShapes) {
+	const [mounted, setMounted] = React.useState(false);
+	React.useEffect(() => {
+		if (!animate) return;
+		const id = requestAnimationFrame(() => setMounted(true));
+		return () => cancelAnimationFrame(id);
+	}, [animate]);
+	const animationDuration = "900ms";
+	const dash = 100;
+	const dashProps = animate ? {
+		pathLength: dash,
+		strokeDasharray: dash,
+		strokeDashoffset: mounted ? 0 : dash,
+		style: {
+			stroke: mounted ? "currentColor" : fromColor,
+			transition: `stroke-dashoffset ${animationDuration} cubic-bezier(0.22, 1, 0.36, 1), stroke ${animationDuration} ease`,
+			...style
+		}
+	} : { style };
+	return lucideIconSvg(name, {
+		size,
+		className,
+		strokeWidth,
+		...rest
+	}, drawShapes(dashProps));
+}
+//#endregion
+export { useDrawInStrokeIcon };
+
+//# sourceMappingURL=strokeIcon.js.map

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

@@ -1,16 +1,16 @@
 import { requirePrimaryChainByFamily, resolvePrimaryExplorerUrl } from "../../core/config/chains.js";
 import { parseVerifiedEmailAddress } from "../../shared-ts/src/utils/domainIds.js";
-import { thresholdEcdsaChainTargetFromConfig, toWalletId } from "../../core/signingEngine/interfaces/ecdsaChainTarget.js";
 import { WALLET_AUTH_METHODS } from "../../shared-ts/src/utils/signerDomain.js";
+import { thresholdEcdsaChainTargetFromConfig, toWalletId } from "../../core/signingEngine/interfaces/ecdsaChainTarget.js";
 import { accountMenuCapabilitiesForLoginState } from "../../context/reactLoginStateBuilders.js";
 import { useSeams } from "../../context/index.js";
 import { Theme, useTheme } from "../theme/ThemeProvider.js";
-import ScanIcon from "./icons/ScanIcon.js";
-import KeyIcon from "./icons/KeyIcon.js";
-import LinkIcon from "./icons/LinkIcon.js";
-import GlobeIcon from "./icons/GlobeIcon.js";
-import SlidersIcon from "./icons/SlidersIcon.js";
-import RecoveryCodesIcon from "./icons/RecoveryCodesIcon.js";
+import { ScanIcon } from "./icons/ScanIcon.js";
+import { KeyIcon } from "./icons/KeyIcon.js";
+import { LinkIcon } from "./icons/LinkIcon.js";
+import { GlobeIcon } from "./icons/GlobeIcon.js";
+import { SlidersIcon } from "./icons/SlidersIcon.js";
+import { RecoveryCodesIcon } from "./icons/RecoveryCodesIcon.js";
 import SpinnerIcon from "./icons/SpinnerIcon.js";
 import TouchIcon from "./icons/TouchIcon.js";
 import { UserAccountButton } from "./UserAccountButton.js";

package/dist/esm/react/components/QRCodeScanner.css

@@ -394,13 +394,6 @@
   max-width: 220px;
 }
 
-.qr-scanner-mode-controls {
-  margin-top: 20px;
-  display: flex;
-  gap: 10px;
-  justify-content: center;
-}
-
 .qr-scanner-close {
   position: absolute;
   top: 20px;
@@ -436,14 +429,6 @@
   outline-offset: 3px;
 }
 
-.qr-scanner-error-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 300px;
-  padding: 20px;
-}
-
 .qr-scanner-error-message {
   background-color: var(--seams-colors-error);
   color: var(--seams-colors-textButton);

package/dist/esm/react/components/ShowQRCode.css

@@ -329,17 +329,3 @@
 .seams-link-device-failure .seams-link-device-btn:focus-visible {
   background: var(--seams-colors-surface2, #f1f5f9);
 }
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .qr-modal-content {
-    margin: 1rem;
-    max-width: calc(100vw - 2rem);
-  }
-
-  @supports (width: 1dvw) {
-    .qr-modal-content {
-      max-width: calc(100dvw - 2rem);
-    }
-  }
-}

package/dist/esm/react/components/theme/design-tokens.js

@@ -199,7 +199,6 @@ const DARK_TOKENS = {
 		xl: "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3)"
 	}
 };
-({ ...LIGHT_TOKENS }), { ...LIGHT_TOKENS.colors }, { ...DARK_TOKENS }, { ...DARK_TOKENS.colors };
 GRADIENTS.blue, LIGHT_TOKENS.shadows.md, LIGHT_TOKENS.colors.borderHover, LIGHT_TOKENS.shadows.sm, LIGHT_TOKENS.colors.borderSecondary, LIGHT_TOKENS.colors.textPrimary, LIGHT_TOKENS.colors.textMuted, GREY_COLORS.grey100, GRADIENTS.blue, DARK_TOKENS.shadows.md, DARK_TOKENS.colors.borderHover, DARK_TOKENS.shadows.sm, DARK_TOKENS.colors.borderSecondary, DARK_TOKENS.colors.textPrimary, DARK_TOKENS.colors.textSecondary, DARK_TOKENS.colors.grey800;
 //#endregion
 export { DARK_TOKENS, LIGHT_TOKENS, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE };

package/dist/esm/react/context/useSeamsWithSdkFlow.js

@@ -62,7 +62,6 @@ function useSeamsWithSdkFlow(args) {
 				options: wrappedOptions
 			});
 		};
-		const registerWithEmailOtpWithSdkFlow = async (registerWalletArgs) => await registerWalletWithSdkFlow(registerWalletArgs);
 		const addWalletSignerWithSdkFlow = async (addSignerArgs) => {
 			const seq = beginSdkFlow("register", String(addSignerArgs.walletId || "").trim() || void 0);
 			const options = addSignerArgs.options;
@@ -128,7 +127,7 @@ function useSeamsWithSdkFlow(args) {
 				...Reflect.get(target, prop, receiver),
 				addWalletSigner: addWalletSignerWithSdkFlow,
 				registerWallet: registerWalletWithSdkFlow,
-				registerWithEmailOtp: registerWithEmailOtpWithSdkFlow,
+				registerWithEmailOtp: registerWalletWithSdkFlow,
 				registerPasskey: registerPasskeyWithSdkFlow
 			};
 			if (prop === "recovery") {

package/dist/esm/react/context/useWalletIframeLifecycle.js

@@ -70,17 +70,11 @@ async function reconcileExactWalletIframeSessionState(args) {
 		setLoginState: args.setLoginState
 	});
 }
-function reconcileExactWalletIframeSessionStateInBackground(args) {
-	reconcileExactWalletIframeSessionState(args).catch((error) => {
-		console.warn("[SeamsContextProvider] WalletIframe state refresh failed:", error);
-	});
-}
 function useWalletIframeLifecycle(args) {
 	const { seams, setWalletIframeConnected, setLoginState } = args;
 	useEffect(() => {
 		let offReady;
 		let offLogin;
-		let offPrefs;
 		const lifecycle = {
 			cancelled: false,
 			revision: 0
@@ -103,13 +97,6 @@ function useWalletIframeLifecycle(args) {
 						setLoginState
 					});
 				});
-				offPrefs = seams.onWalletIframePreferencesChanged(() => {
-					reconcileExactWalletIframeSessionStateInBackground({
-						seams,
-						lifecycle,
-						setLoginState
-					});
-				});
 				await reconcileExactWalletIframeSessionState({
 					seams,
 					lifecycle,
@@ -124,7 +111,6 @@ function useWalletIframeLifecycle(args) {
 			lifecycle.revision += 1;
 			offReady && offReady();
 			offLogin && offLogin();
-			offPrefs && offPrefs();
 		};
 	}, [
 		setLoginState,

package/dist/esm/react/core/config/chains.js

@@ -1,5 +1,6 @@
 import { normalizeTrimmedString } from "../../shared-ts/src/utils/normalize.js";
 import "../../shared-ts/src/utils/validation.js";
+//#region src/core/config/chains.ts
 const SEAMS_CHAIN_NETWORK_SET = new Set([
 	"near-mainnet",
 	"near-testnet",

package/dist/esm/react/core/indexedDB/keyMaterialEnvelope.js

@@ -1,10 +1,6 @@
 import { normalizeTrimmedString } from "../../shared-ts/src/utils/normalize.js";
-import "../../shared-ts/src/utils/validation.js";
+import { asRecord } from "../../shared-ts/src/utils/validation.js";
 //#region src/core/indexedDB/keyMaterialEnvelope.ts
-function asRecord(value) {
-	if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-	return value;
-}
 function sanitizePayload(value) {
 	const record = asRecord(value);
 	if (!record) return void 0;

package/dist/esm/react/core/indexedDB/linkedAuthoritySignerMaterial.js

@@ -1,11 +1,12 @@
 import { base64UrlDecode, base64UrlEncode } from "../../shared-ts/src/utils/base64.js";
+import { requireCanonicalString, requireRecord } from "../../shared-ts/src/utils/validation.js";
 import { alphabetizeStringify, sha256Bytes } from "../../shared-ts/src/utils/digests.js";
 import { mpcMaterialActivationRefsEqual, parseMpcMaterialActivationRef, parseWalletAuthMethodId, parseWalletAuthorityId, parseWebAuthnCredentialIdB64u, parseWebAuthnRpId } from "../../shared-ts/src/utils/domainIds.js";
-import { parseDigestB64u } from "../../shared-ts/src/utils/canonicalPrimitives.js";
+import { parseDigestB64u, sha256DigestB64u } from "../../shared-ts/src/utils/canonicalPrimitives.js";
 import { routerAbMpcMaterialActivationRefFromWire } from "../../shared-ts/src/utils/routerAbNormalSigningIdentity.js";
+import { parseEcdsaThresholdKeyId } from "../signingEngine/session/keyMaterialBrands.js";
 import { parseRouterAbEd25519YaoActivationPublicReceiptV1, parseRouterAbEd25519YaoApplicationBindingFactsV1, parseRouterAbEd25519YaoCeremonyBindingV1, parseRouterAbEd25519YaoParticipantIdsV1 } from "../../shared-ts/src/utils/routerAbEd25519Yao.js";
 import { parseLinkedDeviceEcdsaSourcePreservingActivationReceiptV1 } from "../../shared-ts/src/device-linking/sourceContribution.js";
-import { parseEcdsaThresholdKeyId } from "../signingEngine/session/keyMaterialBrands.js";
 import "../../shared-ts/src/device-linking/index.js";
 //#region src/core/indexedDB/linkedAuthoritySignerMaterial.ts
 function linkedAuthorityMaterialSealAadV1(input) {
@@ -41,7 +42,7 @@ function parseWalletAuthorityLinkedSignerMaterialRecordV1(value) {
 	const authorityId = parseBoundaryValue(parseWalletAuthorityId(record.authorityId), "authorityId");
 	const walletAuthMethodId = parseBoundaryValue(parseWalletAuthMethodId(record.walletAuthMethodId), "walletAuthMethodId");
 	const materialActivation = parseBoundaryValue(parseMpcMaterialActivationRef(record.materialActivation), "materialActivation");
-	const activationId = requireNonEmptyString(record.activationId, "activationId");
+	const activationId = requireCanonicalString(record.activationId, "activationId", "must be a non-empty canonical string");
 	if (materialActivation.activationId !== activationId) throw new Error("linked signer material activationId does not match materialActivation");
 	const sealedMaterialB64u = parseCanonicalNonEmptyB64u(record.sealedMaterialB64u, "sealedMaterialB64u");
 	const sealedMaterialDigestB64u = parseDigestB64u(record.sealedMaterialDigestB64u);
@@ -116,7 +117,7 @@ async function openWalletAuthorityLinkedSignerMaterialV1(input) {
 			reason: "sealed_material_invalid"
 		};
 	}
-	if (parseDigestB64u(base64UrlEncode(await sha256Bytes(sealed))) !== record.sealedMaterialDigestB64u) {
+	if (await sha256DigestB64u(sealed) !== record.sealedMaterialDigestB64u) {
 		sealed.fill(0);
 		return {
 			kind: "wallet_authority_linked_signer_material_open_failed_v1",
@@ -201,14 +202,14 @@ function parseWalletAuthorityLinkedMaterialTargetFactorV1(value) {
 			"emailHashHex",
 			"registrationAuthorityId"
 		], "linked signer material email target factor");
-		const emailHashHex = requireNonEmptyString(record.emailHashHex, "targetFactor.emailHashHex");
+		const emailHashHex = requireCanonicalString(record.emailHashHex, "targetFactor.emailHashHex", "must be a non-empty canonical string");
 		if (!/^[0-9a-f]{64}$/.test(emailHashHex)) throw new Error("targetFactor.emailHashHex is invalid");
 		return {
 			kind: "email_otp",
 			walletAuthMethodId: parseBoundaryValue(parseWalletAuthMethodId(record.walletAuthMethodId), "targetFactor.walletAuthMethodId"),
 			verificationDigestB64u: parseDigestB64u(record.verificationDigestB64u),
 			emailHashHex,
-			registrationAuthorityId: requireNonEmptyString(record.registrationAuthorityId, "targetFactor.registrationAuthorityId")
+			registrationAuthorityId: requireCanonicalString(record.registrationAuthorityId, "targetFactor.registrationAuthorityId", "must be a non-empty canonical string")
 		};
 	}
 	throw new Error("linked signer material target factor kind is invalid");
@@ -265,14 +266,6 @@ function parseBoundaryValue(result, label) {
 	if (!result.ok) throw new Error(`${label}: ${result.error.message}`);
 	return result.value;
 }
-function requireNonEmptyString(value, label) {
-	if (typeof value !== "string" || value.length === 0 || value.trim() !== value) throw new Error(`${label} must be a non-empty canonical string`);
-	return value;
-}
-function requireRecord(value, label) {
-	if (typeof value !== "object" || value === null || Array.isArray(value)) throw new Error(`${label} must be an object`);
-	return value;
-}
 function exactKeys(record, keys, label) {
 	const actual = Object.keys(record);
 	if (actual.length !== keys.length || keys.some((key) => !actual.includes(key))) throw new Error(`${label} fields are invalid`);

package/dist/esm/react/core/indexedDB/pendingWalletRecoveryCommit.js

@@ -1,8 +1,9 @@
-import { mpcMaterialActivationRefsEqual, parseEmailOtpProviderUserId, parseWalletAuthMethodId, parseWalletAuthorityId, parseWalletId, parseWalletRecoveryOperationId, parseWebAuthnCredentialIdB64u, parseWebAuthnRpId } from "../../shared-ts/src/utils/domainIds.js";
+import { parseEmailOtpProviderUserId, parseWalletAuthMethodId, parseWalletAuthorityId, parseWalletId, parseWalletRecoveryOperationId, parseWebAuthnCredentialIdB64u, parseWebAuthnRpId } from "../../shared-ts/src/utils/domainIds.js";
 import { parseDeviceId } from "../../shared-ts/src/authorization/capabilityKinds.js";
+import { parseWalletAuthMethodRecordV2, sameWalletAuthMethodRecordV2 } from "../../shared-ts/src/utils/walletAuthMethodRecord.js";
 import { isActiveRecoveredWalletAuthorityV1, parseWalletAuthorityV1 } from "../../shared-ts/src/authorization/walletAuthority.js";
-import { parseWalletAuthMethodRecordV2, sameWalletAuthMethodRecordV2 } from "../../shared-ts/src/utils/registrationIntent.js";
 import { parseRecoveryCodeReservationId } from "../../shared-ts/src/wallet-recovery/recoveryCodeReservation.js";
+import { sameWalletEcdsaSignerActivationV1, sameWalletEd25519SignerActivationV1 } from "../../shared-ts/src/authorization/walletSignerActivationEquality.js";
 import { parseWalletRecoveryCommittedProjectionV1 } from "../../shared-ts/src/wallet-recovery/walletRecoveryCommittedProjection.js";
 //#region src/core/indexedDB/pendingWalletRecoveryCommit.ts
 const RECORD_KIND = "pending_wallet_recovery_commit_v1";
@@ -405,19 +406,13 @@ function samePendingRecoverySignerActivationSetV1(left, right) {
 	if (left.keyFamilies.length === 1) {
 		const family = left.keyFamilies[0];
 		switch (family) {
-			case "ed25519": return right.keyFamilies[0] === "ed25519" && left.ed25519 !== void 0 && right.ed25519 !== void 0 && samePendingRecoveryEd25519SignerActivationV1(left.ed25519, right.ed25519);
-			case "ecdsa_secp256k1": return right.keyFamilies[0] === "ecdsa_secp256k1" && left.ecdsa !== void 0 && right.ecdsa !== void 0 && samePendingRecoveryEcdsaSignerActivationV1(left.ecdsa, right.ecdsa);
+			case "ed25519": return right.keyFamilies[0] === "ed25519" && left.ed25519 !== void 0 && right.ed25519 !== void 0 && sameWalletEd25519SignerActivationV1(left.ed25519, right.ed25519);
+			case "ecdsa_secp256k1": return right.keyFamilies[0] === "ecdsa_secp256k1" && left.ecdsa !== void 0 && right.ecdsa !== void 0 && sameWalletEcdsaSignerActivationV1(left.ecdsa, right.ecdsa);
 			default: return assertNeverPendingRecoverySignerFamily(family);
 		}
 	}
 	if (left.keyFamilies.length !== 2 || left.keyFamilies[0] !== "ed25519" || left.keyFamilies[1] !== "ecdsa_secp256k1" || right.keyFamilies.length !== 2 || right.keyFamilies[0] !== "ed25519" || right.keyFamilies[1] !== "ecdsa_secp256k1" || left.ed25519 === void 0 || right.ed25519 === void 0 || left.ecdsa === void 0 || right.ecdsa === void 0) return false;
-	return samePendingRecoveryEd25519SignerActivationV1(left.ed25519, right.ed25519) && samePendingRecoveryEcdsaSignerActivationV1(left.ecdsa, right.ecdsa);
-}
-function samePendingRecoveryEd25519SignerActivationV1(left, right) {
-	return left.kind === right.kind && left.signer.kind === right.signer.kind && left.signer.keyFamily === right.signer.keyFamily && left.signer.walletId === right.signer.walletId && left.signer.walletKeyId === right.signer.walletKeyId && left.signer.registeredPublicKeyB64u === right.signer.registeredPublicKeyB64u && mpcMaterialActivationRefsEqual(left.materialActivation, right.materialActivation);
-}
-function samePendingRecoveryEcdsaSignerActivationV1(left, right) {
-	return left.kind === right.kind && left.signer.kind === right.signer.kind && left.signer.keyFamily === right.signer.keyFamily && left.signer.walletId === right.signer.walletId && left.signer.walletKeyId === right.signer.walletKeyId && left.signer.thresholdPublicKey33B64u === right.signer.thresholdPublicKey33B64u && left.signer.evmAddress === right.signer.evmAddress && mpcMaterialActivationRefsEqual(left.materialActivation, right.materialActivation);
+	return sameWalletEd25519SignerActivationV1(left.ed25519, right.ed25519) && sameWalletEcdsaSignerActivationV1(left.ecdsa, right.ecdsa);
 }
 function assertNeverPendingRecoverySignerFamily(value) {
 	throw new Error(`unsupported pending recovery signer family: ${String(value)}`);