@skip-go/widget 2.2.1 → 2.2.2

package/build/chains/index.d.ts

@@ -1,7 +1,5 @@
 import { Chain, Asset, AssetList } from '@chain-registry/types';
 export declare const chains: Chain[];
 export declare const assets: AssetList[];
-export declare function getChain(chainId: string): Chain;
 export declare function chainIdToName(chainId: string): string;
 export declare function getAssets(chainId: string): Asset[];
-export declare function getChains(): Chain[];

package/build/index.es.js

@@ -19,7 +19,6 @@ import { getWalletClient } from '@wagmi/core';
 import { createContext, useContext, useMemo, useCallback, useRef, useState, useEffect, forwardRef, Fragment as Fragment$1 } from 'react';
 import { create } from 'zustand';
 import { subscribeWithSelector, persist, createJSONStorage } from 'zustand/middleware';
-import { GasPrice, StargateClient } from '@cosmjs/stargate';
 import * as Dialog$1 from '@radix-ui/react-dialog';
 import { ArrowTopRightOnSquareIcon, ArrowLeftIcon as ArrowLeftIcon$1, ChevronDownIcon as ChevronDownIcon$1, PencilSquareIcon } from '@heroicons/react/16/solid';
 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';
@@ -30,6 +29,7 @@ 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';
 import { BigNumber } from 'bignumber.js';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
@@ -493,8 +493,8 @@ function useChains(args = {}) {
                 .map((chain) => {
                 return {
                     ...chain,
-                    chainName: chain.chainName || getChain(chain.chainID).chain_name,
-                    prettyName: chain.prettyName || getChain(chain.chainID).pretty_name,
+                    chainName: chain.chainName,
+                    prettyName: chain.prettyName,
                     logoURI: chain.logoURI || 'https://api.dicebear.com/6.x/shapes/svg',
                 };
             })
@@ -516,51 +516,6 @@ function useChainByID(chainID) {
     });
 }
 
