thirdweb 5.29.3-nightly-f8e0c5f84bb3a07a2911b5fce51da3983bb2e9e9-20240614190203 → 5.29.3-nightly-b051d844d0bb2d08b0d885d8c23e75ee97209976-20240614190954

package/dist/esm/react/native/hooks/wallets/useActiveAccount.js

@@ -0,0 +1,17 @@
+import { useActiveAccountCore } from "../../../core/hooks/wallets/useActiveAccount.js";
+import { connectionManager } from "../../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 function useActiveAccount() {
+    return useActiveAccountCore(connectionManager);
+}
+//# sourceMappingURL=useActiveAccount.js.map

package/dist/esm/react/native/hooks/wallets/useActiveAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveAccount.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useActiveAccount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACjD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useActiveWallet.js

@@ -0,0 +1,17 @@
+import { useActiveWalletCore } from "../../../core/hooks/wallets/useActiveWallet.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useActiveWalletCore(connectionManager);
+}
+//# sourceMappingURL=useActiveWallet.js.map

package/dist/esm/react/native/hooks/wallets/useActiveWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWallet.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useActiveWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;AAChD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useActiveWalletChain.js

@@ -0,0 +1,17 @@
+import { useActiveWalletChainCore } from "../../../core/hooks/wallets/useActiveWalletChain.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useActiveWalletChainCore(connectionManager);
+}
+//# sourceMappingURL=useActiveWalletChain.js.map

package/dist/esm/react/native/hooks/wallets/useActiveWalletChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWalletChain.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useActiveWalletChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;AACrD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useActiveWalletConnectionStatus.js

@@ -0,0 +1,21 @@
+import { useActiveWalletConnectionStatusCore } from "../../../core/hooks/wallets/useActiveWalletConnectionStatus.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useActiveWalletConnectionStatusCore(connectionManager);
+}
+//# sourceMappingURL=useActiveWalletConnectionStatus.js.map

package/dist/esm/react/native/hooks/wallets/useActiveWalletConnectionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWalletConnectionStatus.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useActiveWalletConnectionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mCAAmC,EAAE,MAAM,gEAAgE,CAAC;AACrH,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,+BAA+B;IAC7C,OAAO,mCAAmC,CAAC,iBAAiB,CAAC,CAAC;AAChE,CAAC"}

package/dist/esm/react/native/hooks/wallets/useAutoConnect.js

@@ -0,0 +1,26 @@
+import { nativeLocalStorage } from "../../../../utils/storage/nativeStorage.js";
+import { useAutoConnectCore } from "../../../core/hooks/wallets/useAutoConnect.js";
+import { connectionManager } from "../../index.js";
+/**
+ * Autoconnect the last previously connected wallet.
+ *
+ * @example
+ * ```tsx
+ * import { useAutoConnect } from "thirdweb/react";
+ *
+ * const { data: autoConnected, isLoading } = useAutoConnect({
+ *  client,
+ *  accountAbstraction,
+ *  wallets,
+ *  onConnect,
+ *  timeout,
+ * });
+ * ```
+ * @walletConnection
+ * @param props - The props for auto connect.
+ * @returns whether the auto connect was successful.
+ */
+export function useAutoConnect(props) {
+    return useAutoConnectCore(connectionManager, nativeLocalStorage, props);
+}
+//# sourceMappingURL=useAutoConnect.js.map

package/dist/esm/react/native/hooks/wallets/useAutoConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useAutoConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,OAAO,kBAAkB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC"}

package/dist/esm/react/native/hooks/wallets/useCallsStatus.js

