thirdweb 5.40.0-nightly-3848327373e49aa83c5902e6a16d5b8e96cf1eeb-20240726000343 → 5.40.1-nightly-b128530355f0dc47d897bd2ef7c3823752ea9b6c-20240727000321

package/src/react/web/ui/ConnectWallet/screens/TokenSelector.tsx

@@ -17,8 +17,8 @@ import {
   useChainName,
 } from "../../../../core/hooks/others/useChainQuery.js";
 import { useTokenInfo } from "../../../../core/hooks/others/useTokenInfo.js";
+import { useActiveAccount } from "../../../../core/hooks/wallets/useActiveAccount.js";
 import type { TokenInfo } from "../../../../core/utils/defaultTokens.js";
-import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
 import { ChainIcon } from "../../components/ChainIcon.js";
 import { Skeleton } from "../../components/Skeleton.js";
 import { Spacer } from "../../components/Spacer.js";

package/src/react/web/ui/ConnectWallet/screens/ViewNFTs.tsx

@@ -9,9 +9,9 @@ import { isERC721 } from "../../../../../extensions/erc721/read/isERC721.js";
 import { getOwnedNFTs as getErc1155OwnedNFTs } from "../../../../../extensions/erc1155/read/getOwnedNFTs.js";
 import { isERC1155 } from "../../../../../extensions/erc1155/read/isERC1155.js";
 import type { Theme } from "../../../../core/design-system/index.js";
+import { useActiveAccount } from "../../../../core/hooks/wallets/useActiveAccount.js";
+import { useActiveWalletChain } from "../../../../core/hooks/wallets/useActiveWalletChain.js";
 import type { SupportedNFTs } from "../../../../core/utils/defaultTokens.js";
-import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
-import { useActiveWalletChain } from "../../../hooks/wallets/useActiveWalletChain.js";
 import { MediaRenderer } from "../../MediaRenderer/MediaRenderer.js";
 import { Skeleton } from "../../components/Skeleton.js";
 import { Spacer } from "../../components/Spacer.js";

package/src/react/web/ui/ConnectWallet/screens/ViewTokens.tsx

@@ -2,12 +2,12 @@ import type { Chain } from "../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../client/client.js";
 import { fontSize } from "../../../../core/design-system/index.js";
 import { useWalletBalance } from "../../../../core/hooks/others/useWalletBalance.js";
+import { useActiveAccount } from "../../../../core/hooks/wallets/useActiveAccount.js";
+import { useActiveWalletChain } from "../../../../core/hooks/wallets/useActiveWalletChain.js";
 import {
   type SupportedTokens,
   defaultTokens,
 } from "../../../../core/utils/defaultTokens.js";
-import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
-import { useActiveWalletChain } from "../../../hooks/wallets/useActiveWalletChain.js";
 import { Skeleton } from "../../components/Skeleton.js";
 import { Spacer } from "../../components/Spacer.js";
 import { TokenIcon } from "../../components/TokenIcon.js";

package/src/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.tsx

@@ -11,7 +11,7 @@ import {
   getActiveWalletConnectSessions,
 } from "../../../../../wallets/wallet-connect/receiver/index.js";
 import { iconSize, spacing } from "../../../../core/design-system/index.js";
-import { useActiveWallet } from "../../../hooks/wallets/useActiveWallet.js";
+import { useActiveWallet } from "../../../../core/hooks/wallets/useActiveWallet.js";
 import { InputSelectionUI } from "../../../wallets/in-app/InputSelectionUI.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";

package/src/react/web/ui/ConnectWallet/screens/WalletSwitcherConnectionScreen.tsx

@@ -3,7 +3,7 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
 import type { SmartWalletOptions } from "../../../../../wallets/smart/types.js";
 import type { AppMetadata } from "../../../../../wallets/types.js";
-import { useConnectedWallets } from "../../../hooks/wallets/useConnectedWallets.js";
+import { useConnectedWallets } from "../../../../core/hooks/wallets/useConnectedWallets.js";
 import { getDefaultWallets } from "../../../wallets/defaultWallets.js";
 import { ConnectModalContent } from "../Modal/ConnectModalContent.js";
 import { useSetupScreen } from "../Modal/screen.js";

package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx

@@ -14,7 +14,7 @@ import {
   useChainExplorers,
   useChainIconUrl,
 } from "../../../../core/hooks/others/useChainQuery.js";
