@tomo-inc/wallet-connect-kit 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -0,0 +1,221 @@
+import { AdaptorChainType } from '@tomo-inc/wallet-adaptor-base';
+import { Chain as Chain_2 } from 'viem/chains';
+import { Connector } from '@tomo-inc/wallet-adaptor-base';
+import { InitConfig } from '@tomo-inc/embedded-wallet-providers';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { SignInParams } from '@tomo-inc/wallet-adaptor-base';
+import { WalletConfig } from '@tomo-inc/wallet-adaptor-base';
+import { WalletConnectConfig as WalletConnectConfig_2 } from '@tomo-inc/wallet-connect-protocol';
+
+export declare type Chain = {
+    id: number;
+    name: string;
+    nativeCurrency: {
+        name: string;
+        symbol: string;
+        decimals: number;
+    };
+    rpcUrls: {
+        default: {
+            http: string[];
+        };
+    };
+    blockExplorers?: {
+        default: {
+            name: string;
+            url: string;
+        };
+    };
+    testnet?: boolean;
+    chainInfo?: ChainInfo;
+};
+
+export declare type ChainInfo = {
+    icon: any;
+    name: string;
+};
+
+export declare type ChainType = Exclude<AdaptorChainType, "all">;
+
+export declare enum ChainTypeEnum {
+    All = "all",
+    EVM = "evm",
+    Solana = "solana",
+    Aptos = "aptos"
+}
+
+export declare interface ConnectData {
+    address: string;
+    chainId: string;
+    chainType: ChainType;
+}
+
+export declare type ConnectErrorType = Error;
+
+export declare interface ConnectVariables {
+    wallet: Connector;
+    chainType: ChainType;
+    chainId?: string;
+}
+
+declare interface EmbeddedWalletState {
+    wallet: any;
+    isAvailable: boolean;
+    message: string | null;
+    connectedInfo: any;
+    isLoading: boolean;
+}
+
+declare type EvmChain = Chain_2;
+
+export declare enum ModalView {
+    Loading = "LOADING",
+    Logged = "LOGGED",
+    WalletList = "WALLET_LIST",
+    WalletSearch = "WALLET_SEARCH",
+    WalletSelectProviders = "WALLET_SELECT_PROVIDERS",
+    WalletInstallGuide = "WALLET_INSTALL_GUIDE",
+    Connecting = "CONNECTING",
+    Error = "ERROR",
+    Account = "ACCOUNT",
+    SelectChains = "SELECT_CHAINS",
+    ChangeNetwork = "CHANGE_NETWORK",
+    SignInWallet = "SIGN_IN_WALLET",
+    WalletConnect = "WALLET_CONNECT",
+    UnsupportChain = "UNSUPPORT_CHAIN",
+    SocialLogin = "SOCIAL_LOGIN",
+    MyDogeSocialLogin = "MYDOGE_SOCIAL_LOGIN"
+}
+
+export declare enum ProdTypeEnum {
+    Tomo = "tomo",
+    MyDoge = "mydoge"
+}
+
+export { SignInParams }
+
+export declare type SwitchChainOptions = {
+    chainType: ChainType;
+    chainInfo: Chain;
+};
+
+export declare type UseAccount = {
+    address: string;
+    balance?: string;
+    chainType?: ChainType;
+    chainId?: string;
+    currentWallet?: Connector | null;
+    currentProvider?: any;
+    switchChain: (options: SwitchChainOptions) => Promise<boolean>;
+    signMessage?: (params: {
+        message: string;
+        nonce?: string;
+    }) => Promise<string | Uint8Array>;
+    signInWithWallet: (params?: SignInParams) => Promise<string | Uint8Array>;
+};
+
+export declare const useAccount: () => UseAccount;
+
+/**
+ * Hook to access embedded wallet from anywhere in the app
+ * Make sure your component is wrapped with WalletConnectProvider
+ *
+ * @example
+ * ```tsx
+ * const { wallet, isAvailable, message, connectedInfo, isLoading } = useEmbeddedWallet();
+ *
+ * if (isLoading) {
+ *   return <div>Loading embedded wallet...</div>;
+ * }
+ *
+ * if (isAvailable && wallet) {
+ *   // Use embedded wallet
+ * }
+ * ```
+ */
+export declare const useEmbeddedWallet: () => EmbeddedWalletState;
+
+export declare type UseWalletConnect = {
+    isOpenModal: boolean;
+    isConnected: boolean;
+    connect: (variables?: ConnectVariables) => Promise<ConnectData>;
+    disconnect: () => Promise<void>;
+    openModal: () => void;
+    closeModal: () => void;
+};
+
+export declare const useWalletConnect: () => {
+    isOpenModal: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+    isConnected: boolean;
+    isConnecting: boolean;
+    error: string;
+    connect: (variables: ConnectVariables) => Promise<ConnectData>;
+    disconnect: () => Promise<void>;
+};
+
+export declare interface WalletConnectConfig {
+    connectors?: WalletConfig[];
+    chains?: Partial<Record<ChainType, EvmChain[] | any[]>>;
+    walletConnectConfig?: WalletConnectConfig_2;
+    embeddedWalletConfig?: InitConfig;
+    prodType?: ProdTypeEnum;
+    themeMode?: "light" | "dark";
+}
+
+/**
+ * Embedded wallet connect component that renders the modal content with proper context
+ * Uses a hidden Modal wrapper to provide required Modal context for UI components
+ * but renders as inline content instead of an overlay, so it can be used as a child element
+ */
+export declare const WalletConnectEmbed: ({ className, style }: WalletConnectEmbedProps) => JSX_2.Element | null;
+
+declare interface WalletConnectEmbedProps {
+    /**
+     * Optional view to display. If not provided, will use the default view based on prodType
+     */
+    view?: ModalView;
+    /**
+     * Optional container class name
+     */
+    className?: string;
+    /**
+     * Optional container style
+     */
+    style?: React.CSSProperties;
+}
+
+export declare const WalletConnectProvider: ({ children, config }: WalletConnectProviderProps) => JSX_2.Element;
+
+declare interface WalletConnectProviderProps {
+    children: React.ReactNode;
+    config?: WalletConnectConfig;
+}
+
+export declare interface WalletProvider {
+    uuid: string;
+    name: string;
+    namespace?: string;
+    icon: string;
+    iconBackground?: string;
+    rdns?: string;
+    links: {
+        homepage?: string;
+        ios_install?: string;
+        android_install?: string;
+        chrome_install?: string;
+        mobile?: string;
+        qrCode?: string;
+        edge?: string;
+        firefox?: string;
+        opera?: string;
+        safari?: string;
+        macos?: string;
+        windows?: string;
+        linux?: string;
+        desktop?: string;
+    };
+}
+
+export { }