@@ -0,0 +1,21 @@
+import { useCallsStatusCore } from "../../../core/hooks/wallets/useCallsStatus.js";
+import { useActiveWallet } from "./useActiveWallet.js";
+/**
+ * A hook to get a call bundle's current status according to [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792).
+ *
+ * @note This function is dependent on the wallet's support for EIP-5792 and could throw an error if it's not supported.
+ *
+ * @returns a React Query object.
+ * @beta
+ * @example
+ * ```tsx
+ * import { useCallsStatus } from "thirdweb/react";
+ * const { data: status, isLoading } = useCallsStatus({ bundleId, client });
+ * ```
+ * @extension EIP5792
+ */
+export function useCallsStatus(options) {
+    const wallet = useActiveWallet();
+    return useCallsStatusCore(options, wallet);
+}
+//# sourceMappingURL=useCallsStatus.js.map

package/dist/esm/react/native/hooks/wallets/useCallsStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallsStatus.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useCallsStatus.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAAC,OAI9B;IACC,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,OAAO,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}

package/dist/esm/react/native/hooks/wallets/useCapabilities.js

@@ -0,0 +1,22 @@
+import { useCapabilitiesCore } from "../../../core/hooks/wallets/useCapabilities.js";
+import { useActiveWallet } from "./useActiveWallet.js";
+/**
+ * A hook to get the current wallet's capabilities according to [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792).
+ *
+ * @note This function is dependent on the wallet's support for EIP-5792, but will not throw.
+ * **The returned object contains a `message` field detailing any issues with the wallet's support for EIP-5792.**
+ *
+ * @returns a React Query object.
+ * @beta
+ * @example
+ * ```tsx
+ * import { useCapabilities } from "thirdweb/react";
+ * const { data: capabilities, isLoading } = useCapabilities();
+ * ```
+ * @extension EIP5792
+ */
+export function useCapabilities(options) {
+    const wallet = useActiveWallet();
+    return useCapabilitiesCore(options, wallet);
+}
+//# sourceMappingURL=useCapabilities.js.map

package/dist/esm/react/native/hooks/wallets/useCapabilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCapabilities.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useCapabilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,eAAe,CAAC,OAE/B;IACC,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,OAAO,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC"}

package/dist/esm/react/native/hooks/wallets/useConnect.js

@@ -0,0 +1,36 @@
+import { useConnectCore } from "../../../core/hooks/wallets/useConnect.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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) {
+    return useConnectCore(connectionManager, options);
+}
+//# sourceMappingURL=useConnect.js.map

package/dist/esm/react/native/hooks/wallets/useConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useConnect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,UAAU,CAAC,OAA+B;IACxD,OAAO,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;AACpD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useConnectedWallets.js

@@ -0,0 +1,17 @@
+import { useConnectedWalletsCore } from "../../../core/hooks/wallets/useConnectedWallets.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useConnectedWalletsCore(connectionManager);
+}
+//# sourceMappingURL=useConnectedWallets.js.map

package/dist/esm/react/native/hooks/wallets/useConnectedWallets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectedWallets.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useConnectedWallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AACpD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useDisconnect.js

@@ -0,0 +1,26 @@
+import { useDisconnectCore } from "../../../core/hooks/wallets/useDisconnect.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useDisconnectCore(connectionManager);
+}
+//# sourceMappingURL=useDisconnect.js.map

package/dist/esm/react/native/hooks/wallets/useDisconnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisconnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useDisconnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAC9C,CAAC"}

package/dist/esm/react/native/hooks/wallets/useIsAutoConnecting.js

@@ -0,0 +1,19 @@
+import { useIsAutoConnectingCore } from "../../../core/hooks/wallets/useIsAutoConnecting.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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() {
+    return useIsAutoConnectingCore(connectionManager);
+}
+//# sourceMappingURL=useIsAutoConnecting.js.map

package/dist/esm/react/native/hooks/wallets/useIsAutoConnecting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsAutoConnecting.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useIsAutoConnecting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AACpD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useSendCalls.js

