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

package/src/containers/QuoteInfo/QuoteInfo.tsx

@@ -1,97 +0,0 @@
-import type { PropTypes } from './QuoteInfo.types';
-
-import { Divider } from '@rango-dev/ui';
-import React from 'react';
-
-import { Quote, QuoteSkeleton } from '../../components/Quote';
-import { QuoteWarningsAndErrors } from '../../components/QuoteWarningsAndErrors';
-import {
-  TOKEN_AMOUNT_MAX_DECIMALS,
-  TOKEN_AMOUNT_MIN_DECIMALS,
-  USD_VALUE_MAX_DECIMALS,
-  USD_VALUE_MIN_DECIMALS,
-} from '../../constants/routing';
-import { useQuoteStore } from '../../store/quote';
-import { numberToString } from '../../utils/numbers';
-
-import { QuoteContainer } from './QuoteInfo.styles';
-
-export function QuoteInfo(props: PropTypes) {
-  const {
-    quote,
-    type,
-    loading,
-    error,
-    warning,
-    refetchQuote,
-    showWarningModal,
-    onOpenWarningModal,
-    onCloseWarningModal,
-    onConfirmWarningModal,
-    expanded = false,
-  } = props;
-  const { inputAmount, inputUsdValue, outputUsdValue, outputAmount } =
-    useQuoteStore();
-
-  const showQuote = quote && quote.result && !loading;
-  return (
-    <>
-      {loading && (
-        <QuoteContainer>
-          <QuoteSkeleton type={type} expanded={expanded} />
-        </QuoteContainer>
-      )}
-      {showQuote ? (
-        <QuoteContainer>
-          <Quote
-            quote={quote}
-            error={error}
-            warning={warning}
-            type={type}
-            expanded={expanded}
-            recommended={true}
-            input={{
-              value: numberToString(
-                inputAmount,
-                TOKEN_AMOUNT_MIN_DECIMALS,
-                TOKEN_AMOUNT_MAX_DECIMALS
-              ),
-              usdValue: numberToString(
-                inputUsdValue,
-                USD_VALUE_MIN_DECIMALS,
-                USD_VALUE_MAX_DECIMALS
-              ),
-            }}
-            output={{
-              value: numberToString(
-                outputAmount,
-                TOKEN_AMOUNT_MIN_DECIMALS,
-                TOKEN_AMOUNT_MAX_DECIMALS
-              ),
-              usdValue: numberToString(
-                outputUsdValue,
-                USD_VALUE_MIN_DECIMALS,
-                USD_VALUE_MAX_DECIMALS
-              ),
-            }}
-          />
-        </QuoteContainer>
-      ) : null}
-
-      {!warning && !error && <Divider size={16} />}
-
-      {(warning || error) && (
-        <QuoteWarningsAndErrors
-          warning={warning}
-          error={error}
-          loading={loading}
-          refetchQuote={refetchQuote}
-          showWarningModal={showWarningModal}
-          onOpenWarningModal={onOpenWarningModal}
-          onCloseWarningModal={onCloseWarningModal}
-          onConfirmWarningModal={onConfirmWarningModal}
-        />
-      )}
-    </>
-  );
-}

package/src/containers/QuoteInfo/QuoteInfo.types.ts

@@ -1,17 +0,0 @@
-import type { QuoteProps } from '../../components/Quote/Quote.types';
-import type { QuoteError, QuoteWarning } from '../../types';
-import type { BestRouteResponse } from 'rango-sdk';
-
-export type PropTypes = {
-  quote: BestRouteResponse | null;
-  type: QuoteProps['type'];
-  loading: boolean;
-  error: QuoteError | null;
-  warning: QuoteWarning | null;
-  expanded?: boolean;
-  refetchQuote: () => void;
-  showWarningModal: boolean;
-  onOpenWarningModal: () => void;
-  onCloseWarningModal: () => void;
-  onConfirmWarningModal: () => void;
-};

package/src/containers/QuoteInfo/index.ts

@@ -1 +0,0 @@
-export { QuoteInfo } from './QuoteInfo';

package/src/hooks/useConfirmSwap/index.ts

@@ -1 +0,0 @@
-export { useConfirmSwap } from './useConfirmSwap';

package/src/hooks/useConfirmSwap/useConfirmSwap.helpers.ts

@@ -1,168 +0,0 @@
-import type { ConfirmSwapFetchResult } from './useConfirmSwap.types';
-import type { ConfirmSwapWarnings, Wallet } from '../../types';
-import type { BestRouteResponse, Token } from 'rango-sdk';
-
-import { errorMessages } from '../../constants/errors';
-import { QuoteErrorType, QuoteUpdateType } from '../../types';
-import { numberToString } from '../../utils/numbers';
-import {
-  generateQuoteWarnings,
-  isNumberOfSwapsChanged,
-  isQuoteChanged,
-  isQuoteInternalCoinsUpdated,
-  isQuoteSwappersUpdated,
-} from '../../utils/quote';
-import {
-  checkSlippageErrors,
-  getBalanceWarnings,
-  getLimitErrorMessage,
-  getMinRequiredSlippage,
-  getPercentageChange,
-  getQuoteOutputAmount,
-  hasLimitError,
-  isOutputAmountChangedALot,
-} from '../../utils/swap';
-
-/**
- * A request can be successful but in body of the response, it can be some case which is considered as failed.
- */
-export function throwErrorIfResponseIsNotValid(response: BestRouteResponse) {
-  if (!response.result) {
-    throw new Error(errorMessages().noResultError.title, {
-      cause: {
-        type: QuoteErrorType.NO_RESULT,
-        diagnosisMessage: response.diagnosisMessages?.[0],
-      },
-    });
-  }
-  const limitError = hasLimitError(response);
-  if (limitError) {
-    const { swap, recommendation, fromAmountRangeError } =
-      getLimitErrorMessage(response);
-
-    throw new Error('bridge limit error', {
-      cause: {
-        type: QuoteErrorType.BRIDGE_LIMIT,
-        swap: swap,
-        recommendation,
-        fromAmountRangeError,
-      },
-    });
-  }
-
-  const recommendedSlippages = checkSlippageErrors(response);
-
-  if (recommendedSlippages) {
-    const minRequiredSlippage = getMinRequiredSlippage(response);
-    throw new Error('', {
-      cause: {
-        type: QuoteErrorType.INSUFFICIENT_SLIPPAGE,
-        recommendedSlippages,
-        minRequiredSlippage,
-      },
-    });
-  }
-
-  return response;
-}
-
-export function generateWarnings(
-  previousQuote: BestRouteResponse,
-  currentQuote: BestRouteResponse,
-  params: {
-    fromToken: Token;
-    toToken: Token;
-    tokens: Token[];
-    selectedWallets: Wallet[];
-    userSlippage: number;
-  }
-): ConfirmSwapWarnings {
-  const quoteChanged = isQuoteChanged(previousQuote, currentQuote);
-  const output: ConfirmSwapWarnings = {
-    quote: null,
-    quoteUpdate: null,
-    balance: null,
-  };
-
-  const quoteWarning = generateQuoteWarnings(currentQuote, {
-    fromToken: params.fromToken,
-    toToken: params.toToken,
-    tokens: params.tokens,
-    userSlippage: params.userSlippage,
-  });
-
-  if (quoteWarning) {
-    output.quote = quoteWarning;
-  }
-
-  if (quoteChanged) {
-    if (isOutputAmountChangedALot(previousQuote, currentQuote)) {
-      output.quoteUpdate = {
-        type: QuoteUpdateType.QUOTE_AND_OUTPUT_AMOUNT_UPDATED,
-        newOutputAmount: numberToString(getQuoteOutputAmount(currentQuote)),
-        percentageChange: numberToString(
-          getPercentageChange(
-            getQuoteOutputAmount(previousQuote) ?? '',
-            getQuoteOutputAmount(currentQuote) ?? ''
-          ),
-          null,
-          2
-        ),
-      };
-    } else if (isNumberOfSwapsChanged(previousQuote, currentQuote)) {
-      output.quoteUpdate = {
-        type: QuoteUpdateType.QUOTE_UPDATED,
-      };
-    } else if (isQuoteSwappersUpdated(previousQuote, currentQuote)) {
-      output.quoteUpdate = {
-        type: QuoteUpdateType.QUOTE_SWAPPERS_UPDATED,
-      };
-    } else if (isQuoteInternalCoinsUpdated(previousQuote, currentQuote)) {
-      output.quoteUpdate = {
-        type: QuoteUpdateType.QUOTE_COINS_UPDATED,
-      };
-    }
-  }
-
-  const balanceWarnings = getBalanceWarnings(
-    currentQuote,
-    params.selectedWallets
-  );
-  const enoughBalance = balanceWarnings.length === 0;
-
-  if (!enoughBalance) {
-    output.balance = {
-      messages: balanceWarnings,
-    };
-  }
-
-  return output;
-}
-
-export function handleQuoteErrors(error: any): ConfirmSwapFetchResult {
-  if (error?.code === 'ERR_CANCELED') {
-    return {
-      swap: null,
-      error: {
-        type: QuoteErrorType.REQUEST_CANCELED,
-      },
-      warnings: null,
-    };
-  }
-
-  if (error.cause) {
-    return {
-      swap: null,
-      error: error.cause,
-      warnings: null,
-    };
-  }
-
-  return {
-    swap: null,
-    error: {
-      type: QuoteErrorType.REQUEST_FAILED,
-    },
-    warnings: null,
-  };
-}

package/src/hooks/useConfirmSwap/useConfirmSwap.ts

@@ -1,136 +0,0 @@
-import type { ConfirmSwap, Params } from './useConfirmSwap.types';
-import type { PendingSwapSettings } from '../../types';
-import type { BestRouteResponse } from 'rango-sdk';
-
-import { calculatePendingSwap } from '@rango-dev/queue-manager-rango-preset';
-import { useEffect } from 'react';
-
-import { useAppStore } from '../../store/AppStore';
-import { useQuoteStore } from '../../store/quote';
-import { useSettingsStore } from '../../store/settings';
-import { useWalletsStore } from '../../store/wallets';
-import { QuoteErrorType } from '../../types';
-import { createQuoteRequestBody, getWalletsForNewSwap } from '../../utils/swap';
-import { useFetchQuote } from '../useFetchQuote';
-
-import {
-  generateWarnings,
-  handleQuoteErrors,
-  throwErrorIfResponseIsNotValid,
-} from './useConfirmSwap.helpers';
-
-export function useConfirmSwap(): ConfirmSwap {
-  const {
-    fromToken,
-    toToken,
-    inputAmount,
-    setQuote,
-    resetQuote,
-    quote: initialQuote,
-    customDestination: customDestinationFromStore,
-    setQuoteWarningsConfirmed,
-  } = useQuoteStore();
-
-  const {
-    slippage,
-    customSlippage,
-    affiliatePercent,
-    affiliateRef,
-    affiliateWallets,
-    disabledLiquiditySources,
-  } = useSettingsStore();
-  const { connectedWallets } = useWalletsStore();
-  const blockchains = useAppStore().blockchains();
-  const tokens = useAppStore().tokens();
-
-  const userSlippage = customSlippage || slippage;
-
-  const { fetch: fetchQuote, cancelFetch, loading } = useFetchQuote();
-
-  useEffect(() => cancelFetch, []);
-
-  const fetch: ConfirmSwap['fetch'] = async (params: Params) => {
-    const selectedWallets = params.selectedWallets;
-    const customDestination =
-      params?.customDestination ?? customDestinationFromStore;
-
-    if (!fromToken || !toToken || !inputAmount || !initialQuote) {
-      return {
-        quote: null,
-        swap: null,
-        error: null,
-        warnings: null,
-      };
-    }
-
-    const requestBody = createQuoteRequestBody({
-      fromToken,
-      toToken,
-      inputAmount,
-      wallets: connectedWallets,
-      selectedWallets,
-      disabledLiquiditySources,
-      slippage: userSlippage,
-      affiliateRef,
-      affiliatePercent,
-      affiliateWallets,
-      initialQuote: initialQuote,
-      destination: customDestination,
-    });
-
-    let currentQuote: BestRouteResponse;
-    try {
-      currentQuote = await fetchQuote(requestBody).then((response) =>
-        throwErrorIfResponseIsNotValid(response)
-      );
-      setQuote(currentQuote);
-    } catch (error: any) {
-      const confirmSwapResult = handleQuoteErrors(error);
-      if (
-        confirmSwapResult.error?.type === QuoteErrorType.NO_RESULT ||
-        confirmSwapResult.error?.type === QuoteErrorType.REQUEST_FAILED
-      ) {
-        resetQuote();
-      }
-      return confirmSwapResult;
-    }
-
-    const swapSettings: PendingSwapSettings = {
-      slippage: userSlippage.toString(),
-      disabledSwappersGroups: disabledLiquiditySources,
-    };
-    const swap = calculatePendingSwap(
-      inputAmount.toString(),
-      currentQuote,
-      getWalletsForNewSwap(selectedWallets),
-      swapSettings,
-      false,
-      { blockchains, tokens }
-    );
-
-    const confirmSwapWarnings = generateWarnings(initialQuote, currentQuote, {
-      fromToken,
-      toToken,
-      tokens: tokens,
-      selectedWallets,
-      userSlippage,
-    });
-
-    if (confirmSwapWarnings.quoteUpdate) {
-      setQuoteWarningsConfirmed(false);
-    }
-
-    return {
-      quote: currentQuote,
-      swap,
-      error: null,
-      warnings: confirmSwapWarnings,
-    };
-  };
-
-  return {
-    loading,
-    fetch,
-    cancelFetch,
-  };
-}

package/src/hooks/useConfirmSwap/useConfirmSwap.types.ts

@@ -1,19 +0,0 @@
-import type { ConfirmSwapWarnings, QuoteError, Wallet } from '../../types';
-import type { PendingSwap } from 'rango-types/lib';
-
-export type ConfirmSwapFetchResult = {
-  swap: PendingSwap | null;
-  error: QuoteError | null;
-  warnings: ConfirmSwapWarnings | null;
-};
-
-export type ConfirmSwap = {
-  loading: boolean;
-  fetch: (params: Params) => Promise<ConfirmSwapFetchResult>;
-  cancelFetch: () => void;
-};
-
-export type Params = {
-  selectedWallets: Wallet[];
-  customDestination?: string;
-};

package/src/hooks/useForceAutoConnect.ts

@@ -1,27 +0,0 @@
-import { useWallets } from '@rango-dev/wallets-react';
-import { useEffect, useRef } from 'react';
-
-import { SearchParams } from '../constants/searchParams';
-import { useAppStore } from '../store/AppStore';
-
-export function useForceAutoConnect(): void {
-  const { connect, state } = useWallets();
-  const initiated = useRef<{ [key: string]: boolean }>({});
-  const { fetchStatus } = useAppStore();
-  const walletType =
-    new URLSearchParams(location.search).get(SearchParams.AUTO_CONNECT) || '';
-  const walletState = state(walletType);
-
-  useEffect(() => {
-    const shouldTryConnect =
-      fetchStatus === 'success' &&
-      walletType &&
-      walletState.installed &&
-      !walletState.connecting &&
-      !walletState.connected;
-    if (shouldTryConnect && !initiated.current[walletType]) {
-      initiated.current[walletType] = true;
-      void connect(walletType);
-    }
-  }, [walletState, fetchStatus]);
-}

package/src/store/AppStore.tsx

@@ -1,35 +0,0 @@
-import type { WidgetConfig } from '../types';
-import type { PropsWithChildren } from 'react';
-
-import React, { createContext, useContext, useRef } from 'react';
-
-import { createAppStore } from './app';
-
-type AppStore = ReturnType<typeof createAppStore>;
-type AppStoreProviderProps = PropsWithChildren<{ config?: WidgetConfig }>;
-
-export const AppStoreContext = createContext<AppStore | null>(null);
-
-export function useAppStore() {
-  const store = useContext(AppStoreContext);
-
-  if (!store) {
-    throw new Error('Missing AppStoreContext.Provider in the tree');
-  }
-
-  return store();
-}
-
-export function AppStoreProvider(props: AppStoreProviderProps) {
-  const appStoreRef = useRef<AppStore>();
-
-  if (!appStoreRef.current) {
-    appStoreRef.current = createAppStore(props.config);
-  }
-
-  return (
-    <AppStoreContext.Provider value={appStoreRef.current}>
-      {props.children}
-    </AppStoreContext.Provider>
-  );
-}

package/src/types/quote.ts

@@ -1,107 +0,0 @@
-/* eslint-disable @typescript-eslint/prefer-enum-initializers */
-
-import type { PriceImpactWarningLevel } from '@rango-dev/ui';
-import type BigNumber from 'bignumber.js';
-import type { SwapResult } from 'rango-sdk';
-
-export enum QuoteErrorType {
-  NO_RESULT,
-  REQUEST_FAILED,
-  REQUEST_CANCELED,
-  BRIDGE_LIMIT,
-  INSUFFICIENT_SLIPPAGE,
-}
-
-export type NoResultError = {
-  type: QuoteErrorType.NO_RESULT;
-  diagnosisMessage?: string;
-};
-
-export type BridgeLimitError = {
-  type: QuoteErrorType.BRIDGE_LIMIT;
-  swap: SwapResult;
-  recommendation: string;
-  fromAmountRangeError: string;
-};
-
-export type InsufficientSlippageError = {
-  type: QuoteErrorType.INSUFFICIENT_SLIPPAGE;
-  recommendedSlippages: RecommendedSlippages | null;
-  minRequiredSlippage: string | null;
-};
-
-export type QuoteRequestFailed = { type: QuoteErrorType.REQUEST_FAILED };
-export type QuoteRequestCanceled = { type: QuoteErrorType.REQUEST_CANCELED };
-
-export type QuoteError =
-  | NoResultError
-  | BridgeLimitError
-  | InsufficientSlippageError
-  | QuoteRequestFailed
-  | QuoteRequestCanceled;
-
-export enum QuoteWarningType {
-  HIGH_VALUE_LOSS,
-  UNKNOWN_PRICE,
-  INSUFFICIENT_SLIPPAGE,
-  HIGH_SLIPPAGE,
-}
-
-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 = {
-  type: QuoteWarningType.INSUFFICIENT_SLIPPAGE;
-  recommendedSlippages: RecommendedSlippages | null;
-  minRequiredSlippage: string | null;
-};
-
-export type HighSlippageWarning = {
-  type: QuoteWarningType.HIGH_SLIPPAGE;
-  slippage: string | null;
-};
-
-export type HighValueLossWarning = {
-  type: QuoteWarningType.HIGH_VALUE_LOSS;
-  warningLevel: PriceImpactWarningLevel;
-  inputUsdValue: BigNumber;
-  outputUsdValue: BigNumber;
-  totalFee: BigNumber;
-  priceImpact: number;
-};
-
-export type UnknownPriceWarning = {
-  type: QuoteWarningType.UNKNOWN_PRICE;
-};
-
-export type QuoteWarning =
-  | HighValueLossWarning
-  | InsufficientSlippageWarning
-  | HighSlippageWarning
-  | UnknownPriceWarning;
-
-export type ConfirmSwapWarnings = {
-  quote: QuoteWarning | null;
-  quoteUpdate: QuoteUpdateWarning | null;
-  balance: { messages: string[] } | null;
-};