-/**
- * - deprio denoms start with 'ibc/' and 'factory/'
- * - prio denoms start with 'u' or 'uu'
- */
-function sortFeeAssets(a, b) {
-    const aIsDeprio = a.denom.startsWith('ibc/') || a.denom.startsWith('factory/');
-    const bIsDeprio = b.denom.startsWith('ibc/') || b.denom.startsWith('factory/');
-    const aIsPrio = a.denom.startsWith('u') || a.denom.startsWith('uu');
-    const bIsPrio = b.denom.startsWith('u') || b.denom.startsWith('uu');
-    if (aIsDeprio && !bIsDeprio)
-        return 1;
-    if (!aIsDeprio && bIsDeprio)
-        return -1;
-    if (aIsPrio && !bIsPrio)
-        return -1;
-    if (!aIsPrio && bIsPrio)
-        return 1;
-    return 0;
-}
-const getChainFeeAssets = (chainID) => {
-    var _a;
-    const { fees } = getChain(chainID);
-    const feeAssets = (_a = fees === null || fees === void 0 ? void 0 : fees.fee_tokens.map((ft) => {
-        var _a, _b, _c;
-        return ({
-            denom: ft.denom,
-            gasPrice: {
-                low: ((_a = ft.low_gas_price) !== null && _a !== void 0 ? _a : 0.01).toString(),
-                average: ((_b = ft.average_gas_price) !== null && _b !== void 0 ? _b : 0.025).toString(),
-                high: ((_c = ft.high_gas_price) !== null && _c !== void 0 ? _c : 0.04).toString(),
-            },
-        });
-    })) !== null && _a !== void 0 ? _a : [];
-    return feeAssets;
-};
-const getChainGasPrice = (chainID) => {
-    var _a;
-    const { fees } = getChain(chainID);
-    const ft = (_a = fees === null || fees === void 0 ? void 0 : fees.fee_tokens) === null || _a === void 0 ? void 0 : _a[0];
-    if (!(ft && ft.average_gas_price && ft.denom))
-        return null;
-    const gas = `${ft.average_gas_price}${ft.denom}`;
-    return GasPrice.fromString(gas);
-};
-
 const AssetsContext = createContext({
     assets: {},
     assetsByChainID: () => [],
@@ -587,28 +542,21 @@ const AssetsProvider = ({ children }) => {
         return asset;
     }, [assets]);
     const getFeeAsset = useCallback(async (chainID) => {
-        const cached = feeAssetCache[chainID];
-        if (cached)
-            return cached;
-        let feeAsset;
-        if (!feeAsset) {
-            const chain = (chains !== null && chains !== void 0 ? chains : []).find((chain) => chain.chainID === chainID);
-            if (!chain)
-                return;
-            else if (chainID === 'carbon-1') {
-                feeAsset = chain.feeAssets.find((v) => v.denom == 'swth');
-            }
-            else {
-                [feeAsset] = chain.feeAssets.sort(sortFeeAssets);
+        const chain = (chains !== null && chains !== void 0 ? chains : []).find((chain) => chain.chainID === chainID);
+        if (!chain)
+            return;
+        const feeAsset = (() => {
+            var _a;
+            if (chainID === 'carbon-1') {
+                return chain.feeAssets.find((v) => v.denom == 'swth');
             }
-        }
-        if (!feeAsset) {
+            return (_a = chain.feeAssets) === null || _a === void 0 ? void 0 : _a[0];
+        })();
+        if (!feeAsset)
             return;
-        }
         const asset = getAsset(feeAsset.denom, chainID);
         if (!asset)
             return;
-        feeAssetCache[chainID] = asset;
         return asset;
     }, [chains, getAsset]);
     const getNativeAssets = useCallback(() => {
@@ -649,7 +597,6 @@ const AssetsProvider = ({ children }) => {
 function useAssets() {
     return useContext(AssetsContext);
 }
-const feeAssetCache = {};
 
 const DialogContext = createContext({
     open: false,
@@ -1261,7 +1208,7 @@ function useAccount(chainID) {
     const cosmosWallet = useMemo(() => {
         if ((chain === null || chain === void 0 ? void 0 : chain.chainType) !== 'cosmos')
             return;
-        const { wallets } = getWalletRepo(chain.chainName);
+        const { wallets } = getWalletRepo(chainIdToName(chain.chainID));
         return wallets.find((w) => w.walletName === (trackedWallet === null || trackedWallet === void 0 ? void 0 : trackedWallet.walletName));
     }, [
         chain === null || chain === void 0 ? void 0 : chain.chainName,
@@ -2367,15 +2314,16 @@ function useSwapWidget(persistSwapWidgetState = true) {
      */
     useEffect(() => {
         return useSwapWidgetStore.subscribe((state) => [state.sourceChain, state.sourceAsset, state.sourceFeeAsset], async ([srcChain, srcAsset, srcFeeAsset]) => {
-            var _a;
+            var _a, _b, _c;
             if (!((srcChain === null || srcChain === void 0 ? void 0 : srcChain.chainType) === 'cosmos' && srcAsset))
                 return;
-            let srcGasPrice = getChainGasPrice(srcChain.chainID);
+            const feeAsset = (_a = srcChain.feeAssets) === null || _a === void 0 ? void 0 : _a[0];
+            const gas = `${(_b = feeAsset === null || feeAsset === void 0 ? void 0 : feeAsset.gasPrice) === null || _b === void 0 ? void 0 : _b.average}${feeAsset.denom}`;
+            const gasPrice = GasPrice.fromString(gas);
+            let srcGasPrice = (feeAsset === null || feeAsset === void 0 ? void 0 : feeAsset.gasPrice) && gasPrice;
             if (!srcFeeAsset || srcFeeAsset.chainID !== srcChain.chainID) {
                 if (srcGasPrice) {
-                    srcFeeAsset = assetsByChainID(srcChain.chainID).find(({ denom }) => {
-                        return denom === srcGasPrice.denom;
-                    });
+                    srcFeeAsset = getAsset(srcGasPrice.denom, srcChain.chainID);
                 }
                 else {
                     srcFeeAsset = await getFeeAsset(srcChain.chainID);
@@ -2385,7 +2333,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
                 toast.error(`Unable to find gas asset for ${srcChain.chainName}`);
                 return;
             }
-            const decimals = (_a = srcFeeAsset.decimals) !== null && _a !== void 0 ? _a : 6;
+            const decimals = (_c = srcFeeAsset.decimals) !== null && _c !== void 0 ? _c : 6;
             let selectedGasPrice;
             const actualGasAmount = isChainIdEvmos(srcChain.chainID)
                 ? EVMOS_GAS_AMOUNT
@@ -2397,9 +2345,6 @@ function useSwapWidget(persistSwapWidgetState = true) {
                 let feeDenomPrices = srcChain.feeAssets.find(({ denom }) => {
                     return denom === (srcFeeAsset === null || srcFeeAsset === void 0 ? void 0 : srcFeeAsset.denom);
                 });
-                feeDenomPrices !== null && feeDenomPrices !== void 0 ? feeDenomPrices : (feeDenomPrices = (await getChainFeeAssets(srcChain.chainID)).find(({ denom }) => {
-                    return denom === (srcFeeAsset === null || srcFeeAsset === void 0 ? void 0 : srcFeeAsset.denom);
-                }));
                 if (!feeDenomPrices || !feeDenomPrices.gasPrice) {
                     toast.error(`Unable to find gas prices for ${srcFeeAsset.denom} on ${srcChain.chainName}`);
                     return;
@@ -2464,7 +2409,7 @@ function useSwapWidget(persistSwapWidgetState = true) {
         return useSwapWidgetStore.subscribe((state) => state.sourceChain, async (srcChain) => {
             const { cosmos, svm } = trackWallet.get();
             if (srcChain && srcChain.chainType === 'cosmos') {
-                const { wallets } = getWalletRepo(srcChain.chainName);
+                const { wallets } = getWalletRepo(chainIdToName(srcChain.chainID));
                 let wallet;
                 if ((cosmos === null || cosmos === void 0 ? void 0 : cosmos.chainType) === 'cosmos') {
                     wallet = wallets.find((w) => {
@@ -4649,45 +4594,6 @@ const makeChainIDsWithAction = ({ route, actions, }) => {
     });
 };
 
-function getExplorerUrl(chainId) {
-    var _a, _b, _c;
-    let baseUrl;
-    const parsedIntId = parseInt(chainId);
-    const isEvmChain = typeof parsedIntId === 'number' && !isNaN(parsedIntId);
-    const isSvmChain = chainId === 'solana-devnet' || chainId === 'solana';
-    if (isSvmChain) {
-        baseUrl =
-            chainId === 'solana-devnet'
-                ? 'https://solscan.io/tx/${txHash}?cluster=devnet'
-                : 'https://solscan.io/tx/${txHash}';
-    }
-    if (isEvmChain) {
-        const chain = EVM_CHAINS.find((chain) => chain.id === parseInt(chainId));
-        if ((_a = chain === null || chain === void 0 ? void 0 : chain.blockExplorers) === null || _a === void 0 ? void 0 : _a.default.url) {
-            baseUrl = chain.blockExplorers.default.url;
-        }
-    }
-    else {
-        const explorers = getChain(chainId).explorers || [];
-        baseUrl || (baseUrl = (_b = explorers.find((explorer) => explorer.kind === 'mintscan')) === null || _b === void 0 ? void 0 : _b.tx_page);
-        baseUrl || (baseUrl = (_c = explorers[0]) === null || _c === void 0 ? void 0 : _c.tx_page);
-    }
-    if (!baseUrl) {
-        return null;
-    }
-    const payload = {
-        evm: isEvmChain,
-        explorer: baseUrl,
-    };
-    const { evm, explorer } = payload;
-    if (evm) {
-        return (txHash) => `${explorer}/tx/${txHash}`;
-    }
-    else {
-        return (txHash) => `${explorer.replace('${txHash}', txHash)}`;
-    }
-}
-
 function isUserRejectedRequestError(input) {
     if (input instanceof Error) {
         if (
@@ -4840,12 +4746,10 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
                 },
                 slippageTolerancePercent: useSettingsStore.getState().slippage,
                 onTransactionTracked: async (txStatus) => {
-                    const makeExplorerUrl = getExplorerUrl(txStatus.chainID);
-                    const explorerLink = makeExplorerUrl === null || makeExplorerUrl === void 0 ? void 0 : makeExplorerUrl(txStatus.txHash);
                     txHistory.addStatus(historyId, route, {
                         chainId: txStatus.chainID,
                         txHash: txStatus.txHash,
-                        explorerLink: explorerLink || '#',
+                        explorerLink: txStatus.explorerLink,
                     });
                     setBroadcastedTxs((v) => {
                         const txs = [
@@ -4853,7 +4757,7 @@ const PreviewRoute = ({ route, disclosure, isAmountError, }) => {
                             {
                                 chainID: txStatus.chainID,
                                 txHash: txStatus.txHash,
-                                explorerLink: explorerLink || '#',
+                                explorerLink: txStatus.explorerLink,
                             },
                         ];
                         if (route.txsRequired === txs.length) {