@@ -0,0 +1,69 @@
+import { sendCalls, } from "../../../../wallets/eip5792/send-calls.js";
+import { useSendCallsCore } from "../../../core/hooks/wallets/useSendCalls.js";
+import { useActiveWallet } from "./useActiveWallet.js";
+/**
+ * A hook to send [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) calls to a wallet.
+ * This hook works with all Thirdweb wallets (in-app and smart) and certain injected wallets that already support EIP-5792.
+ * Transactions will be bundled and sponsored when those capabilities are supported, otherwise they will be sent as individual transactions.
+ *
+ * When calls are sent, all contracts that are interacted with will have their corresponding reads revalidated via React Query.
+ *
+ * @note This hook is dependent on the wallet's support for EIP-5792 and could fail.
+ * @note The mutatuon function will use your currently connected wallet by default, but you can pass it a specific wallet to use if you'd like.
+ *
+ * @returns A React Query mutatuon object to interact with {@link sendCalls}
+ * @throws an error if the wallet does not support EIP-5792.
+ * @returns The ID of the bundle of the calls.
+ *
+ * @beta
+ * @example
+ * ```tsx
+ * import { useSendCalls } from "thirdweb/react";
+ *
+ * const sendTx1 = approve({
+      contract: USDT_CONTRACT,
+      amount: 100,
+      spender: "0x33d9B8BEfE81027E2C859EDc84F5636cbb202Ed6",
+    });
+ * const sendTx2 = approve({
+      contract: USDT_CONTRACT,
+      amount: 100,
+      spender: "0x2a4f24F935Eb178e3e7BA9B53A5Ee6d8407C0709",
+    });
+ * const { mutate: sendCalls, data: bundleId } = useSendCalls({ client });
+ * await sendCalls({
+ *   wallet,
+ *   client,
+ *   calls: [sendTx1, sendTx2],
+ * });
+ * ```
+ * Await the bundle's full confirmation:
+ * ```tsx
+ * const { mutate: sendCalls, data: bundleId } = useSendCalls({ client, waitForResult: true });
+ * await sendCalls({
+ *   wallet,
+ *   client,
+ *   calls: [sendTx1, sendTx2],
+ * });
+ * ```
+ * Sponsor transactions with a paymaster:
+ * ```ts
+ * const { mutate: sendCalls, data: bundleId } = useSendCalls();
+ * await sendCalls({
+ *   client,
+ *   calls: [sendTx1, sendTx2],
+ *   capabilities: {
+ *     paymasterService: {
+ *       url: `https://${CHAIN.id}.bundler.thirdweb.com/${client.clientId}`
+ *     }
+ *   }
+ * });
+ * @note We recommend proxying any paymaster calls via an API route you setup and control.
+ * ```
+ * @extension EIP5792
+ */
+export function useSendCalls({ client, waitForResult = true, }) {
+    const wallet = useActiveWallet();
+    return useSendCallsCore({ client, waitForResult }, wallet);
+}
+//# sourceMappingURL=useSendCalls.js.map

package/dist/esm/react/native/hooks/wallets/useSendCalls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendCalls.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useSendCalls.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,GACV,MAAM,2CAA2C,CAAC;AAMnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,GAAG,IAAI,GACgC;IAKpD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,OAAO,gBAAgB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,CAAC;AAC7D,CAAC"}

package/dist/esm/react/native/hooks/wallets/useSetActiveWallet.js

@@ -0,0 +1,20 @@
+import { useSetActiveWalletCore } from "../../../core/hooks/wallets/useSetActiveWallet.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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 useSetActiveWalletCore(connectionManager);
+}
+//# sourceMappingURL=useSetActiveWallet.js.map

package/dist/esm/react/native/hooks/wallets/useSetActiveWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSetActiveWallet.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useSetActiveWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;AACnD,CAAC"}

package/dist/esm/react/native/hooks/wallets/useSetActiveWalletConnectionStatus.js

