@tatchi-xyz/sdk 0.20.0 → 0.31.0

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

@@ -1 +1 @@
-{"version":3,"file":"EmailRecoverySlide.js","names":["EmailRecoveryErrorCode","EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","React","IndexedDBManager","toAccountId","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';\nimport { EmailRecoveryErrorCode } from '@/core/types/emailRecovery';\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\nfunction getEmailRecoveryErrorCode(err: unknown): EmailRecoveryErrorCode | null {\n  const code = (err as { code?: unknown } | null)?.code;\n  if (typeof code !== 'string') return null;\n  return Object.values(EmailRecoveryErrorCode).includes(code as EmailRecoveryErrorCode)\n    ? (code as EmailRecoveryErrorCode)\n    : null;\n}\n\nfunction getEmailRecoveryUiError(err: unknown): { message: string; canRestart: boolean } {\n  const fallback = err instanceof Error ? err.message : String(err || '');\n  const code = getEmailRecoveryErrorCode(err);\n  switch (code) {\n    case EmailRecoveryErrorCode.VRF_CHALLENGE_EXPIRED:\n      return {\n        message: fallback || 'Timed out finalizing registration (VRF challenge expired). Please restart email recovery and try again.',\n        canRestart: true,\n      };\n    case EmailRecoveryErrorCode.REGISTRATION_NOT_VERIFIED:\n      return {\n        message: fallback || 'Registration did not verify on-chain. Please restart email recovery and try again.',\n        canRestart: true,\n      };\n    default:\n      return { message: fallback || 'Email recovery failed', canRestart: false };\n  }\n}\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 [pendingNearPublicKey, setPendingNearPublicKey] = 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 [canRestart, setCanRestart] = React.useState(false);\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    setPendingNearPublicKey(null);\n    setMailtoUiState('ready');\n    cancelRequestedRef.current = false;\n    setStatusText(null);\n    setPollingElapsedMs(null);\n    setErrorText(null);\n    setCanRestart(false);\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 safeSetPendingNearPublicKey = React.useMemo(() => safeSet(setPendingNearPublicKey), []);\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 safeSetCanRestart = React.useMemo(() => safeSet(setCanRestart), []);\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        safeSetCanRestart(false);\n      }\n    },\n    [emailRecoveryOptions, safeSetCanRestart, 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    safeSetCanRestart(false);\n    safeSetStatusText(null);\n    safeSetPollingElapsedMs(null);\n    safeSetPendingMailtoUrl(null);\n    safeSetPendingNearPublicKey(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      safeSetPendingNearPublicKey(result.nearPublicKey);\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            const uiError = getEmailRecoveryUiError(err);\n            safeSetErrorText(uiError.message || 'Failed to finalize email recovery');\n            safeSetCanRestart(uiError.canRestart);\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        safeSetPendingNearPublicKey(null);\n        safeSetMailtoUiState('ready');\n        safeSetCanRestart(false);\n        return;\n      }\n      const uiError = getEmailRecoveryUiError(err);\n      safeSetErrorText(uiError.message || 'Failed to start email recovery');\n      safeSetCanRestart(uiError.canRestart);\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 handleRestart = React.useCallback(async () => {\n    const normalizedAccountId = (accountIdInput || '').trim();\n    if (!normalizedAccountId) return;\n\n    safeSetIsBusy(true);\n    try {\n      cancelRequestedRef.current = true;\n      await tatchiPasskey.cancelEmailRecovery({\n        accountId: normalizedAccountId,\n        nearPublicKey: pendingNearPublicKey || undefined,\n      }).catch(() => {});\n      safeSetErrorText(null);\n      safeSetStatusText(null);\n      safeSetPollingElapsedMs(null);\n      safeSetPendingMailtoUrl(null);\n      safeSetPendingNearPublicKey(null);\n      safeSetMailtoUiState('ready');\n      safeSetCanRestart(false);\n    } finally {\n      cancelRequestedRef.current = false;\n      safeSetIsBusy(false);\n    }\n  }, [\n    accountIdInput,\n    pendingNearPublicKey,\n    safeSetCanRestart,\n    safeSetErrorText,\n    safeSetIsBusy,\n    safeSetMailtoUiState,\n    safeSetPendingMailtoUrl,\n    safeSetPendingNearPublicKey,\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 recovery email from your registered 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\n        {errorText && canRestart && (\n          <button\n            type=\"button\"\n            onClick={handleRestart}\n            className=\"w3a-link-device-btn\"\n            disabled={isBusy}\n          >\n            Restart email recovery\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              <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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"}
+{"version":3,"file":"EmailRecoverySlide.js","names":["EmailRecoveryErrorCode","EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","React","EmailRecoveryPhase","EmailRecoveryStatus","info: EmailRecoveryAccountInfo | null","err: unknown","summaryLine: React.ReactNode"],"sources":["../../../../../../src/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EmailRecoveryPhase,\n  EmailRecoveryStatus,\n  type EmailRecoverySSEEvent,\n} from '@/core/types/sdkSentEvents';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { EmailRecoveryErrorCode } from '@/core/types/emailRecovery';\nimport type { EmailRecoveryFlowOptions } from '@/core/types/emailRecovery';\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 EmailRecoveryAccountInfo = {\n  emailsCount: number;\n};\n\ntype MailtoUiState = 'ready' | 'opening';\n\ntype RecoveryEmailRecord = Awaited<ReturnType<TatchiPasskey['getRecoveryEmails']>>[number];\n\ntype ExplorerToast = { url: string; accountId?: string; transactionHash?: string };\n\nconst DEFAULT_NEAR_EXPLORER_URL = 'https://testnet.nearblocks.io';\nconst ACCOUNT_INFO_DEBOUNCE_MS = 350;\nconst MAILTO_REENABLE_MS = 2_000;\n\nfunction getExplorerBaseUrl(tatchiPasskey: TatchiPasskey): string {\n  return String(tatchiPasskey.configs?.nearExplorerUrl || DEFAULT_NEAR_EXPLORER_URL).replace(/\\/$/, '');\n}\n\nfunction getExplorerAccountUrl(args: { base: string; accountId: string }): string {\n  const { base, accountId } = args;\n  return base.includes('nearblocks.io') ? `${base}/address/${accountId}` : `${base}/accounts/${accountId}`;\n}\n\nfunction getExplorerTxUrl(args: { base: string; txHash: string }): string {\n  const { base, txHash } = args;\n  return base.includes('nearblocks.io') ? `${base}/txns/${txHash}` : `${base}/transactions/${txHash}`;\n}\n\nfunction getEmailRecoveryErrorCode(err: unknown): EmailRecoveryErrorCode | null {\n  const code = (err as { code?: unknown } | null)?.code;\n  if (typeof code !== 'string') return null;\n  return Object.values(EmailRecoveryErrorCode).includes(code as EmailRecoveryErrorCode)\n    ? (code as EmailRecoveryErrorCode)\n    : null;\n}\n\nfunction getEmailRecoveryUiError(err: unknown): { message: string; canRestart: boolean } {\n  const fallback = err instanceof Error ? err.message : String(err || '');\n  const normalizedFallback = fallback.trim().toLowerCase();\n  if (normalizedFallback.includes('recovery email is required')) {\n    return {\n      message:\n        fallback ||\n        'Recovery email is required for email-based account recovery. Make sure you send the email from your configured recovery email address.',\n      canRestart: true,\n    };\n  }\n  const code = getEmailRecoveryErrorCode(err);\n  switch (code) {\n    case EmailRecoveryErrorCode.VRF_CHALLENGE_EXPIRED:\n      return {\n        message: fallback || 'Timed out finalizing registration (VRF challenge expired). Please restart email recovery and try again.',\n        canRestart: true,\n      };\n    case EmailRecoveryErrorCode.REGISTRATION_NOT_VERIFIED:\n      return {\n        message: fallback || 'Registration did not verify on-chain. Please restart email recovery and try again.',\n        canRestart: true,\n      };\n    default:\n      return { message: fallback || 'Email recovery failed', canRestart: false };\n  }\n}\n\nfunction getEmailRecoveryErrorTxHash(err: unknown): string | null {\n  const carrier = (err as { context?: unknown; details?: unknown } | null);\n  const ctx = carrier?.context && typeof carrier.context === 'object' ? carrier.context : null;\n  const details = carrier?.details && typeof carrier.details === 'object' ? carrier.details : null;\n  const source = ctx ?? details;\n  if (!source) return null;\n  const txHash = (source as { transactionHash?: unknown }).transactionHash;\n  return typeof txHash === 'string' && txHash.trim().length > 0 ? txHash.trim() : null;\n}\n\nfunction asRecord(value: unknown): Record<string, unknown> | null {\n  if (!value || typeof value !== 'object') return null;\n  return value as Record<string, unknown>;\n}\n\nfunction extractTxHashFromEmailRecoveryEvent(ev: EmailRecoverySSEEvent): string | null {\n  const data = 'data' in ev ? asRecord(ev.data) : null;\n  const rawTxHash = data?.['transactionHash'] ?? data?.['transaction_hash'];\n  const txHash = typeof rawTxHash === 'string' ? rawTxHash.trim() : '';\n  return txHash || null;\n}\n\nfunction extractElapsedMsFromEmailRecoveryEvent(ev: EmailRecoverySSEEvent): number | null | undefined {\n  const data = 'data' in ev ? asRecord(ev.data) : null;\n  const elapsedRaw = data?.['elapsedMs'] ?? data?.['elapsed_ms'];\n  if (elapsedRaw == null) return null;\n  const elapsed = Number(elapsedRaw);\n  return Number.isNaN(elapsed) ? undefined : elapsed;\n}\n\nfunction deriveEmailsFromRecoveryRecords(records: RecoveryEmailRecord[]): string[] {\n  if (records.length === 0) return [];\n  const emails = records\n    .map((r) => r.email.trim().toLowerCase())\n    .filter((e) => e.length > 0 && e.includes('@'));\n  return Array.from(new Set(emails));\n}\n\nfunction EmailRecoveryHeader() {\n  return (\n    <>\n      <div className=\"w3a-email-recovery-title\">Recover Account with Email</div>\n      <div className=\"w3a-email-recovery-help\">\n        Send a special email to recover your account.\n        This email must be sent from the designated email recovery address.\n      </div>\n    </>\n  );\n}\n\nfunction AccountIdInputRow(props: {\n  value: string;\n  onChange: (value: string) => void;\n  disabled: boolean;\n}) {\n  const { value, onChange, disabled } = props;\n  return (\n    <div>\n      <div className=\"w3a-input-pill w3a-email-recovery-input-pill\">\n        <div className=\"w3a-input-wrap\">\n          <input\n            type=\"text\"\n            value={value}\n            onChange={(e) => onChange(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={disabled}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction RecoveryEmailsSummary(props: {\n  summaryLine: React.ReactNode;\n  accountInfoError: string | null;\n  localRecoveryEmails: string[];\n  showFromWarning: boolean;\n}) {\n  const { summaryLine, accountInfoError, localRecoveryEmails, showFromWarning } = props;\n  return (\n    <div className=\"w3a-email-recovery-summary\" aria-live=\"polite\">\n      <div>{summaryLine}</div>\n      {!!accountInfoError && (\n        <div className=\"w3a-email-recovery-warning\">{accountInfoError}</div>\n      )}\n      {localRecoveryEmails.length > 0 && (\n        <div className=\"w3a-email-recovery-saved-emails\" role=\"list\" aria-label=\"Recovery emails\">\n          {localRecoveryEmails.map((email) => (\n            <span key={email} className=\"w3a-email-recovery-email-chip w3a-email-recovery-email-chip-static\" role=\"listitem\">\n              {email}\n            </span>\n          ))}\n        </div>\n      )}\n      {showFromWarning && (\n        <div className=\"w3a-email-recovery-from-warning\">\n          {localRecoveryEmails.length === 1\n            ? `Check that you are sending the recovery email from ${localRecoveryEmails[0]}.`\n            : 'Check that you are sending the recovery email from your designated recovery email.'}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction EmailRecoveryActions(props: {\n  isBusy: boolean;\n  pendingMailtoUrl: string | null;\n  mailtoUiState: MailtoUiState;\n  startDisabled: boolean;\n  accountInfoLoading: boolean;\n  noRecoveryEmailsConfigured: boolean;\n  showRestart: boolean;\n  onStart: () => void;\n  onOpenDraft: (mailtoUrl: string) => void;\n  onRestart: () => void;\n}) {\n  const {\n    isBusy,\n    pendingMailtoUrl,\n    mailtoUiState,\n    startDisabled,\n    accountInfoLoading,\n    noRecoveryEmailsConfigured,\n    showRestart,\n    onStart,\n    onOpenDraft,\n    onRestart,\n  } = props;\n\n  return (\n    <div className=\"w3a-email-recovery-actions\">\n      {(!pendingMailtoUrl || !isBusy) && (\n        <button\n          onClick={onStart}\n          className=\"w3a-link-device-btn w3a-link-device-btn-primary\"\n          disabled={startDisabled}\n        >\n          {accountInfoLoading\n            ? 'Checking recovery emails…'\n            : noRecoveryEmailsConfigured\n              ? 'No recovery emails configured'\n              : (isBusy ? 'Working…' : 'Start Email Recovery')}\n        </button>\n      )}\n\n      {pendingMailtoUrl && (\n        <button\n          type=\"button\"\n          onClick={() => onOpenDraft(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\n      {showRestart && (\n        <button\n          type=\"button\"\n          onClick={onRestart}\n          className=\"w3a-link-device-btn\"\n          disabled={isBusy}\n        >\n          Restart email recovery\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction EmailRecoveryStatusPanel(props: {\n  errorText: string | null;\n  statusText: string | null;\n  pollingElapsedMs: number | null;\n  explorerToast: ExplorerToast | null;\n}) {\n  const { errorText, statusText, pollingElapsedMs, explorerToast } = props;\n  if (!errorText && !statusText && !explorerToast) return null;\n\n  return (\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}\n\nexport const EmailRecoverySlide: React.FC<EmailRecoverySlideProps> = ({\n  tatchiPasskey,\n  accountId,\n  refreshLoginState,\n  emailRecoveryOptions\n}) => {\n\n  const mountedRef = React.useRef(true);\n  const mailtoAttemptTimerRef = React.useRef<number | null>(null);\n  const cancelRequestedRef = React.useRef(false);\n\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  type NoInferType<T> = [T][T extends any ? 0 : never];\n  const safeSet = React.useCallback(<T,>(\n    setter: React.Dispatch<React.SetStateAction<T>>,\n    value: React.SetStateAction<NoInferType<T>>,\n  ) => {\n    if (!mountedRef.current) return;\n    setter(value);\n  }, []);\n\n  const [isBusy, setIsBusy] = React.useState(false);\n  const [accountIdInput, setAccountIdInput] = React.useState('');\n  const [pendingMailtoUrl, setPendingMailtoUrl] = React.useState<string | null>(null);\n  const [pendingNearPublicKey, setPendingNearPublicKey] = 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 [canRestart, setCanRestart] = React.useState(false);\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<ExplorerToast | null>(null);\n\n  const lastPrefilledAccountIdRef = 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    setPendingNearPublicKey(null);\n    setMailtoUiState('ready');\n    cancelRequestedRef.current = false;\n    setStatusText(null);\n    setPollingElapsedMs(null);\n    setErrorText(null);\n    setCanRestart(false);\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 onEvent = React.useCallback(\n    (ev: EmailRecoverySSEEvent) => {\n      if (cancelRequestedRef.current) return;\n      safeSet(setStatusText, ev?.message || null);\n      emailRecoveryOptions?.onEvent?.(ev);\n\n      const txHash = extractTxHashFromEmailRecoveryEvent(ev);\n      if (txHash) {\n        const base = getExplorerBaseUrl(tatchiPasskey);\n        safeSet(setExplorerToast, { url: getExplorerTxUrl({ base, txHash }), transactionHash: txHash });\n      }\n      const elapsed = extractElapsedMsFromEmailRecoveryEvent(ev);\n      if (elapsed === null) safeSet(setPollingElapsedMs, null);\n      else if (elapsed != null) safeSet(setPollingElapsedMs, elapsed);\n\n      if (ev.phase === EmailRecoveryPhase.ERROR || ev.status === EmailRecoveryStatus.ERROR) {\n        const raw = 'error' in ev ? ev.error : ev.message;\n        safeSet(setErrorText, raw || 'Email recovery failed');\n        safeSet(setCanRestart, false);\n      }\n    },\n    [emailRecoveryOptions, safeSet, tatchiPasskey],\n  );\n\n  const showExplorerToast = React.useCallback(\n    (rawAccountId: string) => {\n      const normalized = (rawAccountId || '').trim();\n      if (!normalized) return;\n      const base = getExplorerBaseUrl(tatchiPasskey);\n      safeSet(setExplorerToast, { url: getExplorerAccountUrl({ base, accountId: normalized }), accountId: normalized });\n    },\n    [safeSet, tatchiPasskey],\n  );\n\n  const showExplorerTxToast = React.useCallback(\n    (txHash: string) => {\n      const normalized = (txHash || '').trim();\n      if (!normalized) return;\n      const base = getExplorerBaseUrl(tatchiPasskey);\n      safeSet(setExplorerToast, { url: getExplorerTxUrl({ base, txHash: normalized }), transactionHash: normalized });\n    },\n    [safeSet, 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      safeSet(setMailtoUiState, '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        safeSet(setMailtoUiState, prev => (prev === 'opening' ? 'ready' : prev));\n        mailtoAttemptTimerRef.current = null;\n      }, MAILTO_REENABLE_MS);\n\n      launchMailto(url);\n    },\n    [launchMailto, safeSet],\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      safeSet(setMailtoUiState, '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, safeSet]);\n\n  React.useEffect(() => {\n    const normalized = (accountIdInput || '').trim();\n    if (!normalized) {\n      setAccountInfo(null);\n      setAccountInfoError(null);\n      setAccountInfoLoading(false);\n      safeSet(setLocalRecoveryEmails, []);\n      return;\n    }\n\n    let cancelled = false;\n    // Show loading state immediately (don't wait for debounce).\n    safeSet(setAccountInfoLoading, true);\n    safeSet(setAccountInfoError, null);\n    const handle = window.setTimeout(() => {\n      void (async () => {\n        try {\n          const records = await tatchiPasskey.getRecoveryEmails(normalized);\n          const resolvedEmails = deriveEmailsFromRecoveryRecords(records);\n\n          if (!cancelled) {\n            safeSet(setLocalRecoveryEmails, resolvedEmails);\n          }\n\n          const info: EmailRecoveryAccountInfo | null = records\n            ? { emailsCount: Array.isArray(records) ? records.length : 0 }\n            : null;\n          if (cancelled) return;\n          safeSet(setAccountInfo, info);\n        } catch (err: unknown) {\n          if (cancelled) return;\n          safeSet(setAccountInfo, null);\n          const msg = err instanceof Error ? err.message : '';\n          safeSet(setAccountInfoError, msg || 'Failed to load email recovery settings for this account');\n          safeSet(setLocalRecoveryEmails, []);\n        } finally {\n          if (!cancelled) safeSet(setAccountInfoLoading, false);\n        }\n      })();\n    }, ACCOUNT_INFO_DEBOUNCE_MS);\n\n    return () => {\n      cancelled = true;\n      window.clearTimeout(handle);\n    };\n  }, [accountIdInput, safeSet, tatchiPasskey]);\n\n  const handleStart = React.useCallback(async () => {\n    const normalizedAccountId = (accountIdInput || '').trim();\n    if (!normalizedAccountId) {\n      safeSet(setErrorText, 'Enter an account ID.');\n      return;\n    }\n\n    if (accountInfoLoading) {\n      safeSet(setErrorText, 'Checking recovery email settings…');\n      return;\n    }\n\n    if (accountInfoError) {\n      safeSet(setErrorText, accountInfoError);\n      return;\n    }\n\n    if (!accountInfo) {\n      safeSet(setErrorText, 'Failed to load email recovery settings for this account.');\n      return;\n    }\n\n    if (accountInfo.emailsCount === 0) {\n      safeSet(setErrorText, 'No recovery emails are configured for this account.');\n      return;\n    }\n\n    safeSet(setIsBusy, true);\n    cancelRequestedRef.current = false;\n    safeSet(setErrorText, null);\n    safeSet(setCanRestart, false);\n    safeSet(setStatusText, null);\n    safeSet(setPollingElapsedMs, null);\n    safeSet(setPendingMailtoUrl, null);\n    safeSet(setPendingNearPublicKey, null);\n    safeSet(setMailtoUiState, 'ready');\n\n    let didForwardError = false;\n    try {\n      const result = await tatchiPasskey.startEmailRecovery({\n        accountId: normalizedAccountId,\n        options: {\n          onEvent,\n          onError: (err: Error) => {\n            if (cancelRequestedRef.current) return;\n            safeSet(setErrorText, err?.message || 'Failed to start email recovery');\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n        } satisfies EmailRecoveryFlowOptions,\n      });\n\n      safeSet(setPendingMailtoUrl, result.mailtoUrl);\n      safeSet(setPendingNearPublicKey, result.nearPublicKey);\n      safeSet(\n        setStatusText,\n        'Recovery email draft ready. If it didn’t open automatically, click “Open recovery email draft”. Waiting for verification…'\n      );\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            const uiError = getEmailRecoveryUiError(err);\n            safeSet(setErrorText, uiError.message || 'Failed to finalize email recovery');\n            safeSet(setCanRestart, uiError.canRestart);\n            const txHash = getEmailRecoveryErrorTxHash(err);\n            if (txHash) showExplorerTxToast(txHash);\n            didForwardError = true;\n            emailRecoveryOptions?.onError?.(err);\n          },\n        } satisfies EmailRecoveryFlowOptions,\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        safeSet(setStatusText, 'Email recovery completed. Logging you in…');\n        loginOk = await tatchiPasskey\n          .loginAndCreateSession(normalizedAccountId)\n          .then(() => true)\n          .catch(() => false);\n      }\n\n      if (refreshLoginState) {\n        await refreshLoginState(normalizedAccountId).catch(() => {});\n      }\n\n      safeSet(\n        setStatusText,\n        loginOk ? 'Email recovery completed on this device.' : 'Email recovery completed. Please log in on this device.'\n      );\n      safeSet(setPendingMailtoUrl, null);\n      safeSet(setMailtoUiState, 'ready');\n      safeSet(setPollingElapsedMs, null);\n    } catch (err: unknown) {\n      if (cancelRequestedRef.current) {\n        safeSet(setErrorText, 'Email recovery cancelled. Please try again.');\n        safeSet(setStatusText, null);\n        safeSet(setPollingElapsedMs, null);\n        safeSet(setPendingMailtoUrl, null);\n        safeSet(setPendingNearPublicKey, null);\n        safeSet(setMailtoUiState, 'ready');\n        safeSet(setCanRestart, false);\n        return;\n      }\n      const uiError = getEmailRecoveryUiError(err);\n      safeSet(setErrorText, uiError.message || 'Failed to start email recovery');\n      safeSet(setCanRestart, uiError.canRestart);\n      const txHash = getEmailRecoveryErrorTxHash(err);\n      if (txHash) showExplorerTxToast(txHash);\n      if (!didForwardError && err instanceof Error) {\n        emailRecoveryOptions?.onError?.(err);\n      }\n    } finally {\n      safeSet(setIsBusy, false);\n    }\n  }, [\n    accountIdInput,\n    accountInfo,\n    accountInfoError,\n    accountInfoLoading,\n    attemptOpenMailtoAuto,\n    emailRecoveryOptions,\n    onEvent,\n    refreshLoginState,\n    safeSet,\n    showExplorerToast,\n    showExplorerTxToast,\n    tatchiPasskey,\n  ]);\n\n  const handleRestart = React.useCallback(async () => {\n    const normalizedAccountId = (accountIdInput || '').trim();\n    if (!normalizedAccountId) return;\n\n    safeSet(setIsBusy, true);\n    try {\n      cancelRequestedRef.current = true;\n      await tatchiPasskey\n        .cancelEmailRecovery({\n          accountId: normalizedAccountId,\n          nearPublicKey: pendingNearPublicKey || undefined,\n        })\n        .catch(() => {});\n      safeSet(setErrorText, null);\n      safeSet(setStatusText, null);\n      safeSet(setPollingElapsedMs, null);\n      safeSet(setPendingMailtoUrl, null);\n      safeSet(setPendingNearPublicKey, null);\n      safeSet(setMailtoUiState, 'ready');\n      safeSet(setCanRestart, false);\n    } finally {\n      cancelRequestedRef.current = false;\n      safeSet(setIsBusy, false);\n    }\n  }, [accountIdInput, pendingNearPublicKey, safeSet, tatchiPasskey]);\n\n  const summaryLine: React.ReactNode = accountInfoLoading\n    ? (\n      <>\n        Checking if account has recovery emails configured\n        <span className=\"w3a-ellipsis\" aria-hidden=\"true\">\n          <span className=\"w3a-ellipsis-dot\">.</span>\n          <span className=\"w3a-ellipsis-dot\">.</span>\n          <span className=\"w3a-ellipsis-dot\">.</span>\n        </span>\n      </>\n    )\n    : accountInfo && !accountInfoError\n      ? `Recovery emails configured: ${accountInfo.emailsCount}`\n      : '\\u00A0';\n\n  const noRecoveryEmailsConfigured =\n    !accountInfoLoading && !accountInfoError && !!accountInfo && accountInfo.emailsCount === 0;\n  const startDisabled = isBusy || accountInfoLoading || !!accountInfoError || !accountInfo || noRecoveryEmailsConfigured;\n  const showFromWarning = !!accountIdInput.trim() && !noRecoveryEmailsConfigured;\n  const showRestart = !!errorText && canRestart;\n\n  return (\n    <div className=\"w3a-email-recovery-slide\">\n      <EmailRecoveryHeader />\n      <AccountIdInputRow value={accountIdInput} onChange={setAccountIdInput} disabled={isBusy} />\n      <RecoveryEmailsSummary\n        summaryLine={summaryLine}\n        accountInfoError={accountInfoError}\n        localRecoveryEmails={localRecoveryEmails}\n        showFromWarning={showFromWarning}\n      />\n      <EmailRecoveryActions\n        isBusy={isBusy}\n        pendingMailtoUrl={pendingMailtoUrl}\n        mailtoUiState={mailtoUiState}\n        startDisabled={startDisabled}\n        accountInfoLoading={accountInfoLoading}\n        noRecoveryEmailsConfigured={noRecoveryEmailsConfigured}\n        showRestart={showRestart}\n        onStart={handleStart}\n        onOpenDraft={attemptOpenMailtoFromUserGesture}\n        onRestart={handleRestart}\n      />\n      <EmailRecoveryStatusPanel\n        errorText={errorText}\n        statusText={statusText}\n        pollingElapsedMs={pollingElapsedMs}\n        explorerToast={explorerToast}\n      />\n    </div>\n  );\n};\n\nexport default EmailRecoverySlide;\n"],"mappings":"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"}

package/dist/cjs/react/components/ShowQRCode-DGCJv1Cw.css

@@ -0,0 +1,113 @@
+.qr-code-container {
+  padding-top: 1rem;
+}
+
+/* Modal Header */
+.qr-header {
+  position: relative;
+  display: grid;
+  place-content: center;
+  padding: 0rem;
+}
+
+.qr-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--w3a-colors-textPrimary, #1e293b);
+  padding-top: 0rem;
+  margin: 0;
+}
+
+.qr-body {
+  padding: 0rem;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.qr-code-section {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* QR Code Display */
+.qr-code-display {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0rem;
+  padding: 1rem;
+  border-radius: 1.5rem;
+  width: 100%;
+  max-width: 300px;
+}
+
+.qr-instruction, .qr-status {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--w3a-colors-textSecondary, #1e293b);
+  text-align: center;
+}
+
+.qr-status {
+  margin-bottom: 0.5rem;
+}
+
+.animated-ellipsis {
+  display: inline-block;
+  width: 1.2em;
+  text-align: left;
+}
+
+.animated-ellipsis::after {
+  content: "...";
+  animation: ellipsis 1.5s infinite;
+}
+
+@keyframes ellipsis {
+  0% { content: "..."; }
+  25% { content: ""; }
+  50% { content: "."; }
+  75% { content: ".."; }
+  100% { content: "..."; }
+}
+
+.qr-code-image {
+  max-width: 200px;
+  height: auto;
+  border-radius: var(--w3a-border-radius-md, 0.5rem);
+}
+
+.qr-loading {
+  text-align: center;
+  padding: 2rem;
+  color: var(--w3a-colors-textSecondary, #64748b);
+}
+
+/* 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); }
+  }
+
+  .qr-code-image {
+    max-width: 200px;
+  }
+
+  .qr-code-display {
+    padding: 1rem;
+  }
+}
+
+
+/*# sourceMappingURL=ShowQRCode-DGCJv1Cw.css.map*/

package/dist/cjs/react/components/ShowQRCode-DGCJv1Cw.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowQRCode-DGCJv1Cw.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"}

package/dist/cjs/react/components/ShowQRCode2.js

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_sdkSentEvents = require('../sdk/src/core/types/sdkSentEvents.js');
+const require_sdkSentEvents = require('../src/core/types/sdkSentEvents.js');
 const require_index = require('../context/index.js');
 require('./ShowQRCode.js');
 let react = require("react");
@@ -8,7 +8,6 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/react/components/ShowQRCode.tsx
-require_sdkSentEvents.init_sdkSentEvents();
 function ShowQRCode({ isOpen, onClose, onEvent, onError }) {
 	const { startDevice2LinkingFlow, stopDevice2LinkingFlow } = require_index.useTatchi();
 	const [deviceLinkingState, setDeviceLinkingState] = (0, react.useState)({

package/dist/cjs/react/components/ShowQRCode2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowQRCode2.js","names":["useTatchi","DeviceLinkingPhase","DeviceLinkingStatus"],"sources":["../../../../src/react/components/ShowQRCode.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\nimport { useTatchi } from '../context'\nimport { DeviceLinkingSSEEvent, DeviceLinkingStatus, DeviceLinkingPhase } from '../../core/types/sdkSentEvents'\nimport './ShowQRCode.css'\n\ninterface ShowQRCodeProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onEvent: (event: DeviceLinkingSSEEvent) => void;\n  onError: (error: Error) => void;\n}\n\nexport function ShowQRCode({\n  isOpen,\n  onClose,\n  onEvent,\n  onError,\n}: ShowQRCodeProps) {\n\n  const {\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n  } = useTatchi();\n\n  const [deviceLinkingState, setDeviceLinkingState] = useState<{\n    mode: 'idle' | 'device1' | 'device2';\n    qrCodeDataURL?: string;\n    isProcessing: boolean;\n    lastPhase?: string;\n    lastMessage?: string;\n  }>({ mode: 'idle', isProcessing: false });\n\n  // Prevent duplicate concurrent starts (e.g., React StrictMode double-effect)\n  const sessionRef = useRef(0);\n\n  // Auto-start QR generation when modal opens; cancel when closing or unmounting\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const mySession = ++sessionRef.current;\n    let cancelled = false;\n    setDeviceLinkingState({ mode: 'device2', isProcessing: true });\n\n    (async () => {\n      try {\n        const { qrCodeDataURL } = await startDevice2LinkingFlow({\n          options: {\n            onEvent: (event: DeviceLinkingSSEEvent) => {\n              if (cancelled) return;\n              setDeviceLinkingState(prev => ({ ...prev, lastPhase: String(event.phase), lastMessage: event.message }));\n              onEvent(event);\n              if (event.phase === DeviceLinkingPhase.STEP_7_LINKING_COMPLETE && event.status === DeviceLinkingStatus.SUCCESS) {\n                try { onClose(); } catch {}\n              }\n            },\n            onError: (error: Error) => {\n              if (cancelled) return;\n              setDeviceLinkingState({ mode: 'idle', isProcessing: false });\n              onError(error);\n              try { onClose(); } catch {}\n            }\n          }\n        });\n        if (!cancelled && sessionRef.current === mySession) {\n          setDeviceLinkingState(prev => ({ ...prev, qrCodeDataURL, isProcessing: false }));\n        }\n      } catch (err) {\n        if (!cancelled && sessionRef.current === mySession) {\n          setDeviceLinkingState({ mode: 'idle', isProcessing: false });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      sessionRef.current++;\n      try {\n        stopDevice2LinkingFlow().catch(() => {});\n      } catch {}\n    };\n  }, [isOpen, onClose, onEvent, onError, startDevice2LinkingFlow, stopDevice2LinkingFlow]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"qr-code-container\" onClick={(e) => e.stopPropagation()}>\n      <div className=\"qr-body\">\n        {deviceLinkingState.mode === 'device2' && (\n          <div className=\"qr-code-section\">\n            {deviceLinkingState.qrCodeDataURL ? (\n              <div className=\"qr-code-display\">\n                <img\n                  src={deviceLinkingState.qrCodeDataURL}\n                  alt=\"Device Linking QR Code\"\n                  className=\"qr-code-image\"\n                />\n              </div>\n            ) : (\n              <div className=\"qr-loading\">\n                <p>Generating QR code...</p>\n              </div>\n            )}\n            <div className=\"qr-header\">\n              <h2 className=\"qr-title\">Scan and Link Device</h2>\n            </div>\n            {deviceLinkingState.qrCodeDataURL &&\n              <>\n                <div className=\"qr-instruction\">Scan to backup your other device.</div>\n                <div className=\"qr-status\">\n                  {deviceLinkingState.lastMessage || 'Waiting for device to scan'}\n                  <span className=\"animated-ellipsis\"></span>\n                </div>\n              </>\n            }\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,WAAW,EACzB,QACA,SACA,SACA,WACkB;CAElB,MAAM,EACJ,yBACA,2BACEA;CAEJ,MAAM,CAAC,oBAAoB,6CAMxB;EAAE,MAAM;EAAQ,cAAc;;CAGjC,MAAM,+BAAoB;AAG1B,4BAAgB;AACd,MAAI,CAAC,OAAQ;EAEb,MAAM,YAAY,EAAE,WAAW;EAC/B,IAAI,YAAY;AAChB,wBAAsB;GAAE,MAAM;GAAW,cAAc;;AAEvD,GAAC,YAAY;AACX,OAAI;IACF,MAAM,EAAE,kBAAkB,MAAM,wBAAwB,EACtD,SAAS;KACP,UAAU,UAAiC;AACzC,UAAI,UAAW;AACf,6BAAsB,UAAS;OAAE,GAAG;OAAM,WAAW,OAAO,MAAM;OAAQ,aAAa,MAAM;;AAC7F,cAAQ;AACR,UAAI,MAAM,UAAUC,yCAAmB,2BAA2B,MAAM,WAAWC,0CAAoB,QACrG,KAAI;AAAE;cAAmB;;KAG7B,UAAU,UAAiB;AACzB,UAAI,UAAW;AACf,4BAAsB;OAAE,MAAM;OAAQ,cAAc;;AACpD,cAAQ;AACR,UAAI;AAAE;cAAmB;;;AAI/B,QAAI,CAAC,aAAa,WAAW,YAAY,UACvC,wBAAsB,UAAS;KAAE,GAAG;KAAM;KAAe,cAAc;;YAElE,KAAK;AACZ,QAAI,CAAC,aAAa,WAAW,YAAY,UACvC,uBAAsB;KAAE,MAAM;KAAQ,cAAc;;;;AAK1D,eAAa;AACX,eAAY;AACZ,cAAW;AACX,OAAI;AACF,6BAAyB,YAAY;WAC/B;;IAET;EAAC;EAAQ;EAAS;EAAS;EAAS;EAAyB;;AAEhE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,2CAAC;EAAI,WAAU;EAAoB,UAAU,MAAM,EAAE;YACnD,2CAAC;GAAI,WAAU;aACZ,mBAAmB,SAAS,aAC3B,4CAAC;IAAI,WAAU;;KACZ,mBAAmB,gBAClB,2CAAC;MAAI,WAAU;gBACb,2CAAC;OACC,KAAK,mBAAmB;OACxB,KAAI;OACJ,WAAU;;UAId,2CAAC;MAAI,WAAU;gBACb,2CAAC,iBAAE;;KAGP,2CAAC;MAAI,WAAU;gBACb,2CAAC;OAAG,WAAU;iBAAW;;;KAE1B,mBAAmB,iBAClB,qFACE,2CAAC;MAAI,WAAU;gBAAiB;SAChC,4CAAC;MAAI,WAAU;iBACZ,mBAAmB,eAAe,8BACnC,2CAAC,UAAK,WAAU"}
+{"version":3,"file":"ShowQRCode2.js","names":["useTatchi","DeviceLinkingPhase","DeviceLinkingStatus"],"sources":["../../../../src/react/components/ShowQRCode.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\nimport { useTatchi } from '../context'\nimport { DeviceLinkingSSEEvent, DeviceLinkingStatus, DeviceLinkingPhase } from '../../core/types/sdkSentEvents'\nimport './ShowQRCode.css'\n\ninterface ShowQRCodeProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onEvent: (event: DeviceLinkingSSEEvent) => void;\n  onError: (error: Error) => void;\n}\n\nexport function ShowQRCode({\n  isOpen,\n  onClose,\n  onEvent,\n  onError,\n}: ShowQRCodeProps) {\n\n  const {\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n  } = useTatchi();\n\n  const [deviceLinkingState, setDeviceLinkingState] = useState<{\n    mode: 'idle' | 'device1' | 'device2';\n    qrCodeDataURL?: string;\n    isProcessing: boolean;\n    lastPhase?: string;\n    lastMessage?: string;\n  }>({ mode: 'idle', isProcessing: false });\n\n  // Prevent duplicate concurrent starts (e.g., React StrictMode double-effect)\n  const sessionRef = useRef(0);\n\n  // Auto-start QR generation when modal opens; cancel when closing or unmounting\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const mySession = ++sessionRef.current;\n    let cancelled = false;\n    setDeviceLinkingState({ mode: 'device2', isProcessing: true });\n\n    (async () => {\n      try {\n        const { qrCodeDataURL } = await startDevice2LinkingFlow({\n          options: {\n            onEvent: (event: DeviceLinkingSSEEvent) => {\n              if (cancelled) return;\n              setDeviceLinkingState(prev => ({ ...prev, lastPhase: String(event.phase), lastMessage: event.message }));\n              onEvent(event);\n              if (event.phase === DeviceLinkingPhase.STEP_7_LINKING_COMPLETE && event.status === DeviceLinkingStatus.SUCCESS) {\n                try { onClose(); } catch {}\n              }\n            },\n            onError: (error: Error) => {\n              if (cancelled) return;\n              setDeviceLinkingState({ mode: 'idle', isProcessing: false });\n              onError(error);\n              try { onClose(); } catch {}\n            }\n          }\n        });\n        if (!cancelled && sessionRef.current === mySession) {\n          setDeviceLinkingState(prev => ({ ...prev, qrCodeDataURL, isProcessing: false }));\n        }\n      } catch (err) {\n        if (!cancelled && sessionRef.current === mySession) {\n          setDeviceLinkingState({ mode: 'idle', isProcessing: false });\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      sessionRef.current++;\n      try {\n        stopDevice2LinkingFlow().catch(() => {});\n      } catch {}\n    };\n  }, [isOpen, onClose, onEvent, onError, startDevice2LinkingFlow, stopDevice2LinkingFlow]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"qr-code-container\" onClick={(e) => e.stopPropagation()}>\n      <div className=\"qr-body\">\n        {deviceLinkingState.mode === 'device2' && (\n          <div className=\"qr-code-section\">\n            {deviceLinkingState.qrCodeDataURL ? (\n              <div className=\"qr-code-display\">\n                <img\n                  src={deviceLinkingState.qrCodeDataURL}\n                  alt=\"Device Linking QR Code\"\n                  className=\"qr-code-image\"\n                />\n              </div>\n            ) : (\n              <div className=\"qr-loading\">\n                <p>Generating QR code...</p>\n              </div>\n            )}\n            <div className=\"qr-header\">\n              <h2 className=\"qr-title\">Scan and Link Device</h2>\n            </div>\n            {deviceLinkingState.qrCodeDataURL &&\n              <>\n                <div className=\"qr-instruction\">Scan to backup your other device.</div>\n                <div className=\"qr-status\">\n                  {deviceLinkingState.lastMessage || 'Waiting for device to scan'}\n                  <span className=\"animated-ellipsis\"></span>\n                </div>\n              </>\n            }\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,WAAW,EACzB,QACA,SACA,SACA,WACkB;CAElB,MAAM,EACJ,yBACA,2BACEA;CAEJ,MAAM,CAAC,oBAAoB,6CAMxB;EAAE,MAAM;EAAQ,cAAc;;CAGjC,MAAM,+BAAoB;AAG1B,4BAAgB;AACd,MAAI,CAAC,OAAQ;EAEb,MAAM,YAAY,EAAE,WAAW;EAC/B,IAAI,YAAY;AAChB,wBAAsB;GAAE,MAAM;GAAW,cAAc;;AAEvD,GAAC,YAAY;AACX,OAAI;IACF,MAAM,EAAE,kBAAkB,MAAM,wBAAwB,EACtD,SAAS;KACP,UAAU,UAAiC;AACzC,UAAI,UAAW;AACf,6BAAsB,UAAS;OAAE,GAAG;OAAM,WAAW,OAAO,MAAM;OAAQ,aAAa,MAAM;;AAC7F,cAAQ;AACR,UAAI,MAAM,UAAUC,yCAAmB,2BAA2B,MAAM,WAAWC,0CAAoB,QACrG,KAAI;AAAE;cAAmB;;KAG7B,UAAU,UAAiB;AACzB,UAAI,UAAW;AACf,4BAAsB;OAAE,MAAM;OAAQ,cAAc;;AACpD,cAAQ;AACR,UAAI;AAAE;cAAmB;;;AAI/B,QAAI,CAAC,aAAa,WAAW,YAAY,UACvC,wBAAsB,UAAS;KAAE,GAAG;KAAM;KAAe,cAAc;;YAElE,KAAK;AACZ,QAAI,CAAC,aAAa,WAAW,YAAY,UACvC,uBAAsB;KAAE,MAAM;KAAQ,cAAc;;;;AAK1D,eAAa;AACX,eAAY;AACZ,cAAW;AACX,OAAI;AACF,6BAAyB,YAAY;WAC/B;;IAET;EAAC;EAAQ;EAAS;EAAS;EAAS;EAAyB;;AAEhE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,2CAAC;EAAI,WAAU;EAAoB,UAAU,MAAM,EAAE;YACnD,2CAAC;GAAI,WAAU;aACZ,mBAAmB,SAAS,aAC3B,4CAAC;IAAI,WAAU;;KACZ,mBAAmB,gBAClB,2CAAC;MAAI,WAAU;gBACb,2CAAC;OACC,KAAK,mBAAmB;OACxB,KAAI;OACJ,WAAU;;UAId,2CAAC;MAAI,WAAU;gBACb,2CAAC,iBAAE;;KAGP,2CAAC;MAAI,WAAU;gBACb,2CAAC;OAAG,WAAU;iBAAW;;;KAE1B,mBAAmB,iBAClB,qFACE,2CAAC;MAAI,WAAU;gBAAiB;SAChC,4CAAC;MAAI,WAAU;iBACZ,mBAAmB,eAAe,8BACnC,2CAAC,UAAK,WAAU"}

package/dist/cjs/react/components/theme/ThemeProvider.js

@@ -92,18 +92,18 @@ function getEnvAppearance() {
 	return safeGetVitepressAppearance();
 }
 const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange, tokens, prefix = "--w3a", syncUserPreferences = true }) => {
-	let passkeyManager;
+	let tatchi;
 	let loginState = null;
 	try {
 		const ctx = require_index.useTatchi();
-		passkeyManager = ctx?.tatchi;
+		tatchi = ctx?.tatchi;
 		loginState = ctx?.loginState;
 	} catch {
-		passkeyManager = null;
+		tatchi = null;
 		loginState = null;
 	}
 	const isControlled = themeProp !== void 0 && themeProp !== null;
-	const isWalletIframeMode = !!passkeyManager?.configs?.iframeWallet?.walletOrigin;
+	const isWalletIframeMode = !!tatchi?.configs?.iframeWallet?.walletOrigin;
 	const baseLight = react.default.useMemo(() => require_design_tokens.LIGHT_TOKENS, []);
 	const baseDark = react.default.useMemo(() => require_design_tokens.DARK_TOKENS, []);
 	const resolvedOverrides = react.default.useMemo(() => typeof tokens === "function" ? tokens({
@@ -118,7 +118,7 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	const darkTokens = react.default.useMemo(() => require_utils.mergeTokens(baseDark, resolvedOverrides.dark), [baseDark, resolvedOverrides.dark]);
 	const [themeState, setThemeState] = react.default.useState(() => {
 		if (isControlled) return themeProp;
-		const t = passkeyManager?.userPreferences?.getUserTheme?.();
+		const t = tatchi?.userPreferences?.getUserTheme?.();
 		if (t === "light" || t === "dark") return t;
 		const stored = safeLoadStoredTheme();
 		if (stored) return stored;
@@ -128,18 +128,18 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 		if (isControlled && themeProp && themeProp !== themeState) setThemeState(themeProp);
 	}, [isControlled, themeProp]);
 	react.default.useEffect(() => {
-		if (isControlled || !passkeyManager) return;
-		const up = passkeyManager.userPreferences;
+		if (isControlled || !tatchi) return;
+		const up = tatchi.userPreferences;
 		if (!up?.onThemeChange) return;
 		const unsub = up.onThemeChange((t) => setThemeState(t));
 		return () => {
 			unsub?.();
 		};
-	}, [isControlled, passkeyManager]);
+	}, [isControlled, tatchi]);
 	react.default.useEffect(() => {
-		if (isControlled || !passkeyManager || !loginState?.isLoggedIn) return;
+		if (isControlled || !tatchi || !loginState?.isLoggedIn) return;
 		if (isWalletIframeMode) return;
-		const up = passkeyManager.userPreferences;
+		const up = tatchi.userPreferences;
 		const fn = up?.getCurrentUserAccountIdTheme?.bind(up);
 		if (!fn) return;
 		let cancelled = false;
@@ -158,18 +158,18 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	}, [
 		isControlled,
 		isWalletIframeMode,
-		passkeyManager,
+		tatchi,
 		themeState,
 		loginState?.isLoggedIn
 	]);
 	react.default.useEffect(() => {
-		if (isControlled || !passkeyManager?.userPreferences || !loginState?.isLoggedIn || !syncUserPreferences) return;
+		if (isControlled || !tatchi?.userPreferences || !loginState?.isLoggedIn || !syncUserPreferences) return;
 		if (isWalletIframeMode) return;
 		let cancelled = false;
 		(async () => {
-			const pref = await passkeyManager.userPreferences.getCurrentUserAccountIdTheme?.();
+			const pref = await tatchi.userPreferences.getCurrentUserAccountIdTheme?.();
 			if (cancelled) return;
-			if (pref !== themeState) passkeyManager.setUserTheme?.(themeState);
+			if (pref !== themeState) tatchi.setUserTheme?.(themeState);
 		})();
 		return () => {
 			cancelled = true;
@@ -177,7 +177,7 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	}, [
 		isControlled,
 		isWalletIframeMode,
-		passkeyManager,
+		tatchi,
 		themeState,
 		loginState?.isLoggedIn,
 		syncUserPreferences
@@ -185,13 +185,13 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	const setTheme = react.default.useCallback((t) => {
 		if (t === themeState) return;
 		if (!isControlled) setThemeState(t);
-		if (syncUserPreferences && passkeyManager?.setUserTheme) passkeyManager.setUserTheme(t);
-		if (!loginState?.isLoggedIn || !passkeyManager || !syncUserPreferences) safeStoreTheme(t);
+		if (syncUserPreferences && tatchi?.setUserTheme) tatchi.setUserTheme(t);
+		if (!loginState?.isLoggedIn || !tatchi || !syncUserPreferences) safeStoreTheme(t);
 		onThemeChange?.(t);
 	}, [
 		isControlled,
 		onThemeChange,
-		passkeyManager,
+		tatchi,
 		themeState,
 		loginState?.isLoggedIn,
 		syncUserPreferences

package/dist/cjs/react/components/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["React","theme: ThemeName","tokens: DesignTokens","DARK_TOKENS","LIGHT_TOKENS","createCSSVariables","ThemeScope: React.FC<ThemeScopeProps>","Comp: any","attrs: any","ThemeProvider: React.FC<ThemeProviderProps>","passkeyManager: any","loginState: { isLoggedIn?: boolean } | null","useTatchi","mergeTokens","fn: undefined | (() => Promise<'dark' | 'light' | null>)","Theme: React.FC<ThemeProps>"],"sources":["../../../../../src/react/components/theme/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useTatchi } from '../../context';\nimport type { DesignTokens, UseThemeReturn } from './design-tokens';\nimport { LIGHT_TOKENS, DARK_TOKENS } from './design-tokens';\nimport { createCSSVariables, mergeTokens, PartialDeep } from './utils';\n\n// Consolidated theme context, hook, scope, and provider in one file to reduce confusion.\n// External API: Theme (consolidated), useTheme, ThemeName\n\nexport type ThemeName = 'light' | 'dark';\n\ninterface ThemeContextValue {\n  theme: ThemeName;\n  tokens: DesignTokens;\n  isDark: boolean;\n  prefix: string;\n  toggleTheme: () => void;\n  setTheme: (t: ThemeName) => void;\n  // Precomputed CSS variables for convenience\n  vars: React.CSSProperties;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\nconst noop = () => {};\n\n// Internal: safe context read with sensible fallback when no provider is present\nexport const useThemeContext = (): ThemeContextValue => {\n  const ctx = React.useContext(ThemeContext);\n  if (ctx) return ctx;\n\n  const prefersDark =\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n      ? window.matchMedia('(prefers-color-scheme: dark)').matches\n      : false;\n  const theme: ThemeName = prefersDark ? 'dark' : 'light';\n  const tokens: DesignTokens = theme === 'dark' ? DARK_TOKENS : LIGHT_TOKENS;\n  const vars = createCSSVariables(tokens, '--w3a');\n  return {\n    theme,\n    tokens,\n    isDark: theme === 'dark',\n    prefix: '--w3a',\n    toggleTheme: noop,\n    setTheme: noop as (t: ThemeName) => void,\n    vars,\n  };\n};\n\n// Public: simple hook used by components\nexport function useTheme(): UseThemeReturn {\n  const ctx = useThemeContext();\n  return React.useMemo(() => ({\n    theme: ctx.theme,\n    tokens: ctx.tokens,\n    isDark: ctx.isDark,\n    toggleTheme: ctx.toggleTheme,\n    setTheme: ctx.setTheme,\n  }), [ctx.theme, ctx.tokens, ctx.isDark, ctx.toggleTheme, ctx.setTheme]);\n}\n\n// Public: boundary element that applies CSS variables and data attribute\ninterface ThemeScopeProps {\n  tag?: keyof React.JSX.IntrinsicElements;\n  className?: string;\n  style?: React.CSSProperties;\n  dataAttr?: string; // attribute to mark theme on boundary\n  children?: React.ReactNode;\n}\n\nconst ThemeScope: React.FC<ThemeScopeProps> = ({\n  tag = 'main',\n  className,\n  style,\n  dataAttr = 'data-w3a-theme',\n  children,\n}) => {\n  const { theme, vars } = useThemeContext();\n  const Comp: any = tag;\n  const attrs: any = { [dataAttr]: theme };\n  return (\n    <Comp className={className} style={{ ...vars, ...style }} {...attrs}>\n      {children}\n    </Comp>\n  );\n};\n\nexport interface ThemeOverrides {\n  light?: PartialDeep<DesignTokens>;\n  dark?: PartialDeep<DesignTokens>;\n}\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  theme?: ThemeName;                 // controlled\n  defaultTheme?: ThemeName;          // uncontrolled\n  onThemeChange?: (t: ThemeName) => void;\n  tokens?: ThemeOverrides | ((base: { light: DesignTokens; dark: DesignTokens }) => ThemeOverrides);\n  prefix?: string;                   // CSS var prefix\n  /**\n   * When true, writes user theme to SDK user preferences (and wallet host when available)\n   * on setTheme/toggleTheme. Falls back to localStorage when not logged in.\n   * Defaults to true.\n   */\n  syncUserPreferences?: boolean;\n}\n\nfunction getSystemPrefersDark(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false;\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nconst THEME_STORAGE_KEY = 'w3a_theme';\n\nfunction safeLoadStoredTheme(): ThemeName | null {\n  try {\n    if (typeof window === 'undefined') return null;\n    const v = window.localStorage?.getItem?.(THEME_STORAGE_KEY);\n    return v === 'light' || v === 'dark' ? v : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction safeStoreTheme(t: ThemeName) {\n  try {\n    if (typeof window === 'undefined') return;\n    window.localStorage?.setItem?.(THEME_STORAGE_KEY, t);\n  } catch {}\n}\n\nfunction safeGetVitepressAppearance(): ThemeName | null {\n  try {\n    const stored = window.localStorage?.getItem?.('vitepress-theme-appearance');\n    return stored === 'dark' || stored === 'light' ? stored : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEnvAppearance(): ThemeName | null {\n  if (typeof document === 'undefined') return null;\n  const isDark = document.documentElement.classList.contains('dark');\n  if (typeof isDark === 'boolean') return isDark ? 'dark' : 'light';\n  return safeGetVitepressAppearance();\n}\n\nconst ThemeProvider: React.FC<ThemeProviderProps> = ({\n  children,\n  theme: themeProp,\n  defaultTheme,\n  onThemeChange,\n  tokens,\n  prefix = '--w3a',\n  syncUserPreferences = true,\n}) => {\n  // Make passkey context optional - ThemeProvider can work without it\n  let passkeyManager: any;\n  let loginState: { isLoggedIn?: boolean } | null = null;\n  try {\n    const ctx = useTatchi() as any;\n    passkeyManager = ctx?.tatchi;\n    loginState = ctx?.loginState;\n  } catch {\n    // ThemeProvider can work without TatchiContextProvider\n    passkeyManager = null;\n    loginState = null;\n  }\n  const isControlled = themeProp !== undefined && themeProp !== null;\n  const isWalletIframeMode = !!passkeyManager?.configs?.iframeWallet?.walletOrigin;\n\n  const baseLight = React.useMemo(() => LIGHT_TOKENS, []);\n  const baseDark = React.useMemo(() => DARK_TOKENS, []);\n\n  const resolvedOverrides = React.useMemo(() =>\n    typeof tokens === 'function' ? tokens({ light: baseLight, dark: baseDark }) : (tokens || {}),\n    [tokens, baseLight, baseDark]\n  );\n\n  const lightTokens = React.useMemo(\n    () => mergeTokens(baseLight, resolvedOverrides.light),\n    [baseLight, resolvedOverrides.light]\n  );\n  const darkTokens = React.useMemo(\n    () => mergeTokens(baseDark, resolvedOverrides.dark),\n    [baseDark, resolvedOverrides.dark]\n  );\n\n  const [themeState, setThemeState] = React.useState<ThemeName>(() => {\n    if (isControlled) return themeProp as ThemeName;\n    const t = passkeyManager?.userPreferences?.getUserTheme?.();\n    if (t === 'light' || t === 'dark') return t;\n    const stored = safeLoadStoredTheme();\n    if (stored) return stored;\n    return defaultTheme || (getSystemPrefersDark() ? 'dark' : 'light');\n  });\n\n  // Sync internal state when controlled prop changes\n  React.useEffect(() => {\n    if (isControlled && themeProp && themeProp !== themeState) {\n      setThemeState(themeProp);\n    }\n  }, [isControlled, themeProp]);\n\n  // Subscribe to manager updates if uncontrolled\n  React.useEffect(() => {\n    if (isControlled || !passkeyManager) return;\n    const up = passkeyManager.userPreferences;\n    if (!up?.onThemeChange) return;\n    const unsub = up.onThemeChange((t: ThemeName) => setThemeState(t));\n    return () => { unsub?.(); };\n  }, [isControlled, passkeyManager]);\n\n  // Hydrate from persisted user preference when available (post-login)\n  React.useEffect(() => {\n    if (isControlled || !passkeyManager || !loginState?.isLoggedIn) return;\n    // In wallet-iframe mode, persisted preferences live on the wallet origin; the app origin\n    // should not attempt to read IndexedDB (it is intentionally disabled).\n    if (isWalletIframeMode) return;\n    const up = passkeyManager.userPreferences as any;\n    const fn: undefined | (() => Promise<'dark' | 'light' | null>) = up?.getCurrentUserAccountIdTheme?.bind(up);\n    if (!fn) return;\n    let cancelled = false;\n    (async () => {\n      const persisted = await fn();\n      if (cancelled) return;\n      if (persisted === 'dark' || persisted === 'light') {\n        const env = getEnvAppearance();\n        // If environment appearance exists and conflicts with persisted, prefer env to avoid flicker.\n        if (env && env !== persisted) return;\n        if (persisted !== themeState) setThemeState(persisted);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [isControlled, isWalletIframeMode, passkeyManager, themeState, loginState?.isLoggedIn]);\n\n  // On login, propagate current theme to user prefs AND wallet host to avoid \"first-click does nothing\"\n  React.useEffect(() => {\n    if (isControlled || !passkeyManager?.userPreferences || !loginState?.isLoggedIn || !syncUserPreferences) return;\n    // Wallet-iframe mode: wallet host is the source of truth; avoid pushing app theme on login.\n    if (isWalletIframeMode) return;\n    let cancelled = false;\n    void (async () => {\n      const pref = await passkeyManager.userPreferences.getCurrentUserAccountIdTheme?.();\n      if (cancelled) return;\n      // If no stored preference yet OR it differs, push current theme\n      if (pref !== themeState) {\n        passkeyManager.setUserTheme?.(themeState);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [isControlled, isWalletIframeMode, passkeyManager, themeState, loginState?.isLoggedIn, syncUserPreferences]);\n\n  const setTheme = React.useCallback((t: ThemeName) => {\n    // Avoid redundant writes and subscription loops\n    if (t === themeState) return;\n    if (!isControlled) setThemeState(t);\n    // Attempt to sync to user preferences (wallet host when available)\n    if (syncUserPreferences && passkeyManager?.setUserTheme) {\n      passkeyManager.setUserTheme(t);\n    }\n    // Persist locally when not logged in, or if no passkeyManager available\n    if (!loginState?.isLoggedIn || !passkeyManager || !syncUserPreferences) {\n      safeStoreTheme(t);\n    }\n    // If SDK sync failed for any reason, local storage remains as fallback via catchless best-effort above\n    onThemeChange?.(t);\n  }, [isControlled, onThemeChange, passkeyManager, themeState, loginState?.isLoggedIn, syncUserPreferences]);\n\n  const toggleTheme = React.useCallback(() => {\n    setTheme(themeState === 'dark' ? 'light' : 'dark');\n  }, [themeState, setTheme]);\n\n  const tokensForTheme = themeState === 'dark' ? darkTokens : lightTokens;\n  const vars = React.useMemo(() => createCSSVariables(tokensForTheme, prefix), [tokensForTheme, prefix]);\n\n  const value = React.useMemo(() => ({\n    theme: themeState,\n    tokens: tokensForTheme,\n    isDark: themeState === 'dark',\n    prefix,\n    toggleTheme,\n    setTheme,\n    vars,\n  }), [themeState, tokensForTheme, prefix, toggleTheme, setTheme, vars]);\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\n// Unified Theme component: combines provider and scope with mode control\nexport type ThemeMode = 'provider+scope' | 'provider-only' | 'scope-only';\n\nexport interface ThemeProps extends Omit<ThemeProviderProps, 'children'>, Omit<ThemeScopeProps, 'children'> {\n  mode?: ThemeMode;\n  children?: React.ReactNode;\n}\n\n/**\n * Theme — consolidated theming component\n * - Default: provider + scope boundary\n * - mode=\"provider-only\": only provides context\n * - mode=\"scope-only\": only renders boundary using existing context\n */\nexport const Theme: React.FC<ThemeProps> = ({\n  mode = 'provider+scope',\n  children,\n  tag = 'main', // div, main, etc\n  className = 'w3a-theme-provider',\n  style,\n  dataAttr,\n  // Provider props\n  theme,\n  defaultTheme,\n  onThemeChange,\n  tokens,\n  prefix,\n  syncUserPreferences,\n}) => {\n  if (mode === 'scope-only') {\n    return (\n      <ThemeScope tag={tag} className={className} style={style} dataAttr={dataAttr}>\n        {children}\n      </ThemeScope>\n    );\n  }\n\n  const providerEl = (\n    <ThemeProvider\n      theme={theme}\n      defaultTheme={defaultTheme}\n      onThemeChange={onThemeChange}\n      tokens={tokens}\n      prefix={prefix}\n      syncUserPreferences={syncUserPreferences}\n    >\n      {mode === 'provider-only' ? (\n        <>{children}</>\n      ) : (\n        <ThemeScope tag={tag} className={className} style={style} dataAttr={dataAttr}>\n          {children}\n        </ThemeScope>\n      )}\n    </ThemeProvider>\n  );\n\n  return providerEl;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["React","theme: ThemeName","tokens: DesignTokens","DARK_TOKENS","LIGHT_TOKENS","createCSSVariables","ThemeScope: React.FC<ThemeScopeProps>","Comp: any","attrs: any","ThemeProvider: React.FC<ThemeProviderProps>","tatchi: any","loginState: { isLoggedIn?: boolean } | null","useTatchi","mergeTokens","fn: undefined | (() => Promise<'dark' | 'light' | null>)","Theme: React.FC<ThemeProps>"],"sources":["../../../../../src/react/components/theme/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useTatchi } from '../../context';\nimport type { DesignTokens, UseThemeReturn } from './design-tokens';\nimport { LIGHT_TOKENS, DARK_TOKENS } from './design-tokens';\nimport { createCSSVariables, mergeTokens, PartialDeep } from './utils';\n\n// Consolidated theme context, hook, scope, and provider in one file to reduce confusion.\n// External API: Theme (consolidated), useTheme, ThemeName\n\nexport type ThemeName = 'light' | 'dark';\n\ninterface ThemeContextValue {\n  theme: ThemeName;\n  tokens: DesignTokens;\n  isDark: boolean;\n  prefix: string;\n  toggleTheme: () => void;\n  setTheme: (t: ThemeName) => void;\n  // Precomputed CSS variables for convenience\n  vars: React.CSSProperties;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\nconst noop = () => {};\n\n// Internal: safe context read with sensible fallback when no provider is present\nexport const useThemeContext = (): ThemeContextValue => {\n  const ctx = React.useContext(ThemeContext);\n  if (ctx) return ctx;\n\n  const prefersDark =\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n      ? window.matchMedia('(prefers-color-scheme: dark)').matches\n      : false;\n  const theme: ThemeName = prefersDark ? 'dark' : 'light';\n  const tokens: DesignTokens = theme === 'dark' ? DARK_TOKENS : LIGHT_TOKENS;\n  const vars = createCSSVariables(tokens, '--w3a');\n  return {\n    theme,\n    tokens,\n    isDark: theme === 'dark',\n    prefix: '--w3a',\n    toggleTheme: noop,\n    setTheme: noop as (t: ThemeName) => void,\n    vars,\n  };\n};\n\n// Public: simple hook used by components\nexport function useTheme(): UseThemeReturn {\n  const ctx = useThemeContext();\n  return React.useMemo(() => ({\n    theme: ctx.theme,\n    tokens: ctx.tokens,\n    isDark: ctx.isDark,\n    toggleTheme: ctx.toggleTheme,\n    setTheme: ctx.setTheme,\n  }), [ctx.theme, ctx.tokens, ctx.isDark, ctx.toggleTheme, ctx.setTheme]);\n}\n\n// Public: boundary element that applies CSS variables and data attribute\ninterface ThemeScopeProps {\n  tag?: keyof React.JSX.IntrinsicElements;\n  className?: string;\n  style?: React.CSSProperties;\n  dataAttr?: string; // attribute to mark theme on boundary\n  children?: React.ReactNode;\n}\n\nconst ThemeScope: React.FC<ThemeScopeProps> = ({\n  tag = 'main',\n  className,\n  style,\n  dataAttr = 'data-w3a-theme',\n  children,\n}) => {\n  const { theme, vars } = useThemeContext();\n  const Comp: any = tag;\n  const attrs: any = { [dataAttr]: theme };\n  return (\n    <Comp className={className} style={{ ...vars, ...style }} {...attrs}>\n      {children}\n    </Comp>\n  );\n};\n\nexport interface ThemeOverrides {\n  light?: PartialDeep<DesignTokens>;\n  dark?: PartialDeep<DesignTokens>;\n}\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  theme?: ThemeName;                 // controlled\n  defaultTheme?: ThemeName;          // uncontrolled\n  onThemeChange?: (t: ThemeName) => void;\n  tokens?: ThemeOverrides | ((base: { light: DesignTokens; dark: DesignTokens }) => ThemeOverrides);\n  prefix?: string;                   // CSS var prefix\n  /**\n   * When true, writes user theme to SDK user preferences (and wallet host when available)\n   * on setTheme/toggleTheme. Falls back to localStorage when not logged in.\n   * Defaults to true.\n   */\n  syncUserPreferences?: boolean;\n}\n\nfunction getSystemPrefersDark(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false;\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nconst THEME_STORAGE_KEY = 'w3a_theme';\n\nfunction safeLoadStoredTheme(): ThemeName | null {\n  try {\n    if (typeof window === 'undefined') return null;\n    const v = window.localStorage?.getItem?.(THEME_STORAGE_KEY);\n    return v === 'light' || v === 'dark' ? v : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction safeStoreTheme(t: ThemeName) {\n  try {\n    if (typeof window === 'undefined') return;\n    window.localStorage?.setItem?.(THEME_STORAGE_KEY, t);\n  } catch {}\n}\n\nfunction safeGetVitepressAppearance(): ThemeName | null {\n  try {\n    const stored = window.localStorage?.getItem?.('vitepress-theme-appearance');\n    return stored === 'dark' || stored === 'light' ? stored : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEnvAppearance(): ThemeName | null {\n  if (typeof document === 'undefined') return null;\n  const isDark = document.documentElement.classList.contains('dark');\n  if (typeof isDark === 'boolean') return isDark ? 'dark' : 'light';\n  return safeGetVitepressAppearance();\n}\n\nconst ThemeProvider: React.FC<ThemeProviderProps> = ({\n  children,\n  theme: themeProp,\n  defaultTheme,\n  onThemeChange,\n  tokens,\n  prefix = '--w3a',\n  syncUserPreferences = true,\n}) => {\n  // Make passkey context optional - ThemeProvider can work without it\n  let tatchi: any;\n  let loginState: { isLoggedIn?: boolean } | null = null;\n  try {\n    const ctx = useTatchi() as any;\n    tatchi = ctx?.tatchi;\n    loginState = ctx?.loginState;\n  } catch {\n    // ThemeProvider can work without TatchiContextProvider\n    tatchi = null;\n    loginState = null;\n  }\n  const isControlled = themeProp !== undefined && themeProp !== null;\n  const isWalletIframeMode = !!tatchi?.configs?.iframeWallet?.walletOrigin;\n\n  const baseLight = React.useMemo(() => LIGHT_TOKENS, []);\n  const baseDark = React.useMemo(() => DARK_TOKENS, []);\n\n  const resolvedOverrides = React.useMemo(() =>\n    typeof tokens === 'function' ? tokens({ light: baseLight, dark: baseDark }) : (tokens || {}),\n    [tokens, baseLight, baseDark]\n  );\n\n  const lightTokens = React.useMemo(\n    () => mergeTokens(baseLight, resolvedOverrides.light),\n    [baseLight, resolvedOverrides.light]\n  );\n  const darkTokens = React.useMemo(\n    () => mergeTokens(baseDark, resolvedOverrides.dark),\n    [baseDark, resolvedOverrides.dark]\n  );\n\n  const [themeState, setThemeState] = React.useState<ThemeName>(() => {\n    if (isControlled) return themeProp as ThemeName;\n    const t = tatchi?.userPreferences?.getUserTheme?.();\n    if (t === 'light' || t === 'dark') return t;\n    const stored = safeLoadStoredTheme();\n    if (stored) return stored;\n    return defaultTheme || (getSystemPrefersDark() ? 'dark' : 'light');\n  });\n\n  // Sync internal state when controlled prop changes\n  React.useEffect(() => {\n    if (isControlled && themeProp && themeProp !== themeState) {\n      setThemeState(themeProp);\n    }\n  }, [isControlled, themeProp]);\n\n  // Subscribe to manager updates if uncontrolled\n  React.useEffect(() => {\n    if (isControlled || !tatchi) return;\n    const up = tatchi.userPreferences;\n    if (!up?.onThemeChange) return;\n    const unsub = up.onThemeChange((t: ThemeName) => setThemeState(t));\n    return () => { unsub?.(); };\n  }, [isControlled, tatchi]);\n\n  // Hydrate from persisted user preference when available (post-login)\n  React.useEffect(() => {\n    if (isControlled || !tatchi || !loginState?.isLoggedIn) return;\n    // In wallet-iframe mode, persisted preferences live on the wallet origin; the app origin\n    // should not attempt to read IndexedDB (it is intentionally disabled).\n    if (isWalletIframeMode) return;\n    const up = tatchi.userPreferences as any;\n    const fn: undefined | (() => Promise<'dark' | 'light' | null>) = up?.getCurrentUserAccountIdTheme?.bind(up);\n    if (!fn) return;\n    let cancelled = false;\n    (async () => {\n      const persisted = await fn();\n      if (cancelled) return;\n      if (persisted === 'dark' || persisted === 'light') {\n        const env = getEnvAppearance();\n        // If environment appearance exists and conflicts with persisted, prefer env to avoid flicker.\n        if (env && env !== persisted) return;\n        if (persisted !== themeState) setThemeState(persisted);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [isControlled, isWalletIframeMode, tatchi, themeState, loginState?.isLoggedIn]);\n\n  // On login, propagate current theme to user prefs AND wallet host to avoid \"first-click does nothing\"\n  React.useEffect(() => {\n    if (isControlled || !tatchi?.userPreferences || !loginState?.isLoggedIn || !syncUserPreferences) return;\n    // Wallet-iframe mode: wallet host is the source of truth; avoid pushing app theme on login.\n    if (isWalletIframeMode) return;\n    let cancelled = false;\n    void (async () => {\n      const pref = await tatchi.userPreferences.getCurrentUserAccountIdTheme?.();\n      if (cancelled) return;\n      // If no stored preference yet OR it differs, push current theme\n      if (pref !== themeState) {\n        tatchi.setUserTheme?.(themeState);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [isControlled, isWalletIframeMode, tatchi, themeState, loginState?.isLoggedIn, syncUserPreferences]);\n\n  const setTheme = React.useCallback((t: ThemeName) => {\n    // Avoid redundant writes and subscription loops\n    if (t === themeState) return;\n    if (!isControlled) setThemeState(t);\n    // Attempt to sync to user preferences (wallet host when available)\n    if (syncUserPreferences && tatchi?.setUserTheme) {\n      tatchi.setUserTheme(t);\n    }\n    // Persist locally when not logged in, or if no tatchi available\n    if (!loginState?.isLoggedIn || !tatchi || !syncUserPreferences) {\n      safeStoreTheme(t);\n    }\n    // If SDK sync failed for any reason, local storage remains as fallback via catchless best-effort above\n    onThemeChange?.(t);\n  }, [isControlled, onThemeChange, tatchi, themeState, loginState?.isLoggedIn, syncUserPreferences]);\n\n  const toggleTheme = React.useCallback(() => {\n    setTheme(themeState === 'dark' ? 'light' : 'dark');\n  }, [themeState, setTheme]);\n\n  const tokensForTheme = themeState === 'dark' ? darkTokens : lightTokens;\n  const vars = React.useMemo(() => createCSSVariables(tokensForTheme, prefix), [tokensForTheme, prefix]);\n\n  const value = React.useMemo(() => ({\n    theme: themeState,\n    tokens: tokensForTheme,\n    isDark: themeState === 'dark',\n    prefix,\n    toggleTheme,\n    setTheme,\n    vars,\n  }), [themeState, tokensForTheme, prefix, toggleTheme, setTheme, vars]);\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\n// Unified Theme component: combines provider and scope with mode control\nexport type ThemeMode = 'provider+scope' | 'provider-only' | 'scope-only';\n\nexport interface ThemeProps extends Omit<ThemeProviderProps, 'children'>, Omit<ThemeScopeProps, 'children'> {\n  mode?: ThemeMode;\n  children?: React.ReactNode;\n}\n\n/**\n * Theme — consolidated theming component\n * - Default: provider + scope boundary\n * - mode=\"provider-only\": only provides context\n * - mode=\"scope-only\": only renders boundary using existing context\n */\nexport const Theme: React.FC<ThemeProps> = ({\n  mode = 'provider+scope',\n  children,\n  tag = 'main', // div, main, etc\n  className = 'w3a-theme-provider',\n  style,\n  dataAttr,\n  // Provider props\n  theme,\n  defaultTheme,\n  onThemeChange,\n  tokens,\n  prefix,\n  syncUserPreferences,\n}) => {\n  if (mode === 'scope-only') {\n    return (\n      <ThemeScope tag={tag} className={className} style={style} dataAttr={dataAttr}>\n        {children}\n      </ThemeScope>\n    );\n  }\n\n  const providerEl = (\n    <ThemeProvider\n      theme={theme}\n      defaultTheme={defaultTheme}\n      onThemeChange={onThemeChange}\n      tokens={tokens}\n      prefix={prefix}\n      syncUserPreferences={syncUserPreferences}\n    >\n      {mode === 'provider-only' ? (\n        <>{children}</>\n      ) : (\n        <ThemeScope tag={tag} className={className} style={style} dataAttr={dataAttr}>\n          {children}\n        </ThemeScope>\n      )}\n    </ThemeProvider>\n  );\n\n  return providerEl;\n};\n"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_base_styles = require('../../sdk/src/base-styles.js');
+const require_base_styles = require('../../src/base-styles.js');
 
 //#region src/react/components/theme/design-tokens.ts
 const LIGHT_TOKENS = {