-import { useActiveWalletChain } from "../../../hooks/wallets/useActiveWalletChain.js";
+import { useActiveWalletChain } from "../../../../core/hooks/wallets/useActiveWalletChain.js";
 import { ChainIcon } from "../../components/ChainIcon.js";
 import { ChainName } from "../../components/ChainName.js";
 import { Spacer } from "../../components/Spacer.js";

package/src/react/web/ui/ConnectWallet/screens/nativeToken.ts

@@ -1,3 +1,4 @@
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../constants/addresses.js";
 import type { TokenInfo } from "../../../../core/utils/defaultTokens.js";
 
 export type NativeToken = { nativeToken: true };
@@ -10,7 +11,10 @@ export const NATIVE_TOKEN: NativeToken = { nativeToken: true };
 export function isNativeToken(
   token: Partial<TokenInfo> | NativeToken,
 ): token is NativeToken {
-  return "nativeToken" in token;
+  return (
+    "nativeToken" in token ||
+    token.address?.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase()
+  );
 }
 
 export type ERC20OrNativeToken = TokenInfo | NativeToken;

package/src/react/web/ui/PayEmbed.tsx

@@ -18,7 +18,7 @@ import type { SupportedTokens } from "../../core/utils/defaultTokens.js";
 import { EmbedContainer } from "./ConnectWallet/Modal/ConnectEmbed.js";
 import { useConnectLocale } from "./ConnectWallet/locale/getConnectLocale.js";
 import BuyScreen from "./ConnectWallet/screens/Buy/BuyScreen.js";
-import { PayTxHistoryScreen } from "./ConnectWallet/screens/Buy/pay-transactions/BuyTxHistory.js";
+import { ExecutingTxScreen } from "./TransactionButton/ExecutingScreen.js";
 import { DynamicHeight } from "./components/DynamicHeight.js";
 import { Spinner } from "./components/Spinner.js";
 import type { LocaleId } from "./types.js";
@@ -125,13 +125,6 @@ export type PayEmbedProps = {
    */
   connectOptions?: PayEmbedConnectOptions;
 
-  /**
-   * Customize the display of the PayEmbed UI.
-   */
-  metadata?: {
-    title?: string;
-  };
-
   style?: React.CSSProperties;
 };
 