@@ -0,0 +1,20 @@
+import { useSetActiveWalletConnectionStatusCore } from "../../../core/hooks/wallets/useSetActiveWalletConnectionStatus.js";
+import { connectionManager } from "../../index.js";
+/**
+ * A hook that returns the active wallet's connection status.
+ * @example
+ * ```jsx
+ * function Example() {
+ *   const setActiveStatus = useSetActiveWalletConnectionStatus();
+ *
+ *   // when you want to set the connection status of the wallet
+ *   setActiveStatus(status)
+ * }
+ * ```
+ * @returns The active wallet's connection status.
+ * @internal
+ */
+export function useSetActiveWalletConnectionStatus() {
+    return useSetActiveWalletConnectionStatusCore(connectionManager);
+}
+//# sourceMappingURL=useSetActiveWalletConnectionStatus.js.map

package/dist/esm/react/native/hooks/wallets/useSetActiveWalletConnectionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSetActiveWalletConnectionStatus.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useSetActiveWalletConnectionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sCAAsC,EAAE,MAAM,mEAAmE,CAAC;AAC3H,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kCAAkC;IAChD,OAAO,sCAAsC,CAAC,iBAAiB,CAAC,CAAC;AACnE,CAAC"}

package/dist/esm/react/native/hooks/wallets/useSwitchActiveWalletChain.js

