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

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

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

@@ -1,22 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckCircledIcon } from "@radix-ui/react-icons";
 import { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { CustomThemeProvider } from "../../core/design-system/CustomThemeProvider.js";
-import { iconSize } from "../../core/design-system/index.js";
-import { useSendTransactionCore } from "../../core/hooks/contract/useSendTransaction.js";
-import { useActiveWallet } from "../../core/hooks/wallets/wallet-hooks.js";
-import { SetRootElementContext } from "../../core/providers/RootElementContext.js";
-import { AccentFailIcon } from "../ui/ConnectWallet/icons/AccentFailIcon.js";
-import { useConnectLocale } from "../ui/ConnectWallet/locale/getConnectLocale.js";
-import { LazyBuyScreen } from "../ui/ConnectWallet/screens/Buy/LazyBuyScreen.js";
-import { BuyTxHistory } from "../ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.js";
-import { Modal } from "../ui/components/Modal.js";
-import { Spacer } from "../ui/components/Spacer.js";
-import { Spinner } from "../ui/components/Spinner.js";
-import { Container, ModalHeader } from "../ui/components/basic.js";
-import { Button } from "../ui/components/buttons.js";
-import { Text } from "../ui/components/text.js";
-import { LoadingScreen } from "../wallets/shared/LoadingScreen.js";
+import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
+import { iconSize } from "../../../core/design-system/index.js";
+import { useSendTransactionCore, } from "../../../core/hooks/transaction/useSendTransaction.js";
+import { SetRootElementContext } from "../../../core/providers/RootElementContext.js";
+import { AccentFailIcon } from "../../ui/ConnectWallet/icons/AccentFailIcon.js";
+import { useConnectLocale } from "../../ui/ConnectWallet/locale/getConnectLocale.js";
+import { LazyBuyScreen } from "../../ui/ConnectWallet/screens/Buy/LazyBuyScreen.js";
+import { BuyTxHistory } from "../../ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.js";
+import { Modal } from "../../ui/components/Modal.js";
+import { Spacer } from "../../ui/components/Spacer.js";
+import { Spinner } from "../../ui/components/Spinner.js";
+import { Container, ModalHeader } from "../../ui/components/basic.js";
+import { Button } from "../../ui/components/buttons.js";
+import { Text } from "../../ui/components/text.js";
+import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
+import { useActiveWallet } from "../wallets/useActiveWallet.js";
+import { useSwitchActiveWalletChain } from "../wallets/useSwitchActiveWalletChain.js";
 /**
  * A hook to send a transaction.
  * @returns A mutation object to send a transaction.
@@ -35,6 +36,8 @@ import { LoadingScreen } from "../wallets/shared/LoadingScreen.js";
  */
 export function useSendTransaction(config = {}) {
     const activeWallet = useActiveWallet();
+    const switchChain = useSwitchActiveWalletChain();
+    const wallet = useActiveWallet();
     const payModal = config.payModal;
     let payModalEnabled = true;
     if (payModal === false || config.gasless) {
@@ -51,17 +54,22 @@ export function useSendTransaction(config = {}) {
         }
     }
     const setRootEl = useContext(SetRootElementContext);
-    return useSendTransactionCore(!payModalEnabled || payModal === false
-        ? undefined
-        : (data) => {
-            setRootEl(_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 useSendTransactionCore({
+        showPayModal: !payModalEnabled || payModal === false
+            ? undefined
+            : (data) => {
+                setRootEl(_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,
+    });
 }
 function TxModal(props) {
     return (_jsx(CustomThemeProvider, { theme: props.theme, children: _jsx(Modal, { open: true, size: "compact", setOpen: (_open) => {
@@ -98,7 +106,9 @@ function ModalContent(props) {
         } }));
 }
 function ExecutingTxScreen(props) {
-    const sendTxCore = useSendTransactionCore();
+    const sendTxCore = useSendTransaction({
+        payModal: false,
+    });
     const [status, setStatus] = useState("loading");
     const sendTx = useCallback(async () => {
         setStatus("loading");
@@ -119,6 +129,6 @@ function ExecutingTxScreen(props) {
         done.current = true;
         sendTx();
     }, [sendTx]);
-    return (_jsxs(Container, { p: "lg", children: [_jsx(ModalHeader, { title: "Transaction" }), _jsx(Spacer, { y: "xxl" }), _jsx(Spacer, { y: "xxl" }), _jsxs(Container, { flex: "row", center: "x", children: [status === "loading" && _jsx(Spinner, { size: "3xl", color: "accentText" }), status === "failed" && _jsx(AccentFailIcon, { size: iconSize["3xl"] }), status === "sent" && (_jsx(Container, { color: "success", flex: "row", center: "both", children: _jsx(CheckCircledIcon, { width: iconSize["3xl"], height: iconSize["3xl"] }) }))] }), _jsx(Spacer, { y: "lg" }), _jsxs(Text, { color: "primaryText", center: true, size: "lg", children: [status === "loading" && "Sending transaction", status === "failed" && "Transaction failed", status === "sent" && "Transaction sent"] }), _jsx(Spacer, { y: "xxl" }), _jsx(Spacer, { y: "xxl" }), status === "failed" && (_jsx(Button, { variant: "accent", fullWidth: true, onClick: sendTx, children: "Try Again" })), status === "sent" && (_jsx(Button, { variant: "accent", fullWidth: true, onClick: props.closeModal, children: "Done" }))] }));
+    return (_jsxs(Container, { p: "lg", children: [_jsx(ModalHeader, { title: "Transaction" }), _jsx(Spacer, { y: "xxl" }), _jsx(Spacer, { y: "xxl" }), _jsxs(Container, { flex: "row", center: "x", children: [status === "loading" && _jsx(Spinner, { size: "3xl", color: "accentText" }), "status === \"failed\" && ", _jsx(AccentFailIcon, { size: iconSize["3xl"] }), "status === \"sent\" && (", _jsx(Container, { color: "success", flex: "row", center: "both", children: _jsx(CheckCircledIcon, { width: iconSize["3xl"], height: iconSize["3xl"] }) }), ")"] }), _jsx(Spacer, { y: "lg" }), _jsx(Text, { color: "primaryText", center: true, size: "lg", children: "status === \"loading\" && \"Sending transaction\"status === \"failed\" && \"Transaction failed\"status === \"sent\" && \"Transaction sent\"" }), _jsx(Spacer, { y: "xxl" }), _jsx(Spacer, { y: "xxl" }), "status === \"failed\" && (", _jsx(Button, { variant: "accent", fullWidth: true, onClick: sendTx, children: "Try Again" }), ")status === \"sent\" && (", _jsx(Button, { variant: "accent", fullWidth: true, onClick: props.closeModal, children: "Done" }), ")"] }));
 }
 //# sourceMappingURL=useSendTransaction.js.map

package/dist/esm/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":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAc,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAEL,sBAAsB,GACvB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAGtF,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAEtF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAAgC,EAAE;IACnE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,0BAA0B,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAEjC,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACzC,eAAe,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,kFAAkF;IAClF,IAAI,YAAY,IAAI,YAAY,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;QAChD,MAAM,OAAO,GAAI,YAAgC,CAAC,SAAS,EAAE,CAAC;QAE9D,IAAI,YAAY,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC3D,eAAe,GAAG,KAAK,CAAC;QAC1B,CAAC;QAED,IAAI,SAAS,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACrD,eAAe,GAAG,KAAK,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACpD,OAAO,sBAAsB,CAAC;QAC5B,YAAY,EACV,CAAC,eAAe,IAAI,QAAQ,KAAK,KAAK;YACpC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;gBACP,SAAS,CACP,KAAC,OAAO,IACN,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,UAAU,EAAE,IAAI,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;wBAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,CAAC,EACD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,EACtB,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,OAAO,EACrC,eAAe,EAAE,QAAQ,EAAE,eAAe,EAC1C,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,MAAM,EAChC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAC1C,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,EAC5C,UAAU,EAAE;wBACV,aAAa,EAAE,QAAQ,EAAE,aAAa;wBACtC,WAAW,EAAE,QAAQ,EAAE,WAAW;qBACnC,GACD,CACH,CAAC;YACJ,CAAC;QACP,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,WAAW;QACX,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAgBD,SAAS,OAAO,CAAC,KAAiB;IAChC,OAAO,CACL,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YACrC,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC,YAED,KAAC,YAAY,OAAK,KAAK,GAAI,GACrB,GACY,CACvB,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAiB;IACrC,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,KAAK,CACN,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,KAAG,CAAC;IAC3B,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5B,OAAO,KAAC,iBAAiB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IACxE,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,GAAG,EAAE;gBACX,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,SAAS,CAAC,YAAY,CAAC,CAAC;YAC1B,CAAC,EACD,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,KAAK,GACd,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,GAAG,EAAE;YACpB,SAAS,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC,EACD,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,aAAa,EAAE,WAAW,CAAC,IAAI,EAC/B,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK,CAAC,gBAAgB;YAC/B,IAAI,EAAE,KAAK,CAAC,SAAS;YACrB,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,WAAW,EAAE,KAAK,CAAC,iBAAiB;SACrC,EACD,KAAK,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EACvE,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,GAAG,EAAE;YACX,SAAS,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAG1B;IACC,MAAM,UAAU,GAAG,kBAAkB,CAAC;QACpC,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,SAAS,CACV,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACvC,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,SAAS,IAAC,CAAC,EAAC,IAAI,aACf,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,GAAG,EACnC,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,aAC7B,MAAM,KAAK,SAAS,IAAI,KAAC,OAAO,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,YAAY,GAAG,+BAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAI,8BAEhE,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,YACjD,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAI,GAC3D,SAEF,EACZ,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EACjB,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,QAAC,IAAI,EAAC,IAAI,4JAGnC,EACP,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,KAAC,MAAM,IAAC,CAAC,EAAC,KAAK,GAAG,gCAElB,KAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,MAAM,0BAEzC,+BAET,KAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,KAAK,CAAC,UAAU,qBAEnD,SAEC,CACb,CAAC;AACJ,CAAC"}

package/dist/esm/react/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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/web/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/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,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"}