@tatchi-xyz/sdk 0.20.0 → 0.31.0

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

@@ -1 +1 @@
-{"version":3,"file":"EmailRecoverySlide.js","names":["EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","localEmails: string[]","info: EmailRecoveryAccountInfo | null","err: any"],"sources":["../../../../../../src/react/components/PasskeyAuthMenu/ui/EmailRecoverySlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { EmailRecoverySSEEvent } from '@/core/types/sdkSentEvents';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { IndexedDBManager } from '@/core/IndexedDBManager';\nimport { toAccountId } from '@/core/types/accountIds';\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":["EmailRecoverySlide: React.FC<EmailRecoverySlideProps>","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":";;;;;;AA+BA,MAAM,4BAA4B;AAClC,MAAM,2BAA2B;AACjC,MAAM,qBAAqB;AAE3B,SAAS,mBAAmB,eAAsC;AAChE,QAAO,OAAO,cAAc,SAAS,mBAAmB,2BAA2B,QAAQ,OAAO;;AAGpG,SAAS,sBAAsB,MAAmD;CAChF,MAAM,EAAE,MAAM,cAAc;AAC5B,QAAO,KAAK,SAAS,mBAAmB,GAAG,KAAK,WAAW,cAAc,GAAG,KAAK,YAAY;;AAG/F,SAAS,iBAAiB,MAAgD;CACxE,MAAM,EAAE,MAAM,WAAW;AACzB,QAAO,KAAK,SAAS,mBAAmB,GAAG,KAAK,QAAQ,WAAW,GAAG,KAAK,gBAAgB;;AAG7F,SAAS,0BAA0B,KAA6C;CAC9E,MAAM,OAAQ,KAAmC;AACjD,KAAI,OAAO,SAAS,SAAU,QAAO;AACrC,QAAO,OAAO,OAAO,wBAAwB,SAAS,QACjD,OACD;;AAGN,SAAS,wBAAwB,KAAwD;CACvF,MAAM,WAAW,eAAe,QAAQ,IAAI,UAAU,OAAO,OAAO;CACpE,MAAM,qBAAqB,SAAS,OAAO;AAC3C,KAAI,mBAAmB,SAAS,8BAC9B,QAAO;EACL,SACE,YACA;EACF,YAAY;;CAGhB,MAAM,OAAO,0BAA0B;AACvC,SAAQ,MAAR;EACE,KAAK,uBAAuB,sBAC1B,QAAO;GACL,SAAS,YAAY;GACrB,YAAY;;EAEhB,KAAK,uBAAuB,0BAC1B,QAAO;GACL,SAAS,YAAY;GACrB,YAAY;;EAEhB,QACE,QAAO;GAAE,SAAS,YAAY;GAAyB,YAAY;;;;AAIzE,SAAS,4BAA4B,KAA6B;CAChE,MAAM,UAAW;CACjB,MAAM,MAAM,SAAS,WAAW,OAAO,QAAQ,YAAY,WAAW,QAAQ,UAAU;CACxF,MAAM,UAAU,SAAS,WAAW,OAAO,QAAQ,YAAY,WAAW,QAAQ,UAAU;CAC5F,MAAM,SAAS,OAAO;AACtB,KAAI,CAAC,OAAQ,QAAO;CACpB,MAAM,SAAU,OAAyC;AACzD,QAAO,OAAO,WAAW,YAAY,OAAO,OAAO,SAAS,IAAI,OAAO,SAAS;;AAGlF,SAAS,SAAS,OAAgD;AAChE,KAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAO;;AAGT,SAAS,oCAAoC,IAA0C;CACrF,MAAM,OAAO,UAAU,KAAK,SAAS,GAAG,QAAQ;CAChD,MAAM,YAAY,OAAO,sBAAsB,OAAO;CACtD,MAAM,SAAS,OAAO,cAAc,WAAW,UAAU,SAAS;AAClE,QAAO,UAAU;;AAGnB,SAAS,uCAAuC,IAAsD;CACpG,MAAM,OAAO,UAAU,KAAK,SAAS,GAAG,QAAQ;CAChD,MAAM,aAAa,OAAO,gBAAgB,OAAO;AACjD,KAAI,cAAc,KAAM,QAAO;CAC/B,MAAM,UAAU,OAAO;AACvB,QAAO,OAAO,MAAM,WAAW,SAAY;;AAG7C,SAAS,gCAAgC,SAA0C;AACjF,KAAI,QAAQ,WAAW,EAAG,QAAO;CACjC,MAAM,SAAS,QACZ,KAAK,MAAM,EAAE,MAAM,OAAO,eAC1B,QAAQ,MAAM,EAAE,SAAS,KAAK,EAAE,SAAS;AAC5C,QAAO,MAAM,KAAK,IAAI,IAAI;;AAG5B,SAAS,sBAAsB;AAC7B,QACE,4CACE,oBAAC;EAAI,WAAU;YAA2B;KAC1C,oBAAC;EAAI,WAAU;YAA0B;;;AAQ/C,SAAS,kBAAkB,OAIxB;CACD,MAAM,EAAE,OAAO,UAAU,aAAa;AACtC,QACE,oBAAC,mBACC,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,MAAK;IACE;IACP,WAAW,MAAM,SAAS,EAAE,OAAO;IACnC,aAAY;IACZ,WAAU;IACV,gBAAe;IACf,aAAY;IACZ,YAAY;IACZ,WAAU;IACA;;;;;AAQtB,SAAS,sBAAsB,OAK5B;CACD,MAAM,EAAE,aAAa,kBAAkB,qBAAqB,oBAAoB;AAChF,QACE,qBAAC;EAAI,WAAU;EAA6B,aAAU;;GACpD,oBAAC,mBAAK;GACL,CAAC,CAAC,oBACD,oBAAC;IAAI,WAAU;cAA8B;;GAE9C,oBAAoB,SAAS,KAC5B,oBAAC;IAAI,WAAU;IAAkC,MAAK;IAAO,cAAW;cACrE,oBAAoB,KAAK,UACxB,oBAAC;KAAiB,WAAU;KAAqE,MAAK;eACnG;OADQ;;GAMhB,mBACC,oBAAC;IAAI,WAAU;cACZ,oBAAoB,WAAW,IAC5B,sDAAsD,oBAAoB,GAAG,KAC7E;;;;;AAOd,SAAS,qBAAqB,OAW3B;CACD,MAAM,EACJ,QACA,kBACA,eACA,eACA,oBACA,4BACA,aACA,SACA,aACA,cACE;AAEJ,QACE,qBAAC;EAAI,WAAU;;IACX,CAAC,oBAAoB,CAAC,WACtB,oBAAC;IACC,SAAS;IACT,WAAU;IACV,UAAU;cAET,qBACG,8BACA,6BACE,kCACC,SAAS,aAAa;;GAIhC,oBACC,qBAAC;IACC,MAAK;IACL,eAAe,YAAY;IAC3B,WAAU;IACV,UAAU,kBAAkB;IAC5B,aAAW,kBAAkB;eAE5B,kBAAkB,aAAa,oBAAC;KAAK,WAAU;KAAc,eAAY;QACzE,kBAAkB,YAAY,mBAAmB;;GAIrD,eACC,oBAAC;IACC,MAAK;IACL,SAAS;IACT,WAAU;IACV,UAAU;cACX;;;;;AAQT,SAAS,yBAAyB,OAK/B;CACD,MAAM,EAAE,WAAW,YAAY,kBAAkB,kBAAkB;AACnE,KAAI,CAAC,aAAa,CAAC,cAAc,CAAC,cAAe,QAAO;AAExD,QACE,qBAAC;EAAI,WAAW,4BAA4B,YAAY,cAAc;;GACnE,YAAY,YAAY;GACxB,oBAAoB,QAAQ,CAAC,OAAO,MAAM,qBAAqB,mBAAmB,KACjF,qBAAC;IAAK,WAAU;;KAA6B;KACxC,KAAK,MAAM,mBAAmB;KAAM;;;GAG1C,iBACC,4CACE,oBAAC,WACD,oBAAC;IAAE,WAAU;IAA0B,MAAM,cAAc;IAAK,QAAO;IAAS,KAAI;cAAsB;;;;;AASpH,MAAaA,sBAAyD,EACpE,eACA,WACA,mBACA,2BACI;CAEJ,MAAM,aAAa,MAAM,OAAO;CAChC,MAAM,wBAAwB,MAAM,OAAsB;CAC1D,MAAM,qBAAqB,MAAM,OAAO;AAExC,OAAM,gBAAgB;AACpB,aAAW,UAAU;AACrB,eAAa;AACX,cAAW,UAAU;AACrB,OAAI,sBAAsB,WAAW,MAAM;AACzC,WAAO,aAAa,sBAAsB;AAC1C,0BAAsB,UAAU;;;IAGnC;CAGH,MAAM,UAAU,MAAM,aACpB,QACA,UACG;AACH,MAAI,CAAC,WAAW,QAAS;AACzB,SAAO;IACN;CAEH,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS;CAC3C,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAS;CAC3D,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAwB;CAC9E,MAAM,CAAC,sBAAsB,2BAA2B,MAAM,SAAwB;CACtF,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAwB;CACxE,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAwB;CAClE,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAwB;CAC9E,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAwB;CAChE,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS;CACnD,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAA0C;CACtF,MAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS;CACnE,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAwB;CAC9E,MAAM,CAAC,qBAAqB,0BAA0B,MAAM,SAAmB;CAC/E,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAA+B;CAE/E,MAAM,4BAA4B,MAAM,OAAe;AAEvD,OAAM,gBAAgB;EACpB,MAAM,QAAQ,aAAa,IAAI;AAC/B,MAAI,CAAC,KAAM;AACX,MAAI,eAAe,WAAW,MAAM,mBAAmB,0BAA0B,SAAS;AACxF,6BAA0B,UAAU;AACpC,qBAAkB;;IAGnB,CAAC;AAEJ,OAAM,gBAAgB;AACpB,sBAAoB;AACpB,0BAAwB;AACxB,mBAAiB;AACjB,qBAAmB,UAAU;AAC7B,gBAAc;AACd,sBAAoB;AACpB,eAAa;AACb,gBAAc;AACd,iBAAe;AACf,sBAAoB;AACpB,yBAAuB;AACvB,mBAAiB;AACjB,MAAI,sBAAsB,WAAW,MAAM;AACzC,UAAO,aAAa,sBAAsB;AAC1C,yBAAsB,UAAU;;IAEjC,CAAC;CAEJ,MAAM,UAAU,MAAM,aACnB,OAA8B;AAC7B,MAAI,mBAAmB,QAAS;AAChC,UAAQ,eAAe,IAAI,WAAW;AACtC,wBAAsB,UAAU;EAEhC,MAAM,SAAS,oCAAoC;AACnD,MAAI,QAAQ;GACV,MAAM,OAAO,mBAAmB;AAChC,WAAQ,kBAAkB;IAAE,KAAK,iBAAiB;KAAE;KAAM;;IAAW,iBAAiB;;;EAExF,MAAM,UAAU,uCAAuC;AACvD,MAAI,YAAY,KAAM,SAAQ,qBAAqB;WAC1C,WAAW,KAAM,SAAQ,qBAAqB;AAEvD,MAAI,GAAG,UAAU,mBAAmB,SAAS,GAAG,WAAW,oBAAoB,OAAO;GACpF,MAAM,MAAM,WAAW,KAAK,GAAG,QAAQ,GAAG;AAC1C,WAAQ,cAAc,OAAO;AAC7B,WAAQ,eAAe;;IAG3B;EAAC;EAAsB;EAAS;;CAGlC,MAAM,oBAAoB,MAAM,aAC7B,iBAAyB;EACxB,MAAM,cAAc,gBAAgB,IAAI;AACxC,MAAI,CAAC,WAAY;EACjB,MAAM,OAAO,mBAAmB;AAChC,UAAQ,kBAAkB;GAAE,KAAK,sBAAsB;IAAE;IAAM,WAAW;;GAAe,WAAW;;IAEtG,CAAC,SAAS;CAGZ,MAAM,sBAAsB,MAAM,aAC/B,WAAmB;EAClB,MAAM,cAAc,UAAU,IAAI;AAClC,MAAI,CAAC,WAAY;EACjB,MAAM,OAAO,mBAAmB;AAChC,UAAQ,kBAAkB;GAAE,KAAK,iBAAiB;IAAE;IAAM,QAAQ;;GAAe,iBAAiB;;IAEpG,CAAC,SAAS;CAGZ,MAAM,eAAe,MAAM,aAAa,iBAAyB;EAC/D,MAAM,MAAM,OAAO,gBAAgB,IAAI;AACvC,MAAI,CAAC,IAAK;AAEV,MAAI,OAAO,WAAW,YACpB,KAAI;AACF,UAAO,SAAS,OAAO;UACjB;IAET;CAEH,MAAM,mCAAmC,MAAM,aAC5C,iBAAyB;EACxB,MAAM,MAAM,OAAO,gBAAgB,IAAI;AACvC,MAAI,CAAC,IAAK;AAEV,UAAQ,kBAAkB;AAE1B,MAAI,sBAAsB,WAAW,KACnC,QAAO,aAAa,sBAAsB;AAI5C,wBAAsB,UAAU,OAAO,iBAAiB;AACtD,WAAQ,mBAAkB,SAAS,SAAS,YAAY,UAAU;AAClE,yBAAsB,UAAU;KAC/B;AAEH,eAAa;IAEf,CAAC,cAAc;CAGjB,MAAM,wBAAwB,MAAM,aACjC,iBAAyB;EACxB,MAAM,MAAM,OAAO,gBAAgB,IAAI;AACvC,MAAI,CAAC,IAAK;AAEV,eAAa;IAEf,CAAC;AAGH,OAAM,gBAAgB;AACpB,MAAI,kBAAkB,UAAW;AACjC,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YAAa;EAItE,MAAM,wBAAwB;AAC5B,WAAQ,kBAAkB;AAC1B,OAAI,sBAAsB,WAAW,MAAM;AACzC,WAAO,aAAa,sBAAsB;AAC1C,0BAAsB,UAAU;;;EAIpC,MAAM,2BAA2B;AAC/B,OAAI,SAAS,oBAAoB,SAAU;;AAG7C,SAAO,iBAAiB,QAAQ;AAChC,SAAO,iBAAiB,YAAY;AACpC,WAAS,iBAAiB,oBAAoB;AAE9C,eAAa;AACX,UAAO,oBAAoB,QAAQ;AACnC,UAAO,oBAAoB,YAAY;AACvC,YAAS,oBAAoB,oBAAoB;;IAElD,CAAC,eAAe;AAEnB,OAAM,gBAAgB;EACpB,MAAM,cAAc,kBAAkB,IAAI;AAC1C,MAAI,CAAC,YAAY;AACf,kBAAe;AACf,uBAAoB;AACpB,yBAAsB;AACtB,WAAQ,wBAAwB;AAChC;;EAGF,IAAI,YAAY;AAEhB,UAAQ,uBAAuB;AAC/B,UAAQ,qBAAqB;EAC7B,MAAM,SAAS,OAAO,iBAAiB;AACrC,IAAM,YAAY;AAChB,QAAI;KACF,MAAM,UAAU,MAAM,cAAc,kBAAkB;KACtD,MAAM,iBAAiB,gCAAgC;AAEvD,SAAI,CAAC,UACH,SAAQ,wBAAwB;KAGlC,MAAMC,OAAwC,UAC1C,EAAE,aAAa,MAAM,QAAQ,WAAW,QAAQ,SAAS,MACzD;AACJ,SAAI,UAAW;AACf,aAAQ,gBAAgB;aACjBC,KAAc;AACrB,SAAI,UAAW;AACf,aAAQ,gBAAgB;KACxB,MAAM,MAAM,eAAe,QAAQ,IAAI,UAAU;AACjD,aAAQ,qBAAqB,OAAO;AACpC,aAAQ,wBAAwB;cACxB;AACR,SAAI,CAAC,UAAW,SAAQ,uBAAuB;;;KAGlD;AAEH,eAAa;AACX,eAAY;AACZ,UAAO,aAAa;;IAErB;EAAC;EAAgB;EAAS;;CAE7B,MAAM,cAAc,MAAM,YAAY,YAAY;EAChD,MAAM,uBAAuB,kBAAkB,IAAI;AACnD,MAAI,CAAC,qBAAqB;AACxB,WAAQ,cAAc;AACtB;;AAGF,MAAI,oBAAoB;AACtB,WAAQ,cAAc;AACtB;;AAGF,MAAI,kBAAkB;AACpB,WAAQ,cAAc;AACtB;;AAGF,MAAI,CAAC,aAAa;AAChB,WAAQ,cAAc;AACtB;;AAGF,MAAI,YAAY,gBAAgB,GAAG;AACjC,WAAQ,cAAc;AACtB;;AAGF,UAAQ,WAAW;AACnB,qBAAmB,UAAU;AAC7B,UAAQ,cAAc;AACtB,UAAQ,eAAe;AACvB,UAAQ,eAAe;AACvB,UAAQ,qBAAqB;AAC7B,UAAQ,qBAAqB;AAC7B,UAAQ,yBAAyB;AACjC,UAAQ,kBAAkB;EAE1B,IAAI,kBAAkB;AACtB,MAAI;GACF,MAAM,SAAS,MAAM,cAAc,mBAAmB;IACpD,WAAW;IACX,SAAS;KACP;KACA,UAAU,QAAe;AACvB,UAAI,mBAAmB,QAAS;AAChC,cAAQ,cAAc,KAAK,WAAW;AACtC,wBAAkB;AAClB,4BAAsB,UAAU;;;;AAKtC,WAAQ,qBAAqB,OAAO;AACpC,WAAQ,yBAAyB,OAAO;AACxC,WACE,eACA;AAIF,yBAAsB,OAAO;GAG7B,MAAM,kBAAkB,cAAc,sBAAsB;IAC1D,WAAW;IACX,eAAe,OAAO;IACtB,SAAS;KACP;KACA,UAAU,QAAe;AACvB,UAAI,mBAAmB,QAAS;MAChC,MAAM,UAAU,wBAAwB;AACxC,cAAQ,cAAc,QAAQ,WAAW;AACzC,cAAQ,eAAe,QAAQ;MAC/B,MAAM,SAAS,4BAA4B;AAC3C,UAAI,OAAQ,qBAAoB;AAChC,wBAAkB;AAClB,4BAAsB,UAAU;;;;AAKtC,qBAAkB;AAElB,SAAM;GAIN,IAAI,UAAU;GACd,MAAM,UAAU,MAAM,cAAc,gBAAgB,qBAAqB,YAAY;AACrF,OAAI,SAAS,OAAO,WAClB,WAAU;QACL;AACL,YAAQ,eAAe;AACvB,cAAU,MAAM,cACb,sBAAsB,qBACtB,WAAW,MACX,YAAY;;AAGjB,OAAI,kBACF,OAAM,kBAAkB,qBAAqB,YAAY;AAG3D,WACE,eACA,UAAU,6CAA6C;AAEzD,WAAQ,qBAAqB;AAC7B,WAAQ,kBAAkB;AAC1B,WAAQ,qBAAqB;WACtBA,KAAc;AACrB,OAAI,mBAAmB,SAAS;AAC9B,YAAQ,cAAc;AACtB,YAAQ,eAAe;AACvB,YAAQ,qBAAqB;AAC7B,YAAQ,qBAAqB;AAC7B,YAAQ,yBAAyB;AACjC,YAAQ,kBAAkB;AAC1B,YAAQ,eAAe;AACvB;;GAEF,MAAM,UAAU,wBAAwB;AACxC,WAAQ,cAAc,QAAQ,WAAW;AACzC,WAAQ,eAAe,QAAQ;GAC/B,MAAM,SAAS,4BAA4B;AAC3C,OAAI,OAAQ,qBAAoB;AAChC,OAAI,CAAC,mBAAmB,eAAe,MACrC,uBAAsB,UAAU;YAE1B;AACR,WAAQ,WAAW;;IAEpB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;CAGF,MAAM,gBAAgB,MAAM,YAAY,YAAY;EAClD,MAAM,uBAAuB,kBAAkB,IAAI;AACnD,MAAI,CAAC,oBAAqB;AAE1B,UAAQ,WAAW;AACnB,MAAI;AACF,sBAAmB,UAAU;AAC7B,SAAM,cACH,oBAAoB;IACnB,WAAW;IACX,eAAe,wBAAwB;MAExC,YAAY;AACf,WAAQ,cAAc;AACtB,WAAQ,eAAe;AACvB,WAAQ,qBAAqB;AAC7B,WAAQ,qBAAqB;AAC7B,WAAQ,yBAAyB;AACjC,WAAQ,kBAAkB;AAC1B,WAAQ,eAAe;YACf;AACR,sBAAmB,UAAU;AAC7B,WAAQ,WAAW;;IAEpB;EAAC;EAAgB;EAAsB;EAAS;;CAEnD,MAAMC,cAA+B,qBAEjC,4CAAE,sDAEA,qBAAC;EAAK,WAAU;EAAe,eAAY;;GACzC,oBAAC;IAAK,WAAU;cAAmB;;GACnC,oBAAC;IAAK,WAAU;cAAmB;;GACnC,oBAAC;IAAK,WAAU;cAAmB;;;UAIvC,eAAe,CAAC,mBACd,+BAA+B,YAAY,gBAC3C;CAEN,MAAM,6BACJ,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC,eAAe,YAAY,gBAAgB;CAC3F,MAAM,gBAAgB,UAAU,sBAAsB,CAAC,CAAC,oBAAoB,CAAC,eAAe;CAC5F,MAAM,kBAAkB,CAAC,CAAC,eAAe,UAAU,CAAC;CACpD,MAAM,cAAc,CAAC,CAAC,aAAa;AAEnC,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;GACD,oBAAC;IAAkB,OAAO;IAAgB,UAAU;IAAmB,UAAU;;GACjF,oBAAC;IACc;IACK;IACG;IACJ;;GAEnB,oBAAC;IACS;IACU;IACH;IACA;IACK;IACQ;IACf;IACb,SAAS;IACT,aAAa;IACb,WAAW;;GAEb,oBAAC;IACY;IACC;IACM;IACH"}

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

@@ -1,11 +1,10 @@
-import { DeviceLinkingPhase, DeviceLinkingStatus, init_sdkSentEvents } from "../sdk/src/core/types/sdkSentEvents.js";
+import { DeviceLinkingPhase, DeviceLinkingStatus } from "../src/core/types/sdkSentEvents.js";
 import { useTatchi } from "../context/index.js";
 import "./ShowQRCode.js";
 import { useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react/components/ShowQRCode.tsx
-init_sdkSentEvents();
 function ShowQRCode({ isOpen, onClose, onEvent, onError }) {
 	const { startDevice2LinkingFlow, stopDevice2LinkingFlow } = useTatchi();
 	const [deviceLinkingState, setDeviceLinkingState] = useState({

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

@@ -1 +1 @@
-{"version":3,"file":"ShowQRCode2.js","names":[],"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,2BACE;CAEJ,MAAM,CAAC,oBAAoB,yBAAyB,SAMjD;EAAE,MAAM;EAAQ,cAAc;;CAGjC,MAAM,aAAa,OAAO;AAG1B,iBAAgB;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,UAAU,mBAAmB,2BAA2B,MAAM,WAAW,oBAAoB,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,oBAAC;EAAI,WAAU;EAAoB,UAAU,MAAM,EAAE;YACnD,oBAAC;GAAI,WAAU;aACZ,mBAAmB,SAAS,aAC3B,qBAAC;IAAI,WAAU;;KACZ,mBAAmB,gBAClB,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,KAAK,mBAAmB;OACxB,KAAI;OACJ,WAAU;;UAId,oBAAC;MAAI,WAAU;gBACb,oBAAC,iBAAE;;KAGP,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAG,WAAU;iBAAW;;;KAE1B,mBAAmB,iBAClB,4CACE,oBAAC;MAAI,WAAU;gBAAiB;SAChC,qBAAC;MAAI,WAAU;iBACZ,mBAAmB,eAAe,8BACnC,oBAAC,UAAK,WAAU"}
+{"version":3,"file":"ShowQRCode2.js","names":[],"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,2BACE;CAEJ,MAAM,CAAC,oBAAoB,yBAAyB,SAMjD;EAAE,MAAM;EAAQ,cAAc;;CAGjC,MAAM,aAAa,OAAO;AAG1B,iBAAgB;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,UAAU,mBAAmB,2BAA2B,MAAM,WAAW,oBAAoB,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,oBAAC;EAAI,WAAU;EAAoB,UAAU,MAAM,EAAE;YACnD,oBAAC;GAAI,WAAU;aACZ,mBAAmB,SAAS,aAC3B,qBAAC;IAAI,WAAU;;KACZ,mBAAmB,gBAClB,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,KAAK,mBAAmB;OACxB,KAAI;OACJ,WAAU;;UAId,oBAAC;MAAI,WAAU;gBACb,oBAAC,iBAAE;;KAGP,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAG,WAAU;iBAAW;;;KAE1B,mBAAmB,iBAClB,4CACE,oBAAC;MAAI,WAAU;gBAAiB;SAChC,qBAAC;MAAI,WAAU;iBACZ,mBAAmB,eAAe,8BACnC,oBAAC,UAAK,WAAU"}

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

@@ -89,18 +89,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 = 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.useMemo(() => LIGHT_TOKENS, []);
 	const baseDark = React.useMemo(() => DARK_TOKENS, []);
 	const resolvedOverrides = React.useMemo(() => typeof tokens === "function" ? tokens({
@@ -115,7 +115,7 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	const darkTokens = React.useMemo(() => mergeTokens(baseDark, resolvedOverrides.dark), [baseDark, resolvedOverrides.dark]);
 	const [themeState, setThemeState] = React.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;
@@ -125,18 +125,18 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 		if (isControlled && themeProp && themeProp !== themeState) setThemeState(themeProp);
 	}, [isControlled, themeProp]);
 	React.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.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;
@@ -155,18 +155,18 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	}, [
 		isControlled,
 		isWalletIframeMode,
-		passkeyManager,
+		tatchi,
 		themeState,
 		loginState?.isLoggedIn
 	]);
 	React.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;
@@ -174,7 +174,7 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	}, [
 		isControlled,
 		isWalletIframeMode,
-		passkeyManager,
+		tatchi,
 		themeState,
 		loginState?.isLoggedIn,
 		syncUserPreferences
@@ -182,13 +182,13 @@ const ThemeProvider = ({ children, theme: themeProp, defaultTheme, onThemeChange
 	const setTheme = React.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/esm/react/components/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["theme: ThemeName","tokens: DesignTokens","ThemeScope: React.FC<ThemeScopeProps>","Comp: any","attrs: any","ThemeProvider: React.FC<ThemeProviderProps>","passkeyManager: any","loginState: { isLoggedIn?: boolean } | null","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":["theme: ThemeName","tokens: DesignTokens","ThemeScope: React.FC<ThemeScopeProps>","Comp: any","attrs: any","ThemeProvider: React.FC<ThemeProviderProps>","tatchi: any","loginState: { isLoggedIn?: boolean } | null","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/esm/react/components/theme/design-tokens.js

@@ -1,4 +1,4 @@
-import { CHROMA_COLORS, DARK_THEME, GRADIENTS, GREY_COLORS, LIGHT_THEME } from "../../sdk/src/base-styles.js";
+import { CHROMA_COLORS, DARK_THEME, GRADIENTS, GREY_COLORS, LIGHT_THEME } from "../../src/base-styles.js";
 
 //#region src/react/components/theme/design-tokens.ts
 const LIGHT_TOKENS = {

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

@@ -1,8 +1,7 @@
-import { buildConfigsFromEnv, init_defaultConfigs } from "../sdk/src/core/defaultConfigs.js";
-import { TatchiPasskey } from "../sdk/src/core/TatchiPasskey/index.js";
+import { buildConfigsFromEnv } from "../src/core/defaultConfigs.js";
+import { TatchiPasskey } from "../src/core/TatchiPasskey/index.js";
 
 //#region src/react/context/tatchiManagerSingleton.ts
-init_defaultConfigs();
 const WINDOW_SINGLETON_KEY = "__w3a_tatchi_passkey_singleton__";
 let moduleSingletonState = {
 	manager: null,

package/dist/esm/react/context/tatchiManagerSingleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tatchiManagerSingleton.js","names":["moduleSingletonState: SingletonState","out: Record<string, unknown>","forKey: TatchiConfigs","finalConfig: TatchiConfigs"],"sources":["../../../../src/react/context/tatchiManagerSingleton.ts"],"sourcesContent":["import { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { buildConfigsFromEnv } from '@/core/defaultConfigs';\nimport type { NearClient } from '@/core/NearClient';\nimport type { TatchiConfigs, TatchiConfigsInput } from '@/core/types/tatchi';\n\n// Singleton to prevent multiple manager instances in StrictMode and across HMR/module duplication.\n//\n// IMPORTANT: Only persist on `window` (not Node/SSR globalThis) to avoid leaking\n// state across server requests/tests.\ntype SingletonState = {\n  manager: TatchiPasskey | null;\n  configKey: string | null;\n};\n\nconst WINDOW_SINGLETON_KEY = '__w3a_tatchi_passkey_singleton__';\n\nlet moduleSingletonState: SingletonState = {\n  manager: null,\n  configKey: null,\n};\n\nfunction getSingletonState(): SingletonState {\n  if (typeof window === 'undefined') return moduleSingletonState;\n  const g = globalThis as any;\n  if (!g[WINDOW_SINGLETON_KEY]) {\n    g[WINDOW_SINGLETON_KEY] = { manager: null, configKey: null } satisfies SingletonState;\n  }\n  return g[WINDOW_SINGLETON_KEY] as SingletonState;\n}\n\nfunction isDevRuntime(): boolean {\n  const env = (globalThis as any)?.process?.env?.NODE_ENV;\n  if (env && env !== 'production') return true;\n  try {\n    const h = typeof window !== 'undefined' ? (window.location.hostname || '') : '';\n    if (/localhost|127\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)|\\.local(?:host)?$/i.test(h)) return true;\n  } catch {}\n  return false;\n}\n\nfunction stableStringify(value: unknown): string {\n  const seen = new WeakSet<object>();\n\n  const normalize = (input: unknown): unknown => {\n    if (input === null) return null;\n    if (input === undefined) return undefined;\n\n    if (typeof input === 'string' || typeof input === 'number' || typeof input === 'boolean') return input;\n    if (typeof input === 'bigint') return input.toString();\n\n    if (Array.isArray(input)) {\n      return input.map((item) => {\n        const normalized = normalize(item);\n        return normalized === undefined ? null : normalized;\n      });\n    }\n\n    if (typeof input === 'object') {\n      const obj = input as Record<string, unknown>;\n      if (seen.has(obj)) return '[Circular]';\n      seen.add(obj);\n\n      const out: Record<string, unknown> = {};\n      for (const key of Object.keys(obj).sort()) {\n        const normalized = normalize(obj[key]);\n        if (normalized !== undefined) out[key] = normalized;\n      }\n      seen.delete(obj);\n      return out;\n    }\n\n    // Shouldn't happen for configs; fall back to a string for determinism.\n    return String(input);\n  };\n\n  return JSON.stringify(normalize(value));\n}\n\nfunction computeConfigKey(config: TatchiConfigs): string {\n  // Theme is dynamic and synced via `tatchi.setUserTheme()`; do not treat it as a new instance.\n  // This prevents accidental duplicate instances/iframes when apps toggle UI theme.\n  const forKey: TatchiConfigs = { ...config, walletTheme: undefined };\n  return stableStringify(forKey);\n}\n\nexport function getOrCreateTatchiManager(config: TatchiConfigsInput, nearClient: NearClient): TatchiPasskey {\n  const finalConfig: TatchiConfigs = buildConfigsFromEnv(config);\n  const nextKey = computeConfigKey(finalConfig);\n  const state = getSingletonState();\n\n  if (!state.manager) {\n    if (isDevRuntime()) {\n      console.debug('[TatchiContextProvider] Creating manager with config:', finalConfig);\n    }\n    state.manager = new TatchiPasskey(finalConfig, nearClient);\n    state.configKey = nextKey;\n    return state.manager;\n  }\n\n  // Guardrail: treat config as immutable after the first creation to avoid leaking resources\n  // (iframes/workers/listeners) by re-instantiating on re-renders.\n  if (state.configKey && state.configKey !== nextKey && isDevRuntime()) {\n    console.warn(\n      '[TatchiContextProvider] Ignoring config changes after initialization. Ensure you pass a stable config object; theme changes should go through tatchi.setUserTheme().',\n      { previousKey: state.configKey, nextKey }\n    );\n  }\n\n  return state.manager;\n}\n\n"],"mappings":";;;;;AAcA,MAAM,uBAAuB;AAE7B,IAAIA,uBAAuC;CACzC,SAAS;CACT,WAAW;;AAGb,SAAS,oBAAoC;AAC3C,KAAI,OAAO,WAAW,YAAa,QAAO;CAC1C,MAAM,IAAI;AACV,KAAI,CAAC,EAAE,sBACL,GAAE,wBAAwB;EAAE,SAAS;EAAM,WAAW;;AAExD,QAAO,EAAE;;AAGX,SAAS,eAAwB;CAC/B,MAAM,MAAO,YAAoB,SAAS,KAAK;AAC/C,KAAI,OAAO,QAAQ,aAAc,QAAO;AACxC,KAAI;EACF,MAAM,IAAI,OAAO,WAAW,cAAe,OAAO,SAAS,YAAY,KAAM;AAC7E,MAAI,mFAAmF,KAAK,GAAI,QAAO;SACjG;AACR,QAAO;;AAGT,SAAS,gBAAgB,OAAwB;CAC/C,MAAM,uBAAO,IAAI;CAEjB,MAAM,aAAa,UAA4B;AAC7C,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,UAAW,QAAO;AACjG,MAAI,OAAO,UAAU,SAAU,QAAO,MAAM;AAE5C,MAAI,MAAM,QAAQ,OAChB,QAAO,MAAM,KAAK,SAAS;GACzB,MAAM,aAAa,UAAU;AAC7B,UAAO,eAAe,SAAY,OAAO;;AAI7C,MAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM;AACZ,OAAI,KAAK,IAAI,KAAM,QAAO;AAC1B,QAAK,IAAI;GAET,MAAMC,MAA+B;AACrC,QAAK,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ;IACzC,MAAM,aAAa,UAAU,IAAI;AACjC,QAAI,eAAe,OAAW,KAAI,OAAO;;AAE3C,QAAK,OAAO;AACZ,UAAO;;AAIT,SAAO,OAAO;;AAGhB,QAAO,KAAK,UAAU,UAAU;;AAGlC,SAAS,iBAAiB,QAA+B;CAGvD,MAAMC,SAAwB;EAAE,GAAG;EAAQ,aAAa;;AACxD,QAAO,gBAAgB;;AAGzB,SAAgB,yBAAyB,QAA4B,YAAuC;CAC1G,MAAMC,cAA6B,oBAAoB;CACvD,MAAM,UAAU,iBAAiB;CACjC,MAAM,QAAQ;AAEd,KAAI,CAAC,MAAM,SAAS;AAClB,MAAI,eACF,SAAQ,MAAM,yDAAyD;AAEzE,QAAM,UAAU,IAAI,cAAc,aAAa;AAC/C,QAAM,YAAY;AAClB,SAAO,MAAM;;AAKf,KAAI,MAAM,aAAa,MAAM,cAAc,WAAW,eACpD,SAAQ,KACN,wKACA;EAAE,aAAa,MAAM;EAAW;;AAIpC,QAAO,MAAM"}
+{"version":3,"file":"tatchiManagerSingleton.js","names":["moduleSingletonState: SingletonState","out: Record<string, unknown>","forKey: TatchiConfigs","finalConfig: TatchiConfigs"],"sources":["../../../../src/react/context/tatchiManagerSingleton.ts"],"sourcesContent":["import { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { buildConfigsFromEnv } from '@/core/defaultConfigs';\nimport type { NearClient } from '@/core/NearClient';\nimport type { TatchiConfigs, TatchiConfigsInput } from '@/core/types/tatchi';\n\n// Singleton to prevent multiple manager instances in StrictMode and across HMR/module duplication.\n//\n// IMPORTANT: Only persist on `window` (not Node/SSR globalThis) to avoid leaking\n// state across server requests/tests.\ntype SingletonState = {\n  manager: TatchiPasskey | null;\n  configKey: string | null;\n};\n\nconst WINDOW_SINGLETON_KEY = '__w3a_tatchi_passkey_singleton__';\n\nlet moduleSingletonState: SingletonState = {\n  manager: null,\n  configKey: null,\n};\n\nfunction getSingletonState(): SingletonState {\n  if (typeof window === 'undefined') return moduleSingletonState;\n  const g = globalThis as any;\n  if (!g[WINDOW_SINGLETON_KEY]) {\n    g[WINDOW_SINGLETON_KEY] = { manager: null, configKey: null } satisfies SingletonState;\n  }\n  return g[WINDOW_SINGLETON_KEY] as SingletonState;\n}\n\nfunction isDevRuntime(): boolean {\n  const env = (globalThis as any)?.process?.env?.NODE_ENV;\n  if (env && env !== 'production') return true;\n  try {\n    const h = typeof window !== 'undefined' ? (window.location.hostname || '') : '';\n    if (/localhost|127\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)|\\.local(?:host)?$/i.test(h)) return true;\n  } catch {}\n  return false;\n}\n\nfunction stableStringify(value: unknown): string {\n  const seen = new WeakSet<object>();\n\n  const normalize = (input: unknown): unknown => {\n    if (input === null) return null;\n    if (input === undefined) return undefined;\n\n    if (typeof input === 'string' || typeof input === 'number' || typeof input === 'boolean') return input;\n    if (typeof input === 'bigint') return input.toString();\n\n    if (Array.isArray(input)) {\n      return input.map((item) => {\n        const normalized = normalize(item);\n        return normalized === undefined ? null : normalized;\n      });\n    }\n\n    if (typeof input === 'object') {\n      const obj = input as Record<string, unknown>;\n      if (seen.has(obj)) return '[Circular]';\n      seen.add(obj);\n\n      const out: Record<string, unknown> = {};\n      for (const key of Object.keys(obj).sort()) {\n        const normalized = normalize(obj[key]);\n        if (normalized !== undefined) out[key] = normalized;\n      }\n      seen.delete(obj);\n      return out;\n    }\n\n    // Shouldn't happen for configs; fall back to a string for determinism.\n    return String(input);\n  };\n\n  return JSON.stringify(normalize(value));\n}\n\nfunction computeConfigKey(config: TatchiConfigs): string {\n  // Theme is dynamic and synced via `tatchi.setUserTheme()`; do not treat it as a new instance.\n  // This prevents accidental duplicate instances/iframes when apps toggle UI theme.\n  const forKey: TatchiConfigs = { ...config, walletTheme: undefined };\n  return stableStringify(forKey);\n}\n\nexport function getOrCreateTatchiManager(config: TatchiConfigsInput, nearClient: NearClient): TatchiPasskey {\n  const finalConfig: TatchiConfigs = buildConfigsFromEnv(config);\n  const nextKey = computeConfigKey(finalConfig);\n  const state = getSingletonState();\n\n  if (!state.manager) {\n    if (isDevRuntime()) {\n      console.debug('[TatchiContextProvider] Creating manager with config:', finalConfig);\n    }\n    state.manager = new TatchiPasskey(finalConfig, nearClient);\n    state.configKey = nextKey;\n    return state.manager;\n  }\n\n  // Guardrail: treat config as immutable after the first creation to avoid leaking resources\n  // (iframes/workers/listeners) by re-instantiating on re-renders.\n  if (state.configKey && state.configKey !== nextKey && isDevRuntime()) {\n    console.warn(\n      '[TatchiContextProvider] Ignoring config changes after initialization. Ensure you pass a stable config object; theme changes should go through tatchi.setUserTheme().',\n      { previousKey: state.configKey, nextKey }\n    );\n  }\n\n  return state.manager;\n}\n\n"],"mappings":";;;;AAcA,MAAM,uBAAuB;AAE7B,IAAIA,uBAAuC;CACzC,SAAS;CACT,WAAW;;AAGb,SAAS,oBAAoC;AAC3C,KAAI,OAAO,WAAW,YAAa,QAAO;CAC1C,MAAM,IAAI;AACV,KAAI,CAAC,EAAE,sBACL,GAAE,wBAAwB;EAAE,SAAS;EAAM,WAAW;;AAExD,QAAO,EAAE;;AAGX,SAAS,eAAwB;CAC/B,MAAM,MAAO,YAAoB,SAAS,KAAK;AAC/C,KAAI,OAAO,QAAQ,aAAc,QAAO;AACxC,KAAI;EACF,MAAM,IAAI,OAAO,WAAW,cAAe,OAAO,SAAS,YAAY,KAAM;AAC7E,MAAI,mFAAmF,KAAK,GAAI,QAAO;SACjG;AACR,QAAO;;AAGT,SAAS,gBAAgB,OAAwB;CAC/C,MAAM,uBAAO,IAAI;CAEjB,MAAM,aAAa,UAA4B;AAC7C,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,UAAW,QAAO;AACjG,MAAI,OAAO,UAAU,SAAU,QAAO,MAAM;AAE5C,MAAI,MAAM,QAAQ,OAChB,QAAO,MAAM,KAAK,SAAS;GACzB,MAAM,aAAa,UAAU;AAC7B,UAAO,eAAe,SAAY,OAAO;;AAI7C,MAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM;AACZ,OAAI,KAAK,IAAI,KAAM,QAAO;AAC1B,QAAK,IAAI;GAET,MAAMC,MAA+B;AACrC,QAAK,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ;IACzC,MAAM,aAAa,UAAU,IAAI;AACjC,QAAI,eAAe,OAAW,KAAI,OAAO;;AAE3C,QAAK,OAAO;AACZ,UAAO;;AAIT,SAAO,OAAO;;AAGhB,QAAO,KAAK,UAAU,UAAU;;AAGlC,SAAS,iBAAiB,QAA+B;CAGvD,MAAMC,SAAwB;EAAE,GAAG;EAAQ,aAAa;;AACxD,QAAO,gBAAgB;;AAGzB,SAAgB,yBAAyB,QAA4B,YAAuC;CAC1G,MAAMC,cAA6B,oBAAoB;CACvD,MAAM,UAAU,iBAAiB;CACjC,MAAM,QAAQ;AAEd,KAAI,CAAC,MAAM,SAAS;AAClB,MAAI,eACF,SAAQ,MAAM,yDAAyD;AAEzE,QAAM,UAAU,IAAI,cAAc,aAAa;AAC/C,QAAM,YAAY;AAClB,SAAO,MAAM;;AAKf,KAAI,MAAM,aAAa,MAAM,cAAc,WAAW,eACpD,SAAQ,KACN,wKACA;EAAE,aAAa,MAAM;EAAW;;AAIpC,QAAO,MAAM"}

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

@@ -1,8 +1,7 @@
-import { init_accountIds, toAccountId } from "../sdk/src/core/types/accountIds.js";
+import { toAccountId } from "../src/core/types/accountIds.js";
 import { useCallback, useEffect } from "react";
 
 //#region src/react/context/useLoginStateRefresher.ts
-init_accountIds();
 function useLoginStateRefresher(args) {
 	const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;
 	const refreshLoginState = useCallback(async (nearAccountId) => {

package/dist/esm/react/context/useLoginStateRefresher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoginStateRefresher.js","names":["refreshLoginState: TatchiContextType['refreshLoginState']"],"sources":["../../../../src/react/context/useLoginStateRefresher.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState, TatchiContextType } from '../types';\n\nexport function useLoginStateRefresher(args: {\n  tatchi: TatchiPasskey;\n  walletIframeConnected: boolean;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;\n\n  const refreshLoginState: TatchiContextType['refreshLoginState'] = useCallback(async (nearAccountId?: string) => {\n    try {\n      const walletClient = walletIframeClientRef.current;\n      if (walletIframeConnected && walletClient) {\n        try {\n          const { login: st } = await walletClient.getLoginSession();\n          if (st?.vrfActive && st?.nearAccountId) {\n            setLoginState(prevState => ({\n              ...prevState,\n              nearAccountId: st.nearAccountId,\n              nearPublicKey: st.publicKey || null,\n              isLoggedIn: true,\n            }));\n            return;\n          }\n        } catch {}\n      }\n\n      const { login: ls } = await tatchi.getLoginSession(nearAccountId);\n      if (ls.nearAccountId && ls.vrfActive) {\n        try { tatchi.userPreferences.setCurrentUser(toAccountId(ls.nearAccountId)); } catch {}\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: ls.nearAccountId,\n          nearPublicKey: ls.publicKey || null,\n          isLoggedIn: true,\n        }));\n      } else {\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: null,\n          nearPublicKey: null,\n          isLoggedIn: false,\n        }));\n      }\n    } catch (error) {\n      console.error('Error refreshing login state:', error);\n    }\n  }, [setLoginState, tatchi, walletIframeClientRef, walletIframeConnected]);\n\n  useEffect(() => {\n    void refreshLoginState();\n  }, [refreshLoginState]);\n\n  return refreshLoginState;\n}\n\n"],"mappings":";;;;;AAOA,SAAgB,uBAAuB,MAKpC;CACD,MAAM,EAAE,QAAQ,uBAAuB,uBAAuB,kBAAkB;CAEhF,MAAMA,oBAA4D,YAAY,OAAO,kBAA2B;AAC9G,MAAI;GACF,MAAM,eAAe,sBAAsB;AAC3C,OAAI,yBAAyB,aAC3B,KAAI;IACF,MAAM,EAAE,OAAO,OAAO,MAAM,aAAa;AACzC,QAAI,IAAI,aAAa,IAAI,eAAe;AACtC,oBAAc,eAAc;MAC1B,GAAG;MACH,eAAe,GAAG;MAClB,eAAe,GAAG,aAAa;MAC/B,YAAY;;AAEd;;WAEI;GAGV,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO,gBAAgB;AACnD,OAAI,GAAG,iBAAiB,GAAG,WAAW;AACpC,QAAI;AAAE,YAAO,gBAAgB,eAAe,YAAY,GAAG;YAAyB;AACpF,mBAAc,eAAc;KAC1B,GAAG;KACH,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;KAC/B,YAAY;;SAGd,gBAAc,eAAc;IAC1B,GAAG;IACH,eAAe;IACf,eAAe;IACf,YAAY;;WAGT,OAAO;AACd,WAAQ,MAAM,iCAAiC;;IAEhD;EAAC;EAAe;EAAQ;EAAuB;;AAElD,iBAAgB;AACd,EAAK;IACJ,CAAC;AAEJ,QAAO"}
+{"version":3,"file":"useLoginStateRefresher.js","names":["refreshLoginState: TatchiContextType['refreshLoginState']"],"sources":["../../../../src/react/context/useLoginStateRefresher.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState, TatchiContextType } from '../types';\n\nexport function useLoginStateRefresher(args: {\n  tatchi: TatchiPasskey;\n  walletIframeConnected: boolean;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;\n\n  const refreshLoginState: TatchiContextType['refreshLoginState'] = useCallback(async (nearAccountId?: string) => {\n    try {\n      const walletClient = walletIframeClientRef.current;\n      if (walletIframeConnected && walletClient) {\n        try {\n          const { login: st } = await walletClient.getLoginSession();\n          if (st?.vrfActive && st?.nearAccountId) {\n            setLoginState(prevState => ({\n              ...prevState,\n              nearAccountId: st.nearAccountId,\n              nearPublicKey: st.publicKey || null,\n              isLoggedIn: true,\n            }));\n            return;\n          }\n        } catch {}\n      }\n\n      const { login: ls } = await tatchi.getLoginSession(nearAccountId);\n      if (ls.nearAccountId && ls.vrfActive) {\n        try { tatchi.userPreferences.setCurrentUser(toAccountId(ls.nearAccountId)); } catch {}\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: ls.nearAccountId,\n          nearPublicKey: ls.publicKey || null,\n          isLoggedIn: true,\n        }));\n      } else {\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: null,\n          nearPublicKey: null,\n          isLoggedIn: false,\n        }));\n      }\n    } catch (error) {\n      console.error('Error refreshing login state:', error);\n    }\n  }, [setLoginState, tatchi, walletIframeClientRef, walletIframeConnected]);\n\n  useEffect(() => {\n    void refreshLoginState();\n  }, [refreshLoginState]);\n\n  return refreshLoginState;\n}\n\n"],"mappings":";;;;AAOA,SAAgB,uBAAuB,MAKpC;CACD,MAAM,EAAE,QAAQ,uBAAuB,uBAAuB,kBAAkB;CAEhF,MAAMA,oBAA4D,YAAY,OAAO,kBAA2B;AAC9G,MAAI;GACF,MAAM,eAAe,sBAAsB;AAC3C,OAAI,yBAAyB,aAC3B,KAAI;IACF,MAAM,EAAE,OAAO,OAAO,MAAM,aAAa;AACzC,QAAI,IAAI,aAAa,IAAI,eAAe;AACtC,oBAAc,eAAc;MAC1B,GAAG;MACH,eAAe,GAAG;MAClB,eAAe,GAAG,aAAa;MAC/B,YAAY;;AAEd;;WAEI;GAGV,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO,gBAAgB;AACnD,OAAI,GAAG,iBAAiB,GAAG,WAAW;AACpC,QAAI;AAAE,YAAO,gBAAgB,eAAe,YAAY,GAAG;YAAyB;AACpF,mBAAc,eAAc;KAC1B,GAAG;KACH,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;KAC/B,YAAY;;SAGd,gBAAc,eAAc;IAC1B,GAAG;IACH,eAAe;IACf,eAAe;IACf,YAAY;;WAGT,OAAO;AACd,WAAQ,MAAM,iCAAiC;;IAEhD;EAAC;EAAe;EAAQ;EAAuB;;AAElD,iBAAgB;AACd,EAAK;IACJ,CAAC;AAEJ,QAAO"}