@rango-dev/widget-embedded 0.19.0 → 0.19.1-next.1

package/src/utils/swap.ts

@@ -1,11 +1,13 @@
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import type { LoadingStatus } from '../store/meta';
-import type { ConnectedWallet } from '../store/wallets';
-import type { ConvertedToken, SwapButtonState, Wallet } from '../types';
+import type { FetchStatus } from '../store/slices/data';
 import type {
-  PendingSwap,
-  PendingSwapStep,
-} from '@rango-dev/queue-manager-rango-preset';
+  ConvertedToken,
+  QuoteError,
+  QuoteWarning,
+  RecommendedSlippages,
+  SwapButtonState,
+  Wallet,
+} from '../types';
 import type { WalletType } from '@rango-dev/wallets-shared';
 import type {
   BestRouteRequest,
@@ -15,10 +17,11 @@ import type {
   SwapResult,
   Token,
 } from 'rango-sdk';
+import type { PendingSwap, PendingSwapStep } from 'rango-types';
 
 import { i18n } from '@lingui/core';
-import { PendingSwapNetworkStatus } from '@rango-dev/queue-manager-rango-preset';
 import BigNumber from 'bignumber.js';
+import { PendingSwapNetworkStatus } from 'rango-types';
 
 import { isValidAddress } from '../components/ConfirmWalletsModal/ConfirmWallets.helpers';
 import { errorMessages } from '../constants/errors';
@@ -30,12 +33,11 @@ import {
   TOKEN_AMOUNT_MAX_DECIMALS,
   TOKEN_AMOUNT_MIN_DECIMALS,
 } from '../constants/routing';
-import { useMetaStore } from '../store/meta';
-import { ButtonState } from '../types';
 
 import { removeDuplicateFrom } from './common';
+import { getBlockchainShortNameFor } from './meta';
 import { numberToString } from './numbers';
-import { getRequiredBalanceOfWallet } from './routing';
+import { getPriceImpact, getRequiredBalanceOfWallet } from './quote';
 import { getRequiredChains } from './wallets';
 
 export function getOutputRatio(
@@ -50,25 +52,29 @@ export function getOutputRatio(
   ) {
     return 0;
   }
-  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
+  return outputUsdValue
+    .div(inputUsdValue)
+    .minus(1)
+    .multipliedBy(100)
+    .toNumber();
 }
 
-export function outputRatioHasWarning(
+export function hasHighValueLoss(
   inputUsdValue: BigNumber | null,
-  outputRatio: BigNumber | 0
+  priceImpact: number
 ): boolean {
   return (
-    ((parseInt(outputRatio.toFixed(2) || '0') <= -10 &&
+    ((parseInt(priceImpact.toFixed(2) || '0') <= -10 &&
       inputUsdValue?.gte(new BigNumber(400))) ||
-      (parseInt(outputRatio.toFixed(2) || '0') <= -5 &&
+      (parseInt(priceImpact.toFixed(2) || '0') <= -5 &&
         inputUsdValue?.gte(new BigNumber(1000)))) ??
     false
   );
 }
 
-export function hasLimitError(bestRoute: BestRouteResponse | null): boolean {
+export function hasLimitError(quote: BestRouteResponse | null): boolean {
   return (
-    (bestRoute?.result?.swaps || []).filter((swap) => {
+    (quote?.result?.swaps || []).filter((swap) => {
       const minimum = !!swap.fromAmountMinValue
         ? new BigNumber(swap.fromAmountMinValue)
         : null;
@@ -83,16 +89,12 @@ export function hasLimitError(bestRoute: BestRouteResponse | null): boolean {
     }).length > 0
   );
 }
-
-export function LimitErrorMessage(bestRoute: BestRouteResponse | null): {
-  swap: SwapResult | null;
+export function getLimitErrorMessage(quote: BestRouteResponse): {
+  swap: SwapResult;
   fromAmountRangeError: string;
   recommendation: string;
 } {
-  if (!bestRoute) {
-    return { swap: null, fromAmountRangeError: '', recommendation: '' };
-  }
-  const swap = (bestRoute?.result?.swaps || []).filter((swap) => {
+  const swap = (quote.result?.swaps || []).filter((swap) => {
     const minimum = !!swap.fromAmountMinValue
       ? new BigNumber(swap.fromAmountMinValue)
       : null;
@@ -105,9 +107,7 @@ export function LimitErrorMessage(bestRoute: BestRouteResponse | null): {
     }
     return minimum?.gt(swap.fromAmount) || maximum?.lt(swap.fromAmount);
   })[0];
-  if (!swap) {
-    return { swap: null, fromAmountRangeError: '', recommendation: '' };
-  }
+
   const minimum = !!swap.fromAmountMinValue
     ? new BigNumber(swap.fromAmountMinValue)
     : null;
@@ -177,85 +177,92 @@ export function LimitErrorMessage(bestRoute: BestRouteResponse | null): {
   return { swap, fromAmountRangeError, recommendation };
 }
 
-export function getSwapButtonState(
-  loadingMetaStatus: LoadingStatus,
-  connectedWallets: ConnectedWallet[],
-  loading: boolean,
-  bestRoute: BestRouteResponse | null,
-  hasLimitError: boolean,
-  highValueLoss: boolean,
-  priceImpactCanNotBeComputed: boolean,
-  needsToWarnEthOnPath: boolean,
-  inputAmount: string
-): SwapButtonState {
-  if (loadingMetaStatus !== 'success') {
+export function getSwapButtonState(params: {
+  fetchMetaStatus: FetchStatus;
+  anyWalletConnected: boolean;
+  fetchingQuote: boolean;
+  inputAmount: string;
+  quote: BestRouteResponse | null;
+  warning: QuoteWarning | null;
+  error: QuoteError | null;
+  needsToWarnEthOnPath: boolean;
+}): SwapButtonState {
+  const {
+    fetchMetaStatus,
+    anyWalletConnected,
+    fetchingQuote,
+    inputAmount,
+    quote,
+    warning,
+    error,
+    needsToWarnEthOnPath,
+  } = params;
+  if (fetchMetaStatus !== 'success') {
     return {
       title: swapButtonTitles().connectWallet,
-      state: ButtonState.WAITFORCONNECTING,
+      action: 'connect-wallet',
       disabled: true,
     };
   }
-  if (connectedWallets.length == 0) {
+  if (!anyWalletConnected) {
     return {
       title: swapButtonTitles().connectWallet,
-      state: ButtonState.WAITFORCONNECTING,
+      action: 'connect-wallet',
       disabled: false,
     };
   }
   if (
-    loading ||
-    !bestRoute ||
-    !bestRoute.result ||
-    hasLimitError ||
+    fetchingQuote ||
+    !quote ||
+    !quote.result ||
+    error ||
     !inputAmount ||
     inputAmount === '0'
   ) {
     return {
       title: swapButtonTitles().swap,
+      action: 'confirm-swap',
       disabled: true,
-      state: ButtonState.SWAP,
     };
-  } else if (highValueLoss || priceImpactCanNotBeComputed) {
+  } else if (warning) {
     return {
       title: swapButtonTitles().swapAnyway,
+      action: 'confirm-warning',
       disabled: false,
-      hasWarning: true,
-      state: ButtonState.NEEDTOCONFIRM,
     };
   } else if (needsToWarnEthOnPath) {
     return {
-      title: swapButtonTitles().ethRouteWarning,
+      title: swapButtonTitles().ethWarning,
+      action: 'confirm-warning',
       disabled: false,
-      hasWarning: true,
-      state: ButtonState.WARNING,
     };
   }
   return {
     title: swapButtonTitles().swap,
+    action: 'confirm-swap',
     disabled: false,
-    state: ButtonState.SWAP,
   };
 }
 
 export function canComputePriceImpact(
-  bestRoute: BestRouteResponse | null,
+  quote: BestRouteResponse | null,
   inputAmount: string,
   usdValue: BigNumber | null
 ) {
   return !(
     (!usdValue || usdValue.lte(ZERO)) &&
-    !!bestRoute?.result &&
+    !!quote?.result &&
     !!inputAmount &&
     inputAmount !== '0' &&
     parseFloat(inputAmount || '0') !== 0 &&
-    !!bestRoute.result
+    !!quote.result
   );
 }
 
-export function requiredWallets(route: BestRouteResponse | null) {
+export function requiredWallets(quote: BestRouteResponse | null) {
   const wallets: string[] = [];
 
-  route?.result?.swaps.forEach((swap) => {
+  quote?.result?.swaps.forEach((swap) => {
     const currentStepFromBlockchain = swap.from.blockchain;
     const currentStepToBlockchain = swap.to.blockchain;
     let lastAddedWallet = wallets[wallets.length - 1];
@@ -311,15 +318,13 @@ export function getUsdFeeOfStep(
 }
 
 export function getTotalFeeInUsd(
-  bestRoute: BestRouteResponse | null,
+  swaps: SwapResult[],
   allTokens: Token[]
-): BigNumber | null {
-  return (
-    bestRoute?.result?.swaps.reduce(
-      (totalFee: BigNumber, step) =>
-        totalFee.plus(getUsdFeeOfStep(step, allTokens)),
-      ZERO
-    ) || null
+): BigNumber {
+  return swaps.reduce(
+    (totalFee: BigNumber, step) =>
+      totalFee.plus(getUsdFeeOfStep(step, allTokens)),
+    ZERO
   );
 }
 
@@ -336,10 +341,44 @@ export function hasSlippageError(
   return (slippages?.filter((s) => !!s?.error)?.length || 0) > 0;
 }
 
+export function checkSlippageErrors(
+  quote: BestRouteResponse
+): RecommendedSlippages | null {
+  const recommendedSlippages: RecommendedSlippages = new Map();
+  quote.result?.swaps.forEach((swap, index) => {
+    if (swap.recommendedSlippage?.error) {
+      recommendedSlippages.set(index, swap.recommendedSlippage.slippage);
+    }
+  });
+  if (recommendedSlippages.size > 0) {
+    return recommendedSlippages;
+  }
+  return null;
+}
+
+export function checkSlippageWarnings(
+  quote: BestRouteResponse,
+  userSlippage: number
+): RecommendedSlippages | null {
+  const recommendedSlippages: RecommendedSlippages = new Map();
+  quote.result?.swaps.forEach((swap, index) => {
+    if (
+      swap.recommendedSlippage?.slippage &&
+      parseFloat(swap.recommendedSlippage.slippage) > userSlippage
+    ) {
+      recommendedSlippages.set(index, swap.recommendedSlippage.slippage);
+    }
+  });
+  if (recommendedSlippages.size > 0) {
+    return recommendedSlippages;
+  }
+  return null;
+}
+
 export function getMinRequiredSlippage(
-  route: BestRouteResponse
+  quote: BestRouteResponse
 ): string | null {
-  const slippages = route.result?.swaps.map(
+  const slippages = quote.result?.swaps.map(
     (slippage) => slippage.recommendedSlippage
   );
   return (
@@ -362,10 +401,10 @@ export function hasProperSlippage(
 }
 
 export function hasEnoughBalance(
-  route: BestRouteResponse,
+  quote: BestRouteResponse,
   selectedWallets: Wallet[]
 ) {
-  const fee = route.validationStatus;
+  const fee = quote.validationStatus;
 
   if (fee === null || fee.length === 0) {
     return true;
@@ -389,29 +428,31 @@ export function hasEnoughBalance(
 }
 
 export function hasEnoughBalanceAndProperSlippage(
-  route: BestRouteResponse,
+  quote: BestRouteResponse,
   selectedWallets: Wallet[],
   userSlippage: string,
   minRequiredSlippage: string | null
 ): boolean {
   return (
-    hasEnoughBalance(route, selectedWallets) &&
+    hasEnoughBalance(quote, selectedWallets) &&
     hasProperSlippage(userSlippage, minRequiredSlippage)
   );
 }
 
-export function createBestRouteRequestBody(params: {
+export function createQuoteRequestBody(params: {
   fromToken: Token;
   toToken: Token;
   inputAmount: string;
   wallets?: Wallet[];
   selectedWallets?: Wallet[];
+  liquiditySources?: string[];
+  excludeLiquiditySources?: boolean;
   disabledLiquiditySources: string[];
   slippage: number;
   affiliateRef: string | null;
   affiliatePercent: number | null;
   affiliateWallets: { [key: string]: string } | null;
-  initialRoute?: BestRouteResponse;
+  initialQuote?: BestRouteResponse;
   destination?: string;
 }): BestRouteRequest {
   const {
@@ -421,11 +462,13 @@ export function createBestRouteRequestBody(params: {
     wallets,
     selectedWallets,
     disabledLiquiditySources,
+    liquiditySources,
+    excludeLiquiditySources,
     slippage,
     affiliateRef,
     affiliatePercent,
     affiliateWallets,
-    initialRoute,
+    initialQuote,
     destination,
   } = params;
   const selectedWalletsMap = selectedWallets?.reduce(
@@ -455,10 +498,10 @@ export function createBestRouteRequestBody(params: {
     }
   });
 
-  const checkPrerequisites = !!initialRoute;
+  const checkPrerequisites = !!initialQuote;
 
   const filteredBlockchains = removeDuplicateFrom(
-    (initialRoute?.result?.swaps || []).reduce(
+    (initialQuote?.result?.swaps || []).reduce(
       (blockchains: string[], swap) => {
         blockchains.push(swap.from.blockchain, swap.to.blockchain);
         // Check if internalSwaps array exists
@@ -496,13 +539,18 @@ export function createBestRouteRequestBody(params: {
     selectedWallets: selectedWalletsMap ?? {},
     slippage: slippage.toString(),
     ...(destination && { destination: destination }),
-    ...(disabledLiquiditySources.length > 0 && {
-      swapperGroups: disabledLiquiditySources,
+    ...(excludeLiquiditySources && {
+      swapperGroups: disabledLiquiditySources.concat(liquiditySources ?? []),
       swappersGroupsExclude: true,
     }),
+    ...(!excludeLiquiditySources && {
+      swapperGroups: liquiditySources?.filter(
+        (liquiditySource) => !disabledLiquiditySources.includes(liquiditySource)
+      ),
+      swappersGroupsExclude: false,
+    }),
     ...(checkPrerequisites && { blockchains: filteredBlockchains }),
   };
-
   return requestBody;
 }
 
@@ -526,49 +574,42 @@ export function getWalletsForNewSwap(selectedWallets: Wallet[]) {
   return wallets;
 }
 
-export function getRouteOutputAmount(route: BestRouteResponse | null) {
-  return route?.result?.outputAmount || null;
+export function getQuoteOutputAmount(quote: BestRouteResponse) {
+  return quote.result?.outputAmount || null;
 }
 
-export function getPercentageChange(
-  inputUsdValue: string | number | null,
-  outputUsdValue: string | number | null
-) {
-  if (!inputUsdValue || !outputUsdValue) {
-    return null;
-  }
-  return new BigNumber(outputUsdValue)
-    .div(new BigNumber(inputUsdValue))
+export function getPercentageChange(input: string, output: string) {
+  return new BigNumber(output)
+    .div(new BigNumber(input))
     .minus(1)
-    .multipliedBy(100);
+    .multipliedBy(100)
+    .toNumber();
 }
 
 export function isOutputAmountChangedALot(
-  oldRoute: BestRouteResponse,
-  newRoute: BestRouteResponse
+  oldQuote: BestRouteResponse,
+  newQuote: BestRouteResponse
 ) {
-  const oldOutputAmount = getRouteOutputAmount(oldRoute);
-  const newOutputAmount = getRouteOutputAmount(newRoute);
+  const oldOutputAmount = getQuoteOutputAmount(oldQuote);
+  const newOutputAmount = getQuoteOutputAmount(newQuote);
   if (!oldOutputAmount || !newOutputAmount) {
     return false;
   }
-  const percentageChange = getPercentageChange(
-    oldOutputAmount,
-    newOutputAmount
-  );
+  const percentageChange = getPriceImpact(oldOutputAmount, newOutputAmount);
   if (!percentageChange) {
     return true;
   }
 
-  return percentageChange.toNumber() <= -1;
+  return percentageChange <= -1;
 }
 
-export function getBalanceWarnings(
-  route: BestRouteResponse,
-  selectedWallets: Wallet[]
+export function generateBalanceWarnings(
+  quote: BestRouteResponse,
+  selectedWallets: Wallet[],
+  blockchains: BlockchainMeta[]
 ) {
-  const fee = route.validationStatus;
-  const requiredWallets = getRequiredChains(route);
+  const fee = quote.validationStatus;
+  const requiredWallets = getRequiredChains(quote);
   const walletsSortedByRequiredWallets = selectedWallets.sort(
     (selectedWallet1, selectedWallet2) =>
       requiredWallets.indexOf(selectedWallet1.chain) -
@@ -610,7 +651,10 @@ export function getBalanceWarnings(
           symbol,
           reason,
           currentAmount,
-          blockchain: asset.asset.blockchain,
+          blockchain: getBlockchainShortNameFor(
+            asset.asset.blockchain,
+            blockchains
+          ),
         },
       });
       return warningMessage;
@@ -714,29 +758,19 @@ export function shouldRetrySwap(pendingSwap: PendingSwap) {
     new Date().getTime() - parseInt(pendingSwap.finishTime) < 4 * 3600 * 1000
   );
 }
-export function isValidCustomDestination(
-  blockchain: string,
-  address: string
-): boolean {
-  const blockchains = useMetaStore.getState().meta.blockchains;
-  const regex =
-    blockchains.find((chain) => chain.name === blockchain)?.addressPatterns ||
-    [];
-  return regex.filter((r) => new RegExp(r).test(address)).length > 0;
-}
 
 export function confirmSwapDisabled(
   fetching: boolean,
   showCustomDestination: boolean,
   customDestination: string,
-  bestRoute: BestRouteResponse | null,
+  quote: BestRouteResponse | null,
   selectedWallets: { walletType: string; chain: string }[],
   lastStepToBlockchain?: BlockchainMeta
 ) {
   return (
     fetching ||
     (!showCustomDestination &&
-      !requiredWallets(bestRoute).every((chain) =>
+      !requiredWallets(quote).every((chain) =>
         selectedWallets.map((wallet) => wallet.chain).includes(chain)
       )) ||
     (!!showCustomDestination && !customDestination) ||

package/src/utils/time.ts

@@ -1,4 +1,4 @@
-import type { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
+import type { PendingSwap } from 'rango-types';
 
 import { i18n } from '@lingui/core';