@tatchi-xyz/sdk 0.16.0 → 0.18.0

package/dist/esm/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.js

@@ -1,21 +1,22 @@
 import { init_accountIds, toAccountId } from "../../../sdk/src/core/types/accountIds.js";
 import { IndexedDBManager, init_IndexedDBManager } from "../../../sdk/src/core/IndexedDBManager/index.js";
 import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.tsx
 init_IndexedDBManager();
 init_accountIds();
 const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, emailRecoveryOptions }) => {
 	const mountedRef = React.useRef(true);
-	const explorerToastTimerRef = React.useRef(null);
+	const mailtoAttemptTimerRef = React.useRef(null);
+	const cancelRequestedRef = React.useRef(false);
 	React.useEffect(() => {
 		mountedRef.current = true;
 		return () => {
 			mountedRef.current = false;
-			if (explorerToastTimerRef.current != null) {
-				window.clearTimeout(explorerToastTimerRef.current);
-				explorerToastTimerRef.current = null;
+			if (mailtoAttemptTimerRef.current != null) {
+				window.clearTimeout(mailtoAttemptTimerRef.current);
+				mailtoAttemptTimerRef.current = null;
 			}
 		};
 	}, []);
@@ -23,6 +24,7 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 	const [accountIdInput, setAccountIdInput] = React.useState("");
 	const [recoveryEmailInput, setRecoveryEmailInput] = React.useState("");
 	const [pendingMailtoUrl, setPendingMailtoUrl] = React.useState(null);
+	const [mailtoUiState, setMailtoUiState] = React.useState("ready");
 	const [statusText, setStatusText] = React.useState(null);
 	const [pollingElapsedMs, setPollingElapsedMs] = React.useState(null);
 	const [errorText, setErrorText] = React.useState(null);
@@ -43,6 +45,8 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 	}, [accountId]);
 	React.useEffect(() => {
 		setPendingMailtoUrl(null);
+		setMailtoUiState("ready");
+		cancelRequestedRef.current = false;
 		setStatusText(null);
 		setPollingElapsedMs(null);
 		setErrorText(null);
@@ -50,9 +54,9 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 		setAccountInfoError(null);
 		setLocalRecoveryEmails([]);
 		setExplorerToast(null);
-		if (explorerToastTimerRef.current != null) {
-			window.clearTimeout(explorerToastTimerRef.current);
-			explorerToastTimerRef.current = null;
+		if (mailtoAttemptTimerRef.current != null) {
+			window.clearTimeout(mailtoAttemptTimerRef.current);
+			mailtoAttemptTimerRef.current = null;
 		}
 	}, [accountId]);
 	const safeSet = (setter) => {
@@ -71,11 +75,24 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 	const safeSetAccountInfoError = React.useMemo(() => safeSet(setAccountInfoError), []);
 	const safeSetLocalRecoveryEmails = React.useMemo(() => safeSet(setLocalRecoveryEmails), []);
 	const safeSetExplorerToast = React.useMemo(() => safeSet(setExplorerToast), []);
+	const safeSetMailtoUiState = React.useMemo(() => safeSet(setMailtoUiState), []);
 	const onEvent = React.useCallback((ev) => {
+		if (cancelRequestedRef.current) return;
 		safeSetStatusText(ev?.message || null);
 		emailRecoveryOptions?.onEvent?.(ev);
 		const data = ev?.data || {};
+		const rawTxHash = data?.transactionHash ?? data?.transaction_hash;
+		const txHash = typeof rawTxHash === "string" ? rawTxHash.trim() : "";
+		if (txHash) {
+			const base = String(tatchiPasskey.configs?.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
+			const url = base.includes("nearblocks.io") ? `${base}/txns/${txHash}` : `${base}/transactions/${txHash}`;
+			safeSetExplorerToast({
+				url,
+				transactionHash: txHash
+			});
+		}
 		const elapsedRaw = data?.elapsedMs ?? data?.elapsed_ms;
+		if (elapsedRaw == null) safeSetPollingElapsedMs(null);
 		const elapsed = elapsedRaw == null ? NaN : Number(elapsedRaw);
 		if (!Number.isNaN(elapsed)) safeSetPollingElapsedMs(elapsed);
 		if (ev?.phase === "email-recovery-error" || ev?.status === "error") {
@@ -84,25 +101,67 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 		}
 	}, [
 		emailRecoveryOptions,
-		safeSetStatusText,
+		safeSetErrorText,
+		safeSetExplorerToast,
 		safeSetPollingElapsedMs,
-		safeSetErrorText
+		safeSetStatusText,
+		tatchiPasskey
 	]);
 	const showExplorerToast = React.useCallback((rawAccountId) => {
 		const normalized = (rawAccountId || "").trim();
 		if (!normalized) return;
 		const base = String(tatchiPasskey.configs?.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
-		const url = `${base}/address/${normalized}`;
+		const url = base.includes("nearblocks.io") ? `${base}/address/${normalized}` : `${base}/accounts/${normalized}`;
 		safeSetExplorerToast({
 			url,
 			accountId: normalized
 		});
-		if (explorerToastTimerRef.current != null) window.clearTimeout(explorerToastTimerRef.current);
-		explorerToastTimerRef.current = window.setTimeout(() => {
-			safeSetExplorerToast(null);
-			explorerToastTimerRef.current = null;
-		}, 12e3);
 	}, [safeSetExplorerToast, tatchiPasskey]);
+	const launchMailto = React.useCallback((rawMailtoUrl) => {
+		const url = String(rawMailtoUrl || "").trim();
+		if (!url) return;
+		if (typeof window !== "undefined") try {
+			window.location.href = url;
+		} catch {}
+	}, []);
+	const attemptOpenMailtoFromUserGesture = React.useCallback((rawMailtoUrl) => {
+		const url = String(rawMailtoUrl || "").trim();
+		if (!url) return;
+		safeSetMailtoUiState("opening");
+		if (mailtoAttemptTimerRef.current != null) window.clearTimeout(mailtoAttemptTimerRef.current);
+		mailtoAttemptTimerRef.current = window.setTimeout(() => {
+			safeSetMailtoUiState((prev) => prev === "opening" ? "ready" : prev);
+			mailtoAttemptTimerRef.current = null;
+		}, 2e3);
+		launchMailto(url);
+	}, [launchMailto, safeSetMailtoUiState]);
+	const attemptOpenMailtoAuto = React.useCallback((rawMailtoUrl) => {
+		const url = String(rawMailtoUrl || "").trim();
+		if (!url) return;
+		launchMailto(url);
+	}, [launchMailto]);
+	React.useEffect(() => {
+		if (mailtoUiState !== "opening") return;
+		if (typeof window === "undefined" || typeof document === "undefined") return;
+		const markMaybeOpened = () => {
+			safeSetMailtoUiState("ready");
+			if (mailtoAttemptTimerRef.current != null) {
+				window.clearTimeout(mailtoAttemptTimerRef.current);
+				mailtoAttemptTimerRef.current = null;
+			}
+		};
+		const onVisibilityChange = () => {
+			if (document.visibilityState === "hidden") markMaybeOpened();
+		};
+		window.addEventListener("blur", markMaybeOpened);
+		window.addEventListener("pagehide", markMaybeOpened);
+		document.addEventListener("visibilitychange", onVisibilityChange);
+		return () => {
+			window.removeEventListener("blur", markMaybeOpened);
+			window.removeEventListener("pagehide", markMaybeOpened);
+			document.removeEventListener("visibilitychange", onVisibilityChange);
+		};
+	}, [mailtoUiState, safeSetMailtoUiState]);
 	const fetchLocalRecoveryEmailsFromIndexedDB = React.useCallback(async (rawAccountId) => {
 		const normalized = (rawAccountId || "").trim();
 		if (!normalized) {
@@ -215,10 +274,12 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 			return;
 		}
 		safeSetIsBusy(true);
+		cancelRequestedRef.current = false;
 		safeSetErrorText(null);
 		safeSetStatusText(null);
 		safeSetPollingElapsedMs(null);
 		safeSetPendingMailtoUrl(null);
+		safeSetMailtoUiState("ready");
 		let didForwardError = false;
 		try {
 			const result = await tatchiPasskey.startEmailRecovery({
@@ -227,6 +288,7 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 				options: {
 					onEvent,
 					onError: (err) => {
+						if (cancelRequestedRef.current) return;
 						safeSetErrorText(err?.message || "Failed to start email recovery");
 						didForwardError = true;
 						emailRecoveryOptions?.onError?.(err);
@@ -235,15 +297,15 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 				}
 			});
 			safeSetPendingMailtoUrl(result.mailtoUrl);
-			safeSetStatusText("Recovery email draft ready. Send it from your recovery address. Waiting for verification…");
-			if (typeof window !== "undefined" && typeof window.open === "function") window.open(result.mailtoUrl, "_blank", "noopener,noreferrer");
-			showExplorerToast(normalizedAccountId);
-			await tatchiPasskey.finalizeEmailRecovery({
+			safeSetStatusText("Recovery email draft ready. If it didn’t open automatically, click “Open recovery email draft”. Waiting for verification…");
+			attemptOpenMailtoAuto(result.mailtoUrl);
+			const finalizePromise = tatchiPasskey.finalizeEmailRecovery({
 				accountId: normalizedAccountId,
 				nearPublicKey: result.nearPublicKey,
 				options: {
 					onEvent,
 					onError: (err) => {
+						if (cancelRequestedRef.current) return;
 						safeSetErrorText(err?.message || "Failed to finalize email recovery");
 						didForwardError = true;
 						emailRecoveryOptions?.onError?.(err);
@@ -251,6 +313,8 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 					afterCall: async () => {}
 				}
 			});
+			showExplorerToast(normalizedAccountId);
+			await finalizePromise;
 			let loginOk = false;
 			const session = await tatchiPasskey.getLoginSession(normalizedAccountId).catch(() => null);
 			if (session?.login?.isLoggedIn) loginOk = true;
@@ -261,8 +325,17 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 			if (refreshLoginState) await refreshLoginState(normalizedAccountId).catch(() => {});
 			safeSetStatusText(loginOk ? "Email recovery completed on this device." : "Email recovery completed. Please log in on this device.");
 			safeSetPendingMailtoUrl(null);
+			safeSetMailtoUiState("ready");
 			safeSetPollingElapsedMs(null);
 		} catch (err) {
+			if (cancelRequestedRef.current) {
+				safeSetErrorText("Email recovery cancelled. Please try again.");
+				safeSetStatusText(null);
+				safeSetPollingElapsedMs(null);
+				safeSetPendingMailtoUrl(null);
+				safeSetMailtoUiState("ready");
+				return;
+			}
 			safeSetErrorText(err?.message || "Failed to start email recovery");
 			if (!didForwardError && err instanceof Error) emailRecoveryOptions?.onError?.(err);
 		} finally {
@@ -280,6 +353,8 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 		safeSetPendingMailtoUrl,
 		safeSetPollingElapsedMs,
 		safeSetStatusText,
+		safeSetMailtoUiState,
+		attemptOpenMailtoAuto,
 		tatchiPasskey
 	]);
 	const summaryLine = accountInfoLoading ? "Checking if account has recovery emails configured..." : accountInfo && !accountInfoError ? `Recovery emails configured: ${accountInfo.emailsCount}` : "\xA0";
@@ -361,51 +436,45 @@ const EmailRecoverySlide = ({ tatchiPasskey, accountId, refreshLoginState, email
 				id: "w3a-email-recovery-saved-emails",
 				children: localRecoveryEmails.map((email) => /* @__PURE__ */ jsx("option", { value: email }, email))
 			}),
-			/* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: "w3a-email-recovery-actions",
-				children: /* @__PURE__ */ jsx("button", {
+				children: [(!pendingMailtoUrl || !isBusy) && /* @__PURE__ */ jsx("button", {
 					onClick: handleStart,
 					className: "w3a-link-device-btn w3a-link-device-btn-primary",
 					disabled: isBusy || noRecoveryEmailsConfigured,
 					children: noRecoveryEmailsConfigured ? "No recovery emails configured" : isBusy ? "Working…" : "Start Email Recovery"
-				})
-			}),
-			pendingMailtoUrl && /* @__PURE__ */ jsx("a", {
-				className: "w3a-email-recovery-link",
-				href: pendingMailtoUrl,
-				children: "Open recovery email draft"
+				}), pendingMailtoUrl && /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => attemptOpenMailtoFromUserGesture(pendingMailtoUrl),
+					className: "w3a-link-device-btn w3a-link-device-btn-primary",
+					disabled: mailtoUiState === "opening",
+					"aria-busy": mailtoUiState === "opening",
+					children: [mailtoUiState === "opening" && /* @__PURE__ */ jsx("span", {
+						className: "w3a-spinner",
+						"aria-hidden": "true"
+					}), mailtoUiState === "opening" ? "Opening email…" : "Open recovery email draft"]
+				})]
 			}),
-			explorerToast && /* @__PURE__ */ jsxs("div", {
-				className: "w3a-email-recovery-toast",
-				role: "status",
-				"aria-live": "polite",
+			(errorText || statusText || explorerToast) && /* @__PURE__ */ jsxs("div", {
+				className: `w3a-email-recovery-status${errorText ? " is-error" : ""}`,
 				children: [
-					/* @__PURE__ */ jsx("span", { children: "View on explorer:" }),
-					/* @__PURE__ */ jsx("a", {
+					errorText ? errorText : statusText,
+					pollingElapsedMs != null && !Number.isNaN(pollingElapsedMs) && pollingElapsedMs > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "w3a-email-recovery-elapsed",
+						children: [
+							"(~",
+							Math.round(pollingElapsedMs / 1e3),
+							"s)."
+						]
+					}),
+					explorerToast && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("br", {}), /* @__PURE__ */ jsx("a", {
+						className: "w3a-email-recovery-link",
 						href: explorerToast.url,
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: explorerToast.accountId
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "w3a-email-recovery-toast-close",
-						onClick: () => safeSetExplorerToast(null),
-						"aria-label": "Dismiss",
-						children: "✕"
-					})
+						children: "View on explorer"
+					})] })
 				]
-			}),
-			(errorText || statusText) && /* @__PURE__ */ jsxs("div", {
-				className: `w3a-email-recovery-status${errorText ? " is-error" : ""}`,
-				children: [errorText ? errorText : statusText, pollingElapsedMs != null && !Number.isNaN(pollingElapsedMs) && pollingElapsedMs > 0 && /* @__PURE__ */ jsxs("span", {
-					className: "w3a-email-recovery-elapsed",
-					children: [
-						"(~",
-						Math.round(pollingElapsedMs / 1e3),
-						"s)"
-					]
-				})]
 			})
 		]
 	});

package/dist/esm/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailRecoverySlide.js","names":["EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","localEmails: string[]","info: EmailRecoveryAccountInfo | null","err: any"],"sources":["../../../../../../src/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { EmailRecoverySSEEvent } from '@/core/types/sdkSentEvents';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { IndexedDBManager } from '@/core/IndexedDBManager';\nimport { toAccountId } from '@/core/types/accountIds';\n\nexport interface EmailRecoverySlideProps {\n  tatchiPasskey: TatchiPasskey;\n  accountId: string;\n  refreshLoginState?: (nearAccountId?: string) => Promise<void>;\n  emailRecoveryOptions?: {\n    onEvent?: (event: EmailRecoverySSEEvent) => void;\n    onError?: (error: Error) => void;\n  };\n}\n\ntype EmailRecoveryPolicy = {\n  minRequiredEmails?: number;\n  maxAgeMs?: number;\n};\n\ntype EmailRecoveryAccountInfo = {\n  emailsCount: number;\n};\n\nexport const EmailRecoverySlide: React.FC<EmailRecoverySlideProps> = ({ tatchiPasskey, accountId, refreshLoginState, emailRecoveryOptions }) => {\n  const mountedRef = React.useRef(true);\n  const explorerToastTimerRef = React.useRef<number | null>(null);\n  React.useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      if (explorerToastTimerRef.current != null) {\n        window.clearTimeout(explorerToastTimerRef.current);\n        explorerToastTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  const [isBusy, setIsBusy] = React.useState(false);\n  const [accountIdInput, setAccountIdInput] = React.useState('');\n  const [recoveryEmailInput, setRecoveryEmailInput] = React.useState('');\n  const [pendingMailtoUrl, setPendingMailtoUrl] = React.useState<string | null>(null);\n  const [statusText, setStatusText] = React.useState<string | null>(null);\n  const [pollingElapsedMs, setPollingElapsedMs] = React.useState<number | null>(null);\n  const [errorText, setErrorText] = React.useState<string | null>(null);\n  const [accountInfo, setAccountInfo] = React.useState<EmailRecoveryAccountInfo | null>(null);\n  const [accountInfoLoading, setAccountInfoLoading] = React.useState(false);\n  const [accountInfoError, setAccountInfoError] = React.useState<string | null>(null);\n  const [localRecoveryEmails, setLocalRecoveryEmails] = React.useState<string[]>([]);\n  const [explorerToast, setExplorerToast] = React.useState<{ url: string; accountId: string } | null>(null);\n\n  const lastPrefilledAccountIdRef = React.useRef<string>('');\n  const lastPrefilledRecoveryEmailRef = React.useRef<string>('');\n\n  React.useEffect(() => {\n    const next = (accountId || '').trim();\n    if (!next) return;\n    if (accountIdInput.trim() === '' || accountIdInput === lastPrefilledAccountIdRef.current) {\n      lastPrefilledAccountIdRef.current = next;\n      setAccountIdInput(next);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [accountId]);\n\n  React.useEffect(() => {\n    setPendingMailtoUrl(null);\n    setStatusText(null);\n    setPollingElapsedMs(null);\n    setErrorText(null);\n    setAccountInfo(null);\n    setAccountInfoError(null);\n    setLocalRecoveryEmails([]);\n    setExplorerToast(null);\n    if (explorerToastTimerRef.current != null) {\n      window.clearTimeout(explorerToastTimerRef.current);\n      explorerToastTimerRef.current = null;\n    }\n  }, [accountId]);\n\n  const safeSet = <T,>(setter: React.Dispatch<React.SetStateAction<T>>) => {\n    return (value: React.SetStateAction<T>) => {\n      if (!mountedRef.current) return;\n      setter(value);\n    };\n  };\n\n  const safeSetPendingMailtoUrl = React.useMemo(() => safeSet(setPendingMailtoUrl), []);\n  const safeSetStatusText = React.useMemo(() => safeSet(setStatusText), []);\n  const safeSetPollingElapsedMs = React.useMemo(() => safeSet(setPollingElapsedMs), []);\n  const safeSetErrorText = React.useMemo(() => safeSet(setErrorText), []);\n  const safeSetIsBusy = React.useMemo(() => safeSet(setIsBusy), []);\n  const safeSetAccountInfo = React.useMemo(() => safeSet(setAccountInfo), []);\n  const safeSetAccountInfoLoading = React.useMemo(() => safeSet(setAccountInfoLoading), []);\n  const safeSetAccountInfoError = React.useMemo(() => safeSet(setAccountInfoError), []);\n  const safeSetLocalRecoveryEmails = React.useMemo(() => safeSet(setLocalRecoveryEmails), []);\n  const safeSetExplorerToast = React.useMemo(() => safeSet(setExplorerToast), []);\n\n  const onEvent = React.useCallback(\n    (ev: EmailRecoverySSEEvent) => {\n      safeSetStatusText(ev?.message || null);\n      emailRecoveryOptions?.onEvent?.(ev);\n\n      const data = (ev as any)?.data || {};\n      const elapsedRaw = data?.elapsedMs ?? data?.elapsed_ms;\n      const elapsed = elapsedRaw == null ? Number.NaN : Number(elapsedRaw);\n      if (!Number.isNaN(elapsed)) safeSetPollingElapsedMs(elapsed);\n\n      if (ev?.phase === 'email-recovery-error' || (ev as any)?.status === 'error') {\n        const raw = (ev as any)?.error || ev?.message || 'Email recovery failed';\n        safeSetErrorText(String(raw));\n      }\n    },\n    [emailRecoveryOptions, safeSetStatusText, safeSetPollingElapsedMs, safeSetErrorText],\n  );\n\n  const showExplorerToast = React.useCallback(\n    (rawAccountId: string) => {\n      const normalized = (rawAccountId || '').trim();\n      if (!normalized) return;\n      const base = String(tatchiPasskey.configs?.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n      const url = `${base}/address/${normalized}`;\n\n      safeSetExplorerToast({ url, accountId: normalized });\n\n      if (explorerToastTimerRef.current != null) {\n        window.clearTimeout(explorerToastTimerRef.current);\n      }\n      explorerToastTimerRef.current = window.setTimeout(() => {\n        safeSetExplorerToast(null);\n        explorerToastTimerRef.current = null;\n      }, 12_000);\n    },\n    [safeSetExplorerToast, tatchiPasskey],\n  );\n\n  const fetchLocalRecoveryEmailsFromIndexedDB = React.useCallback(\n    async (rawAccountId: string): Promise<string[]> => {\n      const normalized = (rawAccountId || '').trim();\n      if (!normalized) {\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: empty accountId');\n        return [];\n      }\n\n      try {\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: loading from IndexedDB', { accountId: normalized });\n        const records = await IndexedDBManager.getRecoveryEmails(toAccountId(normalized));\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: raw IndexedDB records', {\n          accountId: normalized,\n          count: Array.isArray(records) ? records.length : 0,\n          records,\n        });\n        if (!Array.isArray(records) || records.length === 0) return [];\n\n        const sorted = [...records].sort((a, b) => (b?.addedAt || 0) - (a?.addedAt || 0));\n        const emails = sorted\n          .map(r => String(r?.email || '').trim().toLowerCase())\n          .filter(e => !!e && e.includes('@'));\n\n        const uniq = Array.from(new Set(emails));\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: parsed emails', {\n          accountId: normalized,\n          emails: uniq,\n        });\n        return uniq;\n      } catch (err) {\n        // best-effort; treat as no saved emails (e.g., IndexedDB unavailable)\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: failed to read IndexedDB', {\n          accountId: normalized,\n          error: err instanceof Error ? err.message : String(err),\n        });\n        return [];\n      }\n    },\n    [],\n  );\n\n  const deriveEmailsFromRecoveryRecords = React.useCallback((records: unknown): string[] => {\n    if (!Array.isArray(records) || records.length === 0) return [];\n    const emails = records\n      .map((r: any) => String(r?.email || '').trim().toLowerCase())\n      .filter((e: string) => !!e && e.includes('@'));\n    return Array.from(new Set(emails));\n  }, []);\n\n  React.useEffect(() => {\n    const normalized = (accountIdInput || '').trim();\n    if (!normalized) {\n      setAccountInfo(null);\n    setAccountInfoError(null);\n    setAccountInfoLoading(false);\n    safeSetLocalRecoveryEmails([]);\n    return;\n  }\n\n    let cancelled = false;\n    // Show loading state immediately (don't wait for debounce).\n    safeSetAccountInfoLoading(true);\n    safeSetAccountInfoError(null);\n    const handle = window.setTimeout(() => {\n      void (async () => {\n        try {\n          const isWalletIframeMode = !!tatchiPasskey.configs?.iframeWallet?.walletOrigin;\n\n          // Legacy mode: suggest recovery emails from local IndexedDB mapping (best-effort).\n          let localEmails: string[] = [];\n          if (!isWalletIframeMode) {\n            localEmails = await fetchLocalRecoveryEmailsFromIndexedDB(normalized);\n            if (!cancelled) {\n              console.log('[EmailRecoverySlide] local saved emails (IndexedDB)', { accountId: normalized, localEmails });\n            }\n          }\n\n          const records = await tatchiPasskey.getRecoveryEmails(normalized);\n          const resolvedEmails = isWalletIframeMode\n            ? deriveEmailsFromRecoveryRecords(records)\n            : localEmails;\n\n          if (!cancelled) {\n            safeSetLocalRecoveryEmails(resolvedEmails);\n            console.log('[EmailRecoverySlide] recovery email suggestions (state)', { accountId: normalized, emails: resolvedEmails });\n\n            if (\n              resolvedEmails.length === 1 &&\n              (recoveryEmailInput.trim() === '' || recoveryEmailInput === lastPrefilledRecoveryEmailRef.current)\n            ) {\n              lastPrefilledRecoveryEmailRef.current = resolvedEmails[0];\n              setRecoveryEmailInput(resolvedEmails[0]);\n            }\n          }\n\n          const info: EmailRecoveryAccountInfo | null = records\n            ? { emailsCount: Array.isArray(records) ? records.length : 0 }\n            : null;\n          if (cancelled) return;\n          safeSetAccountInfo(info);\n        } catch (err: any) {\n          if (cancelled) return;\n          safeSetAccountInfo(null);\n          safeSetAccountInfoError(err?.message || 'Failed to load email recovery settings for this account');\n        } finally {\n          if (!cancelled) safeSetAccountInfoLoading(false);\n        }\n      })();\n    }, 350);\n\n    return () => {\n      cancelled = true;\n      window.clearTimeout(handle);\n    };\n  }, [\n    accountIdInput,\n    deriveEmailsFromRecoveryRecords,\n    fetchLocalRecoveryEmailsFromIndexedDB,\n    recoveryEmailInput,\n    safeSetAccountInfo,\n    safeSetAccountInfoError,\n    safeSetAccountInfoLoading,\n    safeSetLocalRecoveryEmails,\n    tatchiPasskey,\n  ]);\n\n  const handleStart = React.useCallback(async () => {\n    const normalizedAccountId = (accountIdInput || '').trim();\n    if (!normalizedAccountId) {\n      safeSetErrorText('Enter an account ID.');\n      return;\n    }\n\n    const emailCandidate = (recoveryEmailInput || '').trim().toLowerCase();\n    if (!emailCandidate) {\n      safeSetErrorText('Enter the recovery email to send from.');\n      return;\n    }\n\n    safeSetIsBusy(true);\n    safeSetErrorText(null);\n    safeSetStatusText(null);\n    safeSetPollingElapsedMs(null);\n    safeSetPendingMailtoUrl(null);\n\n    let didForwardError = false;\n    try {\n      const result = await tatchiPasskey.startEmailRecovery({\n        accountId: normalizedAccountId,\n        recoveryEmail: emailCandidate,\n        options: {\n          onEvent,\n          onError: (err: Error) => {\n            safeSetErrorText(err?.message || 'Failed to start email recovery');\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n          afterCall: async () => {},\n        } as any,\n      });\n\n      safeSetPendingMailtoUrl(result.mailtoUrl);\n      safeSetStatusText('Recovery email draft ready. Send it from your recovery address. Waiting for verification…');\n\n      if (typeof window !== 'undefined' && typeof window.open === 'function') {\n        window.open(result.mailtoUrl, '_blank', 'noopener,noreferrer');\n      }\n\n      showExplorerToast(normalizedAccountId);\n\n      await tatchiPasskey.finalizeEmailRecovery({\n        accountId: normalizedAccountId,\n        nearPublicKey: result.nearPublicKey,\n        options: {\n          onEvent,\n          onError: (err: Error) => {\n            safeSetErrorText(err?.message || 'Failed to finalize email recovery');\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n          afterCall: async () => {},\n        } as any,\n      });\n\n      // Best-effort auto-login: the core flow attempts it, but if it couldn't (e.g. missing Shamir\n      // auto-unlock and user cancelled TouchID), try once more here.\n      let loginOk = false;\n      const session = await tatchiPasskey.getLoginSession(normalizedAccountId).catch(() => null);\n      if (session?.login?.isLoggedIn) {\n        loginOk = true;\n      } else {\n        safeSetStatusText('Email recovery completed. Logging you in…');\n        loginOk = await tatchiPasskey.loginAndCreateSession(normalizedAccountId)\n          .then(() => true)\n          .catch(() => false);\n      }\n\n      if (refreshLoginState) {\n        await refreshLoginState(normalizedAccountId).catch(() => {});\n      }\n\n      safeSetStatusText(loginOk ? 'Email recovery completed on this device.' : 'Email recovery completed. Please log in on this device.');\n      safeSetPendingMailtoUrl(null);\n      safeSetPollingElapsedMs(null);\n    } catch (err: any) {\n      safeSetErrorText(err?.message || 'Failed to start email recovery');\n      if (!didForwardError && err instanceof Error) {\n        emailRecoveryOptions?.onError?.(err);\n      }\n    } finally {\n      safeSetIsBusy(false);\n    }\n  }, [\n    accountIdInput,\n    emailRecoveryOptions,\n    recoveryEmailInput,\n    onEvent,\n    refreshLoginState,\n    showExplorerToast,\n    safeSetErrorText,\n    safeSetIsBusy,\n    safeSetPendingMailtoUrl,\n    safeSetPollingElapsedMs,\n    safeSetStatusText,\n    tatchiPasskey,\n  ]);\n\n  const summaryLine = accountInfoLoading\n    ? 'Checking if account has recovery emails configured...'\n    : accountInfo && !accountInfoError\n      ? `Recovery emails configured: ${accountInfo.emailsCount}`\n      : '\\u00A0';\n\n  const noRecoveryEmailsConfigured =\n    !accountInfoLoading && !accountInfoError && !!accountInfo && accountInfo.emailsCount === 0;\n\n  return (\n    <div className=\"w3a-email-recovery-slide\">\n      <div className=\"w3a-email-recovery-title\">Recover Account with Email</div>\n      <div className=\"w3a-email-recovery-help\">\n        Send a special recovery email from your recovery email address.\n        Your account will be recovered with a new key once the email is verified.\n      </div>\n\n      <div className=\"w3a-email-recovery-field\">\n        <div className=\"w3a-input-pill w3a-email-recovery-input-pill\">\n          <div className=\"w3a-input-wrap\">\n            <input\n              type=\"text\"\n              value={accountIdInput}\n              onChange={(e) => setAccountIdInput(e.target.value)}\n              placeholder=\"NEAR account ID (e.g. alice.testnet)\"\n              className=\"w3a-input\"\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              inputMode=\"text\"\n              disabled={isBusy}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"w3a-email-recovery-summary\" aria-live=\"polite\">\n        <div>{summaryLine}</div>\n      </div>\n\n      <div className=\"w3a-email-recovery-field\">\n        <div className=\"w3a-input-pill w3a-email-recovery-input-pill\">\n          <div className=\"w3a-input-wrap\">\n            <input\n              type=\"email\"\n              value={recoveryEmailInput}\n              onChange={(e) => setRecoveryEmailInput(e.target.value)}\n              placeholder=\"Recovery email to send from\"\n              className=\"w3a-input\"\n              list={localRecoveryEmails.length > 0 ? 'w3a-email-recovery-saved-emails' : undefined}\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              inputMode=\"email\"\n              disabled={isBusy || noRecoveryEmailsConfigured}\n            />\n          </div>\n        </div>\n      </div>\n\n      {localRecoveryEmails.length > 0 && (\n        <div className=\"w3a-email-recovery-summary\" aria-live=\"polite\">\n          <div>Saved on this device:</div>\n          <div className=\"w3a-email-recovery-saved-emails\">\n            {localRecoveryEmails.map((email) => (\n              <button\n                key={email}\n                type=\"button\"\n                className=\"w3a-email-recovery-email-chip\"\n                onClick={() => setRecoveryEmailInput(email)}\n                disabled={isBusy}\n              >\n                {email}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {localRecoveryEmails.length > 0 && (\n        <datalist id=\"w3a-email-recovery-saved-emails\">\n          {localRecoveryEmails.map((email) => (\n            <option key={email} value={email} />\n          ))}\n        </datalist>\n      )}\n\n      <div className=\"w3a-email-recovery-actions\">\n        <button\n          onClick={handleStart}\n          className=\"w3a-link-device-btn w3a-link-device-btn-primary\"\n          disabled={isBusy || noRecoveryEmailsConfigured}\n        >\n          {noRecoveryEmailsConfigured ? 'No recovery emails configured' : (isBusy ? 'Working…' : 'Start Email Recovery')}\n        </button>\n      </div>\n\n      {pendingMailtoUrl && (\n        <a className=\"w3a-email-recovery-link\" href={pendingMailtoUrl}>\n          Open recovery email draft\n        </a>\n      )}\n\n      {explorerToast && (\n        <div className=\"w3a-email-recovery-toast\" role=\"status\" aria-live=\"polite\">\n          <span>View on explorer:</span>\n          <a href={explorerToast.url} target=\"_blank\" rel=\"noopener noreferrer\">\n            {explorerToast.accountId}\n          </a>\n          <button\n            type=\"button\"\n            className=\"w3a-email-recovery-toast-close\"\n            onClick={() => safeSetExplorerToast(null)}\n            aria-label=\"Dismiss\"\n          >\n            ✕\n          </button>\n        </div>\n      )}\n\n      {(errorText || statusText) && (\n        <div className={`w3a-email-recovery-status${errorText ? ' is-error' : ''}`}>\n          {errorText ? errorText : statusText}\n          {pollingElapsedMs != null && !Number.isNaN(pollingElapsedMs) && pollingElapsedMs > 0 && (\n            <span className=\"w3a-email-recovery-elapsed\">\n              (~{Math.round(pollingElapsedMs / 1000)}s)\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default EmailRecoverySlide;\n"],"mappings":"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"}
+{"version":3,"file":"EmailRecoverySlide.js","names":["EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","localEmails: string[]","info: EmailRecoveryAccountInfo | null","err: any"],"sources":["../../../../../../src/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { EmailRecoverySSEEvent } from '@/core/types/sdkSentEvents';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { IndexedDBManager } from '@/core/IndexedDBManager';\nimport { toAccountId } from '@/core/types/accountIds';\n\nexport interface EmailRecoverySlideProps {\n  tatchiPasskey: TatchiPasskey;\n  accountId: string;\n  refreshLoginState?: (nearAccountId?: string) => Promise<void>;\n  emailRecoveryOptions?: {\n    onEvent?: (event: EmailRecoverySSEEvent) => void;\n    onError?: (error: Error) => void;\n  };\n}\n\ntype EmailRecoveryPolicy = {\n  minRequiredEmails?: number;\n  maxAgeMs?: number;\n};\n\ntype EmailRecoveryAccountInfo = {\n  emailsCount: number;\n};\n\ntype MailtoUiState = 'ready' | 'opening';\n\nexport const EmailRecoverySlide: React.FC<EmailRecoverySlideProps> = ({ tatchiPasskey, accountId, refreshLoginState, emailRecoveryOptions }) => {\n  const mountedRef = React.useRef(true);\n  const mailtoAttemptTimerRef = React.useRef<number | null>(null);\n  const cancelRequestedRef = React.useRef(false);\n  React.useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      if (mailtoAttemptTimerRef.current != null) {\n        window.clearTimeout(mailtoAttemptTimerRef.current);\n        mailtoAttemptTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  const [isBusy, setIsBusy] = React.useState(false);\n  const [accountIdInput, setAccountIdInput] = React.useState('');\n  const [recoveryEmailInput, setRecoveryEmailInput] = React.useState('');\n  const [pendingMailtoUrl, setPendingMailtoUrl] = React.useState<string | null>(null);\n  const [mailtoUiState, setMailtoUiState] = React.useState<MailtoUiState>('ready');\n  const [statusText, setStatusText] = React.useState<string | null>(null);\n  const [pollingElapsedMs, setPollingElapsedMs] = React.useState<number | null>(null);\n  const [errorText, setErrorText] = React.useState<string | null>(null);\n  const [accountInfo, setAccountInfo] = React.useState<EmailRecoveryAccountInfo | null>(null);\n  const [accountInfoLoading, setAccountInfoLoading] = React.useState(false);\n  const [accountInfoError, setAccountInfoError] = React.useState<string | null>(null);\n  const [localRecoveryEmails, setLocalRecoveryEmails] = React.useState<string[]>([]);\n  const [explorerToast, setExplorerToast] = React.useState<{ url: string; accountId?: string; transactionHash?: string } | null>(null);\n\n  const lastPrefilledAccountIdRef = React.useRef<string>('');\n  const lastPrefilledRecoveryEmailRef = React.useRef<string>('');\n\n  React.useEffect(() => {\n    const next = (accountId || '').trim();\n    if (!next) return;\n    if (accountIdInput.trim() === '' || accountIdInput === lastPrefilledAccountIdRef.current) {\n      lastPrefilledAccountIdRef.current = next;\n      setAccountIdInput(next);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [accountId]);\n\n  React.useEffect(() => {\n    setPendingMailtoUrl(null);\n    setMailtoUiState('ready');\n    cancelRequestedRef.current = false;\n    setStatusText(null);\n    setPollingElapsedMs(null);\n    setErrorText(null);\n    setAccountInfo(null);\n    setAccountInfoError(null);\n    setLocalRecoveryEmails([]);\n    setExplorerToast(null);\n    if (mailtoAttemptTimerRef.current != null) {\n      window.clearTimeout(mailtoAttemptTimerRef.current);\n      mailtoAttemptTimerRef.current = null;\n    }\n  }, [accountId]);\n\n  const safeSet = <T,>(setter: React.Dispatch<React.SetStateAction<T>>) => {\n    return (value: React.SetStateAction<T>) => {\n      if (!mountedRef.current) return;\n      setter(value);\n    };\n  };\n\n  const safeSetPendingMailtoUrl = React.useMemo(() => safeSet(setPendingMailtoUrl), []);\n  const safeSetStatusText = React.useMemo(() => safeSet(setStatusText), []);\n  const safeSetPollingElapsedMs = React.useMemo(() => safeSet(setPollingElapsedMs), []);\n  const safeSetErrorText = React.useMemo(() => safeSet(setErrorText), []);\n  const safeSetIsBusy = React.useMemo(() => safeSet(setIsBusy), []);\n  const safeSetAccountInfo = React.useMemo(() => safeSet(setAccountInfo), []);\n  const safeSetAccountInfoLoading = React.useMemo(() => safeSet(setAccountInfoLoading), []);\n  const safeSetAccountInfoError = React.useMemo(() => safeSet(setAccountInfoError), []);\n  const safeSetLocalRecoveryEmails = React.useMemo(() => safeSet(setLocalRecoveryEmails), []);\n  const safeSetExplorerToast = React.useMemo(() => safeSet(setExplorerToast), []);\n  const safeSetMailtoUiState = React.useMemo(() => safeSet(setMailtoUiState), []);\n\n  const onEvent = React.useCallback(\n    (ev: EmailRecoverySSEEvent) => {\n      if (cancelRequestedRef.current) return;\n      safeSetStatusText(ev?.message || null);\n      emailRecoveryOptions?.onEvent?.(ev);\n\n      const data = (ev as any)?.data || {};\n      const rawTxHash = data?.transactionHash ?? data?.transaction_hash;\n      const txHash = typeof rawTxHash === 'string' ? rawTxHash.trim() : '';\n      if (txHash) {\n        const base = String(tatchiPasskey.configs?.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n        const url = base.includes('nearblocks.io')\n          ? `${base}/txns/${txHash}`\n          : `${base}/transactions/${txHash}`;\n        safeSetExplorerToast({ url, transactionHash: txHash });\n      }\n      const elapsedRaw = data?.elapsedMs ?? data?.elapsed_ms;\n      if (elapsedRaw == null) safeSetPollingElapsedMs(null);\n      const elapsed = elapsedRaw == null ? Number.NaN : Number(elapsedRaw);\n      if (!Number.isNaN(elapsed)) safeSetPollingElapsedMs(elapsed);\n\n      if (ev?.phase === 'email-recovery-error' || (ev as any)?.status === 'error') {\n        const raw = (ev as any)?.error || ev?.message || 'Email recovery failed';\n        safeSetErrorText(String(raw));\n      }\n    },\n    [emailRecoveryOptions, safeSetErrorText, safeSetExplorerToast, safeSetPollingElapsedMs, safeSetStatusText, tatchiPasskey],\n  );\n\n  const showExplorerToast = React.useCallback(\n    (rawAccountId: string) => {\n      const normalized = (rawAccountId || '').trim();\n      if (!normalized) return;\n      const base = String(tatchiPasskey.configs?.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n      const url = base.includes('nearblocks.io')\n        ? `${base}/address/${normalized}`\n        : `${base}/accounts/${normalized}`;\n\n      safeSetExplorerToast({ url, accountId: normalized });\n    },\n    [safeSetExplorerToast, tatchiPasskey],\n  );\n\n  const launchMailto = React.useCallback((rawMailtoUrl: string) => {\n    const url = String(rawMailtoUrl || '').trim();\n    if (!url) return;\n\n    if (typeof window !== 'undefined') {\n      try {\n        window.location.href = url;\n      } catch {}\n    }\n  }, []);\n\n  const attemptOpenMailtoFromUserGesture = React.useCallback(\n    (rawMailtoUrl: string) => {\n      const url = String(rawMailtoUrl || '').trim();\n      if (!url) return;\n\n      safeSetMailtoUiState('opening');\n\n      if (mailtoAttemptTimerRef.current != null) {\n        window.clearTimeout(mailtoAttemptTimerRef.current);\n      }\n\n      // If the browser never blurs/hides (i.e. mailto blocked or cancelled), re-enable so users can retry.\n      mailtoAttemptTimerRef.current = window.setTimeout(() => {\n        safeSetMailtoUiState(prev => (prev === 'opening' ? 'ready' : prev));\n        mailtoAttemptTimerRef.current = null;\n      }, 2_000);\n\n      launchMailto(url);\n    },\n    [launchMailto, safeSetMailtoUiState],\n  );\n\n  const attemptOpenMailtoAuto = React.useCallback(\n    (rawMailtoUrl: string) => {\n      const url = String(rawMailtoUrl || '').trim();\n      if (!url) return;\n      // Best-effort only: do not change `mailtoUiState` so users can immediately click the CTA.\n      launchMailto(url);\n    },\n    [launchMailto],\n  );\n\n  React.useEffect(() => {\n    if (mailtoUiState !== 'opening') return;\n    if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n    // Heuristic signals that the mail client likely opened. Treat as a hint only:\n    // re-enable immediately so the CTA remains retryable even if this is a false-positive.\n    const markMaybeOpened = () => {\n      safeSetMailtoUiState('ready');\n      if (mailtoAttemptTimerRef.current != null) {\n        window.clearTimeout(mailtoAttemptTimerRef.current);\n        mailtoAttemptTimerRef.current = null;\n      }\n    };\n\n    const onVisibilityChange = () => {\n      if (document.visibilityState === 'hidden') markMaybeOpened();\n    };\n\n    window.addEventListener('blur', markMaybeOpened);\n    window.addEventListener('pagehide', markMaybeOpened);\n    document.addEventListener('visibilitychange', onVisibilityChange);\n\n    return () => {\n      window.removeEventListener('blur', markMaybeOpened);\n      window.removeEventListener('pagehide', markMaybeOpened);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n    };\n  }, [mailtoUiState, safeSetMailtoUiState]);\n\n  const fetchLocalRecoveryEmailsFromIndexedDB = React.useCallback(\n    async (rawAccountId: string): Promise<string[]> => {\n      const normalized = (rawAccountId || '').trim();\n      if (!normalized) {\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: empty accountId');\n        return [];\n      }\n\n      try {\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: loading from IndexedDB', { accountId: normalized });\n        const records = await IndexedDBManager.getRecoveryEmails(toAccountId(normalized));\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: raw IndexedDB records', {\n          accountId: normalized,\n          count: Array.isArray(records) ? records.length : 0,\n          records,\n        });\n        if (!Array.isArray(records) || records.length === 0) return [];\n\n        const sorted = [...records].sort((a, b) => (b?.addedAt || 0) - (a?.addedAt || 0));\n        const emails = sorted\n          .map(r => String(r?.email || '').trim().toLowerCase())\n          .filter(e => !!e && e.includes('@'));\n\n        const uniq = Array.from(new Set(emails));\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: parsed emails', {\n          accountId: normalized,\n          emails: uniq,\n        });\n        return uniq;\n      } catch (err) {\n        // best-effort; treat as no saved emails (e.g., IndexedDB unavailable)\n        console.log('[EmailRecoverySlide] fetchLocalRecoveryEmails: failed to read IndexedDB', {\n          accountId: normalized,\n          error: err instanceof Error ? err.message : String(err),\n        });\n        return [];\n      }\n    },\n    [],\n  );\n\n  const deriveEmailsFromRecoveryRecords = React.useCallback((records: unknown): string[] => {\n    if (!Array.isArray(records) || records.length === 0) return [];\n    const emails = records\n      .map((r: any) => String(r?.email || '').trim().toLowerCase())\n      .filter((e: string) => !!e && e.includes('@'));\n    return Array.from(new Set(emails));\n  }, []);\n\n  React.useEffect(() => {\n    const normalized = (accountIdInput || '').trim();\n    if (!normalized) {\n      setAccountInfo(null);\n    setAccountInfoError(null);\n    setAccountInfoLoading(false);\n    safeSetLocalRecoveryEmails([]);\n    return;\n  }\n\n    let cancelled = false;\n    // Show loading state immediately (don't wait for debounce).\n    safeSetAccountInfoLoading(true);\n    safeSetAccountInfoError(null);\n    const handle = window.setTimeout(() => {\n      void (async () => {\n        try {\n          const isWalletIframeMode = !!tatchiPasskey.configs?.iframeWallet?.walletOrigin;\n\n          // Legacy mode: suggest recovery emails from local IndexedDB mapping (best-effort).\n          let localEmails: string[] = [];\n          if (!isWalletIframeMode) {\n            localEmails = await fetchLocalRecoveryEmailsFromIndexedDB(normalized);\n            if (!cancelled) {\n              console.log('[EmailRecoverySlide] local saved emails (IndexedDB)', { accountId: normalized, localEmails });\n            }\n          }\n\n          const records = await tatchiPasskey.getRecoveryEmails(normalized);\n          const resolvedEmails = isWalletIframeMode\n            ? deriveEmailsFromRecoveryRecords(records)\n            : localEmails;\n\n          if (!cancelled) {\n            safeSetLocalRecoveryEmails(resolvedEmails);\n            console.log('[EmailRecoverySlide] recovery email suggestions (state)', { accountId: normalized, emails: resolvedEmails });\n\n            if (\n              resolvedEmails.length === 1 &&\n              (recoveryEmailInput.trim() === '' || recoveryEmailInput === lastPrefilledRecoveryEmailRef.current)\n            ) {\n              lastPrefilledRecoveryEmailRef.current = resolvedEmails[0];\n              setRecoveryEmailInput(resolvedEmails[0]);\n            }\n          }\n\n          const info: EmailRecoveryAccountInfo | null = records\n            ? { emailsCount: Array.isArray(records) ? records.length : 0 }\n            : null;\n          if (cancelled) return;\n          safeSetAccountInfo(info);\n        } catch (err: any) {\n          if (cancelled) return;\n          safeSetAccountInfo(null);\n          safeSetAccountInfoError(err?.message || 'Failed to load email recovery settings for this account');\n        } finally {\n          if (!cancelled) safeSetAccountInfoLoading(false);\n        }\n      })();\n    }, 350);\n\n    return () => {\n      cancelled = true;\n      window.clearTimeout(handle);\n    };\n  }, [\n    accountIdInput,\n    deriveEmailsFromRecoveryRecords,\n    fetchLocalRecoveryEmailsFromIndexedDB,\n    recoveryEmailInput,\n    safeSetAccountInfo,\n    safeSetAccountInfoError,\n    safeSetAccountInfoLoading,\n    safeSetLocalRecoveryEmails,\n    tatchiPasskey,\n  ]);\n\n  const handleStart = React.useCallback(async () => {\n    const normalizedAccountId = (accountIdInput || '').trim();\n    if (!normalizedAccountId) {\n      safeSetErrorText('Enter an account ID.');\n      return;\n    }\n\n    const emailCandidate = (recoveryEmailInput || '').trim().toLowerCase();\n    if (!emailCandidate) {\n      safeSetErrorText('Enter the recovery email to send from.');\n      return;\n    }\n\n    safeSetIsBusy(true);\n    cancelRequestedRef.current = false;\n    safeSetErrorText(null);\n    safeSetStatusText(null);\n    safeSetPollingElapsedMs(null);\n    safeSetPendingMailtoUrl(null);\n    safeSetMailtoUiState('ready');\n\n    let didForwardError = false;\n    try {\n      const result = await tatchiPasskey.startEmailRecovery({\n        accountId: normalizedAccountId,\n        recoveryEmail: emailCandidate,\n        options: {\n          onEvent,\n          onError: (err: Error) => {\n            if (cancelRequestedRef.current) return;\n            safeSetErrorText(err?.message || 'Failed to start email recovery');\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n          afterCall: async () => {},\n        } as any,\n      });\n\n      safeSetPendingMailtoUrl(result.mailtoUrl);\n      safeSetStatusText('Recovery email draft ready. If it didn’t open automatically, click “Open recovery email draft”. Waiting for verification…');\n\n      // Best-effort open. If blocked/cancelled, the CTA remains immediately clickable for a user-gesture retry.\n      attemptOpenMailtoAuto(result.mailtoUrl);\n\n      // Start polling immediately after attempting to open the email prompt.\n      const finalizePromise = tatchiPasskey.finalizeEmailRecovery({\n        accountId: normalizedAccountId,\n        nearPublicKey: result.nearPublicKey,\n        options: {\n          onEvent,\n          onError: (err: Error) => {\n            if (cancelRequestedRef.current) return;\n            safeSetErrorText(err?.message || 'Failed to finalize email recovery');\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n          afterCall: async () => {},\n        } as any,\n      });\n\n      showExplorerToast(normalizedAccountId);\n\n      await finalizePromise;\n\n      // Best-effort auto-login: the core flow attempts it, but if it couldn't (e.g. missing Shamir\n      // auto-unlock and user cancelled TouchID), try once more here.\n      let loginOk = false;\n      const session = await tatchiPasskey.getLoginSession(normalizedAccountId).catch(() => null);\n      if (session?.login?.isLoggedIn) {\n        loginOk = true;\n      } else {\n        safeSetStatusText('Email recovery completed. Logging you in…');\n        loginOk = await tatchiPasskey.loginAndCreateSession(normalizedAccountId)\n          .then(() => true)\n          .catch(() => false);\n      }\n\n      if (refreshLoginState) {\n        await refreshLoginState(normalizedAccountId).catch(() => {});\n      }\n\n      safeSetStatusText(loginOk ? 'Email recovery completed on this device.' : 'Email recovery completed. Please log in on this device.');\n      safeSetPendingMailtoUrl(null);\n      safeSetMailtoUiState('ready');\n      safeSetPollingElapsedMs(null);\n    } catch (err: any) {\n      if (cancelRequestedRef.current) {\n        safeSetErrorText('Email recovery cancelled. Please try again.');\n        safeSetStatusText(null);\n        safeSetPollingElapsedMs(null);\n        safeSetPendingMailtoUrl(null);\n        safeSetMailtoUiState('ready');\n        return;\n      }\n      safeSetErrorText(err?.message || 'Failed to start email recovery');\n      if (!didForwardError && err instanceof Error) {\n        emailRecoveryOptions?.onError?.(err);\n      }\n    } finally {\n      safeSetIsBusy(false);\n    }\n  }, [\n    accountIdInput,\n    emailRecoveryOptions,\n    recoveryEmailInput,\n    onEvent,\n    refreshLoginState,\n    showExplorerToast,\n    safeSetErrorText,\n    safeSetIsBusy,\n    safeSetPendingMailtoUrl,\n    safeSetPollingElapsedMs,\n    safeSetStatusText,\n    safeSetMailtoUiState,\n    attemptOpenMailtoAuto,\n    tatchiPasskey,\n  ]);\n\n  const summaryLine = accountInfoLoading\n    ? 'Checking if account has recovery emails configured...'\n    : accountInfo && !accountInfoError\n      ? `Recovery emails configured: ${accountInfo.emailsCount}`\n      : '\\u00A0';\n\n  const noRecoveryEmailsConfigured =\n    !accountInfoLoading && !accountInfoError && !!accountInfo && accountInfo.emailsCount === 0;\n\n  return (\n    <div className=\"w3a-email-recovery-slide\">\n      <div className=\"w3a-email-recovery-title\">Recover Account with Email</div>\n      <div className=\"w3a-email-recovery-help\">\n        Send a special recovery email from your recovery email address.\n        Your account will be recovered with a new key once the email is verified.\n      </div>\n\n      <div className=\"w3a-email-recovery-field\">\n        <div className=\"w3a-input-pill w3a-email-recovery-input-pill\">\n          <div className=\"w3a-input-wrap\">\n            <input\n              type=\"text\"\n              value={accountIdInput}\n              onChange={(e) => setAccountIdInput(e.target.value)}\n              placeholder=\"NEAR account ID (e.g. alice.testnet)\"\n              className=\"w3a-input\"\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              inputMode=\"text\"\n              disabled={isBusy}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"w3a-email-recovery-summary\" aria-live=\"polite\">\n        <div>{summaryLine}</div>\n      </div>\n\n      <div className=\"w3a-email-recovery-field\">\n        <div className=\"w3a-input-pill w3a-email-recovery-input-pill\">\n          <div className=\"w3a-input-wrap\">\n            <input\n              type=\"email\"\n              value={recoveryEmailInput}\n              onChange={(e) => setRecoveryEmailInput(e.target.value)}\n              placeholder=\"Recovery email to send from\"\n              className=\"w3a-input\"\n              list={localRecoveryEmails.length > 0 ? 'w3a-email-recovery-saved-emails' : undefined}\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              inputMode=\"email\"\n              disabled={isBusy || noRecoveryEmailsConfigured}\n            />\n          </div>\n        </div>\n      </div>\n\n      {localRecoveryEmails.length > 0 && (\n        <div className=\"w3a-email-recovery-summary\" aria-live=\"polite\">\n          <div>Saved on this device:</div>\n          <div className=\"w3a-email-recovery-saved-emails\">\n            {localRecoveryEmails.map((email) => (\n              <button\n                key={email}\n                type=\"button\"\n                className=\"w3a-email-recovery-email-chip\"\n                onClick={() => setRecoveryEmailInput(email)}\n                disabled={isBusy}\n              >\n                {email}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {localRecoveryEmails.length > 0 && (\n        <datalist id=\"w3a-email-recovery-saved-emails\">\n          {localRecoveryEmails.map((email) => (\n            <option key={email} value={email} />\n          ))}\n        </datalist>\n      )}\n\n      <div className=\"w3a-email-recovery-actions\">\n        {(!pendingMailtoUrl || !isBusy) && (\n          <button\n            onClick={handleStart}\n            className=\"w3a-link-device-btn w3a-link-device-btn-primary\"\n            disabled={isBusy || noRecoveryEmailsConfigured}\n          >\n            {noRecoveryEmailsConfigured ? 'No recovery emails configured' : (isBusy ? 'Working…' : 'Start Email Recovery')}\n          </button>\n        )}\n\n        {pendingMailtoUrl && (\n          <button\n            type=\"button\"\n            onClick={() => attemptOpenMailtoFromUserGesture(pendingMailtoUrl)}\n            className=\"w3a-link-device-btn w3a-link-device-btn-primary\"\n            disabled={mailtoUiState === 'opening'}\n            aria-busy={mailtoUiState === 'opening'}\n          >\n            {mailtoUiState === 'opening' && <span className=\"w3a-spinner\" aria-hidden=\"true\" />}\n            {mailtoUiState === 'opening' ? 'Opening email…' : 'Open recovery email draft'}\n          </button>\n        )}\n      </div>\n\n      {(errorText || statusText || explorerToast) && (\n        <div className={`w3a-email-recovery-status${errorText ? ' is-error' : ''}`}>\n          {errorText ? errorText : statusText}\n          {pollingElapsedMs != null && !Number.isNaN(pollingElapsedMs) && pollingElapsedMs > 0 && (\n            <span className=\"w3a-email-recovery-elapsed\">\n              (~{Math.round(pollingElapsedMs / 1000)}s).\n            </span>\n          )}\n          {explorerToast && (\n            <>\n              <br />\n              <a className=\"w3a-email-recovery-link\" href={explorerToast.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                View on explorer\n              </a>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default EmailRecoverySlide;\n"],"mappings":"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"}

package/dist/esm/react/components/{ShowQRCode-DCnR__fx.css → ShowQRCode-CCN4h6Uv.css}

@@ -110,4 +110,4 @@
 }
 
 
-/*# sourceMappingURL=ShowQRCode-DCnR__fx.css.map*/
+/*# sourceMappingURL=ShowQRCode-CCN4h6Uv.css.map*/

package/dist/esm/react/components/{ShowQRCode-DCnR__fx.css.map → ShowQRCode-CCN4h6Uv.css.map}

@@ -1 +1 @@
-{"version":3,"file":"ShowQRCode-DCnR__fx.css","names":[],"sources":["../../../../src/react/components/ShowQRCode.css"],"sourcesContent":[".qr-code-container {\n  padding-top: 1rem;\n}\n\n/* Modal Header */\n.qr-header {\n  position: relative;\n  display: grid;\n  place-content: center;\n  padding: 0rem;\n}\n\n.qr-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--w3a-colors-textPrimary, #1e293b);\n  padding-top: 0rem;\n  margin: 0;\n}\n\n.qr-body {\n  padding: 0rem;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.qr-code-section {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/* QR Code Display */\n.qr-code-display {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0rem;\n  padding: 1rem;\n  border-radius: 1.5rem;\n  width: 100%;\n  max-width: 300px;\n}\n\n.qr-instruction, .qr-status {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--w3a-colors-textSecondary, #1e293b);\n  text-align: center;\n}\n\n.qr-status {\n  margin-bottom: 0.5rem;\n}\n\n.animated-ellipsis {\n  display: inline-block;\n  width: 1.2em;\n  text-align: left;\n}\n\n.animated-ellipsis::after {\n  content: \"...\";\n  animation: ellipsis 1.5s infinite;\n}\n\n@keyframes ellipsis {\n  0% { content: \"...\"; }\n  25% { content: \"\"; }\n  50% { content: \".\"; }\n  75% { content: \"..\"; }\n  100% { content: \"...\"; }\n}\n\n.qr-code-image {\n  max-width: 200px;\n  height: auto;\n  border-radius: var(--w3a-border-radius-md, 0.5rem);\n}\n\n.qr-loading {\n  text-align: center;\n  padding: 2rem;\n  color: var(--w3a-colors-textSecondary, #64748b);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .qr-modal-content {\n    margin: 1rem;\n    max-width: calc(100vw - 2rem);\n  }\n\n  @supports (width: 1dvw) {\n    .qr-modal-content { max-width: calc(100dvw - 2rem); }\n  }\n\n  .qr-code-image {\n    max-width: 200px;\n  }\n\n  .qr-code-display {\n    padding: 1rem;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA"}
+{"version":3,"file":"ShowQRCode-CCN4h6Uv.css","names":[],"sources":["../../../../src/react/components/ShowQRCode.css"],"sourcesContent":[".qr-code-container {\n  padding-top: 1rem;\n}\n\n/* Modal Header */\n.qr-header {\n  position: relative;\n  display: grid;\n  place-content: center;\n  padding: 0rem;\n}\n\n.qr-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--w3a-colors-textPrimary, #1e293b);\n  padding-top: 0rem;\n  margin: 0;\n}\n\n.qr-body {\n  padding: 0rem;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.qr-code-section {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/* QR Code Display */\n.qr-code-display {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0rem;\n  padding: 1rem;\n  border-radius: 1.5rem;\n  width: 100%;\n  max-width: 300px;\n}\n\n.qr-instruction, .qr-status {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--w3a-colors-textSecondary, #1e293b);\n  text-align: center;\n}\n\n.qr-status {\n  margin-bottom: 0.5rem;\n}\n\n.animated-ellipsis {\n  display: inline-block;\n  width: 1.2em;\n  text-align: left;\n}\n\n.animated-ellipsis::after {\n  content: \"...\";\n  animation: ellipsis 1.5s infinite;\n}\n\n@keyframes ellipsis {\n  0% { content: \"...\"; }\n  25% { content: \"\"; }\n  50% { content: \".\"; }\n  75% { content: \"..\"; }\n  100% { content: \"...\"; }\n}\n\n.qr-code-image {\n  max-width: 200px;\n  height: auto;\n  border-radius: var(--w3a-border-radius-md, 0.5rem);\n}\n\n.qr-loading {\n  text-align: center;\n  padding: 2rem;\n  color: var(--w3a-colors-textSecondary, #64748b);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .qr-modal-content {\n    margin: 1rem;\n    max-width: calc(100vw - 2rem);\n  }\n\n  @supports (width: 1dvw) {\n    .qr-modal-content { max-width: calc(100dvw - 2rem); }\n  }\n\n  .qr-code-image {\n    max-width: 200px;\n  }\n\n  .qr-code-display {\n    padding: 1rem;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA"}