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

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"}

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

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

package/dist/cjs/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,qHAAmH;AACnH,wEAAkE;AAElE;;;;;;;;;;;;GAYG;AACH,SAAgB,4BAA4B;IAK1C,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACnC,OAAO,IAAA,kEAAgC,EAAC,OAAO,CAAC,CAAC;AACnD,CAAC;AAPD,oEAOC"}

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

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

package/dist/cjs/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,2GAAyG;AACzG,wEAAkE;AAElE;;;;;;;;;;;;GAYG;AACH,SAAgB,uBAAuB;IAKrC,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACnC,OAAO,IAAA,wDAA2B,EAAC,OAAO,CAAC,CAAC;AAC9C,CAAC;AAPD,0DAOC"}

package/dist/cjs/react/web/hooks/{useSendTransaction.js → transaction/useSendTransaction.js}

@@ -4,22 +4,23 @@ exports.useSendTransaction = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_icons_1 = require("@radix-ui/react-icons");
 const react_1 = require("react");
-const CustomThemeProvider_js_1 = require("../../core/design-system/CustomThemeProvider.js");
-const index_js_1 = require("../../core/design-system/index.js");
-const useSendTransaction_js_1 = require("../../core/hooks/contract/useSendTransaction.js");
-const wallet_hooks_js_1 = require("../../core/hooks/wallets/wallet-hooks.js");
-const RootElementContext_js_1 = require("../../core/providers/RootElementContext.js");
-const AccentFailIcon_js_1 = require("../ui/ConnectWallet/icons/AccentFailIcon.js");
-const getConnectLocale_js_1 = require("../ui/ConnectWallet/locale/getConnectLocale.js");
-const LazyBuyScreen_js_1 = require("../ui/ConnectWallet/screens/Buy/LazyBuyScreen.js");
-const BuyTxHistory_js_1 = require("../ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.js");
-const Modal_js_1 = require("../ui/components/Modal.js");
-const Spacer_js_1 = require("../ui/components/Spacer.js");
-const Spinner_js_1 = require("../ui/components/Spinner.js");
-const basic_js_1 = require("../ui/components/basic.js");
-const buttons_js_1 = require("../ui/components/buttons.js");
-const text_js_1 = require("../ui/components/text.js");
-const LoadingScreen_js_1 = require("../wallets/shared/LoadingScreen.js");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const index_js_1 = require("../../../core/design-system/index.js");
+const useSendTransaction_js_1 = require("../../../core/hooks/transaction/useSendTransaction.js");
+const RootElementContext_js_1 = require("../../../core/providers/RootElementContext.js");
+const AccentFailIcon_js_1 = require("../../ui/ConnectWallet/icons/AccentFailIcon.js");
+const getConnectLocale_js_1 = require("../../ui/ConnectWallet/locale/getConnectLocale.js");
+const LazyBuyScreen_js_1 = require("../../ui/ConnectWallet/screens/Buy/LazyBuyScreen.js");
+const BuyTxHistory_js_1 = require("../../ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.js");
+const Modal_js_1 = require("../../ui/components/Modal.js");
+const Spacer_js_1 = require("../../ui/components/Spacer.js");
+const Spinner_js_1 = require("../../ui/components/Spinner.js");
+const basic_js_1 = require("../../ui/components/basic.js");
+const buttons_js_1 = require("../../ui/components/buttons.js");
+const text_js_1 = require("../../ui/components/text.js");
+const LoadingScreen_js_1 = require("../../wallets/shared/LoadingScreen.js");
+const useActiveWallet_js_1 = require("../wallets/useActiveWallet.js");
+const useSwitchActiveWalletChain_js_1 = require("../wallets/useSwitchActiveWalletChain.js");
 /**
  * A hook to send a transaction.
  * @returns A mutation object to send a transaction.
@@ -37,7 +38,9 @@ const LoadingScreen_js_1 = require("../wallets/shared/LoadingScreen.js");
  * @transaction
  */
 function useSendTransaction(config = {}) {
-    const activeWallet = (0, wallet_hooks_js_1.useActiveWallet)();
+    const activeWallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const switchChain = (0, useSwitchActiveWalletChain_js_1.useSwitchActiveWalletChain)();
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
     const payModal = config.payModal;
     let payModalEnabled = true;
     if (payModal === false || config.gasless) {
@@ -54,17 +57,22 @@ function useSendTransaction(config = {}) {
         }
     }
     const setRootEl = (0, react_1.useContext)(RootElementContext_js_1.SetRootElementContext);
-    return (0, useSendTransaction_js_1.useSendTransactionCore)(!payModalEnabled || payModal === false
-        ? undefined
-        : (data) => {
-            setRootEl((0, jsx_runtime_1.jsx)(TxModal, { tx: data.tx, onComplete: data.sendTx, onClose: () => {
-                    setRootEl(null);
-                    data.rejectTx();
-                }, client: data.tx.client, localeId: payModal?.locale || "en_US", supportedTokens: payModal?.supportedTokens, theme: payModal?.theme || "dark", txCostWei: data.totalCostWei, walletBalanceWei: data.walletBalance.value, nativeTokenSymbol: data.walletBalance.symbol, payOptions: {
-                    buyWithCrypto: payModal?.buyWithCrypto,
-                    buyWithFiat: payModal?.buyWithFiat,
-                } }));
-        }, config.gasless);
+    return (0, useSendTransaction_js_1.useSendTransactionCore)({
+        showPayModal: !payModalEnabled || payModal === false
+            ? undefined
+            : (data) => {
+                setRootEl((0, jsx_runtime_1.jsx)(TxModal, { tx: data.tx, onComplete: data.sendTx, onClose: () => {
+                        setRootEl(null);
+                        data.rejectTx();
+                    }, client: data.tx.client, localeId: payModal?.locale || "en_US", supportedTokens: payModal?.supportedTokens, theme: payModal?.theme || "dark", txCostWei: data.totalCostWei, walletBalanceWei: data.walletBalance.value, nativeTokenSymbol: data.walletBalance.symbol, payOptions: {
+                        buyWithCrypto: payModal?.buyWithCrypto,
+                        buyWithFiat: payModal?.buyWithFiat,
+                    } }));
+            },
+        gasless: config.gasless,
+        switchChain,
+        wallet,
+    });
 }
 exports.useSendTransaction = useSendTransaction;
 function TxModal(props) {
@@ -102,7 +110,9 @@ function ModalContent(props) {
         } }));
 }
 function ExecutingTxScreen(props) {
-    const sendTxCore = (0, useSendTransaction_js_1.useSendTransactionCore)();
+    const sendTxCore = useSendTransaction({
+        payModal: false,
+    });
     const [status, setStatus] = (0, react_1.useState)("loading");
     const sendTx = (0, react_1.useCallback)(async () => {
         setStatus("loading");
@@ -123,6 +133,6 @@ function ExecutingTxScreen(props) {
         done.current = true;
         sendTx();
     }, [sendTx]);
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Transaction" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", center: "x", children: [status === "loading" && (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "3xl", color: "accentText" }), status === "failed" && (0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { size: index_js_1.iconSize["3xl"] }), status === "sent" && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { color: "success", flex: "row", center: "both", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckCircledIcon, { width: index_js_1.iconSize["3xl"], height: index_js_1.iconSize["3xl"] }) }))] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", center: true, size: "lg", children: [status === "loading" && "Sending transaction", status === "failed" && "Transaction failed", status === "sent" && "Transaction sent"] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), status === "failed" && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: sendTx, children: "Try Again" })), status === "sent" && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: props.closeModal, children: "Done" }))] }));
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Transaction" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", center: "x", children: [status === "loading" && (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "3xl", color: "accentText" }), "status === \"failed\" && ", (0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { size: index_js_1.iconSize["3xl"] }), "status === \"sent\" && (", (0, jsx_runtime_1.jsx)(basic_js_1.Container, { color: "success", flex: "row", center: "both", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckCircledIcon, { width: index_js_1.iconSize["3xl"], height: index_js_1.iconSize["3xl"] }) }), ")"] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", center: true, size: "lg", children: "status === \"loading\" && \"Sending transaction\"status === \"failed\" && \"Transaction failed\"status === \"sent\" && \"Transaction sent\"" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), "status === \"failed\" && (", (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: sendTx, children: "Try Again" }), ")status === \"sent\" && (", (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: props.closeModal, children: "Done" }), ")"] }));
 }
 //# sourceMappingURL=useSendTransaction.js.map

package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendTransaction.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/hooks/wallets/useActiveAccount.js

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

package/dist/cjs/react/web/hooks/wallets/useActiveAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveAccount.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/wallets/useActiveAccount.ts"],"names":[],"mappings":";;;AAAA,yFAAuF;AACvF,6CAAmD;AAEnD;;;;;;;;;;GAUG;AACH,SAAgB,gBAAgB;IAC9B,OAAO,IAAA,0CAAoB,EAAC,4BAAiB,CAAC,CAAC;AACjD,CAAC;AAFD,4CAEC"}

package/dist/cjs/react/web/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/web/hooks/wallets/useActiveWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWallet.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useActiveWalletChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWalletChain.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useActiveWalletConnectionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveWalletConnectionStatus.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useAutoConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useCallsStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallsStatus.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useCapabilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCapabilities.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useConnectedWallets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectedWallets.js","sourceRoot":"","sources":["../../../../../../src/react/web/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/web/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/web/hooks/wallets/useDisconnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisconnect.js","sourceRoot":"","sources":["../../../../../../src/react/web/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"}