@@ -159,7 +152,7 @@ export type PayEmbedProps = {
  */
 export function PayEmbed(props: PayEmbedProps) {
   const localeQuery = useConnectLocale(props.locale || "en_US");
-  const [screen, setScreen] = useState<"buy" | "tx-history">("buy");
+  const [screen, setScreen] = useState<"buy" | "execute-tx">("buy");
   const theme = props.theme || "dark";
 
   // to update cached chains ASAP, we skip using useEffect - this does not trigger a re-render so it's fine
@@ -172,6 +165,10 @@ export function PayEmbed(props: PayEmbedProps) {
   }
 
   let content = null;
+  const metadata =
+    props.payOptions && "metadata" in props.payOptions
+      ? props.payOptions.metadata
+      : null;
 
   if (!localeQuery.data) {
     content = (
@@ -190,41 +187,43 @@ export function PayEmbed(props: PayEmbedProps) {
     // show and hide screens with CSS to not lose state when switching between them
     content = (
       <>
-        <div style={{ display: screen === "tx-history" ? "none" : "inherit" }}>
+        <div style={{ display: screen === "buy" ? "inherit" : "none" }}>
           <BuyScreen
-            title={props.metadata?.title || "Buy"}
+            title={metadata?.name || "Buy"}
             isEmbed={true}
             supportedTokens={props.supportedTokens}
             theme={theme}
             client={props.client}
             connectLocale={localeQuery.data}
-            onViewPendingTx={() => {
-              setScreen("tx-history");
-            }}
-            payOptions={props.payOptions || {}}
+            payOptions={
+              props.payOptions || {
+                mode: "fund_wallet",
+              }
+            }
             onDone={() => {
-              // noop
+              if (props.payOptions?.mode === "transaction") {
+                setScreen("execute-tx");
+              }
             }}
             connectOptions={props.connectOptions}
-            buyForTx={undefined}
             onBack={undefined}
           />
         </div>
-        {/* this does not need to persist so we can just show-hide it with JS */}
-        {screen === "tx-history" && (
-          <PayTxHistoryScreen
-            title={props.metadata?.title || "Buy"}
-            client={props.client}
-            onBack={() => {
-              setScreen("buy");
-            }}
-            onDone={() => {
-              // noop
-            }}
-            isBuyForTx={false}
-            isEmbed={true}
-          />
-        )}
+
+        {screen === "execute-tx" &&
+          props.payOptions?.mode === "transaction" &&
+          props.payOptions.transaction && (
+            <ExecutingTxScreen
+              tx={props.payOptions.transaction}
+              closeModal={() => {
+                setScreen("buy");
+              }}
+              onBack={() => {
+                setScreen("buy");
+              }}
+              onTxSent={() => {}}
+            />
+          )}
       </>
     );
   }

package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx

@@ -0,0 +1,127 @@
+import { CheckCircledIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
+import { useCallback, useEffect, useRef, useState } from "react";
+import type { Hex } from "viem";
+import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait-for-tx-receipt.js";
+import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
+import { iconSize } from "../../../core/design-system/index.js";
+import { useChainExplorers } from "../../../core/hooks/others/useChainQuery.js";
+import { useSendTransaction } from "../../hooks/transaction/useSendTransaction.js";
+import { AccentFailIcon } from "../ConnectWallet/icons/AccentFailIcon.js";
+import { Spacer } from "../components/Spacer.js";
+import { Spinner } from "../components/Spinner.js";
+import { Container, ModalHeader } from "../components/basic.js";
+import { Button, ButtonLink } from "../components/buttons.js";
+import { Text } from "../components/text.js";
+
+export function ExecutingTxScreen(props: {
+  tx: PreparedTransaction;
+  closeModal: () => void;
+  onTxSent: (data: WaitForReceiptOptions) => void;
+  onBack?: () => void;
+}) {
+  const sendTxCore = useSendTransaction({
+    payModal: false,
+  });
+  const [txHash, setTxHash] = useState<Hex | undefined>();
+  const chainExplorers = useChainExplorers(props.tx.chain);
+  const [status, setStatus] = useState<"loading" | "failed" | "sent">(
+    "loading",
+  );
+
+  const sendTx = useCallback(async () => {
+    setStatus("loading");
+    try {
+      const txData = await sendTxCore.mutateAsync(props.tx);
+      setTxHash(txData.transactionHash);
+      props.onTxSent(txData);
+      setStatus("sent");
+    } catch (e) {
+      // Do not reject the transaction here, because the user may want to try again
+      // we only reject on modal close
+      console.error(e);
+      setStatus("failed");
+    }
+  }, [sendTxCore, props.tx, props.onTxSent]);
+
+  const done = useRef(false);
+  useEffect(() => {
+    if (done.current) {
+      return;
+    }
+
+    done.current = true;
+    sendTx();
+  }, [sendTx]);
+
+  return (
+    <Container p="lg">
+      <ModalHeader title="Transaction" onBack={props.onBack} />
+
+      <Spacer y="xxl" />
+      <Spacer y="xxl" />
+
+      <Container flex="row" center="x">
+        {status === "loading" && <Spinner size="xxl" color="accentText" />}
+        {status === "failed" && <AccentFailIcon size={iconSize["3xl"]} />}
+        {status === "sent" && (
+          <Container color="success" flex="row" center="both">
+            <CheckCircledIcon
+              width={iconSize["3xl"]}
+              height={iconSize["3xl"]}
+            />
+          </Container>
+        )}
+      </Container>
+      <Spacer y="lg" />
+
+      <Text color="primaryText" center size="lg">
+        {status === "loading" && "Sending transaction"}
+        {status === "failed" && "Transaction failed"}
+        {status === "sent" && "Transaction sent"}
+      </Text>
+      <Spacer y="sm" />
+      <Text color="danger" center size="sm">
+        {status === "failed" && sendTxCore.error
+          ? sendTxCore.error.message
+          : ""}
+      </Text>
+
+      <Spacer y="xxl" />
+      <Spacer y="xxl" />
+
+      {status === "failed" && (
+        <Button variant="accent" fullWidth onClick={sendTx}>
+          Try Again
+        </Button>
+      )}
+
+      {status === "sent" && (
+        <>
+          <Button variant="accent" fullWidth onClick={props.closeModal}>
+            Done
+          </Button>
+          {txHash && (
+            <>
+              <Spacer y="sm" />
+              <ButtonLink
+                fullWidth
+                variant="outline"
+                href={`${chainExplorers.explorers[0]?.url}/tx/${txHash}`}
+                target="_blank"
+                as="a"
+                gap="xs"
+                style={{
+                  textDecoration: "none",
+                  color: "inherit",
+                }}
+              >
+                View on Explorer{" "}
+                <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
+              </ButtonLink>
+            </>
+          )}
+        </>
+      )}
+    </Container>
+  );
+}

package/src/react/web/ui/TransactionButton/TransactionButton.test.tsx

@@ -37,15 +37,18 @@ const mocks = vi.hoisted(() => {
 
 describe.sequential("TransactionButton", () => {
   beforeAll(() => {
-    vi.mock("../../../web/hooks/wallets/useActiveAccount.js", () => ({
+    vi.mock("../../../core/hooks/wallets/useActiveAccount.js", () => ({
       useActiveAccount: mocks.activeAccount,
     }));
-    vi.mock("../../../web/hooks/wallets/useActiveWallet.js", () => ({
+    vi.mock("../../../core/hooks/wallets/useActiveWallet.js", () => ({
       useActiveWallet: mocks.activeWallet,
     }));
-    vi.mock("../../../web/hooks/wallets/useSwitchActiveWalletChain.js", () => ({
-      useSwitchActiveWalletChain: mocks.switchActiveWalletChain,
-    }));
+    vi.mock(
+      "../../../core/hooks/wallets/useSwitchActiveWalletChain.js",
+      () => ({
+        useSwitchActiveWalletChain: mocks.switchActiveWalletChain,
+      }),
+    );
   });
 
   afterAll(() => {

package/src/react/web/ui/TransactionButton/TransactionModal.tsx

@@ -0,0 +1,83 @@
+import { useState } from "react";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait-for-tx-receipt.js";
+import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
+import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
+import type { Theme } from "../../../core/design-system/index.js";
+import type { PayUIOptions } from "../../../core/hooks/connection/ConnectButtonProps.js";
+import type { SupportedTokens } from "../../../core/utils/defaultTokens.js";
+import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
+import { useConnectLocale } from "../ConnectWallet/locale/getConnectLocale.js";
+import { LazyBuyScreen } from "../ConnectWallet/screens/Buy/LazyBuyScreen.js";
+import { Modal } from "../components/Modal.js";
+import type { LocaleId } from "../types.js";
+import { ExecutingTxScreen } from "./ExecutingScreen.js";
+
+export type ModalProps = {
+  title: string;
+  onComplete: () => void;
+  onClose: () => void;
+  client: ThirdwebClient;
+  localeId: LocaleId;
+  supportedTokens?: SupportedTokens;
+  theme: Theme | "light" | "dark";
+  tx: PreparedTransaction;
+  payOptions: PayUIOptions;
+  onTxSent: (data: WaitForReceiptOptions) => void;
+};
+
+export function TransactionModal(props: ModalProps) {
+  return (
+    <CustomThemeProvider theme={props.theme}>
+      <Modal
+        open={true}
+        size="compact"
+        setOpen={(_open) => {
+          if (!_open) {
+            props.onClose();
+          }
+        }}
+      >
+        <TransactionModalContent {...props} />
+      </Modal>
+    </CustomThemeProvider>
+  );
+}
+
+export function TransactionModalContent(
+  props: ModalProps & { onBack?: () => void },
+) {
+  const localeQuery = useConnectLocale(props.localeId);
+  const [screen, setScreen] = useState<"buy" | "execute-tx">("buy");
+
+  if (!localeQuery.data) {
+    return <LoadingScreen />;
+  }
+
+  if (screen === "execute-tx") {
+    return (
+      <ExecutingTxScreen
+        tx={props.tx}
+        closeModal={props.onClose}
+        onTxSent={props.onTxSent}
+      />
+    );
+  }
+
+  return (
+    <LazyBuyScreen
+      title={props.title}
+      isEmbed={false}
+      client={props.client}
+      onBack={props.onBack}
+      supportedTokens={props.supportedTokens}
+      connectLocale={localeQuery.data}
+      theme={typeof props.theme === "string" ? props.theme : props.theme.type}
+      payOptions={props.payOptions}
+      onDone={() => {
+        setScreen("execute-tx");
+      }}
+      connectOptions={undefined}
+    />
+  );
+}

package/src/react/web/ui/TransactionButton/index.tsx

@@ -4,8 +4,8 @@ import {
   type TransactionButtonProps,
   useTransactionButtonMutation,
 } from "../../../core/hooks/transaction/transaction-button-utils.js";
+import { useActiveAccount } from "../../../core/hooks/wallets/useActiveAccount.js";
 import { useSendTransaction } from "../../hooks/transaction/useSendTransaction.js";
-import { useActiveAccount } from "../../hooks/wallets/useActiveAccount.js";
 import { Spinner } from "../components/Spinner.js";
 import { Button } from "../components/buttons.js";
 

package/src/react/web/ui/components/WalletImage.tsx

@@ -7,6 +7,7 @@ import { getInstalledWalletProviders } from "../../../../wallets/injected/mipdSt
 import { getStoredActiveWalletId } from "../../../../wallets/manager/index.js";
 import type { WalletId } from "../../../../wallets/wallet-types.js";
 import { radius } from "../../../core/design-system/index.js";
+import { useActiveWallet } from "../../../core/hooks/wallets/useActiveWallet.js";
 import {
   appleIconUri,
   discordIconUri,
@@ -19,7 +20,6 @@ import {
 } from "../../../core/utils/socialIcons.js";
 import { getLastAuthProvider } from "../../../core/utils/storage.js";
 import { useWalletImage } from "../../../core/utils/wallet.js";
-import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
 import { Img } from "./Img.js";
 
 /**

package/src/react/web/ui/prebuilt/thirdweb/ClaimButton/index.tsx

@@ -6,7 +6,7 @@ import {
 } from "../../../../../../contract/contract.js";
 import type { PreparedTransaction } from "../../../../../../transaction/prepare-transaction.js";
 import type { Account } from "../../../../../../wallets/interfaces/wallet.js";
-import { useActiveAccount } from "../../../../hooks/wallets/useActiveAccount.js";
+import { useActiveAccount } from "../../../../../core/hooks/wallets/useActiveAccount.js";
 import { TransactionButton } from "../../../TransactionButton/index.js";
 import type {
   ClaimButtonProps,

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.40.0-nightly-3848327373e49aa83c5902e6a16d5b8e96cf1eeb-20240726000343";
+export const version = "5.40.1-nightly-b128530355f0dc47d897bd2ef7c3823752ea9b6c-20240727000321";

package/dist/cjs/react/core/connectionManager.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.connectionManagerSingleton = connectionManagerSingleton;
-const index_js_1 = require("../../wallets/manager/index.js");
-let _connectManager;
-function connectionManagerSingleton(storage) {
-    if (_connectManager) {
-        return _connectManager;
-    }
-    return (0, index_js_1.createConnectionManager)(storage);
-}
-//# sourceMappingURL=connectionManager.js.map

package/dist/cjs/react/core/connectionManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"connectionManager.js","sourceRoot":"","sources":["../../../../src/react/core/connectionManager.ts"],"names":[],"mappings":";;AAQA,gEAKC;AAZD,6DAGwC;AAExC,IAAI,eAAkC,CAAC;AAEvC,SAAgB,0BAA0B,CAAC,OAAqB;IAC9D,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,OAAO,IAAA,kCAAuB,EAAC,OAAO,CAAC,CAAC;AAC1C,CAAC"}

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

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

package/dist/cjs/react/native/hooks/transaction/useEstimateGas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEstimateGas.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/transaction/useEstimateGas.ts"],"names":[],"mappings":";;AAmBA,wCAOC;AAvBD,yFAAuF;AACvF,wEAAkE;AAElE;;;;;;;;;;;;GAYG;AACH,SAAgB,cAAc;IAK5B,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACnC,OAAO,IAAA,sCAAkB,EAAC,OAAO,CAAC,CAAC;AACrC,CAAC"}

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEstimateGasCost = useEstimateGasCost;
-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 }),
-    });
-}
-//# sourceMappingURL=useEstimateGasCost.js.map

package/dist/cjs/react/native/hooks/transaction/useEstimateGasCost.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEstimateGasCost.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/transaction/useEstimateGasCost.ts"],"names":[],"mappings":";;AAsBA,gDAUC;AAhCD,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"}

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSendAndConfirmTransaction = useSendAndConfirmTransaction;
-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);
-}
-//# sourceMappingURL=useSendAndConfirmTransaction.js.map

package/dist/cjs/react/native/hooks/transaction/useSendAndConfirmTransaction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSendAndConfirmTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/transaction/useSendAndConfirmTransaction.ts"],"names":[],"mappings":";;AAmBA,oEAOC;AAvBD,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"}

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSendBatchTransaction = useSendBatchTransaction;
-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);
-}
-//# sourceMappingURL=useSendBatchTransaction.js.map

package/dist/cjs/react/native/hooks/transaction/useSendBatchTransaction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSendBatchTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/transaction/useSendBatchTransaction.ts"],"names":[],"mappings":";;AAmBA,0DAOC;AAvBD,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"}

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveAccount = useActiveAccount;
-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);
-}
-//# sourceMappingURL=useActiveAccount.js.map

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

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