thirdweb 5.29.3-nightly-f8e0c5f84bb3a07a2911b5fce51da3983bb2e9e9-20240614190203 → 5.29.3-nightly-f9081d58d42f9fc0272f1824c2faeda6304cc32c-20240614191805

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveWallet = void 0;
+const useActiveWallet_js_1 = require("../../../core/hooks/wallets/useActiveWallet.js");
+const index_js_1 = require("../../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
+ */
+function useActiveWallet() {
+    return (0, useActiveWallet_js_1.useActiveWalletCore)(index_js_1.connectionManager);
+}
+exports.useActiveWallet = useActiveWallet;
+//# sourceMappingURL=useActiveWallet.js.map

package/dist/cjs/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,uFAAqF;AACrF,6CAAmD;AAEnD;;;;;;;;;;GAUG;AACH,SAAgB,eAAe;IAC7B,OAAO,IAAA,wCAAmB,EAAC,4BAAiB,CAAC,CAAC;AAChD,CAAC;AAFD,0CAEC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveWalletChain = void 0;
+const useActiveWalletChain_js_1 = require("../../../core/hooks/wallets/useActiveWalletChain.js");
+const index_js_1 = require("../../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
+ */
+function useActiveWalletChain() {
+    return (0, useActiveWalletChain_js_1.useActiveWalletChainCore)(index_js_1.connectionManager);
+}
+exports.useActiveWalletChain = useActiveWalletChain;
+//# sourceMappingURL=useActiveWalletChain.js.map

package/dist/cjs/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,iGAA+F;AAC/F,6CAAmD;AAEnD;;;;;;;;;;GAUG;AACH,SAAgB,oBAAoB;IAClC,OAAO,IAAA,kDAAwB,EAAC,4BAAiB,CAAC,CAAC;AACrD,CAAC;AAFD,oDAEC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveWalletConnectionStatus = void 0;
+const useActiveWalletConnectionStatus_js_1 = require("../../../core/hooks/wallets/useActiveWalletConnectionStatus.js");
+const index_js_1 = require("../../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
+ */
+function useActiveWalletConnectionStatus() {
+    return (0, useActiveWalletConnectionStatus_js_1.useActiveWalletConnectionStatusCore)(index_js_1.connectionManager);
+}
+exports.useActiveWalletConnectionStatus = useActiveWalletConnectionStatus;
+//# sourceMappingURL=useActiveWalletConnectionStatus.js.map

package/dist/cjs/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,uHAAqH;AACrH,6CAAmD;AAEnD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,+BAA+B;IAC7C,OAAO,IAAA,wEAAmC,EAAC,4BAAiB,CAAC,CAAC;AAChE,CAAC;AAFD,0EAEC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoConnect = void 0;
+const nativeStorage_js_1 = require("../../../../utils/storage/nativeStorage.js");
+const useAutoConnect_js_1 = require("../../../core/hooks/wallets/useAutoConnect.js");
+const index_js_1 = require("../../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.
+ */
+function useAutoConnect(props) {
+    return (0, useAutoConnect_js_1.useAutoConnectCore)(index_js_1.connectionManager, nativeStorage_js_1.nativeLocalStorage, props);
+}
+exports.useAutoConnect = useAutoConnect;
+//# sourceMappingURL=useAutoConnect.js.map

package/dist/cjs/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,iFAAgF;AAEhF,qFAAmF;AACnF,6CAAmD;AAEnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,cAAc,CAAC,KAAuB;IACpD,OAAO,IAAA,sCAAkB,EAAC,4BAAiB,EAAE,qCAAkB,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCallsStatus = void 0;
+const useCallsStatus_js_1 = require("../../../core/hooks/wallets/useCallsStatus.js");
+const useActiveWallet_js_1 = require("./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
+ */
+function useCallsStatus(options) {
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    return (0, useCallsStatus_js_1.useCallsStatusCore)(options, wallet);
+}
+exports.useCallsStatus = useCallsStatus;
+//# sourceMappingURL=useCallsStatus.js.map

package/dist/cjs/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,qFAAmF;AACnF,6DAAuD;AAEvD;;;;;;;;;;;;;GAaG;AACH,SAAgB,cAAc,CAAC,OAI9B;IACC,MAAM,MAAM,GAAG,IAAA,oCAAe,GAAE,CAAC;IAEjC,OAAO,IAAA,sCAAkB,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC;AARD,wCAQC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCapabilities = void 0;
+const useCapabilities_js_1 = require("../../../core/hooks/wallets/useCapabilities.js");
+const useActiveWallet_js_1 = require("./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
+ */
+function useCapabilities(options) {
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    return (0, useCapabilities_js_1.useCapabilitiesCore)(options, wallet);
+}
+exports.useCapabilities = useCapabilities;
+//# sourceMappingURL=useCapabilities.js.map

package/dist/cjs/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,uFAAqF;AACrF,6DAAuD;AAEvD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,eAAe,CAAC,OAE/B;IACC,MAAM,MAAM,GAAG,IAAA,oCAAe,GAAE,CAAC;IACjC,OAAO,IAAA,wCAAmB,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC;AALD,0CAKC"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnect = void 0;
+const useConnect_js_1 = require("../../../core/hooks/wallets/useConnect.js");
+const index_js_1 = require("../../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
+ */
+function useConnect(options) {
+    return (0, useConnect_js_1.useConnectCore)(index_js_1.connectionManager, options);
+}
+exports.useConnect = useConnect;
+//# sourceMappingURL=useConnect.js.map

package/dist/cjs/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,6EAA2E;AAC3E,6CAAmD;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAgB,UAAU,CAAC,OAA+B;IACxD,OAAO,IAAA,8BAAc,EAAC,4BAAiB,EAAE,OAAO,CAAC,CAAC;AACpD,CAAC;AAFD,gCAEC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnectedWallets = void 0;
+const useConnectedWallets_js_1 = require("../../../core/hooks/wallets/useConnectedWallets.js");
+const index_js_1 = require("../../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
+ */
+function useConnectedWallets() {
+    return (0, useConnectedWallets_js_1.useConnectedWalletsCore)(index_js_1.connectionManager);
+}
+exports.useConnectedWallets = useConnectedWallets;
+//# sourceMappingURL=useConnectedWallets.js.map

package/dist/cjs/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,+FAA6F;AAC7F,6CAAmD;AAEnD;;;;;;;;;;GAUG;AACH,SAAgB,mBAAmB;IACjC,OAAO,IAAA,gDAAuB,EAAC,4BAAiB,CAAC,CAAC;AACpD,CAAC;AAFD,kDAEC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDisconnect = void 0;
+const useDisconnect_js_1 = require("../../../core/hooks/wallets/useDisconnect.js");
+const index_js_1 = require("../../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
+ */
+function useDisconnect() {
+    return (0, useDisconnect_js_1.useDisconnectCore)(index_js_1.connectionManager);
+}
+exports.useDisconnect = useDisconnect;
+//# sourceMappingURL=useDisconnect.js.map

package/dist/cjs/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,mFAAiF;AACjF,6CAAmD;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,aAAa;IAC3B,OAAO,IAAA,oCAAiB,EAAC,4BAAiB,CAAC,CAAC;AAC9C,CAAC;AAFD,sCAEC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsAutoConnecting = void 0;
+const useIsAutoConnecting_js_1 = require("../../../core/hooks/wallets/useIsAutoConnecting.js");
+const index_js_1 = require("../../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
+ */
+function useIsAutoConnecting() {
+    return (0, useIsAutoConnecting_js_1.useIsAutoConnectingCore)(index_js_1.connectionManager);
+}
+exports.useIsAutoConnecting = useIsAutoConnecting;
+//# sourceMappingURL=useIsAutoConnecting.js.map

package/dist/cjs/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,+FAA6F;AAC7F,6CAAmD;AAEnD;;;;;;;;;;;;GAYG;AACH,SAAgB,mBAAmB;IACjC,OAAO,IAAA,gDAAuB,EAAC,4BAAiB,CAAC,CAAC;AACpD,CAAC;AAFD,kDAEC"}

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSendCalls = void 0;
+const useSendCalls_js_1 = require("../../../core/hooks/wallets/useSendCalls.js");
+const useActiveWallet_js_1 = require("./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
+ */
+function useSendCalls({ client, waitForResult = true, }) {
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    return (0, useSendCalls_js_1.useSendCallsCore)({ client, waitForResult }, wallet);
+}
+exports.useSendCalls = useSendCalls;
+//# sourceMappingURL=useSendCalls.js.map

package/dist/cjs/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":";;;AAWA,iFAA+E;AAC/E,6DAAuD;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,GAAG,IAAI,GACgC;IAKpD,MAAM,MAAM,GAAG,IAAA,oCAAe,GAAE,CAAC;IACjC,OAAO,IAAA,kCAAgB,EAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,CAAC;AAC7D,CAAC;AAVD,oCAUC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetActiveWallet = void 0;
+const useSetActiveWallet_js_1 = require("../../../core/hooks/wallets/useSetActiveWallet.js");
+const index_js_1 = require("../../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
+ */
+function useSetActiveWallet() {
+    return (0, useSetActiveWallet_js_1.useSetActiveWalletCore)(index_js_1.connectionManager);
+}
+exports.useSetActiveWallet = useSetActiveWallet;
+//# sourceMappingURL=useSetActiveWallet.js.map

package/dist/cjs/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,6FAA2F;AAC3F,6CAAmD;AAEnD;;;;;;;;;;;;;GAaG;AACH,SAAgB,kBAAkB;IAChC,OAAO,IAAA,8CAAsB,EAAC,4BAAiB,CAAC,CAAC;AACnD,CAAC;AAFD,gDAEC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetActiveWalletConnectionStatus = void 0;
+const useSetActiveWalletConnectionStatus_js_1 = require("../../../core/hooks/wallets/useSetActiveWalletConnectionStatus.js");
+const index_js_1 = require("../../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
+ */
+function useSetActiveWalletConnectionStatus() {
+    return (0, useSetActiveWalletConnectionStatus_js_1.useSetActiveWalletConnectionStatusCore)(index_js_1.connectionManager);
+}
+exports.useSetActiveWalletConnectionStatus = useSetActiveWalletConnectionStatus;
+//# sourceMappingURL=useSetActiveWalletConnectionStatus.js.map

package/dist/cjs/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,6HAA2H;AAC3H,6CAAmD;AAEnD;;;;;;;;;;;;;GAaG;AACH,SAAgB,kCAAkC;IAChD,OAAO,IAAA,8EAAsC,EAAC,4BAAiB,CAAC,CAAC;AACnE,CAAC;AAFD,gFAEC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSwitchActiveWalletChain = void 0;
+const useSwitchActiveWalletChain_js_1 = require("../../../core/hooks/wallets/useSwitchActiveWalletChain.js");
+const index_js_1 = require("../../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
+ */
+function useSwitchActiveWalletChain() {
+    return (0, useSwitchActiveWalletChain_js_1.useSwitchActiveWalletChainCore)(index_js_1.connectionManager);
+}
+exports.useSwitchActiveWalletChain = useSwitchActiveWalletChain;
+//# sourceMappingURL=useSwitchActiveWalletChain.js.map

package/dist/cjs/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,6GAA2G;AAC3G,6CAAmD;AAEnD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,0BAA0B;IACxC,OAAO,IAAA,8DAA8B,EAAC,4BAAiB,CAAC,CAAC;AAC3D,CAAC;AAFD,gEAEC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connectionManager = void 0;
+const nativeStorage_js_1 = require("../../utils/storage/nativeStorage.js");
+const connectionManager_js_1 = require("../core/connectionManager.js");
+exports.connectionManager = (0, connectionManager_js_1.connectionManagerSingleton)(nativeStorage_js_1.nativeLocalStorage);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/native/index.ts"],"names":[],"mappings":";;;AAAA,2EAA0E;AAC1E,uEAA0E;AAE7D,QAAA,iBAAiB,GAAG,IAAA,iDAA0B,EAAC,qCAAkB,CAAC,CAAC"}

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoAutoConnect = exports.AutoConnect = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const wallet_hooks_js_1 = require("../wallets/wallet-hooks.js");
-const useAutoConnect_js_1 = require("./useAutoConnect.js");
+const useAutoConnect_js_1 = require("../../hooks/wallets/useAutoConnect.js");
+const useSetActiveWalletConnectionStatus_js_1 = require("../../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.
@@ -47,7 +47,7 @@ let noAutoConnectDone = false;
  * @internal
  */
 function NoAutoConnect() {
-    const setConnectionStatus = (0, wallet_hooks_js_1.useSetActiveWalletConnectionStatus)();
+    const setConnectionStatus = (0, useSetActiveWalletConnectionStatus_js_1.useSetActiveWalletConnectionStatus)();
     (0, react_1.useEffect)(() => {
         if (noAutoConnectDone) {
             return;

package/dist/cjs/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,iCAAkC;AAElC,6EAAuE;AACvE,qHAA+G;AAE/G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,IAAA,kCAAc,EAAC,KAAK,CAAC,CAAC;IACtB,OAAO,kDAAK,CAAC;AACf,CAAC;AAHD,kCAGC;AAED,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAE9B;;GAEG;AACH,SAAgB,aAAa;IAC3B,MAAM,mBAAmB,GAAG,IAAA,0EAAkC,GAAE,CAAC;IACjE,IAAA,iBAAS,EAAC,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;AAXD,sCAWC"}

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

@@ -4,7 +4,9 @@ exports.TransactionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
-const button_core_js_1 = require("../../../core/hooks/transaction/button-core.js");
+const transaction_button_utils_js_1 = require("../../../core/hooks/transaction/transaction-button-utils.js");
+const useSendTransaction_js_1 = require("../../hooks/transaction/useSendTransaction.js");
+const useActiveAccount_js_1 = require("../../hooks/wallets/useActiveAccount.js");
 const button_js_1 = require("../components/button.js");
 const spinner_js_1 = require("../components/spinner.js");
 /**
@@ -26,9 +28,11 @@ const spinner_js_1 = require("../components/spinner.js");
  */
 function TransactionButton(props) {
     const { children, transaction, onTransactionSent, onTransactionConfirmed, onError, onClick, gasless, payModal, disabled, unstyled, ...buttonProps } = props;
-    const { account, handleClick, isPending } = (0, button_core_js_1.useTransactionButtonCore)(props);
+    const account = (0, useActiveAccount_js_1.useActiveAccount)();
+    const sendTransaction = (0, useSendTransaction_js_1.useSendTransaction)({ gasless, payModal });
+    const { mutate: handleClick, isPending } = (0, transaction_button_utils_js_1.useTransactionButtonMutation)(props, sendTransaction.mutateAsync);
     const theme = (0, CustomThemeProvider_js_1.parseTheme)(buttonProps.theme);
-    return ((0, jsx_runtime_1.jsxs)(button_js_1.ThemedButton, { disabled: !account || disabled || isPending, variant: "primary", onPress: handleClick, style: buttonProps.style, theme: theme, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { opacity: isPending ? 0 : 1 }, children: children }), isPending && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+    return ((0, jsx_runtime_1.jsxs)(button_js_1.ThemedButton, { disabled: !account || disabled || isPending, variant: "primary", onPress: () => handleClick(), style: buttonProps.style, theme: theme, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { opacity: isPending ? 0 : 1 }, children: children }), isPending && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
                     position: "absolute",
                     flex: 1,
                     justifyContent: "center",

package/dist/cjs/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,+CAAoE;AACpE,+FAAgF;AAChF,mFAGwD;AACxD,uDAAuD;AACvD,yDAAyD;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,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,IAAA,yCAAwB,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,KAAK,GAAG,IAAA,mCAAU,EAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,wBAAC,wBAAY,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,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAG,QAAQ,GAAQ,EAC7D,SAAS,IAAI,CACZ,uBAAC,mBAAI,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,uBAAC,0BAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,GAAI,GACnD,CACR,IACY,CAChB,CAAC;AACJ,CAAC;AA3CD,8CA2CC"}
+{"version":3,"file":"TrabsactionButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/TransactionButton/TrabsactionButton.tsx"],"names":[],"mappings":";;;;AAAA,+CAAoE;AACpE,+FAAgF;AAChF,6GAGqE;AACrE,yFAAmF;AACnF,iFAA2E;AAC3E,uDAAuD;AACvD,yDAAyD;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,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,IAAA,sCAAgB,GAAE,CAAC;IACnC,MAAM,eAAe,GAAG,IAAA,0CAAkB,EAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,0DAA4B,EACrE,KAAK,EACL,eAAe,CAAC,WAAW,CAC5B,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,mCAAU,EAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,wBAAC,wBAAY,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,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAG,QAAQ,GAAQ,EAC7D,SAAS,IAAI,CACZ,uBAAC,mBAAI,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,uBAAC,0BAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,GAAI,GACnD,CACR,IACY,CAChB,CAAC;AACJ,CAAC;AAhDD,8CAgDC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEstimateGas = void 0;
+const useEstimateGas_js_1 = require("../../../core/hooks/transaction/useEstimateGas.js");
+const useActiveAccount_js_1 = require("../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);
+ * ```
+ */
+function useEstimateGas() {
+    const account = (0, useActiveAccount_js_1.useActiveAccount)();
+    return (0, useEstimateGas_js_1.useEstimateGasCore)(account);
+}
+exports.useEstimateGas = useEstimateGas;
+//# sourceMappingURL=useEstimateGas.js.map

package/dist/cjs/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,yFAAuF;AACvF,wEAAkE;AAElE;;;;;;;;;;;GAWG;AACH,SAAgB,cAAc;IAK5B,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACnC,OAAO,IAAA,sCAAkB,EAAC,OAAO,CAAC,CAAC;AACrC,CAAC;AAPD,wCAOC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEstimateGasCost = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const estimate_gas_cost_js_1 = require("../../../../transaction/actions/estimate-gas-cost.js");
+const useActiveAccount_js_1 = require("../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
+ */
+function useEstimateGasCost() {
+    const account = (0, useActiveAccount_js_1.useActiveAccount)();
+    return (0, react_query_1.useMutation)({
+        mutationFn: (transaction) => (0, estimate_gas_cost_js_1.estimateGasCost)({ transaction, account }),
+    });
+}
+exports.useEstimateGasCost = useEstimateGasCost;
+//# sourceMappingURL=useEstimateGasCost.js.map

package/dist/cjs/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,uDAA4E;AAC5E,+FAG8D;AAE9D,wEAAkE;AAElE;;;;;;;;;;;;;GAaG;AACH,SAAgB,kBAAkB;IAKhC,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IAEnC,OAAO,IAAA,yBAAW,EAAC;QACjB,UAAU,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,IAAA,sCAAe,EAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;KACvE,CAAC,CAAC;AACL,CAAC;AAVD,gDAUC"}