@lumiapassport/ui-kit 1.9.0 → 1.9.2

package/dist/index.d.cts

@@ -4,6 +4,7 @@ import { UserOperationV07, UserOperationV06 } from '@lumiapassport/core/bundler'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as viem from 'viem';
 import { Chain, Hash as Hash$1, TransactionReceipt } from 'viem';
+export { JwtTokens, LoginResponse, VerifyResponse, getValidTokens, jwtTokenManager, logout } from '@lumiapassport/core/auth';
 import * as wagmi from 'wagmi';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -545,9 +546,45 @@ interface UseUserOpStatusReturn {
 }
 declare function useUserOpStatus(options?: UseUserOpStatusOptions): UseUserOpStatusReturn;
 
+interface UseLogoutReturn {
+    logout: () => Promise<void>;
+}
+/**
+ * Hook for logging out and disconnecting from Lumia Passport
+ * Clears session, tokens, and notifies callbacks
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { logout } = useLogout();
+ *
+ *   return (
+ *     <button onClick={logout}>
+ *       Disconnect
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+declare function useLogout(): UseLogoutReturn;
+
 declare const LUMIA_EXPLORER_URL: string;
 declare const lumiaBeam: Chain;
 
+declare global {
+    interface Window {
+        __LUMIA_CONDITIONAL_UI_ACTIVE__?: boolean;
+    }
+}
+
+interface AuthProvider {
+    provider: 'passkey' | 'email' | 'telegram' | 'google' | 'discord' | 'twitter' | 'wallet';
+    verified: boolean;
+    linkedAt: string;
+    lastUsedAt?: string;
+    externalId: string;
+}
+
 /**
  * Provider information in user profile
  * Matches the structure returned by backend /api/auth/profile
@@ -956,14 +993,6 @@ declare function useSmartAccountTransactions(): {
     }>;
 };
 
-interface AuthProvider {
-    provider: 'passkey' | 'email' | 'telegram' | 'google' | 'discord' | 'twitter' | 'wallet';
-    verified: boolean;
-    linkedAt: string;
-    lastUsedAt?: string;
-    externalId: string;
-}
-
 interface LinkedProfileDisplay extends AuthProvider {
     displayName: string;
     icon?: string;
@@ -993,4 +1022,4 @@ interface WalletReadyStatus {
     timestamp: number;
 }
 
-export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, deployAccount, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
+export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseLogoutReturn, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, deployAccount, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLogout, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { UserOperationV07, UserOperationV06 } from '@lumiapassport/core/bundler'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as viem from 'viem';
 import { Chain, Hash as Hash$1, TransactionReceipt } from 'viem';
+export { JwtTokens, LoginResponse, VerifyResponse, getValidTokens, jwtTokenManager, logout } from '@lumiapassport/core/auth';
 import * as wagmi from 'wagmi';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -545,9 +546,45 @@ interface UseUserOpStatusReturn {
 }
 declare function useUserOpStatus(options?: UseUserOpStatusOptions): UseUserOpStatusReturn;
 
+interface UseLogoutReturn {
+    logout: () => Promise<void>;
+}
+/**
+ * Hook for logging out and disconnecting from Lumia Passport
+ * Clears session, tokens, and notifies callbacks
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { logout } = useLogout();
+ *
+ *   return (
+ *     <button onClick={logout}>
+ *       Disconnect
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+declare function useLogout(): UseLogoutReturn;
+
 declare const LUMIA_EXPLORER_URL: string;
 declare const lumiaBeam: Chain;
 
+declare global {
+    interface Window {
+        __LUMIA_CONDITIONAL_UI_ACTIVE__?: boolean;
+    }
+}
+
+interface AuthProvider {
+    provider: 'passkey' | 'email' | 'telegram' | 'google' | 'discord' | 'twitter' | 'wallet';
+    verified: boolean;
+    linkedAt: string;
+    lastUsedAt?: string;
+    externalId: string;
+}
+
 /**
  * Provider information in user profile
  * Matches the structure returned by backend /api/auth/profile
@@ -956,14 +993,6 @@ declare function useSmartAccountTransactions(): {
     }>;
 };
 
-interface AuthProvider {
-    provider: 'passkey' | 'email' | 'telegram' | 'google' | 'discord' | 'twitter' | 'wallet';
-    verified: boolean;
-    linkedAt: string;
-    lastUsedAt?: string;
-    externalId: string;
-}
-
 interface LinkedProfileDisplay extends AuthProvider {
     displayName: string;
     icon?: string;
@@ -993,4 +1022,4 @@ interface WalletReadyStatus {
     timestamp: number;
 }
 
-export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, deployAccount, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
+export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseLogoutReturn, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, deployAccount, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLogout, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };

package/dist/index.js

@@ -764,8 +764,8 @@ async function ensureDkgAndGetOwner(userId, _clientSeedHex) {
       };
     }
     await iframeManager.authenticate(userId);
-    const { jwtTokenManager: jwtTokenManager3 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-    const accessToken = jwtTokenManager3.getAccessToken();
+    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const accessToken = jwtTokenManager4.getAccessToken();
     if (!accessToken) {
       throw new Error("No access token available for DKG");
     }
@@ -791,8 +791,8 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
   };
   try {
     const iframeManager = getIframeManager();
-    const { jwtTokenManager: jwtTokenManager3 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-    const accessToken = jwtTokenManager3.getAccessToken();
+    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const accessToken = jwtTokenManager4.getAccessToken();
     if (!accessToken) {
       throw new Error("No access token available for signing");
     }
@@ -837,8 +837,8 @@ async function signTypedDataWithMpc(userId, digest32, typedData) {
       digest32
     });
     const iframeManager = getIframeManager();
-    const { jwtTokenManager: jwtTokenManager3 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-    const accessToken = jwtTokenManager3.getAccessToken();
+    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const accessToken = jwtTokenManager4.getAccessToken();
     if (!accessToken) {
       console.error("[signTypedDataWithMpc] No access token available");
       throw new Error("No access token available for signing");
@@ -1340,7 +1340,7 @@ async function deleteShare() {
 async function deriveKEKFromPasskey(userId, requiredCredentialId) {
   const challengeString = `lumia-kek:${userId}`;
   const challenge = new TextEncoder().encode(challengeString);
-  function base64urlToUint8Array3(base64url) {
+  function base64urlToUint8Array2(base64url) {
     const base64 = base64url.replace(/-/g, "+").replace(/_/g, "/");
     const pad = base64.length % 4 ? 4 - base64.length % 4 : 0;
     const padded = base64 + "=".repeat(pad);
@@ -1352,7 +1352,7 @@ async function deriveKEKFromPasskey(userId, requiredCredentialId) {
     return bytes;
   }
   const targetCredentialId = requiredCredentialId || createPasskeyHelpers(userId).getCredId();
-  const allowCredentials = targetCredentialId ? [{ id: base64urlToUint8Array3(targetCredentialId), type: "public-key" }] : [];
+  const allowCredentials = targetCredentialId ? [{ id: base64urlToUint8Array2(targetCredentialId), type: "public-key" }] : [];
   try {
     const credential = await navigator.credentials.get({
       publicKey: {
@@ -2065,6 +2065,7 @@ async function verifyEmailLinkCode(email, code) {
   if (!hasValidToken) throw new Error("No authentication token available");
   const response = await authenticatedFetch(`${getTssUrl3()}/api/auth/link/email/verify-code`, {
     method: "POST",
+    credentials: "include",
     body: JSON.stringify({ email, code })
   });
   if (!response.ok) {
@@ -2100,13 +2101,13 @@ async function beginPasskeyLinking() {
     const begin2 = await res.json();
     const options2 = {
       rp: begin2.rp,
-      user: { id: base64urlToUint8Array2(begin2.user.id), name: begin2.user.name, displayName: begin2.user.displayName },
-      challenge: base64urlToUint8Array2(begin2.challenge),
+      user: { id: base64urlToUint8Array(begin2.user.id), name: begin2.user.name, displayName: begin2.user.displayName },
+      challenge: base64urlToUint8Array(begin2.challenge),
       pubKeyCredParams: begin2.pubKeyCredParams,
       timeout: begin2.timeout,
       attestation: begin2.attestation,
       authenticatorSelection: { ...begin2.authenticatorSelection, residentKey: begin2.authenticatorSelection?.residentKey ?? "preferred", requireResidentKey: begin2.authenticatorSelection?.requireResidentKey ?? false, userVerification: begin2.authenticatorSelection?.userVerification ?? "preferred" },
-      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array2(cred.id), transports: cred.transports })) || void 0
+      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
     };
     return { challengeId: begin2.challengeId, options: options2 };
   }
@@ -2115,13 +2116,13 @@ async function beginPasskeyLinking() {
   const begin = await res.json();
   const options = {
     rp: begin.rp,
-    user: { id: base64urlToUint8Array2(begin.user.id), name: begin.user.name, displayName: begin.user.displayName },
-    challenge: base64urlToUint8Array2(begin.challenge),
+    user: { id: base64urlToUint8Array(begin.user.id), name: begin.user.name, displayName: begin.user.displayName },
+    challenge: base64urlToUint8Array(begin.challenge),
     pubKeyCredParams: begin.pubKeyCredParams,
     timeout: begin.timeout,
     attestation: begin.attestation,
     authenticatorSelection: { ...begin.authenticatorSelection, residentKey: "preferred", requireResidentKey: false, userVerification: "preferred" },
-    excludeCredentials: begin.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array2(cred.id), transports: cred.transports })) || void 0
+    excludeCredentials: begin.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
   };
   return { challengeId: begin.challengeId, options };
 }
@@ -2195,18 +2196,10 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
   const cid = challengeId || "local-" + Date.now();
   await completePasskeyLinking({ challengeId: cid, credential: attestationPayload });
 }
-function base64urlToUint8Array2(base64url) {
-  const base64 = base64url.replace(/-/g, "+").replace(/_/g, "/");
-  const pad = base64.length % 4 ? 4 - base64.length % 4 : 0;
-  const padded = base64 + "=".repeat(pad);
-  const binary = atob(padded);
-  const bytes = new Uint8Array(binary.length);
-  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
-  return bytes;
-}
 var init_passkey2 = __esm({
   "src/internal/auth/providers/passkey.ts"() {
     init_auth();
+    init_base64url();
     init_webauthn();
     init_types();
   }
@@ -2335,6 +2328,7 @@ __export(auth_exports, {
   getLinkedProviders: () => getLinkedProviders,
   getProviderDisplayInfo: () => getProviderDisplayInfo,
   getTssUrl: () => getTssUrl3,
+  getValidTokens: () => getValidTokens,
   hasAvailablePasskeys: () => hasAvailablePasskeys,
   hideTelegramWidget: () => hideTelegramWidget,
   initTelegramWidget: () => initTelegramWidget,
@@ -2366,6 +2360,7 @@ import {
   logout,
   verifyToken,
   ensureValidToken,
+  getValidTokens,
   authenticatedFetch,
   loginWithUserId,
   loginWithEmail,
@@ -2583,10 +2578,10 @@ var init_iframe_manager = __esm({
        */
       async handleTokenRefreshRequest(message) {
         try {
-          const { jwtTokenManager: jwtTokenManager3 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-          const refreshSuccess = await jwtTokenManager3.refreshAccessToken();
+          const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+          const refreshSuccess = await jwtTokenManager4.refreshAccessToken();
           if (refreshSuccess) {
-            const newAccessToken = jwtTokenManager3.getAccessToken();
+            const newAccessToken = jwtTokenManager4.getAccessToken();
             if (this.iframe && this.iframe.contentWindow) {
               const iframeOrigin = new URL(this.iframeUrl).origin;
               this.iframe.contentWindow.postMessage(
@@ -8673,7 +8668,7 @@ function useLumiaPassportLinkedProfiles() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.9.0",
+  version: "1.9.2",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -10090,9 +10085,46 @@ function useUserOpStatus(options = {}) {
   };
 }
 
+// src/hooks/useLogout.ts
+import { useCallback as useCallback7 } from "react";
+import { logout as coreLogout, jwtTokenManager as jwtTokenManager3 } from "@lumiapassport/core/auth";
+init_LumiaPassportContext();
+function useLogout() {
+  const { setSession, setAddress, setStatus, setError, address } = useLumiaPassportSession();
+  const { callbacks } = useLumiaPassportConfig();
+  const logout2 = useCallback7(async () => {
+    const prevAddress = address;
+    let userId = null;
+    try {
+      userId = jwtTokenManager3.getUserId() || null;
+    } catch (error) {
+      console.warn("[useLogout] Could not get userId:", error);
+    }
+    try {
+      await coreLogout();
+    } catch (error) {
+      console.warn("[useLogout] Core logout failed:", error);
+    }
+    setSession(null);
+    setAddress(null);
+    setStatus("idle");
+    setError(null);
+    try {
+      callbacks?.onLumiaPassportDisconnect?.({
+        address: prevAddress,
+        userId
+      });
+    } catch (error) {
+      console.warn("[useLogout] Callback error:", error);
+    }
+  }, [address, setAddress, setError, setSession, setStatus, callbacks]);
+  return { logout: logout2 };
+}
+
 // src/index.ts
 init_account();
 init_base();
+init_auth();
 init_profile();
 init_wagmi();
 
@@ -10238,6 +10270,9 @@ export {
   UserOpStatus,
   deployAccount,
   getUserProfile,
+  getValidTokens,
+  jwtTokenManager2 as jwtTokenManager,
+  logout,
   lumiaBeam,
   prepareUserOperation,
   queryClient,
@@ -10245,6 +10280,7 @@ export {
   signTypedData,
   updateUserProfile,
   useAssets,
+  useLogout,
   useLumiaPassportConfig,
   useLumiaPassportLinkedProfiles,
   useLumiaPassportSession,