@rango-dev/widget-embedded 0.36.1-next.9 → 0.37.1-next.0

package/src/store/ui.ts

@@ -12,12 +12,14 @@ interface UiState {
   tabManagerInitiated: boolean;
   showActivateTabModal: boolean;
   watermark: Watermark;
+  showProfileBanner: boolean;
   activateCurrentTab: (
     setCurrentTabAsActive: () => void,
     hasRunningSwaps: boolean
   ) => void;
   setShowActivateTabModal: (flag: boolean) => void;
   setWatermark: (watermark: Watermark) => void;
+  setShowProfileBanner: (showProfileBanner: boolean) => void;
 }
 
 export const useUiStore = createSelectors(
@@ -26,6 +28,7 @@ export const useUiStore = createSelectors(
     tabManagerInitiated: false,
     showActivateTabModal: false,
     watermark: 'NONE',
+    showProfileBanner: false,
     fetchingApiConfig: false,
     activateCurrentTab: (setCurrentTabAsActive, hasRunningSwaps) => {
       const { showActivateTabModal } = get();
@@ -42,6 +45,9 @@ export const useUiStore = createSelectors(
     setWatermark: (watermark) => {
       set({ watermark });
     },
+    setShowProfileBanner: (showProfileBanner) => {
+      set({ showProfileBanner });
+    },
   }))
 );
 

package/src/types/quote.ts

@@ -51,29 +51,9 @@ export enum QuoteWarningType {
   UNKNOWN_PRICE,
   INSUFFICIENT_SLIPPAGE,
   HIGH_SLIPPAGE,
+  EXCESSIVE_OUTPUT_AMOUNT_CHANGE,
 }
 
