@rango-dev/widget-embedded 0.17.1-next.9 → 0.19.0

package/src/utils/swap.ts

@@ -1,12 +1,7 @@
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import type { FetchStatus } from '../store/slices/data';
+import type { LoadingStatus } from '../store/meta';
 import type { ConnectedWallet } from '../store/wallets';
-import type {
-  ConvertedToken,
-  RecommendedSlippages,
-  SwapButtonState,
-  Wallet,
-} from '../types';
+import type { ConvertedToken, SwapButtonState, Wallet } from '../types';
 import type {
   PendingSwap,
   PendingSwapStep,
@@ -35,11 +30,12 @@ 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 { numberToString } from './numbers';
-import { getRequiredBalanceOfWallet } from './quote';
+import { getRequiredBalanceOfWallet } from './routing';
 import { getRequiredChains } from './wallets';
 
 export function getOutputRatio(
@@ -54,29 +50,25 @@ export function getOutputRatio(
   ) {
     return 0;
   }
-  return outputUsdValue
-    .div(inputUsdValue)
-    .minus(1)
-    .multipliedBy(100)
-    .toNumber();
+  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
 }
 
-export function hasHighValueLoss(
+export function outputRatioHasWarning(
   inputUsdValue: BigNumber | null,
-  priceImpact: number
+  outputRatio: BigNumber | 0
 ): boolean {
   return (
-    ((parseInt(priceImpact.toFixed(2) || '0') <= -10 &&
+    ((parseInt(outputRatio.toFixed(2) || '0') <= -10 &&
       inputUsdValue?.gte(new BigNumber(400))) ||
-      (parseInt(priceImpact.toFixed(2) || '0') <= -5 &&
+      (parseInt(outputRatio.toFixed(2) || '0') <= -5 &&
         inputUsdValue?.gte(new BigNumber(1000)))) ??
     false
   );
 }
 
-export function hasLimitError(quote: BestRouteResponse | null): boolean {
+export function hasLimitError(bestRoute: BestRouteResponse | null): boolean {
   return (
-    (quote?.result?.swaps || []).filter((swap) => {
+    (bestRoute?.result?.swaps || []).filter((swap) => {
       const minimum = !!swap.fromAmountMinValue
         ? new BigNumber(swap.fromAmountMinValue)
         : null;
@@ -91,12 +83,16 @@ export function hasLimitError(quote: BestRouteResponse | null): boolean {
     }).length > 0
   );
 }
-export function getLimitErrorMessage(quote: BestRouteResponse): {
-  swap: SwapResult;
+
+export function LimitErrorMessage(bestRoute: BestRouteResponse | null): {
+  swap: SwapResult | null;
   fromAmountRangeError: string;
   recommendation: string;
 } {
-  const swap = (quote.result?.swaps || []).filter((swap) => {
+  if (!bestRoute) {
+    return { swap: null, fromAmountRangeError: '', recommendation: '' };
+  }
+  const swap = (bestRoute?.result?.swaps || []).filter((swap) => {
     const minimum = !!swap.fromAmountMinValue
       ? new BigNumber(swap.fromAmountMinValue)
       : null;
@@ -109,7 +105,9 @@ export function getLimitErrorMessage(quote: BestRouteResponse): {
     }
     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;
@@ -180,10 +178,10 @@ export function getLimitErrorMessage(quote: BestRouteResponse): {
 }
 
 export function getSwapButtonState(
-  loadingMetaStatus: FetchStatus,
+  loadingMetaStatus: LoadingStatus,
   connectedWallets: ConnectedWallet[],
   loading: boolean,
-  quote: BestRouteResponse | null,
+  bestRoute: BestRouteResponse | null,
   hasLimitError: boolean,
   highValueLoss: boolean,
   priceImpactCanNotBeComputed: boolean,
@@ -206,8 +204,8 @@ export function getSwapButtonState(
   }
   if (
     loading ||
-    !quote ||
-    !quote.result ||
+    !bestRoute ||
+    !bestRoute.result ||
     hasLimitError ||
     !inputAmount ||
     inputAmount === '0'
@@ -226,7 +224,7 @@ export function getSwapButtonState(
     };
   } else if (needsToWarnEthOnPath) {
     return {
-      title: swapButtonTitles().ethWarning,
+      title: swapButtonTitles().ethRouteWarning,
       disabled: false,
       hasWarning: true,
       state: ButtonState.WARNING,
@@ -240,24 +238,24 @@ export function getSwapButtonState(
 }
 
 export function canComputePriceImpact(
-  quote: BestRouteResponse | null,
+  bestRoute: BestRouteResponse | null,
   inputAmount: string,
   usdValue: BigNumber | null
 ) {
   return !(
     (!usdValue || usdValue.lte(ZERO)) &&
-    !!quote?.result &&
+    !!bestRoute?.result &&
     !!inputAmount &&
     inputAmount !== '0' &&
     parseFloat(inputAmount || '0') !== 0 &&
-    !!quote.result
+    !!bestRoute.result
   );
 }
 
-export function requiredWallets(quote: BestRouteResponse | null) {
+export function requiredWallets(route: BestRouteResponse | null) {
   const wallets: string[] = [];
 
-  quote?.result?.swaps.forEach((swap) => {
+  route?.result?.swaps.forEach((swap) => {
     const currentStepFromBlockchain = swap.from.blockchain;
     const currentStepToBlockchain = swap.to.blockchain;
     let lastAddedWallet = wallets[wallets.length - 1];
@@ -313,13 +311,15 @@ export function getUsdFeeOfStep(
 }
 
 export function getTotalFeeInUsd(
-  swaps: SwapResult[],
+  bestRoute: BestRouteResponse | null,
   allTokens: Token[]
-): BigNumber {
-  return swaps.reduce(
-    (totalFee: BigNumber, step) =>
-      totalFee.plus(getUsdFeeOfStep(step, allTokens)),
-    ZERO
+): BigNumber | null {
+  return (
+    bestRoute?.result?.swaps.reduce(
+      (totalFee: BigNumber, step) =>
+        totalFee.plus(getUsdFeeOfStep(step, allTokens)),
+      ZERO
+    ) || null
   );
 }
 
@@ -336,44 +336,10 @@ 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 &&
-      parseInt(swap.recommendedSlippage?.slippage) > userSlippage
-    ) {
-      recommendedSlippages.set(index, swap.recommendedSlippage.slippage);
-    }
-  });
-  if (recommendedSlippages.size > 0) {
-    return recommendedSlippages;
-  }
-  return null;
-}
-
 export function getMinRequiredSlippage(
-  quote: BestRouteResponse
+  route: BestRouteResponse
 ): string | null {
-  const slippages = quote.result?.swaps.map(
+  const slippages = route.result?.swaps.map(
     (slippage) => slippage.recommendedSlippage
   );
   return (
@@ -396,10 +362,10 @@ export function hasProperSlippage(
 }
 
 export function hasEnoughBalance(
-  quote: BestRouteResponse,
+  route: BestRouteResponse,
   selectedWallets: Wallet[]
 ) {
-  const fee = quote.validationStatus;
+  const fee = route.validationStatus;
 
   if (fee === null || fee.length === 0) {
     return true;
@@ -423,31 +389,29 @@ export function hasEnoughBalance(
 }
 
 export function hasEnoughBalanceAndProperSlippage(
-  quote: BestRouteResponse,
+  route: BestRouteResponse,
   selectedWallets: Wallet[],
   userSlippage: string,
   minRequiredSlippage: string | null
 ): boolean {
   return (
-    hasEnoughBalance(quote, selectedWallets) &&
+    hasEnoughBalance(route, selectedWallets) &&
     hasProperSlippage(userSlippage, minRequiredSlippage)
   );
 }
 
-export function createQuoteRequestBody(params: {
+export function createBestRouteRequestBody(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;
-  initialQuote?: BestRouteResponse;
+  initialRoute?: BestRouteResponse;
   destination?: string;
 }): BestRouteRequest {
   const {
@@ -457,13 +421,11 @@ export function createQuoteRequestBody(params: {
     wallets,
     selectedWallets,
     disabledLiquiditySources,
-    liquiditySources,
-    excludeLiquiditySources,
     slippage,
     affiliateRef,
     affiliatePercent,
     affiliateWallets,
-    initialQuote,
+    initialRoute,
     destination,
   } = params;
   const selectedWalletsMap = selectedWallets?.reduce(
@@ -493,10 +455,10 @@ export function createQuoteRequestBody(params: {
     }
   });
 
-  const checkPrerequisites = !!initialQuote;
+  const checkPrerequisites = !!initialRoute;
 
   const filteredBlockchains = removeDuplicateFrom(
-    (initialQuote?.result?.swaps || []).reduce(
+    (initialRoute?.result?.swaps || []).reduce(
       (blockchains: string[], swap) => {
         blockchains.push(swap.from.blockchain, swap.to.blockchain);
         // Check if internalSwaps array exists
@@ -534,18 +496,13 @@ export function createQuoteRequestBody(params: {
     selectedWallets: selectedWalletsMap ?? {},
     slippage: slippage.toString(),
     ...(destination && { destination: destination }),
-    ...(excludeLiquiditySources && {
-      swapperGroups: disabledLiquiditySources.concat(liquiditySources ?? []),
+    ...(disabledLiquiditySources.length > 0 && {
+      swapperGroups: disabledLiquiditySources,
       swappersGroupsExclude: true,
     }),
-    ...(!excludeLiquiditySources && {
-      swapperGroups: liquiditySources?.filter(
-        (liquiditySource) => !disabledLiquiditySources.includes(liquiditySource)
-      ),
-      swappersGroupsExclude: false,
-    }),
     ...(checkPrerequisites && { blockchains: filteredBlockchains }),
   };
+
   return requestBody;
 }
 
@@ -569,24 +526,29 @@ export function getWalletsForNewSwap(selectedWallets: Wallet[]) {
   return wallets;
 }
 
-export function getQuoteOutputAmount(quote: BestRouteResponse) {
-  return quote.result?.outputAmount || null;
+export function getRouteOutputAmount(route: BestRouteResponse | null) {
+  return route?.result?.outputAmount || null;
 }
 
-export function getPercentageChange(input: string, output: string) {
-  return new BigNumber(output)
-    .div(new BigNumber(input))
+export function getPercentageChange(
+  inputUsdValue: string | number | null,
+  outputUsdValue: string | number | null
+) {
+  if (!inputUsdValue || !outputUsdValue) {
+    return null;
+  }
+  return new BigNumber(outputUsdValue)
+    .div(new BigNumber(inputUsdValue))
     .minus(1)
-    .multipliedBy(100)
-    .toNumber();
+    .multipliedBy(100);
 }
 
 export function isOutputAmountChangedALot(
-  oldQuote: BestRouteResponse,
-  newQuote: BestRouteResponse
+  oldRoute: BestRouteResponse,
+  newRoute: BestRouteResponse
 ) {
-  const oldOutputAmount = getQuoteOutputAmount(oldQuote);
-  const newOutputAmount = getQuoteOutputAmount(newQuote);
+  const oldOutputAmount = getRouteOutputAmount(oldRoute);
+  const newOutputAmount = getRouteOutputAmount(newRoute);
   if (!oldOutputAmount || !newOutputAmount) {
     return false;
   }
@@ -598,15 +560,15 @@ export function isOutputAmountChangedALot(
     return true;
   }
 
-  return percentageChange <= -1;
+  return percentageChange.toNumber() <= -1;
 }
 
 export function getBalanceWarnings(
-  quote: BestRouteResponse,
+  route: BestRouteResponse,
   selectedWallets: Wallet[]
 ) {
-  const fee = quote.validationStatus;
-  const requiredWallets = getRequiredChains(quote);
+  const fee = route.validationStatus;
+  const requiredWallets = getRequiredChains(route);
   const walletsSortedByRequiredWallets = selectedWallets.sort(
     (selectedWallet1, selectedWallet2) =>
       requiredWallets.indexOf(selectedWallet1.chain) -
@@ -752,19 +714,29 @@ 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,
-  quote: BestRouteResponse | null,
+  bestRoute: BestRouteResponse | null,
   selectedWallets: { walletType: string; chain: string }[],
   lastStepToBlockchain?: BlockchainMeta
 ) {
   return (
     fetching ||
     (!showCustomDestination &&
-      !requiredWallets(quote).every((chain) =>
+      !requiredWallets(bestRoute).every((chain) =>
         selectedWallets.map((wallet) => wallet.chain).includes(chain)
       )) ||
     (!!showCustomDestination && !customDestination) ||

package/src/utils/wallets.ts

@@ -55,11 +55,8 @@ export function mapWalletTypesToWalletInfo(
   return list
     .filter((wallet) => !EXCLUDED_WALLETS.includes(wallet as WalletTypes))
     .filter((wallet) => {
-      const { supportedChains, isContractWallet } = getWalletInfo(wallet);
-      const { installed, network } = getState(wallet);
-      const filterContractWallets =
-        isContractWallet && (!installed || (!!chain && network !== chain));
-      if (filterContractWallets) {
+      const { supportedChains, hideWhenNotInstalled } = getWalletInfo(wallet);
+      if (hideWhenNotInstalled && !getState(wallet).installed) {
         return false;
       }
       if (chain) {
@@ -100,8 +97,7 @@ export function prepareAccountsForWalletStore(
   wallet: WalletType,
   accounts: string[],
   evmBasedChains: string[],
-  supportedChainNames: Network[] | null,
-  isContractWallet: boolean
+  supportedChainNames: Network[] | null
 ): Wallet[] {
   const result: Wallet[] = [];
 
@@ -155,29 +151,21 @@ export function prepareAccountsForWalletStore(
 
     // If it's an evm network, we will add the address to all the evm chains.
     if (isEvmBasedChain || isUnknownAndEvmBased) {
-      if (isContractWallet) {
+      /*
+       * 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) => {
         /*
-         * for contract wallets like Safe wallet, we should add only account for the
-         * current connected blockchain not all of the supported blockchains
+         * 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 {
-        /*
-         * 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 sensitive.
-           * Some wallets like Binance-chain return some letters in uppercase which produces bugs in our wallet state.
-           */
-          addAccount(network, address.toLowerCase());
-        });
-      }
+      });
     } else {
       addAccount(network, address);
     }
@@ -186,10 +174,10 @@ export function prepareAccountsForWalletStore(
   return result;
 }
 
-export function getRequiredChains(quote: BestRouteResponse | null) {
+export function getRequiredChains(route: BestRouteResponse | null) {
   const wallets: string[] = [];
 
-  quote?.result?.swaps.forEach((swap) => {
+  route?.result?.swaps.forEach((swap) => {
     const currentStepFromBlockchain = swap.from.blockchain;
     const currentStepToBlockchain = swap.to.blockchain;
     if (!wallets.includes(currentStepFromBlockchain)) {

package/dist/components/NoResult/NoResult.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './NoResult.types';
-import React from 'react';
-export declare function NoResult(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=NoResult.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NoResult.d.ts","sourceRoot":"","sources":["../../../src/components/NoResult/NoResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBA2DxC"}

package/dist/components/NoResult/NoResult.helpers.d.ts

@@ -1,4 +0,0 @@
-import type { Info } from './NoResult.types';
-import { type NoResultError, type QuoteRequestFailed } from '../../types';
-export declare function makeInfo(error: NoResultError | QuoteRequestFailed | null, disabledLiquiditySources: string[], toggleAllLiquiditySources: (shouldReset: boolean) => void, refetchQuote: () => void): Info;
-//# sourceMappingURL=NoResult.helpers.d.ts.map

package/dist/components/NoResult/NoResult.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoResult.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/NoResult/NoResult.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAK7C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAC;AAErB,wBAAgB,QAAQ,CACtB,KAAK,EAAE,aAAa,GAAG,kBAAkB,GAAG,IAAI,EAChD,wBAAwB,EAAE,MAAM,EAAE,EAClC,yBAAyB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,EACzD,YAAY,EAAE,MAAM,IAAI,GACvB,IAAI,CA0CN"}

package/dist/components/NoResult/NoResult.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoResult.types.d.ts","sourceRoot":"","sources":["../../../src/components/NoResult/NoResult.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAErE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,aAAa,GAAG,kBAAkB,GAAG,IAAI,CAAC;CAClD;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/NoResult/index.d.ts

@@ -1,2 +0,0 @@
-export { NoResult } from './NoResult';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/NoResult/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NoResult/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Quote/Quote.d.ts

@@ -1,4 +0,0 @@
-import type { QuoteProps } from './Quote.types';
-import React from 'react';
-export declare function Quote(props: QuoteProps): React.JSX.Element;
-//# sourceMappingURL=Quote.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkBhD,OAAO,KAA4C,MAAM,OAAO,CAAC;AAoCjE,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAkStC"}