thirdweb 5.29.3-nightly-476b6cc271b0891fa01fb09ca509c564b850ccfa-20240614185219 → 5.29.3-nightly-b051d844d0bb2d08b0d885d8c23e75ee97209976-20240614190954

package/dist/types/react/core/hooks/wallets/wallet-hooks.d.ts

@@ -1,233 +0,0 @@
-import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
-import type { ConnectManagerOptions } from "../../../../wallets/manager/index.js";
-/**
- * A hook that returns the active account
- * @returns The active `Account` or `undefined` if no active account is set.
- * @example
- * ```jsx
- * import { useActiveAccount } from "thirdweb/react";
- *
- * const activeAccount = useActiveAccount();
- * ```
- * @walletConnection
- */
-export declare function useActiveAccount(): import("../../../../wallets/interfaces/wallet.js").Account | undefined;
-/**
- * A hook that returns the active wallet
- * @returns The active `Wallet` or `undefined` if no active wallet is set.
- * @example
- * ```jsx
- * import { useActiveWallet } from "thirdweb/react";
- *
- * const wallet = useActiveWallet();
- * ```
- * @walletConnection
- */
-export declare function useActiveWallet(): Wallet | undefined;
-/**
- * Switch to blockchain with given chain id in the active wallet.
- * @returns A function to switch to blockchain with given chain id in the active wallet.
- * @example
- * ```jsx
- * import { useSwitchActiveWalletChain } from "thirdweb/react";
- * import { sepolia } from "thirdweb/chains";
- *
- * const switchChain = useSwitchActiveWalletChain();
- *
- * // later in your code
- * <button onClick={() => switchChain(sepolia)}>Switch Chain</button>
- * ```
- * @walletConnection
- */
-export declare function useSwitchActiveWalletChain(): (chain: {
-    readonly id: number;
-    readonly name?: string | undefined;
-    readonly rpc: string;
-    readonly icon?: {
-        url: string;
-        width: number;
-        height: number;
-        format: string;
-    } | undefined;
-    readonly nativeCurrency?: {
-        name?: string | undefined;
-        symbol?: string | undefined;
-        decimals?: number | undefined;
-    } | undefined;
-    readonly blockExplorers?: {
-        name: string;
-        url: string;
-        apiUrl?: string | undefined;
-    }[] | undefined;
-    readonly testnet?: true | undefined;
-    readonly experimental?: {
-        increaseZeroByteCount?: boolean | undefined;
-    } | undefined;
-}) => Promise<void>;
-/**
- * A hook that returns the chain the active wallet is connected to
- * @returns The chain the active wallet is connected to or null if no active wallet.
- * @example
- * ```jsx
- * import { useActiveWalletChain } from "thirdweb/react";
- *
- * const chainId = useActiveWalletChain();
- * ```
- * @walletConnection
- */
-export declare function useActiveWalletChain(): {
-    readonly id: number;
-    readonly name?: string | undefined;
-    readonly rpc: string;
-    readonly icon?: {
-        url: string;
-        width: number;
-        height: number;
-        format: string;
-    } | undefined;
-    readonly nativeCurrency?: {
-        name?: string | undefined;
-        symbol?: string | undefined;
-        decimals?: number | undefined;
-    } | undefined;
-    readonly blockExplorers?: {
-        name: string;
-        url: string;
-        apiUrl?: string | undefined;
-    }[] | undefined;
-    readonly testnet?: true | undefined;
-    readonly experimental?: {
-        increaseZeroByteCount?: boolean | undefined;
-    } | undefined;
-} | undefined;
-/**
- * A hook that returns all connected wallets
- * @returns An array of all connected wallets
- * @example
- * ```jsx
- * import { useConnectedWallets } from "thirdweb/react";
- *
- * const wallets = useConnectedWallets();
- * ```
- * @walletConnection
- */
-export declare function useConnectedWallets(): Wallet[];
-/**
- * A hook that lets you set the active wallet.
- * @returns A function that lets you set the active wallet.
- * @example
- * ```jsx
- * import { useSetActiveWallet } from "thirdweb/react";
- *
- * const setActiveAccount = useSetActiveWallet();
- *
- * // later in your code
- * await setActiveAccount(account);
- * ```
- * @walletConnection
- */
-export declare function useSetActiveWallet(): (activeWallet: Wallet) => Promise<void>;
-/**
- * A hook to set a wallet as active wallet
- * @returns A function that lets you connect a wallet.
- * @example
- * ```jsx
- * import { useConnect } from "thirdweb/react";
- * import { createWallet } from "thirdweb/wallets";
- *
- * function Example() {
- *   const { connect, isConnecting, error } = useConnect();
- *   return (
- *     <button
- *       onClick={() =>
- *         connect(async () => {
- *           // instantiate wallet
- *           const wallet = createWallet("io.metamask");
- *           // connect wallet
- *           await wallet.connect();
- *           // return the wallet
- *           return wallet;
- *         })
- *       }
- *     >
- *       Connect
- *     </button>
- *   );
- * }
- * ```
- * @walletConnection
- */
-export declare function useConnect(options?: ConnectManagerOptions): {
-    readonly connect: (walletOrFn: Wallet | (() => Promise<Wallet>)) => Promise<Wallet | null>;
-    readonly isConnecting: boolean;
-    readonly error: Error | null;
-};
-/**
- * Disconnect from given account
- * @example
- * ```jsx
- * import { useDisconnect, useActiveWallet } from "thirdweb/react";
- *
- * function Example() {
- *   const { disconnect } = useDisconnect();
- *   const wallet = useActiveWallet();
- *
- *   return (
- *     <button onClick={() => disconnect(wallet)}>
- *       Disconnect
- *     </button>
- *   );
- * }
- * ```
- * @walletConnection
- * @returns An object with a function to disconnect an account
- */
-export declare function useDisconnect(): {
-    disconnect: (wallet: Wallet) => void;
-};
-/**
- * A hook that returns the active account's connection status.
- * @example
- * ```jsx
- * import { useActiveWalletConnectionStatus } from "thirdweb/react";
- *
- * function Example() {
- *   const status = useActiveWalletConnectionStatus();
- *   console.log(status);
- *   return <div> ... </div>;
- * }
- * ```
- * @returns The active wallet's connection status.
- * @walletConnection
- */
-export declare function useActiveWalletConnectionStatus(): import("../../../../wallets/manager/index.js").ConnectionStatus;
-/**
- * A hook that returns the active wallet's connection status.
- * @example
- * ```jsx
- * function Example() {
- *   const setActive = useSetActiveWalletConnectionStatus();
- *
- *   // when you want to set an account as active
- *   setActive(account)
- * }
- * ```
- * @returns The active wallet's connection status.
- * @internal
- */
-export declare function useSetActiveWalletConnectionStatus(): (newValue: import("../../../../wallets/manager/index.js").ConnectionStatus) => void;
-/**
- * A hook to check if the auto connect is in progress.
- * @example
- * ```jsx
- * function Example() {
- *   const isAutoConnecting = useIsAutoConnecting();
- *
- *   return <div> ... </div>;
- * }
- * ```
- * @returns A boolean indicating if the auto connect is in progress.
- * @walletConnection
- */
-export declare function useIsAutoConnecting(): boolean;
-//# sourceMappingURL=wallet-hooks.d.ts.map

