@rango-dev/widget-embedded 0.12.1-next.2 → 0.12.1-next.21

package/src/utils/wallets.ts

@@ -1,37 +1,39 @@
-import {
-  getCosmosExperimentalChainInfo,
-  isEvmAddress,
-  KEPLR_COMPATIBLE_WALLETS,
+import type { TokenWithBalance } from '../components/TokenList';
+import type { ConnectedWallet, TokenBalance } from '../store/wallets';
+import type { Wallet } from '../types';
+import type { WalletInfo as ModalWalletInfo } from '@rango-dev/ui';
+import type {
   Network,
+  WalletInfo,
   WalletState,
   WalletType,
-  detectInstallLink,
-  WalletInfo,
   WalletTypes,
-  Networks,
 } from '@rango-dev/wallets-shared';
-
-import {
-  WalletInfo as ModalWalletInfo,
-  WalletState as WalletStatus,
-  SelectableWallet,
-} from '@rango-dev/ui';
-import {
+import type {
   BestRouteResponse,
   BlockchainMeta,
   Token,
   WalletDetail,
 } from 'rango-sdk';
-import { isCosmosBlockchain } from 'rango-types';
+
+import { WalletState as WalletStatus } from '@rango-dev/ui';
 import { readAccountAddress } from '@rango-dev/wallets-react';
-import { ConnectedWallet, TokenBalance } from '../store/wallets';
-import { numberToString } from './numbers';
+import {
+  detectInstallLink,
+  getCosmosExperimentalChainInfo,
+  isEvmAddress,
+  KEPLR_COMPATIBLE_WALLETS,
+  Networks,
+} from '@rango-dev/wallets-shared';
 import BigNumber from 'bignumber.js';
-import { TokenWithBalance } from '../pages/SelectTokenPage';
+import { isCosmosBlockchain } from 'rango-types';
+
 import { ZERO } from '../constants/numbers';
-import { Wallet } from '../types';
+import { EXCLUDED_WALLETS } from '../constants/wallets';
 
-export function getStateWallet(state: WalletState): WalletStatus {
+import { numberToString } from './numbers';
+
+export function mapStatusToWalletState(state: WalletState): WalletStatus {
   switch (true) {
     case state.connected:
       return WalletStatus.CONNECTED;
@@ -44,40 +46,44 @@ export function getStateWallet(state: WalletState): WalletStatus {
   }
 }
 
-export const excludedWallets = [WalletTypes.LEAP];
-
-export function getlistWallet(
+export function mapWalletTypesToWalletInfo(
   getState: (type: WalletType) => WalletState,
   getWalletInfo: (type: WalletType) => WalletInfo,
-  list: WalletType[]
+  list: WalletType[],
+  chain?: string
 ): ModalWalletInfo[] {
   return list
-    .filter((wallet) => !excludedWallets.includes(wallet as WalletTypes))
+    .filter((wallet) => !EXCLUDED_WALLETS.includes(wallet as WalletTypes))
+    .filter((wallet) => {
+      if (chain) {
+        const { supportedChains } = getWalletInfo(wallet);
+        return !!supportedChains.find(
+          (supportedChain) => supportedChain.name === chain
+        );
+      }
+      return true;
+    })
     .map((type) => {
-      const {
-        name,
-        img: image,
-        installLink,
-        showOnMobile,
-      } = getWalletInfo(type);
-      const state = getStateWallet(getState(type));
+      const { name, img: image, installLink } = getWalletInfo(type);
+      const state = mapStatusToWalletState(getState(type));
       return {
-        name,
+        title: name,
         image,
-        installLink: detectInstallLink(installLink),
+        link: detectInstallLink(installLink),
         state,
         type,
-        showOnMobile: typeof showOnMobile === 'undefined' ? false : true,
       };
     });
 }
 
 export function walletAndSupportedChainsNames(
-  supportedChains: BlockchainMeta[]
+  supportedBlockchains: BlockchainMeta[]
 ): Network[] | null {
-  if (!supportedChains) return null;
+  if (!supportedBlockchains) {
+    return null;
+  }
   let walletAndSupportedChainsNames: Network[] = [];
-  walletAndSupportedChainsNames = supportedChains.map(
+  walletAndSupportedChainsNames = supportedBlockchains.map(
     (blockchainMeta) => blockchainMeta.name
   );
 
@@ -107,42 +113,54 @@ export function prepareAccountsForWalletStore(
     }
   }
 
-  const supportedChains = supportedChainNames || [];
+  const supportedBlockchains = supportedChainNames || [];
 
   accounts.forEach((account) => {
     const { address, network } = readAccountAddress(account);
 
-    const hasLimitation = supportedChains.length > 0;
-    const isSupported = supportedChains.includes(network);
+    const hasLimitation = supportedBlockchains.length > 0;
+    const isSupported = supportedBlockchains.includes(network);
     const isUnknown = network === Networks.Unknown;
     const notSupportedNetworkByWallet =
       hasLimitation && !isSupported && !isUnknown;
 
-    // Here we check given `network` is not supported by wallet
-    // And also the network is known.
-    if (notSupportedNetworkByWallet) return;
+    /*
+     * Here we check given `network` is not supported by wallet
+     * And also the network is known.
+     */
+    if (notSupportedNetworkByWallet) {
+      return;
+    }
 
-    // In some cases we can handle unknown network by checking its address
-    // pattern and act on it.
-    // Example: showing our evm compatible netwrok when the uknown network is evem.
-    // Otherwise, we stop executing this function.
-    const isUknownAndEvmBased =
+    /*
+     * In some cases we can handle unknown network by checking its address
+     * pattern and act on it.
+     * Example: showing our evm compatible network when the unknown network is evm.
+     * Otherwise, we stop executing this function.
+     */
+    const isUnknownAndEvmBased =
       network === Networks.Unknown && isEvmAddress(address);
-    if (isUnknown && !isUknownAndEvmBased) return;
+    if (isUnknown && !isUnknownAndEvmBased) {
+      return;
+    }
 
     const isEvmBasedChain = evmBasedChains.includes(network);
 
     // If it's an evm network, we will add the address to all the evm chains.
-    if (isEvmBasedChain || isUknownAndEvmBased) {
-      // all evm chains are not supported in wallets, so we are adding
-      // only to those that are supported by wallet.
-      const evmChainsSupportedByWallet = supportedChains.filter((chain) =>
+    if (isEvmBasedChain || isUnknownAndEvmBased) {
+      /*
+       * all evm chains are not supported in wallets, so we are adding
+       * only to those that are supported by wallet.
+       */
+      const evmChainsSupportedByWallet = supportedBlockchains.filter((chain) =>
         evmBasedChains.includes(chain)
       );
 
       evmChainsSupportedByWallet.forEach((network) => {
-        // EVM addresses are not case sensetive.
-        // Some wallets like Binance-chain return some letters in uppercase which produces bugs in our wallet state.
+        /*
+         * EVM addresses are not case sensitive.
+         * Some wallets like Binance-chain return some letters in uppercase which produces bugs in our wallet state.
+         */
         addAccount(network, address.toLowerCase());
       });
     } else {
@@ -187,10 +205,9 @@ type Blockchain = { name: string; accounts: ConnectedWallet[] };
 
 export function getSelectableWallets(
   connectedWallets: ConnectedWallet[],
-  selectedWallets: Wallet[],
   getWalletInfo: (type: WalletType) => WalletInfo,
   destinationChain?: string
-): SelectableWallet[] {
+): Wallet[] {
   const selectableWallets = connectedWallets.map(
     (connectedWallet: ConnectedWallet) => {
       return {
@@ -202,11 +219,7 @@ export function getSelectableWallets(
         selected:
           destinationChain === connectedWallet.chain
             ? false
-            : !!selectedWallets.find(
-                (selectedWallet) =>
-                  selectedWallet.chain === connectedWallet.chain &&
-                  selectedWallet.walletType === connectedWallet.walletType
-              ),
+            : connectedWallet.selected,
       };
     }
   );
@@ -220,12 +233,16 @@ export function getBalanceFromWallet(
   symbol: string,
   address: string | null
 ): TokenBalance | null {
-  if (connectedWallets.length === 0) return null;
+  if (connectedWallets.length === 0) {
+    return null;
+  }
 
   const selectedChainWallets = connectedWallets.filter(
     (wallet) => wallet.chain === chain
   );
-  if (selectedChainWallets.length === 0) return null;
+  if (selectedChainWallets.length === 0) {
+    return null;
+  }
 
   return (
     selectedChainWallets
@@ -259,44 +276,31 @@ export function isAccountAndWalletMatched(
 }
 
 export function makeBalanceFor(
-  wallet: Wallet,
-  retrivedBalance: WalletDetail,
+  retrievedBalance: WalletDetail,
   tokens: Token[]
-): ConnectedWallet {
-  const {
-    address,
-    blockChain: chain,
-    explorerUrl,
-    balances = [],
-  } = retrivedBalance;
-  return {
-    address,
-    chain,
-    loading: false,
-    error: false,
-    explorerUrl,
-    walletType: wallet.walletType,
-    balances:
-      balances?.map((tokenBalance) => ({
-        chain,
-        symbol: tokenBalance.asset.symbol,
-        ticker: tokenBalance.asset.symbol,
-        address: tokenBalance.asset.address || null,
-        rawAmount: tokenBalance.amount.amount,
-        decimal: tokenBalance.amount.decimals,
-        amount: new BigNumber(tokenBalance.amount.amount)
-          .shiftedBy(-tokenBalance.amount.decimals)
-          .toFixed(),
-        logo: '',
-        usdPrice:
-          getUsdPrice(
-            chain,
-            tokenBalance.asset.symbol,
-            tokenBalance.asset.address,
-            tokens
-          ) || null,
-      })) || [],
-  };
+): TokenBalance[] {
+  const { blockChain: chain, balances = [] } = retrievedBalance;
+  return (
+    balances?.map((tokenBalance) => ({
+      chain,
+      symbol: tokenBalance.asset.symbol,
+      ticker: tokenBalance.asset.symbol,
+      address: tokenBalance.asset.address || null,
+      rawAmount: tokenBalance.amount.amount,
+      decimal: tokenBalance.amount.decimals,
+      amount: new BigNumber(tokenBalance.amount.amount)
+        .shiftedBy(-tokenBalance.amount.decimals)
+        .toFixed(),
+      logo: '',
+      usdPrice:
+        getUsdPrice(
+          chain,
+          tokenBalance.asset.symbol,
+          tokenBalance.asset.address,
+          tokens
+        ) || null,
+    })) || []
+  );
 }
 
 export function resetConnectedWalletState(
@@ -307,10 +311,11 @@ export function resetConnectedWalletState(
 
 export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
   const uniqueAccountAddresses = new Set<string | null>();
-  const uniqueBalane: ConnectedWallet[] = connectedWallet?.reduce(
+  const uniqueBalance: ConnectedWallet[] = connectedWallet?.reduce(
     (acc: ConnectedWallet[], current: ConnectedWallet) => {
       return acc.findIndex(
         (i) => i.address === current.address && i.chain === current.chain
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
       ) === -1
         ? [...acc, current]
         : acc;
@@ -318,7 +323,7 @@ export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
     []
   );
 
-  const modifiedWalletBlockchains = uniqueBalane?.map((chain) => {
+  const modifiedWalletBlockchains = uniqueBalance?.map((chain) => {
     const modifiedWalletBlockchain: Blockchain = {
       name: chain.chain,
       accounts: [],
@@ -327,8 +332,9 @@ export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
       uniqueAccountAddresses.add(chain.address);
     }
     uniqueAccountAddresses.forEach((accountAddress) => {
-      if (chain.address === accountAddress)
+      if (chain.address === accountAddress) {
         modifiedWalletBlockchain.accounts.push(chain);
+      }
     });
     return modifiedWalletBlockchain;
   });
@@ -342,10 +348,10 @@ export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
       ?.reduce((a, b) => a.plus(b), ZERO) || ZERO
   ).toString();
 
-  return numberWithThousandSeperator(total);
+  return numberWithThousandSeparator(total);
 };
 
-function numberWithThousandSeperator(number: string | number): string {
+function numberWithThousandSeparator(number: string | number): string {
   const parts = number.toString().split('.');
   parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
   return parts.join('.');
@@ -398,11 +404,14 @@ export const isExperimentalChain = (
       .map(([, blockchainMeta]) => blockchainMeta)
       .filter(isCosmosBlockchain)
   );
-  return cosmosExperimentalChainInfo && !!cosmosExperimentalChainInfo[wallet];
+  return (
+    cosmosExperimentalChainInfo &&
+    cosmosExperimentalChainInfo[wallet]?.experimental
+  );
 };
 
 export const getKeplrCompatibleConnectedWallets = (
-  selectableWallets: SelectableWallet[]
+  selectableWallets: Wallet[]
 ): WalletType[] => {
   const connectedWalletTypes = new Set(
     selectableWallets.map((wallet) => {
@@ -419,6 +428,7 @@ export function getTokensWithBalance(
   tokens: TokenWithBalance[],
   connectedWallets: ConnectedWallet[]
 ): TokenWithBalance[] {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   return tokens.map(({ balance, ...otherProps }) => {
     const tokenAmount = numberToString(
       new BigNumber(
@@ -432,7 +442,7 @@ export function getTokensWithBalance(
     );
 
     let tokenUsdValue = '';
-    if (otherProps.usdPrice)
+    if (otherProps.usdPrice) {
       tokenUsdValue = numberToString(
         new BigNumber(
           getBalanceFromWallet(
@@ -443,6 +453,7 @@ export function getTokensWithBalance(
           )?.amount || ZERO
         ).multipliedBy(otherProps.usdPrice)
       );
+    }
 
     return {
       ...otherProps,
@@ -459,8 +470,11 @@ export function getSortedTokens(
   connectedWallets: ConnectedWallet[],
   otherChainTokens: TokenWithBalance[]
 ): TokenWithBalance[] {
-  const fromChainEqueulsToToChain = chain?.name === otherChainTokens[0]?.name;
-  if (fromChainEqueulsToToChain) return otherChainTokens;
+  const fromChainEqualsToToBlockchain =
+    chain?.name === otherChainTokens[0]?.name;
+  if (fromChainEqualsToToBlockchain) {
+    return otherChainTokens;
+  }
   const filteredTokens = tokens.filter(
     (token) => token.blockchain === chain?.name
   );
@@ -485,13 +499,17 @@ export function getDefaultToken(
   let selectedToken: TokenWithBalance;
   const firstToken = sortedTokens[0];
   const secondToken = sortedTokens[1];
-  if (sortedTokens.length === 1) selectedToken = firstToken;
-  else if (tokensAreEqual(firstToken, otherToken)) selectedToken = secondToken;
-  else selectedToken = firstToken;
+  if (sortedTokens.length === 1) {
+    selectedToken = firstToken;
+  } else if (tokensAreEqual(firstToken, otherToken)) {
+    selectedToken = secondToken;
+  } else {
+    selectedToken = firstToken;
+  }
   return selectedToken;
 }
 
-export function sortWalletsBasedOnState(
+export function sortWalletsBasedOnConnectionState(
   wallets: ModalWalletInfo[]
 ): ModalWalletInfo[] {
   return wallets.sort(
@@ -508,3 +526,34 @@ export function sortWalletsBasedOnState(
         )
   );
 }
+
+export function getConciseAddress(
+  address: string,
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  maxChars = 8,
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  ellipsisLength = 3
+): string {
+  if (address.length < 2 * maxChars + ellipsisLength) {
+    return address;
+  }
+  const start = address.slice(0, maxChars);
+  const end = address.slice(-maxChars);
+  return `${start}${'.'.repeat(ellipsisLength)}${end}`;
+}
+
+export function getAddress({
+  chain,
+  connectedWallets,
+  walletType,
+}: {
+  connectedWallets: ConnectedWallet[];
+  walletType: string;
+  chain: string;
+}): string | undefined {
+  return connectedWallets.find(
+    (connectedWallet) =>
+      connectedWallet.walletType === walletType &&
+      connectedWallet.chain === chain
+  )?.address;
+}

package/dist/components/ConfirmSwapErrors.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ConfirmSwapError } from '../types';
-export declare function ConfirmSwapErrors(errors: ConfirmSwapError[]): (string | React.JSX.Element)[];
-//# sourceMappingURL=ConfirmSwapErrors.d.ts.map

package/dist/components/ConfirmSwapErrors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmSwapErrors.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmSwapErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAyB,MAAM,UAAU,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,EAAE,kCA2B3D"}

package/dist/components/ConfirmSwapWarnings.d.ts

@@ -1,3 +0,0 @@
-import { ConfirmSwapWarnings as ConfirmSwapWarningsType } from '../types';
-export declare function ConfirmSwapWarnings(warnings: ConfirmSwapWarningsType[]): string[];
-//# sourceMappingURL=ConfirmSwapWarnings.d.ts.map

package/dist/components/ConfirmSwapWarnings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmSwapWarnings.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmSwapWarnings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,UAAU,CAAC;AAElB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,EAAE,YAgBtE"}

package/dist/components/Layout.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { WidgetConfig } from '../types';
-export type LayoutProps = {
-    config?: WidgetConfig;
-};
-export declare function Layout({ config }: LayoutProps): React.JSX.Element;
-//# sourceMappingURL=Layout.d.ts.map

package/dist/components/Layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/components/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,qBAiF7C"}

package/dist/pages/LiquiditySourcesPage.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface PropTypes {
-    supportedSwappers?: string[];
-}
-export declare function LiquiditySourcePage({ supportedSwappers }: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=LiquiditySourcesPage.d.ts.map

package/dist/pages/LiquiditySourcesPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiquiditySourcesPage.d.ts","sourceRoot":"","sources":["../../src/pages/LiquiditySourcesPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,SAAS;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AACD,wBAAgB,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,EAAE,SAAS,qBAoDnE"}

package/dist/pages/SelectChainPage.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface PropTypes {
-    type: 'from' | 'to';
-    supportedChains?: string[];
-}
-export declare function SelectChainPage(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=SelectChainPage.d.ts.map

package/dist/pages/SelectChainPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectChainPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectChainPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,qBA6B/C"}

package/dist/pages/SelectTokenPage.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Asset, Token } from 'rango-sdk';
-interface PropTypes {
-    type: 'from' | 'to';
-    supportedTokens?: Asset[];
-}
-export interface TokenWithBalance extends Token {
-    balance?: {
-        amount: string;
-        usdValue: string;
-    };
-}
-export declare function SelectTokenPage(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=SelectTokenPage.d.ts.map

package/dist/pages/SelectTokenPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectTokenPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAMzC,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,OAAO,CAAC,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,qBA0C/C"}

package/src/components/ConfirmSwapErrors.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { BalanceErrors, MinRequiredSlippage } from '@rango-dev/ui';
-import { ConfirmSwapError, ConfirmSwapErrorTypes } from '../types';
-import { useNavigate } from 'react-router-dom';
-import { navigationRoutes } from '../constants/navigationRoutes';
-
-export function ConfirmSwapErrors(errors: ConfirmSwapError[]) {
-  const navigate = useNavigate();
-
-  return errors.flatMap((error) => {
-    switch (error.type) {
-      case ConfirmSwapErrorTypes.NO_ROUTE:
-        return 'No routes found. Please try again later.';
-      case ConfirmSwapErrorTypes.REQUEST_FAILED:
-        return `Failed to confirm swap ${
-          error.status ? `'status': ${error.status})` : ''
-        }, please try again.`;
-
-      case ConfirmSwapErrorTypes.ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS:
-        return 'Route updated and price impact is too high, try again later!';
-      case ConfirmSwapErrorTypes.INSUFFICIENT_SLIPPAGE:
-        return (
-          <MinRequiredSlippage
-            minRequiredSlippage={error.minRequiredSlippage}
-            changeSlippage={() => navigate('/' + navigationRoutes.settings)}
-          />
-        );
-      case ConfirmSwapErrorTypes.INSUFFICIENT_BALANCE:
-        return <BalanceErrors messages={error.messages} />;
-      default:
-        return [];
-    }
-  });
-}

package/src/components/ConfirmSwapWarnings.tsx

@@ -1,22 +0,0 @@
-import {
-  ConfirmSwapWarningTypes,
-  ConfirmSwapWarnings as ConfirmSwapWarningsType,
-} from '../types';
-
-export function ConfirmSwapWarnings(warnings: ConfirmSwapWarningsType[]) {
-  return warnings.flatMap((warning) => {
-    switch (warning.type) {
-      case ConfirmSwapWarningTypes.ROUTE_UPDATED:
-        return 'Route has been updated.';
-      case ConfirmSwapWarningTypes.ROUTE_AND_OUTPUT_AMOUNT_UPDATED:
-        return `Output amount changed to ${warning.newOutputAmount} (${warning.percentageChange}% change).`;
-
-      case ConfirmSwapWarningTypes.ROUTE_SWAPPERS_UPDATED:
-        return 'Route swappers has been updated.';
-      case ConfirmSwapWarningTypes.ROUTE_COINS_UPDATED:
-        return 'Route internal coins has been updated.';
-      default:
-        return [];
-    }
-  });
-}