thirdweb 5.39.0 → 5.40.0

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

@@ -1,5 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
+import { getUrlToken } from "../../../../wallets/in-app/web/lib/get-url-token.js";
 import { getLastConnectedChain, getStoredActiveWalletId, getStoredConnectedWalletIds, } from "../../../../wallets/manager/index.js";
+import { setLastAuthProvider } from "../../utils/storage.js";
 import { timeoutPromise } from "../../utils/timeoutPromise.js";
 import { useConnectCore } from "./useConnect.js";
 import { useSetActiveWalletConnectionStatusCore } from "./useSetActiveWalletConnectionStatus.js";
@@ -18,11 +20,21 @@ export function useAutoConnectCore(manager, storage, props, getInstalledWallets)
     const autoConnect = async () => {
         let autoConnected = false;
         isAutoConnecting.setValue(true);
-        const [lastConnectedWalletIds, lastActiveWalletId] = await Promise.all([
+        let [lastConnectedWalletIds, lastActiveWalletId] = await Promise.all([
             getStoredConnectedWalletIds(storage),
             getStoredActiveWalletId(storage),
         ]);
-        // if no wallets were last connected
+        const { authResult, walletId, authProvider } = getUrlToken();
+        if (authResult && walletId) {
+            lastActiveWalletId = walletId;
+            lastConnectedWalletIds = lastConnectedWalletIds?.includes(walletId)
+                ? lastConnectedWalletIds
+                : [walletId, ...(lastConnectedWalletIds || [])];
+        }
+        if (authProvider) {
+            await setLastAuthProvider(authProvider, storage);
+        }
+        // if no wallets were last connected or we didn't receive an auth token
         if (!lastConnectedWalletIds) {
             return autoConnected;
         }
@@ -31,6 +43,7 @@ export function useAutoConnectCore(manager, storage, props, getInstalledWallets)
             return wallet.autoConnect({
                 client: props.client,
                 chain: lastConnectedChain ?? undefined,
+                authResult,
             });
         }
         const availableWallets = [...wallets, ...(getInstalledWallets?.() ?? [])];
@@ -41,7 +54,7 @@ export function useAutoConnectCore(manager, storage, props, getInstalledWallets)
                 setConnectionStatus("connecting"); // only set connecting status if we are connecting the last active EOA
                 await timeoutPromise(handleWalletConnection(activeWallet), {
                     ms: timeout,
-                    message: `AutoConnect timeout : ${timeout}ms limit exceeded.`,
+                    message: `AutoConnect timeout: ${timeout}ms limit exceeded.`,
                 });
                 // connected wallet could be activeWallet or smart wallet
                 const connectedWallet = await connect(activeWallet);

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/useAutoConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,sCAAsC,EAAE,MAAM,yCAAyC,CAAC;AAEjG,MAAM,UAAU,kBAAkB,CAChC,OAA0B,EAC1B,OAAqB,EACrB,KAA+C,EAC/C,mBAAoC;IAEpC,MAAM,mBAAmB,GAAG,sCAAsC,CAAC,OAAO,CAAC,CAAC;IAC5E,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE;QAC1C,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;KAC7C,CAAC,CAAC;IACH,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC;IACvC,mDAAmD;IACnD,oEAAoE;IACpE,gEAAgE;IAChE,MAAM,WAAW,GAAG,KAAK,IAAsB,EAAE;QAC/C,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACrE,2BAA2B,CAAC,OAAO,CAAC;YACpC,uBAAuB,CAAC,OAAO,CAAC;SACjC,CAAC,CAAC;QAEH,oCAAoC;QACpC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC5B,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAEhE,KAAK,UAAU,sBAAsB,CAAC,MAAc;YAClD,OAAO,MAAM,CAAC,WAAW,CAAC;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,KAAK,EAAE,kBAAkB,IAAI,SAAS;aACvC,CAAC,CAAC;QACL,CAAC;QAED,MAAM,gBAAgB,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1E,MAAM,YAAY,GAChB,kBAAkB;YAClB,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,kBAAkB,CAAC,CAAC;QAE5D,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC;gBACH,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,sEAAsE;gBACzG,MAAM,cAAc,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE;oBACzD,EAAE,EAAE,OAAO;oBACX,OAAO,EAAE,yBAAyB,OAAO,oBAAoB;iBAC9D,CAAC,CAAC;gBAEH,yDAAyD;gBACzD,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,CAAC;gBAEpD,IAAI,eAAe,EAAE,CAAC;oBACpB,IAAI,SAAS,EAAE,CAAC;wBACd,IAAI,CAAC;4BACH,SAAS,CAAC,eAAe,CAAC,CAAC;4BAC3B,aAAa,GAAG,IAAI,CAAC;wBACvB,CAAC;wBAAC,MAAM,CAAC;4BACP,SAAS;wBACX,CAAC;oBACH,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,mBAAmB,CAAC,cAAc,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,mBAAmB,CAAC,cAAc,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,mBAAmB,CAAC,cAAc,CAAC,CAAC;QACtC,CAAC;QAED,2EAA2E;QAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,EAAE,KAAK,kBAAkB,IAAI,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CACvE,CAAC;QAEF,KAAK,MAAM,MAAM,IAAI,YAAY,EAAE,CAAC;YAClC,IAAI,CAAC;gBACH,MAAM,sBAAsB,CAAC,MAAM,CAAC,CAAC;gBACrC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YACrC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,QAAQ;YACV,CAAC;QACH,CAAC;QACD,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO,aAAa,CAAC,CAAC,gCAAgC;IACxD,CAAC,CAAC;IAEF,+CAA+C;IAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC;QACrB,QAAQ,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QAChD,OAAO,EAAE,WAAW;QACpB,cAAc,EAAE,KAAK;QACrB,oBAAoB,EAAE,KAAK;KAC5B,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/useAutoConnect.ts"],"names":[],"mappings":"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"}

package/dist/esm/react/core/utils/defaultTokens.js

@@ -6,31 +6,8 @@ const maticIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSI
 const binanceCoinIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NiAyLjI2LTIuMjZMMTYgNmwtNi4xNDQgNi4xNDQgMi4yNiAyLjI2ek02IDE2bDIuMjYtMi4yNkwxMC41MiAxNmwtMi4yNiAyLjI2TDYgMTZ6bTYuMTE2IDEuNTk2TDE2IDIxLjQ4bDMuODg2LTMuODg2IDIuMjYgMi4yNTlMMTYgMjZsLTYuMTQ0LTYuMTQ0LS4wMDMtLjAwMyAyLjI2My0yLjI1N3pNMjEuNDggMTZsMi4yNi0yLjI2TDI2IDE2bC0yLjI2IDIuMjZMMjEuNDggMTZ6bS0zLjE4OC0uMDAyaC4wMDJ2LjAwMkwxNiAxOC4yOTRsLTIuMjkxLTIuMjktLjAwNC0uMDA0LjAwNC0uMDAzLjQwMS0uNDAyLjE5NS0uMTk1TDE2IDEzLjcwNmwyLjI5MyAyLjI5M3oiLz48L2c+PC9zdmc+";
 const BUSDIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzYuNDEgMzM3LjQyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YwYjkwYjtzdHJva2U6I2YwYjkwYjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTY4LjIuNzFsNDEuNSw0Mi41TDEwNS4yLDE0Ny43MWwtNDEuNS00MS41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzMS4yLDYzLjcxbDQxLjUsNDIuNUwxMDUuMiwyNzMuNzFsLTQxLjUtNDEuNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00Mi4yLDEyNi43MWw0MS41LDQyLjUtNDEuNSw0MS41TC43LDE2OS4yMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOTQuMiwxMjYuNzFsNDEuNSw0Mi41TDE2OC4yLDMzNi43MWwtNDEuNS00MS41WiIvPjwvZz48L2c+PC9zdmc+";
 const fantomIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7ZmlsbDojMTNiNWVjO30uY2xzLTN7bWFzazp1cmwoI21hc2spO308L3N0eWxlPjxtYXNrIGlkPSJtYXNrIiB4PSIxMCIgeT0iNiIgd2lkdGg9IjkzLjEiIGhlaWdodD0iMjAiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxnIGlkPSJhIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMCw2aDkzLjFWMjZIMTBaIi8+PC9nPjwvbWFzaz48L2RlZnM+PHRpdGxlPmZhPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48ZyBjbGFzcz0iY2xzLTMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIsMTIuOWwzLjYtMi4xVjE1Wm0zLjYsOUwxNiwyNC43bC00LjgtMi44VjE3TDE2LDE5LjgsMjAuOCwxN1pNMTEuMiwxMC44bDMuNiwyLjFMMTEuMiwxNVptNS40LDMuMUwyMC4yLDE2bC0zLjYsMi4xWm0tMS4yLDQuMkwxMS44LDE2bDMuNi0yLjFabTQuOC04LjNMMTYsMTIuMiwxMS44LDkuOCwxNiw3LjNaTTEwLDkuNFYyMi41bDYsMy40LDYtMy40VjkuNEwxNiw2WiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==";
-/**
- * Default tokens shown in [`ConnectButton`](https://portal.thirdweb.com/react/v4/components/ConnectButton)'s SendFunds screen for each network.
- *
- * You can use the default tokens as a starting point for your own list of tokens and override tokens for specific networks.
- * @example
- * Below example shows adding a custom token for the Ethereum mainnet at start of the list of default tokens for the Ethereum mainnet. Here the `1` represents the chainId of Ethereum mainnet.
- *
- * ```tsx
- * const ethereumChainId = 1;
- *
- * <ConnectButton supportedTokens={{
- *  ...defaultTokens,
- *  [ethereumChainId]: [
- *    {
- *      address: 'YOUR_TOKEN_ADDRESS',
- *      name: 'YOUR_TOKEN_NAME',
- *      symbol: 'YOUR_TOKEN_SYMBOL',
- *      icon: 'YOUR_TOKEN_ICON_URL'
- *    },
- *    ...defaultTokens[ethereumChainId],
- *  ]
- * }} />
- * ```
- */
-export const defaultTokens = {
+// TODO these should be moved to chain definitions
+const DEFAULT_TOKENS = {
     "1": [
         {
             address: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
@@ -306,4 +283,33 @@ export const defaultTokens = {
         },
     ],
 };
+/**
+ * Default tokens shown in [`ConnectButton`](https://portal.thirdweb.com/react/v4/components/ConnectButton)'s SendFunds screen for each network.
+ *
+ * You can use the default tokens as a starting point for your own list of tokens and override tokens for specific networks.
+ * @example
+ * Below example shows adding a custom token for the Ethereum mainnet at start of the list of default tokens for the Ethereum mainnet. Here the `1` represents the chainId of Ethereum mainnet.
+ *
+ * ```tsx
+ * const ethereumChainId = 1;
+ *
+ * <ConnectButton supportedTokens={{
+ *  ...defaultTokens,
+ *  [ethereumChainId]: [
+ *    {
+ *      address: 'YOUR_TOKEN_ADDRESS',
+ *      name: 'YOUR_TOKEN_NAME',
+ *      symbol: 'YOUR_TOKEN_SYMBOL',
+ *      icon: 'YOUR_TOKEN_ICON_URL'
+ *    },
+ *    ...defaultTokens[ethereumChainId],
+ *  ]
+ * }} />
+ * ```
+ */
+export const defaultTokens = DEFAULT_TOKENS;
+export function getDefaultToken(chain, symbol) {
+    const tokens = defaultTokens[chain.id];
+    return tokens?.find((t) => t.symbol === symbol);
+}
 //# sourceMappingURL=defaultTokens.js.map

package/dist/esm/react/core/utils/defaultTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTokens.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/defaultTokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaultTokens.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/defaultTokens.ts"],"names":[],"mappings":"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"}

package/dist/esm/react/core/utils/wallet.js

@@ -6,29 +6,73 @@ import { getWalletInfo } from "../../../wallets/__generated__/getWalletInfo.js";
 import { useWalletBalance } from "../hooks/others/useWalletBalance.js";
 import { shortenString } from "./addresses.js";
 /**
- * @internal
+ * Get the ENS name and avatar for an address
+ * @param options - the client and address to get the ENS name and avatar for
+ * @returns - a query object that resolves to the ENS name
+ * @example
+ * ```tsx
+ * import { useEnsName } from "thirdweb/react";
+ *
+ * const { data: ensName } = useEnsName({
+ *  client,
+ *  address: "0x1234...",
+ * });
+ * ```
+ * @extension ENS
  */
-export function useConnectedWalletDetails(client, walletChain, activeAccount, displayBalanceToken) {
-    const tokenAddress = walletChain && displayBalanceToken
-        ? displayBalanceToken[Number(walletChain.id)]
-        : undefined;
-    const ensNameQuery = useQuery({
-        queryKey: ["ens-name", activeAccount?.address],
-        enabled: !!activeAccount?.address,
+export function useEnsName(options) {
+    const { client, address } = options;
+    return useQuery({
+        queryKey: ["ens-name", address],
+        enabled: !!address,
         queryFn: () => resolveName({
             client,
-            address: activeAccount?.address || "",
+            address: address || "",
             resolverChain: ethereum,
         }),
     });
-    const ensAvatarQuery = useQuery({
-        queryKey: ["ens-avatar", ensNameQuery.data],
-        enabled: !!ensNameQuery.data,
+}
+/**
+ * Get the ENS avatar for an ENS name
+ * @param options - the client and ENS name to get the avatar for
+ * @returns - a query object that resolves to the avatar
+ * @example
+ * ```tsx
+ * import { useEnsAvatar } from "thirdweb/react";
+ *
+ * const { data: ensAvatar } = useEnsAvatar({
+ *  client,
+ *  ensName: "my-ens-name.eth",
+ * });
+ * ```
+ * @extension ENS
+ */
+export function useEnsAvatar(options) {
+    const { client, ensName } = options;
+    return useQuery({
+        queryKey: ["ens-avatar", ensName],
+        enabled: !!ensName,
         queryFn: async () => resolveAvatar({
             client,
-            name: ensNameQuery.data || "",
+            name: ensName || "",
         }),
     });
+}
+/**
+ * @internal
+ */
+export function useConnectedWalletDetails(client, walletChain, activeAccount, displayBalanceToken) {
+    const tokenAddress = walletChain && displayBalanceToken
+        ? displayBalanceToken[Number(walletChain.id)]
+        : undefined;
+    const ensNameQuery = useEnsName({
+        client,
+        address: activeAccount?.address,
+    });
+    const ensAvatarQuery = useEnsAvatar({
+        client,
+        ensName: ensNameQuery.data,
+    });
     const shortAddress = activeAccount?.address
         ? shortenString(activeAccount.address, false)
         : "";
@@ -85,4 +129,35 @@ export function useWalletImage(id) {
         enabled: !!id,
     });
 }
+/**
+ * @internal
+ */
+export function hasSponsoredTransactionsEnabled(wallet) {
+    if (!wallet) {
+        return false;
+    }
+    let sponsoredTransactionsEnabled = false;
+    if (wallet && wallet.id === "smart") {
+        const options = wallet.getConfig();
+        if ("sponsorGas" in options) {
+            sponsoredTransactionsEnabled = options.sponsorGas;
+        }
+        if ("gasless" in options) {
+            sponsoredTransactionsEnabled = options.gasless;
+        }
+    }
+    if (wallet && wallet.id === "inApp") {
+        const options = wallet.getConfig();
+        if (options && "smartAccount" in options && options.smartAccount) {
+            const smartOptions = options.smartAccount;
+            if ("sponsorGas" in smartOptions) {
+                sponsoredTransactionsEnabled = smartOptions.sponsorGas;
+            }
+            if ("gasless" in smartOptions) {
+                sponsoredTransactionsEnabled = smartOptions.gasless;
+            }
+        }
+    }
+    return sponsoredTransactionsEnabled;
+}
 //# sourceMappingURL=wallet.js.map

package/dist/esm/react/core/utils/wallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"wallet.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/wallet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wallet.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/wallet.ts"],"names":[],"mappings":"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"}

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

@@ -1,23 +1,8 @@
-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 { isNativeTokenAddress } from "../../../../constants/addresses.js";
-import { toTokens } from "../../../../utils/units.js";
-import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
-import { iconSize } from "../../../core/design-system/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 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 { PayTxHistoryScreen } from "../../ui/ConnectWallet/screens/Buy/pay-transactions/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 { TransactionModal } from "../../ui/TransactionButton/TransactionModal.js";
 import { useActiveWallet } from "../wallets/useActiveWallet.js";
 import { useSwitchActiveWalletChain } from "../wallets/useSwitchActiveWalletChain.js";
 /**
@@ -37,128 +22,34 @@ import { useSwitchActiveWalletChain } from "../wallets/useSwitchActiveWalletChai
  * @transaction
  */
 export function useSendTransaction(config = {}) {
-    const activeWallet = useActiveWallet();
     const switchChain = useSwitchActiveWalletChain();
     const wallet = useActiveWallet();
+    const setRootEl = useContext(SetRootElementContext);
     const payModal = config.payModal;
     let payModalEnabled = true;
     if (payModal === false || config.gasless) {
         payModalEnabled = false;
     }
-    // TODO handle erc20 pay modal
-    // if active wallet is smart wallet with gasless enabled, don't show the pay modal
-    if (activeWallet && activeWallet.id === "smart") {
-        const options = activeWallet.getConfig();
-        if ("sponsorGas" in options && options.sponsorGas === true) {
-            payModalEnabled = false;
-        }
-        if ("gasless" in options && options.gasless === true) {
-            payModalEnabled = false;
-        }
-    }
-    if (activeWallet && activeWallet.id === "inApp") {
-        const options = activeWallet.getConfig();
-        if (options && "smartAccount" in options && options.smartAccount) {
-            const smartOptions = options.smartAccount;
-            if ("sponsorGas" in smartOptions && smartOptions.sponsorGas === true) {
-                payModalEnabled = false;
-            }
-            if ("gasless" in smartOptions && smartOptions.gasless === true) {
-                payModalEnabled = false;
-            }
-        }
-    }
-    const setRootEl = useContext(SetRootElementContext);
+    const showPayModal = (data) => {
+        if (payModal === false)
+            return;
+        setRootEl(_jsx(TransactionModal, { title: payModal?.metadata?.name || "Transaction", tx: data.tx, onComplete: data.sendTx, onClose: () => {
+                setRootEl(null);
+                data.rejectTx(new Error("User rejected transaction by closing modal"));
+            }, onTxSent: data.resolveTx, client: data.tx.client, localeId: payModal?.locale || "en_US", supportedTokens: payModal?.supportedTokens, theme: payModal?.theme || "dark", payOptions: {
+                buyWithCrypto: payModal?.buyWithCrypto,
+                buyWithFiat: payModal?.buyWithFiat,
+                purchaseData: payModal?.purchaseData,
+                mode: "transaction",
+                transaction: data.tx,
+                metadata: payModal?.metadata,
+            } }));
+    };
     return useSendTransactionCore({
-        showPayModal: !payModalEnabled || payModal === false
-            ? undefined
-            : (data) => {
-                const prefillBuy = data.currency && !isNativeTokenAddress(data.currency.address)
-                    ? {
-                        chain: data.tx.chain,
-                        amount: toTokens(data.totalCostWei, data.currency.decimals),
-                        token: data.currency,
-                    }
-                    : undefined;
-                setRootEl(_jsx(TxModal, { title: payModal?.metadata?.title || "Buy", tx: data.tx, onComplete: data.sendTx, onClose: () => {
-                        setRootEl(null);
-                        data.rejectTx(new Error("User rejected transaction by closing modal"));
-                    }, onTxSent: data.resolveTx, client: data.tx.client, localeId: payModal?.locale || "en_US", supportedTokens: payModal?.supportedTokens, theme: payModal?.theme || "dark", txCostWei: data.totalCostWei, walletBalance: data.walletBalance, payOptions: {
-                        buyWithCrypto: payModal?.buyWithCrypto,
-                        buyWithFiat: payModal?.buyWithFiat,
-                        purchaseData: payModal?.purchaseData,
-                        prefillBuy,
-                    } }));
-            },
+        showPayModal: !payModalEnabled || payModal === false ? undefined : showPayModal,
         gasless: config.gasless,
         switchChain,
         wallet,
     });
 }
-function TxModal(props) {
-    return (_jsx(CustomThemeProvider, { theme: props.theme, children: _jsx(Modal, { open: true, size: "compact", setOpen: (_open) => {
-                if (!_open) {
-                    props.onClose();
-                }
-            }, children: _jsx(ModalContent, { ...props }) }) }));
-}
-function ModalContent(props) {
-    const localeQuery = useConnectLocale(props.localeId);
-    const [screen, setScreen] = useState("buy");
-    if (!localeQuery.data) {
-        return _jsx(LoadingScreen, {});
-    }
-    if (screen === "execute-tx") {
-        return (_jsx(ExecutingTxScreen, { tx: props.tx, closeModal: props.onClose, onTxSent: props.onTxSent }));
-    }
-    if (screen === "tx-history") {
-        return (_jsx(PayTxHistoryScreen, { title: props.title, client: props.client, onBack: () => {
-                setScreen("buy");
-            }, onDone: () => {
-                setScreen("execute-tx");
-            }, isBuyForTx: true, isEmbed: false }));
-    }
-    return (_jsx(LazyBuyScreen, { title: props.title, isEmbed: false, client: props.client, onViewPendingTx: () => {
-            setScreen("tx-history");
-        }, supportedTokens: props.supportedTokens, connectLocale: localeQuery.data, buyForTx: {
-            balance: props.walletBalance.value,
-            cost: props.txCostWei,
-            tx: props.tx,
-            tokenSymbol: props.walletBalance.symbol,
-            tokenDecimals: props.walletBalance.decimals,
-        }, theme: typeof props.theme === "string" ? props.theme : props.theme.type, payOptions: props.payOptions, onDone: () => {
-            setScreen("execute-tx");
-        }, connectOptions: undefined, onBack: undefined }));
-}
-function ExecutingTxScreen(props) {
-    const sendTxCore = useSendTransaction({
-        payModal: false,
-    });
-    const [status, setStatus] = useState("loading");
-    const sendTx = useCallback(async () => {
-        setStatus("loading");
-        try {
-            const txData = await sendTxCore.mutateAsync(props.tx);
-            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 (_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: "sm" }), _jsx(Text, { color: "danger", center: true, size: "sm", children: status === "failed" && sendTxCore.error
-                    ? sendTxCore.error.message
-                    : "" }), _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

@@ -1 +1 @@
-{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendTransaction.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../../../../../src/react/web/hooks/transaction/useSendTransaction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAGL,sBAAsB,GACvB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,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,WAAW,GAAG,0BAA0B,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACpD,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,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE;QAC3C,IAAI,QAAQ,KAAK,KAAK;YAAE,OAAO;QAC/B,SAAS,CACP,KAAC,gBAAgB,IACf,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,EAChD,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,UAAU,EAAE,IAAI,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,IAAI,CAAC,QAAQ,CACX,IAAI,KAAK,CAAC,4CAA4C,CAAC,CACxD,CAAC;YACJ,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,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,UAAU,EAAE;gBACV,aAAa,EAAE,QAAQ,EAAE,aAAa;gBACtC,WAAW,EAAE,QAAQ,EAAE,WAAW;gBAClC,YAAY,EAAE,QAAQ,EAAE,YAAY;gBACpC,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,IAAI,CAAC,EAAE;gBACpB,QAAQ,EAAE,QAAQ,EAAE,QAAQ;aAC7B,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,sBAAsB,CAAC;QAC5B,YAAY,EACV,CAAC,eAAe,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY;QACnE,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,WAAW;QACX,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/web/ui/ConnectWallet/Details.js

@@ -271,7 +271,9 @@ function DetailsModal(props) {
     }
     // thirdweb pay
     else if (screen === "buy") {
-        content = (_jsx(LazyBuyScreen, { title: "Buy", isEmbed: false, client: client, onBack: () => setScreen("main"), supportedTokens: props.supportedTokens, onViewPendingTx: () => setScreen("transactions"), connectLocale: locale, payOptions: props.detailsModal?.payOptions || {}, theme: typeof props.theme === "string" ? props.theme : props.theme.type, onDone: closeModal, connectOptions: undefined, buyForTx: undefined }));
+        content = (_jsx(LazyBuyScreen, { title: "Buy", isEmbed: false, client: client, onBack: () => setScreen("main"), supportedTokens: props.supportedTokens, connectLocale: locale, payOptions: props.detailsModal?.payOptions || {
+                mode: "fund_wallet",
+            }, theme: typeof props.theme === "string" ? props.theme : props.theme.type, onDone: closeModal, connectOptions: undefined }));
     }
     return (_jsx(CustomThemeProvider, { theme: props.theme, children: _jsx(Modal, { size: "compact", open: isOpen, setOpen: (_open) => {
                 if (!_open) {