@skip-go/widget 2.4.0 → 2.4.2

package/build/index.es.js

@@ -9,12 +9,12 @@ 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';
-import { SkipRouter } from '@skip-go/client';
+import { SkipClient } from '@skip-go/client';
 import { getWalletClient } from '@wagmi/core';
 import { createContext, useContext, useMemo, useCallback, useRef, useState, useEffect, forwardRef, Fragment as Fragment$1 } from 'react';
 import { create } from 'zustand';
@@ -24,9 +24,14 @@ import { ArrowTopRightOnSquareIcon, ArrowLeftIcon as ArrowLeftIcon$1, ChevronDow
 import { ArrowLeftIcon, FaceFrownIcon, ChevronDownIcon, BackspaceIcon, TrashIcon, CubeIcon, ArrowRightIcon, ArrowTopRightOnSquareIcon as ArrowTopRightOnSquareIcon$1, CheckCircleIcon, ArrowPathIcon, XCircleIcon, CheckIcon, ClipboardDocumentIcon, ChevronRightIcon, ExclamationTriangleIcon, InformationCircleIcon, PencilSquareIcon as PencilSquareIcon$1, FingerPrintIcon, ArrowsUpDownIcon } from '@heroicons/react/20/solid';
 import * as ScrollArea from '@radix-ui/react-scroll-area';
 import toast, { Toaster } from 'react-hot-toast';
+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';
@@ -162,6 +167,7 @@ const config = createConfig({
         blastSepolia,
         forma,
         formaTestnet,
+        sei,
     ],
     transports: {
         [arbitrum.id]: http(),
@@ -188,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 = [
@@ -311,7 +318,7 @@ const SkipContext = createContext(undefined);
 function SkipProvider({ children, apiURL, endpointOptions, makeDestinationWallets, chainIDsToAffiliates, }) {
     const { getWalletRepo } = useManager();
     const { wallets } = useWallet();
-    const skipClient = new SkipRouter({
+    const skipClient = new SkipClient({
         chainIDsToAffiliates,
         getCosmosSigner: async (chainID) => {
             var _a, _b;
@@ -667,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 }));
 };
@@ -724,6 +733,295 @@ const PenumbraWalletListItem = ({ children, walletName, ...props }) => {
 const defaultValues$3 = {};
 const useCallbackStore = create()(() => defaultValues$3);
 
+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();
     const { onWalletConnected, onWalletDisconnected } = useCallbackStore.getState();
@@ -745,13 +1043,63 @@ 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',
+                    },
+                    connect: async () => {
+                        console.error('Prax wallet is not supported for connect');
+                        toast.error('Prax wallet is not supported for connect');
+                    },
+                    getAddress: async ({ 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);
+                        try {
+                            await client.connect();
+                            const viewService = client.service(ViewService);
+                            const address = await viewService.addressByIndex({
+                                addressIndex: {
+                                    account: penumbraWalletIndex ? penumbraWalletIndex : 0,
+                                },
+                            });
+                            if (!address.address)
+                                throw new Error('No address found');
+                            const bech32Address = getPenumbraCompatibleAddress({
+                                address: address.address,
+                                chainID: sourceChainID,
+                            });
+                            return bech32Address;
+                        }
+                        catch (error) {
+                            console.error(error);
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-expect-error
+                            toast.error(error === null || error === void 0 ? void 0 : error.message);
+                        }
+                    },
+                    disconnect: async () => {
+                        console.error('Prax wallet is not supported');
+                    },
+                    isWalletConnected: false,
+                };
+                return [praxWallet];
+            }
             const chainName = chainIdToName(chainID);
             const walletRepo = getWalletRepo(chainName);
             wallets = walletRepo.wallets.map((wallet) => ({
                 walletName: wallet.walletName,
                 walletPrettyName: wallet.walletPrettyName,
+                walletChainType: 'cosmos',
                 walletInfo: {
                     logo: wallet.walletInfo.logo,
                 },
@@ -797,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!" }) }));
                     }
                 },
@@ -809,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,
                     },
@@ -840,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);
@@ -873,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);
             }
         }
@@ -881,6 +1255,7 @@ const useMakeWallets = () => {
                 const minimalWallet = {
                     walletName: wallet.adapter.name,
                     walletPrettyName: wallet.adapter.name,
+                    walletChainType: 'svm',
                     walletInfo: {
                         logo: wallet.adapter.icon,
                     },
@@ -940,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)
@@ -1080,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)'
@@ -1097,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;
     }
@@ -1116,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 = {
@@ -1389,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,
@@ -3973,8 +4100,9 @@ const PraxWalletIndex = ({ praxWalletIndex, setPraxWalletIndex, }) => {
         setPraxWalletIndex(Number(input));
         setEditing(false);
     };
-    return isEditing ? (jsxs("div", { className: "flex items-center space-x-1 py-2 px-1", children: [jsx(StyledBorderDiv, { as: "input", type: "number", className: cn(`w-16 h-5.5 rounded-md border px-2 text-xs`), value: Number(input), onChange: (e) => {
+    return isEditing ? (jsxs("div", { className: "flex items-center space-x-1 py-2 px-1", children: [jsx(StyledBorderDiv, { as: "input", type: "number", className: cn(`w-16 h-5.5 rounded-md border px-2 text-xs`), value: Number(input), onClick: (e) => {
                     e.stopPropagation();
+                }, onChange: (e) => {
                     if (Number(e.target.value) < 0) {
                         setInput(0);
                         return;
@@ -4065,7 +4193,7 @@ 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;
                                                             const resAddress = await ((_a = wallet.getAddress) === null || _a === void 0 ? void 0 : _a.call(wallet, {
                                                                 signRequired,
@@ -4162,7 +4290,8 @@ const useAutoSetAddress = ({ chain, chainID, index, enabled, signRequired, chain
                 if (index !== 0 &&
                     signRequired &&
                     (source === null || source === void 0 ? void 0 : source.chainType) === 'cosmos' &&
-                    cosmos) {
+                    cosmos &&
+                    !chain.chainID.includes('penumbra')) {
                     const walletSelected = wallets.find((wallet) => wallet.walletName === (cosmos === null || cosmos === void 0 ? void 0 : cosmos.walletName));
                     const address = await ((_a = walletSelected === null || walletSelected === void 0 ? void 0 : walletSelected.getAddress) === null || _a === void 0 ? void 0 : _a.call(walletSelected, { signRequired }));
                     if (walletSelected && address) {
@@ -4180,7 +4309,8 @@ const useAutoSetAddress = ({ chain, chainID, index, enabled, signRequired, chain
                     (destination === null || destination === void 0 ? void 0 : destination.chainType) === 'cosmos' &&
                     (destination === null || destination === void 0 ? void 0 : destination.source) !== 'input' &&
                     index !== 0 &&
-                    !signRequired) {
+                    !signRequired &&
+                    !chain.chainID.includes('penumbra')) {
                     const walletName = (_b = destination.source) === null || _b === void 0 ? void 0 : _b.walletName;
                     const walletSelected = wallets.find((wallet) => wallet.walletName === walletName);
                     const address = await ((_c = walletSelected === null || walletSelected === void 0 ? void 0 : walletSelected.getAddress) === null || _c === void 0 ? void 0 : _c.call(walletSelected, {}));