package/dist/types/react/core/hooks/wallets/wallet-hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wallet-hooks.d.ts","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/wallet-hooks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAGlF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,2EAG/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,uBAG9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;oBAEzC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;cAGnC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,aAGlC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,4CAEjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,qBAAqB;mCAMnC,MAAM,GAAG,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;;;EAuBtD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa;;EAG5B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,+BAA+B,oEAG9C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kCAAkC,wFAEjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,YAGlC"}

package/dist/types/react/core/storage.d.ts

@@ -1,20 +0,0 @@
-import type { AsyncStorage } from "../../wallets/storage/AsyncStorage.js";
-/**
- * Gets the storage to be used in react.
- * @example
- * ```ts
- * const storage = getStorage();
- * ```
- * @returns The storage to use
- */
-export declare function getStorage(): AsyncStorage;
-/**
- * Sets the storage to be used in react.
- * @example
- * ```ts
- * setStorage(storage);
- * ```
- * @param _storage - The storage to use
- */
-export declare function setStorage(_storage: AsyncStorage): void;
-//# sourceMappingURL=storage.d.ts.map

package/dist/types/react/core/storage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../../src/react/core/storage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAK1E;;;;;;;GAOG;AACH,wBAAgB,UAAU,IAAI,YAAY,CAYzC;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,YAAY,QAEhD"}

package/dist/types/react/web/hooks/useSendTransaction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSendTransaction.d.ts","sourceRoot":"","sources":["../../../../../src/react/web/hooks/useSendTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAGvF,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,mCAAmC,CAAC;AAKzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAW5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,6BAA6B,GACrC;IACE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,WAAW,CAAC,EACR,KAAK,GACL;QACE,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACP,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,6BAA6B,CAAC;IAEzC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,qBAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoDpE"}

