@lumiapassport/ui-kit 1.12.5 → 1.13.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, MutableRefObject, FC, HTMLAttributes, PropsWithChildren } from 'react';
 import * as zustand from 'zustand';
 import { UserOperationV07, UserOperationV06 } from '@lumiapassport/core/bundler';
 import * as viem from 'viem';
@@ -40,7 +40,7 @@ interface SocialProvider {
     meta?: Record<string, any>;
 }
 interface LumiaPassportConfig {
-    projectId?: string;
+    projectId: string;
     passkey: {
         enabled: boolean;
         showCreateButton: boolean;
@@ -72,9 +72,7 @@ interface LumiaPassportConfig {
         title: string;
         subtitle?: string;
         dialogClassName?: string;
-        authOrder?: Array<'passkey' | 'email' | 'social'>;
-        /** DEPRECATED use useLumiaPassportOpen().open('auth') in your app for auto-open auth dialog */
-        /** DEPRECATED, useLayoutStore colorMode */
+        authOrder?: Array<'passkey' | 'email' | 'social' | 'wallet'>;
         fonts?: {
             base?: string;
             heading?: string;
@@ -192,18 +190,17 @@ interface LumiaPassportCallbacks {
     onWalletReady?: (status: WalletReadyStatus$1) => void;
 }
 interface LumiaPassportContextType {
-    config: LumiaPassportConfig;
+    config: MutableRefObject<LumiaPassportConfig>;
     updateConfig: (updates: Partial<LumiaPassportConfig>) => void;
     callbacks?: LumiaPassportCallbacks;
-    providersVersion: number;
-    notifyProvidersUpdate: () => void;
 }
 interface LumiaPassportProviderProps {
-    children: React__default.ReactNode;
+    children: ReactNode;
     projectId?: string;
     initialConfig?: Partial<LumiaPassportConfig>;
     callbacks?: LumiaPassportCallbacks;
 }
+/** NEVER EVER declare here any state (useState or whatever). This Provider should NEVER trigger self of child-app re-renders */
 declare function LumiaPassportProvider(props: LumiaPassportProviderProps): react_jsx_runtime.JSX.Element;
 declare const useLumiaPassportConfig: () => LumiaPassportContextType;
 
@@ -643,7 +640,11 @@ interface SessionState {
     setIsLoading: (isLoading: boolean) => void;
     setWalletReadyStatus: (status: WalletReadyStatus) => void;
 }
-/** Lumia Passport session store */
+/**
+ *  @function useLumiaPassportSession is UNLIKELY to use outside Lumia Passport, as it is INTERNAL zustand session store!
+ *  Use it with caution, using zustand callback extraction. EX: const address = useLumiaPassportSession((st) => st.address)
+ *  @description refactor your app to NOT use this directly in your application, use set of new dedicated session hooks: useLumiaPassportAccountSession, useLumiaPassportAddress, etc.
+ */
 declare const useLumiaPassportSession: zustand.UseBoundStore<zustand.StoreApi<SessionState>>;
 declare function LumiaPassportSessionProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
@@ -679,7 +680,6 @@ declare enum PageKey {
     TRANSACTIONS = "transactions",
     ASSETS = "assets",
     MANAGE_WALLET = "manage-wallet",
-    ADD_PROVIDER = "add-provider",
     UNLINK_PROVIDER = "unlink-provider",
     SECURITY = "security",
     KEYSARE_BACKUP = "keysare-backup",
@@ -720,10 +720,10 @@ declare function useLumiaPassportColorMode(): {
 };
 
 declare const buttonVariants: (props?: {
-    variant?: "link" | "telegram" | "success" | "default" | "outline" | "ghost" | "destructive" | "secondary";
-    size?: "small" | "large" | "default" | "medium" | "icon" | "sm" | "lg";
+    variant?: "default" | "outline" | "ghost";
+    size?: "small" | "large" | "medium" | "icon";
 } & class_variance_authority_types.ClassProp) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
 
@@ -744,7 +744,7 @@ interface LumiaLogoProps {
     size?: number;
     className?: string;
 }
-declare const LumiaLogo: React.ForwardRefExoticComponent<LumiaLogoProps & React.RefAttributes<SVGSVGElement>>;
+declare const LumiaLogo: React$1.ForwardRefExoticComponent<LumiaLogoProps & React$1.RefAttributes<SVGSVGElement>>;
 
 type ChainLike$2 = {
     id: number;
@@ -767,7 +767,7 @@ type UserOpStatusProps = {
         isPolling?: boolean;
     };
 };
-declare const UserOpStatus: React.FC<UserOpStatusProps>;
+declare const UserOpStatus: React$1.FC<UserOpStatusProps>;
 
 type ChainLike$1 = {
     id: number;
@@ -787,7 +787,7 @@ type HashProps = {
     kind?: 'tx' | 'address' | 'block';
     label?: string;
 };
-declare const Hash: React.FC<HashProps>;
+declare const Hash: React$1.FC<HashProps>;
 
 type ChainLike = {
     id: number;
@@ -806,7 +806,7 @@ type AddressProps = {
     showExplorer?: boolean;
     label?: string;
 };
-declare const Address: React.FC<AddressProps>;
+declare const Address: React$1.FC<AddressProps>;
 
 interface TransactionsListProps {
     address: string;
@@ -1329,11 +1329,11 @@ interface LinkedProfileDisplay extends AuthProvider {
     color?: string;
 }
 declare function useLumiaPassportLinkedProfiles(): {
-    readonly profiles: LinkedProfileDisplay[];
-    readonly avatar: string;
-    readonly isLoading: boolean;
-    readonly error: string;
-    readonly refresh: () => Promise<void>;
+    profiles: LinkedProfileDisplay[];
+    avatar: string;
+    isLoading: boolean;
+    error: Error;
+    refresh: () => Promise<void>;
 };
 
 export { type AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaWagmiProvider, PageKey, type PageOpenParams, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, 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, destroyIframeManager, getIframeManager, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLogout, useLumiaPassportAccountSession, useLumiaPassportAddress, useLumiaPassportBalance, useLumiaPassportColorMode, useLumiaPassportConfig, useLumiaPassportError, useLumiaPassportHasServerVault, useLumiaPassportIFrameReady, useLumiaPassportLinkedProfiles, useLumiaPassportLoadingStatus, useLumiaPassportOpen, useLumiaPassportRecoveryUserId, useLumiaPassportSession, useSendTransaction, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, MutableRefObject, FC, HTMLAttributes, PropsWithChildren } from 'react';
 import * as zustand from 'zustand';
 import { UserOperationV07, UserOperationV06 } from '@lumiapassport/core/bundler';
 import * as viem from 'viem';
@@ -40,7 +40,7 @@ interface SocialProvider {
     meta?: Record<string, any>;
 }
 interface LumiaPassportConfig {
-    projectId?: string;
+    projectId: string;
     passkey: {
         enabled: boolean;
         showCreateButton: boolean;
@@ -72,9 +72,7 @@ interface LumiaPassportConfig {
         title: string;
         subtitle?: string;
         dialogClassName?: string;
-        authOrder?: Array<'passkey' | 'email' | 'social'>;
-        /** DEPRECATED use useLumiaPassportOpen().open('auth') in your app for auto-open auth dialog */
-        /** DEPRECATED, useLayoutStore colorMode */
+        authOrder?: Array<'passkey' | 'email' | 'social' | 'wallet'>;
         fonts?: {
             base?: string;
             heading?: string;
@@ -192,18 +190,17 @@ interface LumiaPassportCallbacks {
     onWalletReady?: (status: WalletReadyStatus$1) => void;
 }
 interface LumiaPassportContextType {
-    config: LumiaPassportConfig;
+    config: MutableRefObject<LumiaPassportConfig>;
     updateConfig: (updates: Partial<LumiaPassportConfig>) => void;
     callbacks?: LumiaPassportCallbacks;
-    providersVersion: number;
-    notifyProvidersUpdate: () => void;
 }
 interface LumiaPassportProviderProps {
-    children: React__default.ReactNode;
+    children: ReactNode;
     projectId?: string;
     initialConfig?: Partial<LumiaPassportConfig>;
     callbacks?: LumiaPassportCallbacks;
 }
+/** NEVER EVER declare here any state (useState or whatever). This Provider should NEVER trigger self of child-app re-renders */
 declare function LumiaPassportProvider(props: LumiaPassportProviderProps): react_jsx_runtime.JSX.Element;
 declare const useLumiaPassportConfig: () => LumiaPassportContextType;
 
@@ -643,7 +640,11 @@ interface SessionState {
     setIsLoading: (isLoading: boolean) => void;
     setWalletReadyStatus: (status: WalletReadyStatus) => void;
 }
-/** Lumia Passport session store */
+/**
+ *  @function useLumiaPassportSession is UNLIKELY to use outside Lumia Passport, as it is INTERNAL zustand session store!
+ *  Use it with caution, using zustand callback extraction. EX: const address = useLumiaPassportSession((st) => st.address)
+ *  @description refactor your app to NOT use this directly in your application, use set of new dedicated session hooks: useLumiaPassportAccountSession, useLumiaPassportAddress, etc.
+ */
 declare const useLumiaPassportSession: zustand.UseBoundStore<zustand.StoreApi<SessionState>>;
 declare function LumiaPassportSessionProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
@@ -679,7 +680,6 @@ declare enum PageKey {
     TRANSACTIONS = "transactions",
     ASSETS = "assets",
     MANAGE_WALLET = "manage-wallet",
-    ADD_PROVIDER = "add-provider",
     UNLINK_PROVIDER = "unlink-provider",
     SECURITY = "security",
     KEYSARE_BACKUP = "keysare-backup",
@@ -720,10 +720,10 @@ declare function useLumiaPassportColorMode(): {
 };
 
 declare const buttonVariants: (props?: {
-    variant?: "link" | "telegram" | "success" | "default" | "outline" | "ghost" | "destructive" | "secondary";
-    size?: "small" | "large" | "default" | "medium" | "icon" | "sm" | "lg";
+    variant?: "default" | "outline" | "ghost";
+    size?: "small" | "large" | "medium" | "icon";
 } & class_variance_authority_types.ClassProp) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
 
@@ -744,7 +744,7 @@ interface LumiaLogoProps {
     size?: number;
     className?: string;
 }
-declare const LumiaLogo: React.ForwardRefExoticComponent<LumiaLogoProps & React.RefAttributes<SVGSVGElement>>;
+declare const LumiaLogo: React$1.ForwardRefExoticComponent<LumiaLogoProps & React$1.RefAttributes<SVGSVGElement>>;
 
 type ChainLike$2 = {
     id: number;
@@ -767,7 +767,7 @@ type UserOpStatusProps = {
         isPolling?: boolean;
     };
 };
-declare const UserOpStatus: React.FC<UserOpStatusProps>;
+declare const UserOpStatus: React$1.FC<UserOpStatusProps>;
 
 type ChainLike$1 = {
     id: number;
@@ -787,7 +787,7 @@ type HashProps = {
     kind?: 'tx' | 'address' | 'block';
     label?: string;
 };
-declare const Hash: React.FC<HashProps>;
+declare const Hash: React$1.FC<HashProps>;
 
 type ChainLike = {
     id: number;
@@ -806,7 +806,7 @@ type AddressProps = {
     showExplorer?: boolean;
     label?: string;
 };
-declare const Address: React.FC<AddressProps>;
+declare const Address: React$1.FC<AddressProps>;
 
 interface TransactionsListProps {
     address: string;
@@ -1329,11 +1329,11 @@ interface LinkedProfileDisplay extends AuthProvider {
     color?: string;
 }
 declare function useLumiaPassportLinkedProfiles(): {
-    readonly profiles: LinkedProfileDisplay[];
-    readonly avatar: string;
-    readonly isLoading: boolean;
-    readonly error: string;
-    readonly refresh: () => Promise<void>;
+    profiles: LinkedProfileDisplay[];
+    avatar: string;
+    isLoading: boolean;
+    error: Error;
+    refresh: () => Promise<void>;
 };
 
 export { type AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaWagmiProvider, PageKey, type PageOpenParams, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, 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, destroyIframeManager, getIframeManager, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, signTypedData, updateUserProfile, useAssets, useLogout, useLumiaPassportAccountSession, useLumiaPassportAddress, useLumiaPassportBalance, useLumiaPassportColorMode, useLumiaPassportConfig, useLumiaPassportError, useLumiaPassportHasServerVault, useLumiaPassportIFrameReady, useLumiaPassportLinkedProfiles, useLumiaPassportLoadingStatus, useLumiaPassportOpen, useLumiaPassportRecoveryUserId, useLumiaPassportSession, useSendTransaction, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };