@skip-go/widget 2.4.1-alpha.0 → 2.4.3

package/build/index.es.js

@@ -9,8 +9,8 @@ import { wallets as wallets$6 } from '@cosmos-kit/vectis';
 import { chains as chains$1, assets as assets$1 } from 'chain-registry';
 import { chains as chains$2, assets as assets$2 } from '@initia/initia-registry';
 import { createConfig, WagmiProvider, useAccount as useAccount$1, useDisconnect, useConnect, useSwitchChain } from 'wagmi';
-import { defineChain, http, formatUnits, createPublicClient, erc20Abi, isAddress } from 'viem';
-import { arbitrum, avalanche, base, bsc, celo, fantom, filecoin, kava, linea, mainnet, manta, moonbeam, optimism, polygon, polygonMumbai, sepolia, avalancheFuji, baseSepolia, optimismSepolia, arbitrumSepolia, blast, blastSepolia, opBNB } from 'wagmi/chains';
+import { defineChain, http, createPublicClient, formatUnits, erc20Abi, isAddress } from 'viem';
+import { arbitrum, avalanche, base, bsc, celo, fantom, filecoin, kava, linea, mainnet, manta, moonbeam, optimism, polygon, polygonMumbai, sepolia, avalancheFuji, baseSepolia, optimismSepolia, arbitrumSepolia, blast, blastSepolia, sei, opBNB } from 'wagmi/chains';
 import { QueryClient, QueryClientProvider, useQuery, useMutation } from '@tanstack/react-query';
 import { WalletProvider as WalletProvider$1, useWallet } from '@solana/wallet-adapter-react';
 import { PhantomWalletAdapter, SolflareWalletAdapter, CoinbaseWalletAdapter, TrustWalletAdapter, LedgerWalletAdapter } from '@solana/wallet-adapter-wallets';
@@ -28,9 +28,10 @@ import { createPenumbraClient } from '@penumbra-zone/client';
 import { ViewService } from '@penumbra-zone/protobuf';
 import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';
 import { bech32CompatAddress } from '@penumbra-zone/bech32m/penumbracompat1';
+import { sei as sei$1 } from 'viem/chains';
+import { styled, useTheme, StyleSheetManager, ThemeProvider } from 'styled-components';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { styled, useTheme, StyleSheetManager, ThemeProvider } from 'styled-components';
 import { matchSorter } from 'match-sorter';
 import * as Tooltip from '@radix-ui/react-tooltip';
 import { StargateClient, GasPrice } from '@cosmjs/stargate';
@@ -166,6 +167,7 @@ const config = createConfig({
         blastSepolia,
         forma,
         formaTestnet,
+        sei,
     ],
     transports: {
         [arbitrum.id]: http(),
@@ -192,14 +194,15 @@ const config = createConfig({
         [blastSepolia.id]: http(),
         [forma.id]: http(),
         [formaTestnet.id]: http(),
+        [sei.id]: http(),
     },
     ssr: true,
 });
 
 const queryClient = new QueryClient();
 
-const EVMProvider = ({ children }) => {
-    return (jsx(WagmiProvider, { config: config, reconnectOnMount: true, children: jsx(QueryClientProvider, { client: queryClient, children: children }, 'skip-widget') }, 'skip-widget-wagmi-provider'));
+const EVMProvider = ({ children, wagmiConfig, }) => {
+    return (jsx(WagmiProvider, { config: !!wagmiConfig ? wagmiConfig : config, reconnectOnMount: true, children: jsx(QueryClientProvider, { client: queryClient, children: children }, 'skip-widget') }, 'skip-widget-wagmi-provider'));
 };
 
 const solanaWallets = [
@@ -671,11 +674,13 @@ function isMobile() {
 }
 
 const useStore = create(() => ({}));
-const WalletListItem = ({ children, chainType, walletName, ...props }) => {
+const WalletListItem = ({ children, chainType, walletName, walletChainType, ...props }) => {
     const Component = useMemo(() => {
         if (walletName === 'prax')
             return PenumbraWalletListItem;
-        return chainType === 'cosmos' ? CosmosWalletListItem : EvmWalletListItem;
+        return walletChainType === 'cosmos'
+            ? CosmosWalletListItem
+            : EvmWalletListItem;
     }, [chainType]);
     return (jsx(Component, { walletName: walletName, ...props, children: children }));
 };
@@ -728,14 +733,294 @@ const PenumbraWalletListItem = ({ children, walletName, ...props }) => {
 const defaultValues$3 = {};
 const useCallbackStore = create()(() => defaultValues$3);
 
-const penumbraBech32ChainIDs = ['noble-1', 'grand-1'];
-const getPenumbraCompatibleAddress = ({ chainID, address, }) => {
-    if (!chainID)
-        return bech32mAddress(address);
-    return penumbraBech32ChainIDs.includes(chainID)
-        ? bech32CompatAddress(address)
-        : bech32mAddress(address);
-};
+const multicall3ABI = [
+    {
+        inputs: [
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'aggregate',
+        outputs: [
+            { internalType: 'uint256', name: 'blockNumber', type: 'uint256' },
+            { internalType: 'bytes[]', name: 'returnData', type: 'bytes[]' },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+    {
+        inputs: [
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bool', name: 'allowFailure', type: 'bool' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call3[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'aggregate3',
+        outputs: [
+            {
+                components: [
+                    { internalType: 'bool', name: 'success', type: 'bool' },
+                    { internalType: 'bytes', name: 'returnData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Result[]',
+                name: 'returnData',
+                type: 'tuple[]',
+            },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+    {
+        inputs: [
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bool', name: 'allowFailure', type: 'bool' },
+                    { internalType: 'uint256', name: 'value', type: 'uint256' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call3Value[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'aggregate3Value',
+        outputs: [
+            {
+                components: [
+                    { internalType: 'bool', name: 'success', type: 'bool' },
+                    { internalType: 'bytes', name: 'returnData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Result[]',
+                name: 'returnData',
+                type: 'tuple[]',
+            },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+    {
+        inputs: [
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'blockAndAggregate',
+        outputs: [
+            { internalType: 'uint256', name: 'blockNumber', type: 'uint256' },
+            { internalType: 'bytes32', name: 'blockHash', type: 'bytes32' },
+            {
+                components: [
+                    { internalType: 'bool', name: 'success', type: 'bool' },
+                    { internalType: 'bytes', name: 'returnData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Result[]',
+                name: 'returnData',
+                type: 'tuple[]',
+            },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getBasefee',
+        outputs: [{ internalType: 'uint256', name: 'basefee', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [{ internalType: 'uint256', name: 'blockNumber', type: 'uint256' }],
+        name: 'getBlockHash',
+        outputs: [{ internalType: 'bytes32', name: 'blockHash', type: 'bytes32' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getBlockNumber',
+        outputs: [
+            { internalType: 'uint256', name: 'blockNumber', type: 'uint256' },
+        ],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getChainId',
+        outputs: [{ internalType: 'uint256', name: 'chainid', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getCurrentBlockCoinbase',
+        outputs: [{ internalType: 'address', name: 'coinbase', type: 'address' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getCurrentBlockDifficulty',
+        outputs: [{ internalType: 'uint256', name: 'difficulty', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getCurrentBlockGasLimit',
+        outputs: [{ internalType: 'uint256', name: 'gaslimit', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getCurrentBlockTimestamp',
+        outputs: [{ internalType: 'uint256', name: 'timestamp', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [{ internalType: 'address', name: 'addr', type: 'address' }],
+        name: 'getEthBalance',
+        outputs: [{ internalType: 'uint256', name: 'balance', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [],
+        name: 'getLastBlockHash',
+        outputs: [{ internalType: 'bytes32', name: 'blockHash', type: 'bytes32' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [
+            { internalType: 'bool', name: 'requireSuccess', type: 'bool' },
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'tryAggregate',
+        outputs: [
+            {
+                components: [
+                    { internalType: 'bool', name: 'success', type: 'bool' },
+                    { internalType: 'bytes', name: 'returnData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Result[]',
+                name: 'returnData',
+                type: 'tuple[]',
+            },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+    {
+        inputs: [
+            { internalType: 'bool', name: 'requireSuccess', type: 'bool' },
+            {
+                components: [
+                    { internalType: 'address', name: 'target', type: 'address' },
+                    { internalType: 'bytes', name: 'callData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Call[]',
+                name: 'calls',
+                type: 'tuple[]',
+            },
+        ],
+        name: 'tryBlockAndAggregate',
+        outputs: [
+            { internalType: 'uint256', name: 'blockNumber', type: 'uint256' },
+            { internalType: 'bytes32', name: 'blockHash', type: 'bytes32' },
+            {
+                components: [
+                    { internalType: 'bool', name: 'success', type: 'bool' },
+                    { internalType: 'bytes', name: 'returnData', type: 'bytes' },
+                ],
+                internalType: 'struct Multicall3.Result[]',
+                name: 'returnData',
+                type: 'tuple[]',
+            },
+        ],
+        stateMutability: 'payable',
+        type: 'function',
+    },
+];
+const seiPrecompileAddrABI = [
+    {
+        inputs: [
+            { internalType: 'string', name: 'v', type: 'string' },
+            { internalType: 'string', name: 'r', type: 'string' },
+            { internalType: 'string', name: 's', type: 'string' },
+            { internalType: 'string', name: 'customMessage', type: 'string' },
+        ],
+        name: 'associate',
+        outputs: [
+            { internalType: 'string', name: 'seiAddr', type: 'string' },
+            { internalType: 'address', name: 'evmAddr', type: 'address' },
+        ],
+        stateMutability: 'nonpayable',
+        type: 'function',
+    },
+    {
+        inputs: [{ internalType: 'address', name: 'addr', type: 'address' }],
+        name: 'getSeiAddr',
+        outputs: [{ internalType: 'string', name: 'response', type: 'string' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+    {
+        inputs: [{ internalType: 'string', name: 'addr', type: 'string' }],
+        name: 'getEvmAddr',
+        outputs: [{ internalType: 'address', name: 'response', type: 'address' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+];
+
+const StyledThemedDiv = styled.div `
+  background-color: ${(props) => props.theme.backgroundColor};
+  color: ${(props) => props.theme.textColor};
+  border-color: ${(props) => props.theme.borderColor};
+`;
+const StyledBrandDiv = styled.div `
+  background-color: ${(props) => props.theme.brandColor};
+`;
+const StyledBorderDiv = styled.div `
+  border-color: ${(props) => props.theme.borderColor};
+`;
+const StyledApproveButton = styled(StyledBrandDiv) `
+  border-color: ${(props) => props.theme.brandColor};
+`;
+const StyledCancelButton = styled.button `
+  color: ${(props) => props.theme.brandColor};
+  border-color: ${(props) => props.theme.brandColor};
+`;
 
 const useMakeWallets = () => {
     const { data: chains } = useChains();
@@ -758,12 +1043,14 @@ const useMakeWallets = () => {
     const makeWallets = (chainID) => {
         var _a;
         const chainType = (_a = getChain(chainID)) === null || _a === void 0 ? void 0 : _a.chainType;
+        const isSei = chainType === 'cosmos' && chainID === 'pacific-1';
         let wallets = [];
         if (chainType === 'cosmos') {
             if (chainID.includes('penumbra')) {
                 const praxWallet = {
                     walletName: 'prax',
                     walletPrettyName: 'Prax Wallet',
+                    walletChainType: 'cosmos',
                     walletInfo: {
                         logo: 'https://raw.githubusercontent.com/prax-wallet/web/e8b18f9b997708eab04f57e7a6c44f18b3cf13a8/apps/extension/public/prax-white-vertical.svg',
                     },
@@ -772,13 +1059,11 @@ const useMakeWallets = () => {
                         toast.error('Prax wallet is not supported for connect');
                     },
                     getAddress: async ({ praxWallet }) => {
-                        console.log('praxWallet', praxWallet);
                         const penumbraWalletIndex = praxWallet === null || praxWallet === void 0 ? void 0 : praxWallet.index;
                         const sourceChainID = praxWallet === null || praxWallet === void 0 ? void 0 : praxWallet.sourceChainID;
                         const prax_id = 'lkpmkhpnhknhmibgnmmhdhgdilepfghe';
                         const prax_origin = `chrome-extension://${prax_id}`;
                         const client = createPenumbraClient(prax_origin);
-                        console.log(penumbraWalletIndex);
                         try {
                             await client.connect();
                             const viewService = client.service(ViewService);
@@ -814,6 +1099,7 @@ const useMakeWallets = () => {
             wallets = walletRepo.wallets.map((wallet) => ({
                 walletName: wallet.walletName,
                 walletPrettyName: wallet.walletPrettyName,
+                walletChainType: 'cosmos',
                 walletInfo: {
                     logo: wallet.walletInfo.logo,
                 },
@@ -859,7 +1145,7 @@ const useMakeWallets = () => {
                         return wallet.address;
                     }
                     catch (error) {
-                        console.log(error);
+                        console.error(error);
                         toast.error(jsx("p", { children: jsx("strong", { children: "Failed to get address!" }) }));
                     }
                 },
@@ -871,15 +1157,26 @@ const useMakeWallets = () => {
                 isWalletConnected: wallet.isWalletConnected,
             }));
         }
-        if (chainType === 'evm') {
+        if (chainType === 'evm' || isSei) {
             for (const connector of connectors) {
                 if (wallets.findIndex((wallet) => wallet.walletName === connector.id) !==
                     -1) {
                     continue;
                 }
-                const minimalWallet = {
+                const evmGetAddress = async ({ signRequired, }) => {
+                    if (connector.id !== (currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.id)) {
+                        await connectAsync({ connector, chainId: Number(chainID) });
+                        trackWallet.track('evm', connector.id, chainType);
+                    }
+                    else if (evmAddress && isEvmConnected && signRequired) {
+                        trackWallet.track('evm', connector.id, chainType);
+                    }
+                    return evmAddress;
+                };
+                let minimalWallet = {
                     walletName: connector.id,
                     walletPrettyName: connector.name,
+                    walletChainType: 'evm',
                     walletInfo: {
                         logo: connector.icon,
                     },
@@ -902,26 +1199,11 @@ const useMakeWallets = () => {
                     },
                     getAddress: async ({ signRequired, context }) => {
                         try {
-                            if (connector.id === (currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.id)) {
-                                if (isEvmConnected && evmAddress) {
-                                    if (signRequired) {
-                                        trackWallet.track('evm', connector.id, chainType);
-                                    }
-                                    if (context && evmAddress) {
-                                        toast.success(`Successfully retrieved ${context} address from ${connector.name}`);
-                                    }
-                                    return evmAddress;
-                                }
-                            }
-                            else {
-                                console.log('connecting');
-                                await connectAsync({ connector, chainId: Number(chainID) });
-                                trackWallet.track('evm', connector.id, chainType);
-                                if (context) {
-                                    toast.success(`Successfully retrieved ${context} address from ${connector.name}`);
-                                }
-                                return evmAddress;
+                            const address = await evmGetAddress({ signRequired, context });
+                            if (address && context) {
+                                toast.success(`Successfully retrieved ${context} address from ${connector.name}`);
                             }
+                            return address;
                         }
                         catch (error) {
                             console.error(error);
@@ -935,6 +1217,36 @@ const useMakeWallets = () => {
                     },
                     isWalletConnected: connector.id === (currentConnector === null || currentConnector === void 0 ? void 0 : currentConnector.id),
                 };
+                if (isSei) {
+                    minimalWallet.getAddress = async ({ signRequired, context }) => {
+                        const address = await evmGetAddress({ signRequired, context });
+                        if (!address) {
+                            toast.error(jsx("p", { children: jsx("strong", { children: "Failed to get address!" }) }));
+                        }
+                        const publicClient = createPublicClient({
+                            chain: sei$1,
+                            transport: http(),
+                        });
+                        try {
+                            const seiAddress = await publicClient.readContract({
+                                args: [address],
+                                address: '0x0000000000000000000000000000000000001004',
+                                abi: seiPrecompileAddrABI,
+                                functionName: 'getSeiAddr',
+                            });
+                            if (context) {
+                                toast.success(`Successfully retrieved ${context} address from ${connector.name}`);
+                            }
+                            return seiAddress;
+                        }
+                        catch (error) {
+                            console.error(error);
+                            toast(({ id }) => (jsxs("div", { className: "flex flex-col", children: [jsx("h4", { className: "mb-2 font-bold", children: "Failed to get the address" }), jsx(StyledBorderDiv, { as: "pre", className: "mb-4 overflow-auto whitespace-pre-wrap break-all rounded border p-2 text-sm", children: jsxs("p", { children: ["Your EVM address (0x) has not associated on chain yet. Please visit", ' ', jsx("a", { target: "_blank", className: "underline", href: "https://app.sei.io/", children: "https://app.sei.io/" }), ' ', "to associate your SEI address."] }) }), jsx("button", { className: "self-end text-sm font-medium text-red-500 hover:underline", onClick: () => toast.dismiss(id), children: "Clear Notification \u00D7" })] })), {
+                                duration: Infinity,
+                            });
+                        }
+                    };
+                }
                 wallets.push(minimalWallet);
             }
         }
@@ -943,6 +1255,7 @@ const useMakeWallets = () => {
                 const minimalWallet = {
                     walletName: wallet.adapter.name,
                     walletPrettyName: wallet.adapter.name,
+                    walletChainType: 'svm',
                     walletInfo: {
                         logo: wallet.adapter.icon,
                     },
@@ -1002,30 +1315,19 @@ const useMakeWallets = () => {
         makeWallets,
     };
 };
+const penumbraBech32ChainIDs = ['noble-1', 'grand-1'];
+const getPenumbraCompatibleAddress = ({ chainID, address, }) => {
+    if (!chainID)
+        return bech32mAddress(address);
+    return penumbraBech32ChainIDs.includes(chainID)
+        ? bech32CompatAddress(address)
+        : bech32mAddress(address);
+};
 
 function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
 
-const StyledThemedDiv = styled.div `
-  background-color: ${(props) => props.theme.backgroundColor};
-  color: ${(props) => props.theme.textColor};
-  border-color: ${(props) => props.theme.borderColor};
-`;
-const StyledBrandDiv = styled.div `
-  background-color: ${(props) => props.theme.brandColor};
-`;
-const StyledBorderDiv = styled.div `
-  border-color: ${(props) => props.theme.borderColor};
-`;
-const StyledApproveButton = styled(StyledBrandDiv) `
-  border-color: ${(props) => props.theme.brandColor};
-`;
-const StyledCancelButton = styled.button `
-  color: ${(props) => props.theme.brandColor};
-  border-color: ${(props) => props.theme.brandColor};
-`;
-
 function DialogContent({ children, onInteractOutside }) {
     const { open } = useContext(DialogContext);
     if (!open)
@@ -1142,7 +1444,7 @@ function WalletModal({ chainType, onClose, wallets }) {
                                         ? 'https://solana.com/ecosystem/explore?categories=wallet'
                                         : 'https://ethereum.org/en/wallets/find-wallet', className: "inline-flex items-center gap-1 text-red-500 hover:underline", children: [jsx("span", { children: "Explore available wallets" }), jsx(ArrowTopRightOnSquareIcon, { className: "h-3 w-3" })] })] })] })), jsxs(StyledScrollAreaRoot, { className: cn('relative isolate flex-grow overflow-hidden', 'before:absolute before:inset-x-0 before:bottom-0 before:z-10 before:h-2'), children: [jsx(ScrollArea.Viewport, { className: "h-full w-full py-4", children: wallets.map((wallet) => {
                             // currently only svm chainType that have isAvailable
-                            return (jsxs(WalletListItem, { chainType: chainType, walletName: wallet.walletName, className: cn('group relative mb-2 data-[unsupported=true]:opacity-30', 'data-[unsupported=true]:before:absolute data-[unsupported=true]:before:inset-0 data-[unsupported=true]:before:cursor-not-allowed'), children: [jsxs(StyledThemedButton, { className: cn('flex w-full items-center gap-2 rounded-lg p-2 transition-colors focus:-outline-offset-2'), onClick: () => onWalletConnect(wallet), disabled: chainType === 'svm' && wallet.isAvailable !== true, children: [wallet.walletInfo.logo && (jsx("img", { height: 36, width: 36, alt: wallet.walletPrettyName, className: "h-9 w-9 object-contain", src: typeof wallet.walletInfo.logo === 'string'
+                            return (jsxs(WalletListItem, { chainType: chainType, walletChainType: wallet.walletChainType, walletName: wallet.walletName, className: cn('group relative mb-2 data-[unsupported=true]:opacity-30', 'data-[unsupported=true]:before:absolute data-[unsupported=true]:before:inset-0 data-[unsupported=true]:before:cursor-not-allowed'), children: [jsxs(StyledThemedButton, { className: cn('flex w-full items-center gap-2 rounded-lg p-2 transition-colors focus:-outline-offset-2'), onClick: () => onWalletConnect(wallet), disabled: chainType === 'svm' && wallet.isAvailable !== true, children: [wallet.walletInfo.logo && (jsx("img", { height: 36, width: 36, alt: wallet.walletPrettyName, className: "h-9 w-9 object-contain", src: typeof wallet.walletInfo.logo === 'string'
                                                     ? wallet.walletInfo.logo
                                                     : wallet.walletInfo.logo.major, "aria-hidden": "true" })), jsx("p", { className: "flex-1 text-left font-semibold", children: wallet.walletPrettyName === 'Leap Cosmos MetaMask'
                                                     ? 'Metamask (Leap Snap)'
@@ -1159,7 +1461,7 @@ function WalletModalWithContext() {
     const { setIsOpen } = useWalletModal();
     const { data: chain } = useChainByID(chainID);
     const { makeWallets } = useMakeWallets();
-    const wallets = makeWallets(chainID);
+    const wallets = makeWallets(chainID).filter((wallet) => wallet.walletChainType === (chain === null || chain === void 0 ? void 0 : chain.chainType));
     if (!chain) {
         return null;
     }
@@ -1178,14 +1480,14 @@ const endpointOptions = {
 };
 const apiURL = `${appUrl}/api/widget/skip`;
 
-const WalletProvider = ({ children }) => {
-    return (jsx(SolanaProvider, { children: jsx(CosmosProvider, { children: jsx(EVMProvider, { children: jsx(WalletModalProvider, { children: children }) }) }) }));
+const WalletProvider = ({ children, wagmiConfig, }) => {
+    return (jsx(SolanaProvider, { children: jsx(CosmosProvider, { children: jsx(EVMProvider, { wagmiConfig: wagmiConfig, children: jsx(WalletModalProvider, { children: children }) }) }) }));
 };
 const SkipAPIProvider = ({ children, endpointOptions: endpointOptions$1 = endpointOptions, apiURL: apiURL$1 = apiURL, makeDestinationWallets, chainIDsToAffiliates, }) => {
     return (jsx(SkipProvider, { apiURL: apiURL$1, endpointOptions: endpointOptions$1, makeDestinationWallets: makeDestinationWallets, chainIDsToAffiliates: chainIDsToAffiliates, children: jsx(AssetsProvider, { children: children }) }));
 };
-const SwapWidgetProvider = ({ children, ...skipApiProviderProps }) => {
-    return (jsx(WalletProvider, { children: jsx(SkipAPIProvider, { ...skipApiProviderProps, children: children }) }));
+const SwapWidgetProvider = ({ children, wagmiConfig, ...skipApiProviderProps }) => {
+    return (jsx(WalletProvider, { wagmiConfig: wagmiConfig, children: jsx(SkipAPIProvider, { ...skipApiProviderProps, children: children }) }));
 };
 
 const defaultValues$2 = {
@@ -1451,243 +1753,6 @@ function useAccount(chainID) {
     return account;
 }
 
-const multicall3ABI = [
-    {
-        inputs: [
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "aggregate",
-        outputs: [
-            { internalType: "uint256", name: "blockNumber", type: "uint256" },
-            { internalType: "bytes[]", name: "returnData", type: "bytes[]" },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-    {
-        inputs: [
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bool", name: "allowFailure", type: "bool" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call3[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "aggregate3",
-        outputs: [
-            {
-                components: [
-                    { internalType: "bool", name: "success", type: "bool" },
-                    { internalType: "bytes", name: "returnData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Result[]",
-                name: "returnData",
-                type: "tuple[]",
-            },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-    {
-        inputs: [
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bool", name: "allowFailure", type: "bool" },
-                    { internalType: "uint256", name: "value", type: "uint256" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call3Value[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "aggregate3Value",
-        outputs: [
-            {
-                components: [
-                    { internalType: "bool", name: "success", type: "bool" },
-                    { internalType: "bytes", name: "returnData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Result[]",
-                name: "returnData",
-                type: "tuple[]",
-            },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-    {
-        inputs: [
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "blockAndAggregate",
-        outputs: [
-            { internalType: "uint256", name: "blockNumber", type: "uint256" },
-            { internalType: "bytes32", name: "blockHash", type: "bytes32" },
-            {
-                components: [
-                    { internalType: "bool", name: "success", type: "bool" },
-                    { internalType: "bytes", name: "returnData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Result[]",
-                name: "returnData",
-                type: "tuple[]",
-            },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getBasefee",
-        outputs: [{ internalType: "uint256", name: "basefee", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [{ internalType: "uint256", name: "blockNumber", type: "uint256" }],
-        name: "getBlockHash",
-        outputs: [{ internalType: "bytes32", name: "blockHash", type: "bytes32" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getBlockNumber",
-        outputs: [{ internalType: "uint256", name: "blockNumber", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getChainId",
-        outputs: [{ internalType: "uint256", name: "chainid", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getCurrentBlockCoinbase",
-        outputs: [{ internalType: "address", name: "coinbase", type: "address" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getCurrentBlockDifficulty",
-        outputs: [{ internalType: "uint256", name: "difficulty", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getCurrentBlockGasLimit",
-        outputs: [{ internalType: "uint256", name: "gaslimit", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getCurrentBlockTimestamp",
-        outputs: [{ internalType: "uint256", name: "timestamp", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [{ internalType: "address", name: "addr", type: "address" }],
-        name: "getEthBalance",
-        outputs: [{ internalType: "uint256", name: "balance", type: "uint256" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [],
-        name: "getLastBlockHash",
-        outputs: [{ internalType: "bytes32", name: "blockHash", type: "bytes32" }],
-        stateMutability: "view",
-        type: "function",
-    },
-    {
-        inputs: [
-            { internalType: "bool", name: "requireSuccess", type: "bool" },
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "tryAggregate",
-        outputs: [
-            {
-                components: [
-                    { internalType: "bool", name: "success", type: "bool" },
-                    { internalType: "bytes", name: "returnData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Result[]",
-                name: "returnData",
-                type: "tuple[]",
-            },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-    {
-        inputs: [
-            { internalType: "bool", name: "requireSuccess", type: "bool" },
-            {
-                components: [
-                    { internalType: "address", name: "target", type: "address" },
-                    { internalType: "bytes", name: "callData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Call[]",
-                name: "calls",
-                type: "tuple[]",
-            },
-        ],
-        name: "tryBlockAndAggregate",
-        outputs: [
-            { internalType: "uint256", name: "blockNumber", type: "uint256" },
-            { internalType: "bytes32", name: "blockHash", type: "bytes32" },
-            {
-                components: [
-                    { internalType: "bool", name: "success", type: "bool" },
-                    { internalType: "bytes", name: "returnData", type: "bytes" },
-                ],
-                internalType: "struct Multicall3.Result[]",
-                name: "returnData",
-                type: "tuple[]",
-            },
-        ],
-        stateMutability: "payable",
-        type: "function",
-    },
-];
-
 const EVM_CHAINS = [
     arbitrum,
     avalanche,
@@ -4128,9 +4193,8 @@ const SetAddressDialog = ({ open, onOpen, chain, index, signRequired, isDestinat
     return (jsx(Dialog, { onOpenChange: (v) => onOpen(v), open: open, children: jsx(DialogContent, { children: jsxs("div", { className: "flex h-full flex-col px-6 pb-2 pt-6 font-diatype", children: [jsxs("div", { className: "relative flex justify-between", children: [jsx(StyledThemedButton, { className: cn('flex h-8 w-8 items-center justify-center rounded-full transition-colors'), onClick: () => onOpen(false), children: jsx(ArrowLeftIcon, { className: "h-6 w-6" }) }), jsxs("p", { className: "text-center text-xl font-bold capitalize", children: ["Set ", isDestination ? 'Destination' : 'Recovery', " Address"] }), jsx("img", { className: "object-contain", src: chain.logoURI || 'https://api.dicebear.com/6.x/shapes/svg', alt: chain.chainName, height: 28, width: 28 })] }), jsxs(StyledScrollAreaRoot, { className: cn('relative isolate flex-grow overflow-hidden', 'before:absolute before:inset-x-0 before:bottom-0 before:z-10 before:h-2'), children: [jsxs(ScrollArea.Viewport, { className: "h-full w-full py-4", children: [chainType &&
                                         wallets.map((wallet) => {
                                             // currently only svm chainType that have isAvailable
-                                            return (jsxs(WalletListItem, { chainType: chainType, walletName: wallet.walletName, className: cn('group relative mb-2 data-[unsupported=true]:opacity-30', 'data-[unsupported=true]:before:absolute data-[unsupported=true]:before:inset-0 data-[unsupported=true]:before:cursor-not-allowed'), children: [jsxs(StyledThemedButton, { className: cn('flex w-full items-center gap-2 rounded-lg p-2 transition-colors focus:-outline-offset-2'), onClick: async () => {
+                                            return (jsxs(WalletListItem, { walletChainType: wallet.walletChainType, chainType: chainType, walletName: wallet.walletName, className: cn('group relative mb-2 data-[unsupported=true]:opacity-30', 'data-[unsupported=true]:before:absolute data-[unsupported=true]:before:inset-0 data-[unsupported=true]:before:cursor-not-allowed'), children: [jsxs(StyledThemedButton, { className: cn('flex w-full items-center gap-2 rounded-lg p-2 transition-colors focus:-outline-offset-2'), onClick: async () => {
                                                             var _a, _b;
-                                                            console.log('walletclicked', praxWalletIndex);
                                                             const resAddress = await ((_a = wallet.getAddress) === null || _a === void 0 ? void 0 : _a.call(wallet, {
                                                                 signRequired,
                                                                 context: isDestination ? 'destination' : 'recovery',
@@ -4802,7 +4866,7 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
     const { data: chains } = useChains();
     const getChain = (chainID) => chains === null || chains === void 0 ? void 0 : chains.find((chain) => chain.chainID === chainID);
     const { makeWallets } = useMakeWallets();
-    const { onTransactionBroadcasted, onTransactionComplete, onTransactionFailed } = useCallbackStore.getState();
+    const { onTransactionBroadcasted, onTransactionComplete, onTransactionFailed, } = useCallbackStore.getState();
     const [isExpanded, setIsExpanded] = useState(() => route.chainIDs.length === 2 ? true : false);
     const [isOpen, control] = disclosure;
     const [indexSetAddressDialogOpen, setIndexIsSetAddressDialogOpen] = useState();
@@ -4956,9 +5020,7 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
                 throw new Error('User rejected request');
             }
             onTransactionFailed === null || onTransactionFailed === void 0 ? void 0 : onTransactionFailed({
-                error: err instanceof Error
-                    ? `${err.name}: ${err.message}`
-                    : String(err)
+                error: err instanceof Error ? `${err.name}: ${err.message}` : String(err),
             });
             throw err;
         }
@@ -4972,9 +5034,7 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
         onError: (err) => {
             console.error(err);
             onTransactionFailed === null || onTransactionFailed === void 0 ? void 0 : onTransactionFailed({
-                error: err instanceof Error
-                    ? `${err.name}: ${err.message}`
-                    : String(err)
+                error: err instanceof Error ? `${err.name}: ${err.message}` : String(err),
             });
             toast(({ createdAt, id }) => (jsxs("div", { className: "flex flex-col", children: [jsx("h4", { className: "mb-2 font-bold", children: "Transaction Failed!" }), jsxs(StyledBorderDiv, { as: "pre", className: "mb-4 overflow-auto whitespace-pre-wrap break-all rounded border p-2 font-diatypeMono text-xs", children: [err instanceof Error
                                 ? `${err.name}: ${err.message}`
@@ -5073,7 +5133,8 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
                             !submitMutation.isPending &&
                             !submitMutation.isSuccess && (jsx("p", { className: "text-balance text-center text-sm font-medium text-red-500", children: typeof isAmountError === 'string'
                                 ? isAmountError
-                                : 'Insufficient balance.' }))] }), jsxs("div", { className: "space-y-4", children: [!submitMutation.isError && !submitMutation.isSuccess && (jsx("div", { className: "flex w-full items-center justify-center space-x-2 text-sm font-medium", children: route.txsRequired > 1 ? (jsxs(Fragment, { children: [jsxs("div", { className: "relative rounded-full bg-[#FF486E] p-[4px]", children: [jsx("div", { className: "absolute h-6 w-6 animate-ping rounded-full bg-[#FF486E]" }), jsx(FingerPrintIcon, { className: "relative h-6 w-6 text-white" })] }), jsxs("p", { children: [route.txsRequired - broadcastedTxs.length, " SIGNATURES", ' ', submitMutation.isPending ? 'REMAINING' : 'REQUIRED'] })] })) : null })), submitMutation.isPending || submitMutation.isSuccess ? (jsx(StyledBrandDiv, { as: "button", className: cn('w-full rounded-md py-4 font-semibold text-white', 'outline-none transition-transform', 'enabled:hover:rotate-1 enabled:hover:scale-105', 'disabled:cursor-not-allowed disabled:opacity-75'), onClick: control.close, disabled: route.txsRequired !== broadcastedTxs.length, children: route.txsRequired !== broadcastedTxs.length &&
+                                : 'Insufficient balance.' }))] }), jsxs("div", { className: "space-y-4", children: [!submitMutation.isError && !submitMutation.isSuccess && (jsx("div", { className: "flex w-full items-center justify-center space-x-2 text-sm font-medium", children: route.txsRequired > 1 &&
+                                route.txsRequired - broadcastedTxs.length !== 0 ? (jsxs(Fragment, { children: [jsxs("div", { className: "relative rounded-full bg-[#FF486E] p-[4px]", children: [jsx("div", { className: "absolute h-6 w-6 animate-ping rounded-full bg-[#FF486E]" }), jsx(FingerPrintIcon, { className: "relative h-6 w-6 text-white" })] }), jsxs("p", { children: [route.txsRequired - broadcastedTxs.length, " SIGNATURES", ' ', submitMutation.isPending ? 'REMAINING' : 'REQUIRED'] })] })) : null })), submitMutation.isPending || submitMutation.isSuccess ? (jsx(StyledBrandDiv, { as: "button", className: cn('w-full rounded-md py-4 font-semibold text-white', 'outline-none transition-transform', 'enabled:hover:rotate-1 enabled:hover:scale-105', 'disabled:cursor-not-allowed disabled:opacity-75'), onClick: control.close, disabled: route.txsRequired !== broadcastedTxs.length, children: route.txsRequired !== broadcastedTxs.length &&
                                 !submitMutation.isSuccess ? (jsxs("svg", { className: "inline-block h-4 w-4 animate-spin text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: "opacity-25", cx: 12, cy: 12, r: 10, stroke: "currentColor", strokeWidth: 4 }), jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) : (jsxs("span", { className: "text-white", children: ["Create New ", route.doesSwap ? 'Swap' : 'Transfer'] })) })) : (jsx(SubmitButton, {})), jsx(CraftedBySkip, {})] })] }) }));
 };
 const HREF_COMMON_FINALITY_TIMES = `https://docs.axelar.dev/learn/txduration#common-finality-time-for-interchain-transactions`;