@@ -0,0 +1,21 @@
+import { useSwitchActiveWalletChainCore } from "../../../core/hooks/wallets/useSwitchActiveWalletChain.js";
+import { connectionManager } from "../../index.js";
+/**
+ * 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 useSwitchActiveWalletChainCore(connectionManager);
+}
+//# sourceMappingURL=useSwitchActiveWalletChain.js.map

package/dist/esm/react/native/hooks/wallets/useSwitchActiveWalletChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitchActiveWalletChain.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useSwitchActiveWalletChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,2DAA2D,CAAC;AAC3G,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,0BAA0B;IACxC,OAAO,8BAA8B,CAAC,iBAAiB,CAAC,CAAC;AAC3D,CAAC"}

package/dist/esm/react/native/index.js

@@ -0,0 +1,4 @@
+import { nativeLocalStorage } from "../../utils/storage/nativeStorage.js";
+import { connectionManagerSingleton } from "../core/connectionManager.js";
+export const connectionManager = connectionManagerSingleton(nativeLocalStorage);
+//# sourceMappingURL=index.js.map

package/dist/esm/react/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/native/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAA0B,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/react/{core/hooks/connection → native/ui/AutoConnect}/AutoConnect.js

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { useSetActiveWalletConnectionStatus } from "../wallets/wallet-hooks.js";
-import { useAutoConnect } from "./useAutoConnect.js";
+import { useAutoConnect } from "../../hooks/wallets/useAutoConnect.js";
+import { useSetActiveWalletConnectionStatus } from "../../hooks/wallets/useSetActiveWalletConnectionStatus.js";
 /**
  * AutoConnect last connected wallet on page reload or revisit.
  * Note: If you are using `ConnectButton` or `ConnectEmbed` components, You don't need to use this component as it is already included.

package/dist/esm/react/native/ui/AutoConnect/AutoConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/AutoConnect/AutoConnect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,kCAAkC,EAAE,MAAM,2DAA2D,CAAC;AAE/G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,cAAc,CAAC,KAAK,CAAC,CAAC;IACtB,OAAO,mBAAK,CAAC;AACf,CAAC;AAED,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAE9B;;GAEG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,mBAAmB,GAAG,kCAAkC,EAAE,CAAC;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,iBAAiB,GAAG,IAAI,CAAC;QACzB,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/esm/react/native/ui/TransactionButton/TrabsactionButton.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View } from "react-native";
 import { parseTheme } from "../../../core/design-system/CustomThemeProvider.js";
-import { useTransactionButtonCore, } from "../../../core/hooks/transaction/button-core.js";
+import { useTransactionButtonMutation, } from "../../../core/hooks/transaction/transaction-button-utils.js";
+import { useSendTransaction } from "../../hooks/transaction/useSendTransaction.js";
+import { useActiveAccount } from "../../hooks/wallets/useActiveAccount.js";
 import { ThemedButton } from "../components/button.js";
 import { ThemedSpinner } from "../components/spinner.js";
 /**
@@ -23,9 +25,11 @@ import { ThemedSpinner } from "../components/spinner.js";
  */
 export function TransactionButton(props) {
     const { children, transaction, onTransactionSent, onTransactionConfirmed, onError, onClick, gasless, payModal, disabled, unstyled, ...buttonProps } = props;
-    const { account, handleClick, isPending } = useTransactionButtonCore(props);
+    const account = useActiveAccount();
+    const sendTransaction = useSendTransaction({ gasless, payModal });
+    const { mutate: handleClick, isPending } = useTransactionButtonMutation(props, sendTransaction.mutateAsync);
     const theme = parseTheme(buttonProps.theme);
-    return (_jsxs(ThemedButton, { disabled: !account || disabled || isPending, variant: "primary", onPress: handleClick, style: buttonProps.style, theme: theme, children: [_jsx(View, { style: { opacity: isPending ? 0 : 1 }, children: children }), isPending && (_jsx(View, { style: {
+    return (_jsxs(ThemedButton, { disabled: !account || disabled || isPending, variant: "primary", onPress: () => handleClick(), style: buttonProps.style, theme: theme, children: [_jsx(View, { style: { opacity: isPending ? 0 : 1 }, children: children }), isPending && (_jsx(View, { style: {
                     position: "absolute",
                     flex: 1,
                     justifyContent: "center",

package/dist/esm/react/native/ui/TransactionButton/TrabsactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrabsactionButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/TransactionButton/TrabsactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAChF,OAAO,EAEL,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAE,CAAC,OAAO,IAAI,QAAQ,IAAI,SAAS,EAC3C,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,WAAW,CAAC,KAA6B,EAChD,KAAK,EAAE,KAAK,aAEZ,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAG,QAAQ,GAAQ,EAC7D,SAAS,IAAI,CACZ,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,MAAM;iBACf,YAED,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,GAAI,GACnD,CACR,IACY,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TrabsactionButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/TransactionButton/TrabsactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAChF,OAAO,EAEL,4BAA4B,GAC7B,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,4BAA4B,CACrE,KAAK,EACL,eAAe,CAAC,WAAW,CAC5B,CAAC;IACF,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAE,CAAC,OAAO,IAAI,QAAQ,IAAI,SAAS,EAC3C,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,KAAK,EAAE,WAAW,CAAC,KAA6B,EAChD,KAAK,EAAE,KAAK,aAEZ,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAG,QAAQ,GAAQ,EAC7D,SAAS,IAAI,CACZ,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,MAAM;iBACf,YAED,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,GAAI,GACnD,CACR,IACY,CAChB,CAAC;AACJ,CAAC"}

package/dist/esm/react/web/hooks/transaction/useEstimateGas.js

@@ -0,0 +1,19 @@
+import { useEstimateGasCore } from "../../../core/hooks/transaction/useEstimateGas.js";
+import { useActiveAccount } from "../wallets/useActiveAccount.js";
+/**
+ * A hook to estimate the gas for a given transaction.
+ * @returns A mutation object to estimate gas.
+ * @example
+ * ```jsx
+ * import { useEstimateGas } from "thirdweb/react";
+ * const { mutate: estimateGas, data: gasEstimate } = useEstimateGas();
+ *
+ * // later
+ * const estimatedGas = await estimateGas(tx);
+ * ```
+ */
+export function useEstimateGas() {
+    const account = useActiveAccount();
+    return useEstimateGasCore(account);
+}
+//# sourceMappingURL=useEstimateGas.js.map

package/dist/esm/react/web/hooks/transaction/useEstimateGas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEstimateGas.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useEstimateGas.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,cAAc;IAK5B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC"}

package/dist/esm/react/web/hooks/transaction/useEstimateGasCost.js

@@ -0,0 +1,24 @@
+import { useMutation } from "@tanstack/react-query";
+import { estimateGasCost, } from "../../../../transaction/actions/estimate-gas-cost.js";
+import { useActiveAccount } from "../wallets/useActiveAccount.js";
+/**
+ * A hook to estimate the gas cost in ether and wei for a given transaction.
+ * @returns A mutation object to estimate gas cost.
+ * @example
+ * ```jsx
+ * import { useEstimateGasCost } from "thirdweb/react";
+ * const { mutate: estimateGasCost, data: gasEstimate } = useEstimateGas();
+ *
+ * // later
+ * const estimatedGas = await estimateGasCost(tx);
+ * console.log("gas cost in ether", estimatedGas.ether);
+ * ```
+ * @transaction
+ */
+export function useEstimateGasCost() {
+    const account = useActiveAccount();
+    return useMutation({
+        mutationFn: (transaction) => estimateGasCost({ transaction, account }),
+    });
+}
+//# sourceMappingURL=useEstimateGasCost.js.map

package/dist/esm/react/web/hooks/transaction/useEstimateGasCost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEstimateGasCost.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useEstimateGasCost.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAEL,eAAe,GAChB,MAAM,sDAAsD,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kBAAkB;IAKhC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;KACvE,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/web/hooks/transaction/useSendAndConfirmTransaction.js

@@ -0,0 +1,20 @@
+import { useSendAndConfirmTransactionCore } from "../../../core/hooks/transaction/useSendAndConfirmTransaction.js";
+import { useActiveAccount } from "../wallets/useActiveAccount.js";
+/**
+ * A hook to send a transaction.
+ * @returns A mutation object to send a transaction.
+ * @example
+ * ```jsx
+ * import { useSendAndConfirmTransaction } from "thirdweb/react";
+ * const { mutate: sendAndConfirmTx, data: transactionReceipt } = useSendAndConfirmTransaction();
+ *
+ * // later
+ * sendAndConfirmTx(tx);
+ * ```
+ * @transaction
+ */
+export function useSendAndConfirmTransaction() {
+    const account = useActiveAccount();
+    return useSendAndConfirmTransactionCore(account);
+}
+//# sourceMappingURL=useSendAndConfirmTransaction.js.map

package/dist/esm/react/web/hooks/transaction/useSendAndConfirmTransaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendAndConfirmTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendAndConfirmTransaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gCAAgC,EAAE,MAAM,iEAAiE,CAAC;AACnH,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,4BAA4B;IAK1C,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,OAAO,gCAAgC,CAAC,OAAO,CAAC,CAAC;AACnD,CAAC"}

package/dist/esm/react/web/hooks/transaction/useSendBatchTransaction.js

@@ -0,0 +1,20 @@
+import { useSendBatchTransactionCore } from "../../../core/hooks/transaction/useSendBatchTransaction.js";
+import { useActiveAccount } from "../wallets/useActiveAccount.js";
+/**
+ * A hook to send a transaction.
+ * @returns A mutation object to send a transaction.
+ * @example
+ * ```jsx
+ * import { useSendBatchTransaction } from "thirdweb/react";
+ * const { mutate: sendBatch, data: transactionResult } = useSendBatchTransaction();
+ *
+ * // later
+ * sendBatch([tx1, tx2]);
+ * ```
+ * @transaction
+ */
+export function useSendBatchTransaction() {
+    const account = useActiveAccount();
+    return useSendBatchTransactionCore(account);
+}
+//# sourceMappingURL=useSendBatchTransaction.js.map

package/dist/esm/react/web/hooks/transaction/useSendBatchTransaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendBatchTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendBatchTransaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,uBAAuB;IAKrC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,OAAO,2BAA2B,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC"}