package/dist/types/wallets/storage/AsyncStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AsyncStorage.d.ts","sourceRoot":"","sources":["../../../../src/wallets/storage/AsyncStorage.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC"}

package/dist/types/wallets/storage/asyncLocalStorage.d.ts

@@ -1,3 +0,0 @@
-import type { AsyncStorage } from "./AsyncStorage.js";
-export declare const asyncLocalStorage: AsyncStorage;
-//# sourceMappingURL=asyncLocalStorage.d.ts.map

package/dist/types/wallets/storage/asyncLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"asyncLocalStorage.d.ts","sourceRoot":"","sources":["../../../../src/wallets/storage/asyncLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,YAiB/B,CAAC"}

package/dist/types/wallets/storage/nativeStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nativeStorage.d.ts","sourceRoot":"","sources":["../../../../src/wallets/storage/nativeStorage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElE,eAAO,MAAM,kBAAkB,EAAE,QAahC,CAAC"}

package/dist/types/wallets/storage/walletStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"walletStorage.d.ts","sourceRoot":"","sources":["../../../../src/wallets/storage/walletStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD;;;;;;;;GAQG;AACH,wBAAsB,0BAA0B,CAAC,CAAC,SAAS,MAAM,EAC/D,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,CAAC,iBA0BV;AAED;;;;;;;;GAQG;AACH,wBAAsB,8BAA8B,CAClD,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,MAAM,iBAgBjB;AAED;;;GAGG;AACH,wBAAsB,gCAAgC,CAAC,CAAC,SAAS,MAAM,EACrE,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAkBnB;AAWD;;GAEG;AACH,MAAM,MAAM,mCAAmC,GAAG;IAEhD,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}

package/src/exports/react-native.ts

@@ -1,98 +0,0 @@
-export { ThirdwebProvider } from "../react/core/providers/thirdweb-provider.js";
-
-// react/core
-export {
-  useSetActiveWallet,
-  useActiveWalletChain,
-  useConnect,
-  useDisconnect,
-  useActiveAccount,
-  useActiveWallet,
-  useConnectedWallets,
-  useSwitchActiveWalletChain,
-  useActiveWalletConnectionStatus,
-  useSetActiveWalletConnectionStatus,
-  useIsAutoConnecting,
-} from "../react/core/hooks/wallets/wallet-hooks.js";
-export { useWalletBalance } from "../react/core/hooks/others/useWalletBalance.js";
-
-// contract related
-export { useReadContract } from "../react/core/hooks/contract/useReadContract.js";
-
-export { useEstimateGas } from "../react/core/hooks/contract/useEstimateGas.js";
-export { useWaitForReceipt } from "../react/core/hooks/contract/useWaitForReceipt.js";
-export { useContractEvents } from "../react/core/hooks/contract/useContractEvents.js";
-
-// rpc related
-export {
-  useBlockNumber,
-  type UseBlockNumberOptions,
-} from "../react/core/hooks/rpc/useBlockNumber.js";
-
-// utils
-export { createContractQuery } from "../react/core/utils/createQuery.js";
-export { useInvalidateContractQuery } from "../react/core/hooks/others/useInvalidateQueries.js";
-
-// pay
-export {
-  useBuyWithCryptoQuote,
-  type BuyWithCryptoQuoteQueryOptions,
-} from "../react/core/hooks/pay/useBuyWithCryptoQuote.js";
-export { useBuyWithCryptoStatus } from "../react/core/hooks/pay/useBuyWithCryptoStatus.js";
-export {
-  useBuyWithCryptoHistory,
-  type BuyWithCryptoHistoryQueryOptions,
-} from "../react/core/hooks/pay/useBuyWithCryptoHistory.js";
-export {
-  useBuyWithFiatQuote,
-  type BuyWithFiatQuoteQueryOptions,
-} from "../react/core/hooks/pay/useBuyWithFiatQuote.js";
-export { useBuyWithFiatStatus } from "../react/core/hooks/pay/useBuyWithFiatStatus.js";
-export {
-  useBuyWithFiatHistory,
-  type BuyWithFiatHistoryQueryOptions,
-} from "../react/core/hooks/pay/useBuyWithFiatHistory.js";
-export {
-  useBuyHistory,
-  type BuyHistoryQueryOptions,
-} from "../react/core/hooks/pay/useBuyHistory.js";
-export {
-  usePostOnRampQuote,
-  type PostOnRampQuoteQueryOptions,
-} from "../react/core/hooks/pay/usePostOnrampQuote.js";
-
-import { useSendTransactionCore } from "../react/core/hooks/contract/useSendTransaction.js";
-
-/**
- * A hook to send a transaction.
- * @returns A mutation object to send a transaction.
- * @example
- * ```jsx
- * import { useSendTransaction } from "thirdweb/react-native";
- * const { mutate: sendTx, data: transactionResult } = useSendTransaction();
- *
- * // later
- * sendTx(tx);
- * ```
- * @transaction
- */
-export const useSendTransaction = useSendTransactionCore;
-export { useSendBatchTransaction } from "../react/core/hooks/contract/useSendBatchTransaction.js";
-export { useSendAndConfirmTransaction } from "../react/core/hooks/contract/useSendAndConfirmTransaction.js";
-export { useEstimateGasCost } from "../react/core/hooks/contract/useEstimateGasCost.js";
-
-// Components
-export {
-  AutoConnect,
-  type AutoConnectProps,
-} from "../react/core/hooks/connection/AutoConnect.js";
-export { useAutoConnect } from "../react/core/hooks/connection/useAutoConnect.js";
-
-export { TransactionButton } from "../react/native/ui/TransactionButton/TrabsactionButton.js";
-export type { TransactionButtonProps } from "../react/core/hooks/transaction/button-core.js";
-
-// wallet info
-export {
-  useWalletInfo,
-  useWalletImage,
-} from "../react/web/ui/hooks/useWalletInfo.js";

package/src/react/core/hooks/wallets/wallet-hooks.tsx

@@ -1,248 +0,0 @@
-"use client";
-import { useCallback, useState, useSyncExternalStore } from "react";
-import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
-import type { ConnectManagerOptions } from "../../../../wallets/manager/index.js";
-import { connectionManager } from "../../connectionManager.js";
-
-/**
- * A hook that returns the active account
- * @returns The active `Account` or `undefined` if no active account is set.
- * @example
- * ```jsx
- * import { useActiveAccount } from "thirdweb/react";
- *
- * const activeAccount = useActiveAccount();
- * ```
- * @walletConnection
- */
-export function useActiveAccount() {
-  const store = connectionManager.activeAccountStore;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}
-
-/**
- * A hook that returns the active wallet
- * @returns The active `Wallet` or `undefined` if no active wallet is set.
- * @example
- * ```jsx
- * import { useActiveWallet } from "thirdweb/react";
- *
- * const wallet = useActiveWallet();
- * ```
- * @walletConnection
- */
-export function useActiveWallet() {
-  const store = connectionManager.activeWalletStore;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}
-
-/**
- * Switch to blockchain with given chain id in the active wallet.
- * @returns A function to switch to blockchain with given chain id in the active wallet.
- * @example
- * ```jsx
- * import { useSwitchActiveWalletChain } from "thirdweb/react";
- * import { sepolia } from "thirdweb/chains";
- *
- * const switchChain = useSwitchActiveWalletChain();
- *
- * // later in your code
- * <button onClick={() => switchChain(sepolia)}>Switch Chain</button>
- * ```
- * @walletConnection
- */
-export function useSwitchActiveWalletChain() {
-  return connectionManager.switchActiveWalletChain;
-}
-
-/**
- * A hook that returns the chain the active wallet is connected to
- * @returns The chain the active wallet is connected to or null if no active wallet.
- * @example
- * ```jsx
- * import { useActiveWalletChain } from "thirdweb/react";
- *
- * const chainId = useActiveWalletChain();
- * ```
- * @walletConnection
- */
-export function useActiveWalletChain() {
-  const store = connectionManager.activeWalletChainStore;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}
-
-/**
- * A hook that returns all connected wallets
- * @returns An array of all connected wallets
- * @example
- * ```jsx
- * import { useConnectedWallets } from "thirdweb/react";
- *
- * const wallets = useConnectedWallets();
- * ```
- * @walletConnection
- */
-export function useConnectedWallets() {
-  const store = connectionManager.connectedWallets;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}
-
-/**
- * A hook that lets you set the active wallet.
- * @returns A function that lets you set the active wallet.
- * @example
- * ```jsx
- * import { useSetActiveWallet } from "thirdweb/react";
- *
- * const setActiveAccount = useSetActiveWallet();
- *
- * // later in your code
- * await setActiveAccount(account);
- * ```
- * @walletConnection
- */
-export function useSetActiveWallet() {
-  return connectionManager.setActiveWallet;
-}
-
-/**
- * A hook to set a wallet as active wallet
- * @returns A function that lets you connect a wallet.
- * @example
- * ```jsx
- * import { useConnect } from "thirdweb/react";
- * import { createWallet } from "thirdweb/wallets";
- *
- * function Example() {
- *   const { connect, isConnecting, error } = useConnect();
- *   return (
- *     <button
- *       onClick={() =>
- *         connect(async () => {
- *           // instantiate wallet
- *           const wallet = createWallet("io.metamask");
- *           // connect wallet
- *           await wallet.connect();
- *           // return the wallet
- *           return wallet;
- *         })
- *       }
- *     >
- *       Connect
- *     </button>
- *   );
- * }
- * ```
- * @walletConnection
- */
-export function useConnect(options?: ConnectManagerOptions) {
-  const { connect } = connectionManager;
-  const [isConnecting, setIsConnecting] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  const handleConnection = useCallback(
-    async (walletOrFn: Wallet | (() => Promise<Wallet>)) => {
-      // reset error state
-      setError(null);
-      if (typeof walletOrFn !== "function") {
-        return connect(walletOrFn, options);
-      }
-
-      setIsConnecting(true);
-      try {
-        const w = await walletOrFn();
-        return connect(w, options);
-      } catch (e) {
-        console.error(e);
-        setError(e as Error);
-      } finally {
-        setIsConnecting(false);
-      }
-      return null;
-    },
-    [connect, options],
-  );
-
-  return { connect: handleConnection, isConnecting, error } as const;
-}
-
-/**
- * Disconnect from given account
- * @example
- * ```jsx
- * import { useDisconnect, useActiveWallet } from "thirdweb/react";
- *
- * function Example() {
- *   const { disconnect } = useDisconnect();
- *   const wallet = useActiveWallet();
- *
- *   return (
- *     <button onClick={() => disconnect(wallet)}>
- *       Disconnect
- *     </button>
- *   );
- * }
- * ```
- * @walletConnection
- * @returns An object with a function to disconnect an account
- */
-export function useDisconnect() {
-  const disconnect = connectionManager.disconnectWallet;
-  return { disconnect };
-}
-
-/**
- * A hook that returns the active account's connection status.
- * @example
- * ```jsx
- * import { useActiveWalletConnectionStatus } from "thirdweb/react";
- *
- * function Example() {
- *   const status = useActiveWalletConnectionStatus();
- *   console.log(status);
- *   return <div> ... </div>;
- * }
- * ```
- * @returns The active wallet's connection status.
- * @walletConnection
- */
-export function useActiveWalletConnectionStatus() {
-  const store = connectionManager.activeWalletConnectionStatusStore;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}
-
-/**
- * A hook that returns the active wallet's connection status.
- * @example
- * ```jsx
- * function Example() {
- *   const setActive = useSetActiveWalletConnectionStatus();
- *
- *   // when you want to set an account as active
- *   setActive(account)
- * }
- * ```
- * @returns The active wallet's connection status.
- * @internal
- */
-export function useSetActiveWalletConnectionStatus() {
-  return connectionManager.activeWalletConnectionStatusStore.setValue;
-}
-
-/**
- * A hook to check if the auto connect is in progress.
- * @example
- * ```jsx
- * function Example() {
- *   const isAutoConnecting = useIsAutoConnecting();
- *
- *   return <div> ... </div>;
- * }
- * ```
- * @returns A boolean indicating if the auto connect is in progress.
- * @walletConnection
- */
-export function useIsAutoConnecting() {
-  const store = connectionManager.isAutoConnecting;
-  return useSyncExternalStore(store.subscribe, store.getValue, store.getValue);
-}

package/src/react/core/storage.ts

@@ -1,39 +0,0 @@
-import { isReactNative } from "../../utils/platform.js";
-import type { AsyncStorage } from "../../wallets/storage/AsyncStorage.js";
-import { asyncLocalStorage } from "../../wallets/storage/asyncLocalStorage.js";
-
-let storage: AsyncStorage;
-
-/**
- * Gets the storage to be used in react.
- * @example
- * ```ts
- * const storage = getStorage();
- * ```
- * @returns The storage to use
- */
-export function getStorage(): AsyncStorage {
-  if (storage) {
-    return storage;
-  }
-  if (isReactNative()) {
-    const {
-      nativeLocalStorage,
-    } = require("../../wallets/storage/nativeStorage.js");
-    return nativeLocalStorage;
-  }
-  // default to localStorage
-  return asyncLocalStorage;
-}
-
-/**
- * Sets the storage to be used in react.
- * @example
- * ```ts
- * setStorage(storage);
- * ```
- * @param _storage - The storage to use
- */
-export function setStorage(_storage: AsyncStorage) {
-  storage = _storage;
-}