-export enum QuoteUpdateType {
-  QUOTE_UPDATED,
-  QUOTE_SWAPPERS_UPDATED,
-  QUOTE_COINS_UPDATED,
-  QUOTE_AND_OUTPUT_AMOUNT_UPDATED,
-  QUOTE_UPDATED_WITH_HIGH_VALUE_LOSS,
-}
-
-export type QuoteUpdateWarning =
-  | {
-      type: QuoteUpdateType.QUOTE_AND_OUTPUT_AMOUNT_UPDATED;
-      newOutputAmount: string;
-      percentageChange: string;
-    }
-  | {
-      type: Exclude<
-        QuoteUpdateType,
-        QuoteUpdateType.QUOTE_AND_OUTPUT_AMOUNT_UPDATED
-      >;
-    };
-
 export type RecommendedSlippages = Map<number, string>;
 
 export type InsufficientSlippageWarning = {
@@ -100,15 +80,21 @@ export type UnknownPriceWarning = {
   type: QuoteWarningType.UNKNOWN_PRICE;
 };
 
+export type ExcessiveOutputAmountChange = {
+  type: QuoteWarningType.EXCESSIVE_OUTPUT_AMOUNT_CHANGE;
+  usdValueChange: string;
+  percentageChange: string;
+};
+
 export type QuoteWarning =
   | HighValueLossWarning
+  | ExcessiveOutputAmountChange
+  | UnknownPriceWarning
   | InsufficientSlippageWarning
-  | HighSlippageWarning
-  | UnknownPriceWarning;
+  | HighSlippageWarning;
 
 export type ConfirmSwapWarnings = {
   quote: QuoteWarning | null;
-  quoteUpdate: QuoteUpdateWarning | null;
   balance: { messages: string[] } | null;
 };
 

package/src/types/wallets.ts

@@ -1,5 +1,4 @@
 import type { WalletInfo } from '@rango-dev/ui';
-import type { Namespace } from '@rango-dev/wallets-core/namespaces/common';
 import type { WalletType } from '@rango-dev/wallets-shared';
 
 export interface Wallet {
@@ -25,8 +24,4 @@ export type TokensBalance = {
   [key: TokenHash]: Balance;
 };
 
-export type WalletInfoWithExtra = WalletInfo & {
-  namespaces?: Namespace[];
-  singleNamespace?: boolean;
-  needsDerivationPath?: boolean;
-};
+export type WalletInfoWithExtra = WalletInfo;

package/src/utils/providers.ts

@@ -1,7 +1,6 @@
 import type { WidgetConfig } from '../types';
 import type { LegacyProviderInterface } from '@rango-dev/wallets-core/legacy';
 
-import { allProviders } from '@rango-dev/provider-all';
 import {
   defineVersions,
   pickVersion,
@@ -26,69 +25,69 @@ export interface ProvidersOptions {
  *
  */
 type BothProvidersInterface = LegacyProviderInterface | Provider;
-export function matchAndGenerateProviders(
-  providers: WidgetConfig['wallets'],
-  options?: ProvidersOptions
-): VersionedProviders[] {
-  const envs = {
-    walletconnect2: {
-      WC_PROJECT_ID: options?.walletConnectProjectId || '',
-      DISABLE_MODAL_AND_OPEN_LINK:
-        options?.walletConnectListedDesktopWalletLink,
-    },
-    selectedProviders: providers,
-    trezor: options?.trezorManifest
-      ? { manifest: options.trezorManifest }
-      : undefined,
-    tonConnect: options?.tonConnect?.manifestUrl
-      ? { manifestUrl: options?.tonConnect.manifestUrl }
-      : undefined,
-  };
-
-  const all = allProviders(envs);
-
-  if (providers) {
+export function matchAndGenerateProviders({
+  allProviders,
+  configWallets,
+  options,
+}: {
+  allProviders: VersionedProviders[];
+  configWallets: WidgetConfig['wallets'];
+  options?: ProvidersOptions;
+}): VersionedProviders[] {
+  if (configWallets) {
+    /*
+     * If `wallets`  is included in widget config,
+     * allProviders should be filtered based on wallets list
+     */
     const selectedProviders: VersionedProviders[] = [];
 
-    providers.forEach((requestedProvider) => {
+    configWallets.forEach((requestedWallet) => {
       /*
        * There are two types of provider we get, the first one is only passing the wallet name
        * then we will match the wallet name with our providers (@rango-dev/provider-*).
        * The second way is passing a custom provider which implemented ProviderInterface.
        */
-      if (typeof requestedProvider === 'string') {
-        const result: BothProvidersInterface | undefined =
-          pickVersionWithFallbackToLegacy(all, options).find((provider) => {
-            if (provider instanceof Provider) {
-              return provider.id === requestedProvider;
-            }
-            return provider.config.type === requestedProvider;
-          });
+      if (typeof requestedWallet === 'string') {
+        const result = allProviders.find((provider) => {
+          /*
+           * To find a provider in allProviders,
+           * a version of each provider should be picked
+           * and validated based on that version scheme.
+           * If the corresponding provider to a wallet was found in allProvider,
+           * it will be add to selected providers.
+           */
+          const versionedProvider = pickProviderVersionWithFallbackToLegacy(
+            provider,
+            options
+          );
+          if (versionedProvider instanceof Provider) {
+            return versionedProvider.id === requestedWallet;
+          }
+          return versionedProvider.config.type === requestedWallet;
+        });
 
+        /*
+         * A provider may have multiple versions
+         * (e.g., 0.0, also known as legacy, and 1.0, also known as hub).
+         * We should ensure that all existing versions of a provider are added to selectedProviders.
+         */
         if (result) {
-          if (result instanceof Provider) {
-            selectedProviders.push(
-              defineVersions().version('1.0.0', result).build()
-            );
-          } else {
-            selectedProviders.push(
-              defineVersions().version('0.0.0', result).build()
-            );
-          }
+          selectedProviders.push(result);
         } else {
           console.warn(
-            `Couldn't find ${requestedProvider} provider. Please make sure you are passing the correct name.`
+            // A provider name is included in config but was not found in allProviders
+            `Couldn't find ${requestedWallet} provider. Please make sure you are passing the correct name.`
           );
         }
       } else {
         // It's a custom provider so we directly push it to the list.
-        if (requestedProvider instanceof Provider) {
+        if (requestedWallet instanceof Provider) {
           selectedProviders.push(
-            defineVersions().version('1.0.0', requestedProvider).build()
+            defineVersions().version('1.0.0', requestedWallet).build()
           );
         } else {
           selectedProviders.push(
-            defineVersions().version('0.0.0', requestedProvider).build()
+            defineVersions().version('0.0.0', requestedWallet).build()
           );
         }
       }
@@ -97,40 +96,37 @@ export function matchAndGenerateProviders(
     return selectedProviders;
   }
 
-  return all;
+  return allProviders;
 }
 
-// TODO: this is a duplication with what we do in core.
-function pickVersionWithFallbackToLegacy(
-  providers: VersionedProviders[],
+function pickProviderVersionWithFallbackToLegacy(
+  provider: VersionedProviders,
   options?: ProvidersOptions
-): BothProvidersInterface[] {
+): BothProvidersInterface {
   const { experimentalWallet = 'enabled' } = options || {};
+  const version = experimentalWallet == 'disabled' ? '0.0.0' : '1.0.0';
 
-  return providers.map((provider) => {
-    const version = experimentalWallet == 'disabled' ? '0.0.0' : '1.0.0';
-    try {
-      return pickVersion(provider, version)[1];
-    } catch {
-      // Fallback to legacy version, if target version doesn't exists.
-      return pickVersion(provider, '0.0.0')[1];
-    }
-  });
+  try {
+    return pickVersion(provider, version)[1];
+  } catch {
+    // Fallback to legacy version, if target version doesn't exists.
+    return pickVersion(provider, '0.0.0')[1];
+  }
 }
 
 export function configWalletsToWalletName(
-  config: WidgetConfig['wallets'],
+  providers: VersionedProviders[],
   options?: ProvidersOptions
 ): string[] {
-  const providers = pickVersionWithFallbackToLegacy(
-    matchAndGenerateProviders(config, options),
-    options
-  );
-  const names = providers.map((provider) => {
-    if (provider instanceof Provider) {
-      return provider.id;
-    }
-    return provider.config.type;
-  });
+  const names = providers
+    .map((provider) =>
+      pickProviderVersionWithFallbackToLegacy(provider, options)
+    )
+    .map((provider) => {
+      if (provider instanceof Provider) {
+        return provider.id;
+      }
+      return provider.config.type;
+    });
   return names;
 }

package/src/utils/quote.ts

@@ -15,7 +15,6 @@ import type {
   MultiRouteSimulationResult,
   PreferenceType,
   RouteTag,
-  Token,
 } from 'rango-sdk';
 import type { PendingSwap } from 'rango-types';
 
@@ -29,30 +28,19 @@ import { QuoteWarningType } from '../types';
 
 import { areEqual } from './common';
 import { createTokenHash, findBlockchain } from './meta';
+import { numberToString } from './numbers';
 import {
-  calcOutputUsdValue,
   checkSlippageWarnings,
   getMinRequiredSlippage,
   getPercentageChange,
   getTotalFeeInUsd,
+  getUsdInputFrom,
+  getUsdOutputFrom,
   hasHighValueLoss,
   hasProperSlippage,
+  isOutputAmountChangedExcessively,
 } from './swap';
 
-export function getQuoteToTokenUsdPrice(
-  quote: SelectedQuote | null
-): number | null | undefined {
-  const swaps = quote?.swaps || [];
-  return swaps[swaps.length - 1].to.usdPrice;
-}
-
-export function getQuoteFromTokenUsdPrice(
-  quote: SelectedQuote | null
-): number | null | undefined {
-  const swaps = quote?.swaps || [];
-  return swaps[0].from.usdPrice;
-}
-
 export function isNumberOfSwapsChanged(
   quoteA: SelectedQuote,
   quoteB: SelectedQuote
@@ -195,56 +183,73 @@ export function createRetryQuote(
   };
 }
 
-export function generateQuoteWarnings(
-  quote: SelectedQuote,
-  params: {
-    fromToken: Token;
-    toToken: Token;
-    findToken: FindToken;
-    userSlippage: number;
-  }
-): QuoteWarning | null {
-  const { fromToken, toToken, findToken, userSlippage } = params;
-  const inputUsdValue = calcOutputUsdValue(
-    quote.requestAmount,
-    getQuoteFromTokenUsdPrice(quote) || fromToken?.usdPrice
-  );
-  const outputUsdValue = calcOutputUsdValue(
-    quote.outputAmount,
-    getQuoteToTokenUsdPrice(quote) || toToken?.usdPrice
-  );
-
-  if (!!quote && inputUsdValue && outputUsdValue) {
+export function generateQuoteWarnings(params: {
+  previousQuote?: SelectedQuote;
+  currentQuote: SelectedQuote;
+  findToken: FindToken;
+  userSlippage: number;
+}): QuoteWarning | null {
+  const { previousQuote, currentQuote, findToken, userSlippage } = params;
+  const usdInput = getUsdInputFrom(currentQuote);
+  const usdOutput = getUsdOutputFrom(currentQuote);
+
+  if (!!currentQuote && usdInput && usdOutput) {
     const priceImpact = getPriceImpact(
-      inputUsdValue.toString(),
-      outputUsdValue.toString()
+      usdInput.toString(),
+      usdOutput.toString()
     );
     const highValueLoss =
-      !!priceImpact && hasHighValueLoss(inputUsdValue, priceImpact);
+      !!priceImpact && hasHighValueLoss(usdInput, priceImpact);
 
     if (highValueLoss) {
-      const totalFee = getTotalFeeInUsd(quote?.swaps, findToken);
+      const totalFee = getTotalFeeInUsd(currentQuote?.swaps, findToken);
       const warningLevel = getPriceImpactLevel(priceImpact);
       return {
         type: QuoteWarningType.HIGH_VALUE_LOSS,
-        inputUsdValue,
-        outputUsdValue,
+        inputUsdValue: usdInput,
+        outputUsdValue: usdOutput,
         priceImpact,
         totalFee,
         warningLevel,
       };
     }
-  } else if (quote && (!inputUsdValue || !outputUsdValue)) {
+  }
+
+  if (
+    previousQuote &&
+    isOutputAmountChangedExcessively(previousQuote, currentQuote)
+  ) {
+    return {
+      type: QuoteWarningType.EXCESSIVE_OUTPUT_AMOUNT_CHANGE,
+      usdValueChange: numberToString(
+        getUsdOutputFrom(currentQuote)
+          ?.minus(getUsdOutputFrom(previousQuote) ?? 0)
+          .toString() ?? '0',
+        null,
+        2
+      ),
+      percentageChange: numberToString(
+        getPriceImpact(
+          getUsdOutputFrom(previousQuote) ?? '1',
+          getUsdOutputFrom(currentQuote) ?? '1'
+        ),
+        null,
+        2
+      ),
+    };
+  }
+
+  if (currentQuote && (!usdInput || !usdOutput)) {
     return { type: QuoteWarningType.UNKNOWN_PRICE };
   }
 
-  const minRequiredSlippage = getMinRequiredSlippage(quote.swaps);
+  const minRequiredSlippage = getMinRequiredSlippage(currentQuote.swaps);
   const highSlippage = userSlippage > HIGH_SLIPPAGE;
 
   if (!hasProperSlippage(params.userSlippage.toString(), minRequiredSlippage)) {
     return {
       type: QuoteWarningType.INSUFFICIENT_SLIPPAGE,
-      recommendedSlippages: checkSlippageWarnings(quote, userSlippage),
+      recommendedSlippages: checkSlippageWarnings(currentQuote, userSlippage),
       minRequiredSlippage: minRequiredSlippage,
     };
   } else if (
@@ -260,6 +265,13 @@ export function generateQuoteWarnings(
   return null;
 }
 
+export function isQuoteWarningConfirmationRequired(warning: QuoteWarning) {
+  const WARNINGS_NOT_REQUIRING_CONFIRMATION = [
+    QuoteWarningType.EXCESSIVE_OUTPUT_AMOUNT_CHANGE,
+  ];
+  return !WARNINGS_NOT_REQUIRING_CONFIRMATION.includes(warning.type);
+}
+
 export function getPriceImpact(
   inputUsdValue: BigNumber | string | null,
   outputUsdValue: BigNumber | string | null

package/src/utils/swap.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-import type { FeesGroup, NameOfFees } from '../constants/quote';
 import type { FetchStatus, FindToken } from '../store/slices/data';
 import type { ConnectedWallet } from '../store/slices/wallets';
 import type {
@@ -34,6 +32,14 @@ import { PendingSwapNetworkStatus } from 'rango-types';
 import { errorMessages } from '../constants/errors';
 import { swapButtonTitles } from '../constants/messages';
 import { ZERO } from '../constants/numbers';
+import {
+  type FeesGroup,
+  HIGH_FEE_THRESHOLD_USD,
+  HIGH_VALUE_LOSS_CRITERIA,
+  type NameOfFees,
+  OUTPUT_CHANGE_WARNING_CRITERIA,
+  PERCENT_MULTIPLIER,
+} from '../constants/quote';
 import {
   BALANCE_MAX_DECIMALS,
   BALANCE_MIN_DECIMALS,
@@ -43,7 +49,7 @@ import {
 
 import { getBlockchainShortNameFor, isValidTokenAddress } from './meta';
 import { numberToString } from './numbers';
-import { getPriceImpact, getRequiredBalanceOfWallet } from './quote';
+import { getRequiredBalanceOfWallet } from './quote';
 import { getQuoteWallets } from './wallets';
 
 export function getOutputRatio(
@@ -61,7 +67,7 @@ export function getOutputRatio(
   return outputUsdValue
     .div(inputUsdValue)
     .minus(1)
-    .multipliedBy(100)
+    .multipliedBy(PERCENT_MULTIPLIER)
     .toNumber();
 }
 
@@ -69,12 +75,16 @@ export function hasHighValueLoss(
   inputUsdValue: BigNumber | null,
   priceImpact: number
 ): boolean {
-  return (
-    ((parseInt(priceImpact.toFixed(2) || '0') <= -10 &&
-      inputUsdValue?.gte(new BigNumber(400))) ||
-      (parseInt(priceImpact.toFixed(2) || '0') <= -5 &&
-        inputUsdValue?.gte(new BigNumber(1000)))) ??
-    false
+  if (!inputUsdValue) {
+    return false;
+  }
+
+  const formattedPriceImpact = parseInt(priceImpact.toFixed(2) || '0');
+
+  return HIGH_VALUE_LOSS_CRITERIA.some(
+    ({ threshold, minInput }) =>
+      formattedPriceImpact <= threshold &&
+      inputUsdValue.gte(new BigNumber(minInput))
   );
 }
 
@@ -328,7 +338,7 @@ export function hasHighFee(totalFeeInUsd: BigNumber | null) {
   if (!totalFeeInUsd) {
     return false;
   }
-  return !totalFeeInUsd.lt(new BigNumber(30));
+  return !totalFeeInUsd.lt(new BigNumber(HIGH_FEE_THRESHOLD_USD));
 }
 
 export function hasSlippageError(
@@ -480,8 +490,7 @@ export function createQuoteRequestBody(params: {
       addresses: [wallet.address],
     });
   });
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
+
   const requestBody: BestRouteRequest = {
     amount: inputAmount.toString(),
     affiliateRef: affiliateRef ?? undefined,
@@ -535,33 +544,52 @@ export function getWalletsForNewSwap(selectedWallets: Wallet[]) {
   return wallets;
 }
 
-export function getQuoteOutputAmount(quote: SelectedQuote) {
-  return quote?.outputAmount || null;
+export function getUsdInputFrom(quote: SelectedQuote): BigNumber | undefined {
+  const inputAmount = quote.requestAmount;
+  const inputTokenUsdPrice = quote.swaps[0].from.usdPrice;
+  if (!inputAmount || !inputTokenUsdPrice) {
+    return;
+  }
+  return new BigNumber(inputAmount).multipliedBy(inputTokenUsdPrice);
+}
+
+export function getUsdOutputFrom(quote: SelectedQuote): BigNumber | undefined {
+  const outputAmount = quote?.outputAmount || null;
+  const outputTokenUsdPrice = quote.swaps[quote.swaps.length - 1].to.usdPrice;
+  if (!outputAmount || !outputTokenUsdPrice) {
+    return;
+  }
+  return new BigNumber(outputAmount).multipliedBy(outputTokenUsdPrice);
 }
 
 export function getPercentageChange(input: string, output: string) {
   return new BigNumber(output)
     .div(new BigNumber(input))
     .minus(1)
-    .multipliedBy(100)
+    .multipliedBy(PERCENT_MULTIPLIER)
     .toNumber();
 }
 
-export function isOutputAmountChangedALot(
-  oldQuote: SelectedQuote,
-  newQuote: SelectedQuote
+export function isOutputAmountChangedExcessively(
+  previousQuote: SelectedQuote,
+  currentQuote: SelectedQuote
 ) {
-  const oldOutputAmount = getQuoteOutputAmount(oldQuote);
-  const newOutputAmount = getQuoteOutputAmount(newQuote);
-  if (!oldOutputAmount || !newOutputAmount) {
+  const usdInput = getUsdInputFrom(previousQuote);
+  const previousUsdOutput = getUsdOutputFrom(previousQuote);
+  const currentUsdOutput = getUsdOutputFrom(currentQuote);
+  if (!usdInput || !previousUsdOutput || !currentUsdOutput) {
     return false;
   }
-  const percentageChange = getPriceImpact(oldOutputAmount, newOutputAmount);
-  if (!percentageChange) {
-    return true;
-  }
 
-  return percentageChange <= -1;
+  const percentageChange = getPercentageChange(
+    previousUsdOutput.toString(),
+    currentUsdOutput.toString()
+  );
+
+  return OUTPUT_CHANGE_WARNING_CRITERIA.some(
+    ({ threshold, minInput }) =>
+      percentageChange <= threshold && usdInput.isGreaterThanOrEqualTo(minInput)
+  );
 }
 
 export function generateBalanceWarnings(
@@ -623,15 +651,6 @@ export function generateBalanceWarnings(
     });
 }
 
-export function calcOutputUsdValue(
-  outputAmount?: string,
-  tokenPrice?: number | null
-) {
-  const amount = !!outputAmount ? new BigNumber(outputAmount) : ZERO;
-
-  return amount.multipliedBy(tokenPrice || 0);
-}
-
 export function isNetworkStatusInWarningState(
   pendingSwapStep: PendingSwapStep | null
 ): boolean {

package/src/utils/wallets.ts

@@ -87,8 +87,7 @@ export function mapWalletTypesToWalletInfo(
         img: image,
         installLink,
         showOnMobile,
-        namespaces,
-        singleNamespace,
+        needsNamespace,
         supportedChains,
         needsDerivationPath,
         properties,
@@ -106,8 +105,7 @@ export function mapWalletTypesToWalletInfo(
         state,
         type,
         showOnMobile,
-        namespaces,
-        singleNamespace,
+        needsNamespace,
         blockchainTypes,
         needsDerivationPath,
         properties,

package/dist/constants/warnings.d.ts

@@ -1,3 +0,0 @@
-import type { QuoteUpdateWarning } from '../types';
-export declare function getQuoteUpdateWarningMessage(warning: QuoteUpdateWarning): string;
-//# sourceMappingURL=warnings.d.ts.map

package/dist/constants/warnings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"warnings.d.ts","sourceRoot":"","sources":["../../src/constants/warnings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAMnD,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,kBAAkB,UAmBvE"}

package/dist/utils/hub.d.ts

@@ -1,4 +0,0 @@
-import type { CommonNamespaceKeys } from '@rango-dev/wallets-core';
-import type { Namespace } from '@rango-dev/wallets-core/namespaces/common';
-export declare function convertCommonNamespacesKeysToLegacyNamespace(namespaces: CommonNamespaceKeys[]): Namespace[];
-//# sourceMappingURL=hub.d.ts.map

package/dist/utils/hub.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hub.d.ts","sourceRoot":"","sources":["../../src/utils/hub.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAE3E,wBAAgB,4CAA4C,CAC1D,UAAU,EAAE,mBAAmB,EAAE,GAChC,SAAS,EAAE,CAeb"}

package/src/constants/warnings.ts

@@ -1,26 +0,0 @@
-import type { QuoteUpdateWarning } from '../types';
-
-import { i18n } from '@lingui/core';
-
-import { QuoteUpdateType } from '../types';
-
-export function getQuoteUpdateWarningMessage(warning: QuoteUpdateWarning) {
-  switch (warning.type) {
-    case QuoteUpdateType.QUOTE_UPDATED:
-      return i18n.t('Route has been updated.');
-    case QuoteUpdateType.QUOTE_AND_OUTPUT_AMOUNT_UPDATED:
-      return i18n.t(
-        'Output amount changed to {newOutputAmount} ({percentageChange}% change).',
-        {
-          newOutputAmount: warning.newOutputAmount,
-          percentageChange: warning.percentageChange,
-        }
-      );
-    case QuoteUpdateType.QUOTE_SWAPPERS_UPDATED:
-      return i18n.t('Route swappers has been updated.');
-    case QuoteUpdateType.QUOTE_COINS_UPDATED:
-      return i18n.t('Route internal coins has been updated.');
-    default:
-      return '';
-  }
-}