@dodoex/widgets 2.6.12-beta.9 → 2.6.13

package/dist/types/hooks/Submission/useSubmissionStatusColor.d.ts

@@ -0,0 +1,18 @@
+export declare enum StateText {
+    Running = "pending",
+    Success = "success",
+    Failed = "failed",
+    /** Accelerated or canceled tx warning handling */
+    Warning = "reset"
+}
+export declare function useSubmissionStatusColor({ status, stateTextMap, }: {
+    status: string | number;
+    stateTextMap?: {
+        [key: string | number]: StateText;
+    };
+}): {
+    state: StateText;
+    statusText: string;
+    statusColor: string;
+    statusAlphaColor: number | undefined;
+};

package/dist/types/hooks/Swap/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useMarginAmount';
+export * from './useFetchFiatPrice';
+export * from './useFetchRoutePrice';
+export { default as useExecuteSwap } from './useExecuteSwap';

package/dist/types/hooks/Swap/useCustomSlippage.d.ts

@@ -0,0 +1,10 @@
+import { TokenInfo } from '../Token';
+import { CustomSwapPairSlippage } from './useSwapSettingStore';
+export declare function useCustomSlippage({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): {
+    customSlippageNum: number;
+    customSlippage: string | undefined;
+    handleSlippageChange: (newItem: Pick<CustomSwapPairSlippage, "slippage" | "recommend" | "disabled" | "deleted">) => void;
+};

package/dist/types/hooks/Swap/useExecuteSwap.d.ts

@@ -0,0 +1,13 @@
+import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
+import React from 'react';
+export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl, gasLimit, subtitle, value, mixpanelProps, }: {
+    value: string;
+    to: string;
+    data: string;
+    useSource?: string;
+    duration?: number;
+    ddl: number;
+    gasLimit?: EthersBigNumber;
+    subtitle: React.ReactNode;
+    mixpanelProps?: Record<string, any>;
+}) => void;

package/dist/types/hooks/Swap/useFetchRoutePrice.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { TokenInfo } from '../Token';
+export declare enum RoutePriceStatus {
+    Initial = "Initial",
+    Loading = "Loading",
+    Failed = "Failed",
+    Success = "Success"
+}
+export interface FetchRoutePrice {
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    marginAmount?: string;
+    fromAmount: string;
+    toAmount: string;
+    estimateGas?: boolean;
+    isReverseRouting?: boolean;
+    slippage?: number;
+    slippageLoading?: boolean;
+}
+interface IRouteResponse {
+    resAmount: number;
+    priceImpact: number;
+    baseFeeAmount: number;
+    additionalFeeAmount: number;
+    resPricePerToToken: number;
+    resPricePerFromToken: number;
+    to: string;
+    data: string;
+    value: string;
+    useSource: string;
+    duration: number;
+}
+export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, toAmount, marginAmount, estimateGas, isReverseRouting, slippage, slippageLoading, }: FetchRoutePrice): {
+    status: RoutePriceStatus;
+    rawBrief: IRouteResponse | null;
+    refetch: () => Promise<void>;
+    executeSwap: (subtitle: React.ReactNode) => void;
+    reset: () => void;
+};
+export {};

package/dist/types/hooks/Swap/useForecastSlippageList.d.ts

@@ -0,0 +1,172 @@
+import { TokenInfo } from '../Token';
+export interface ForecastSlippageListItem {
+    forecastSlippage?: number;
+    forecastValue?: number;
+    confidenceRatio?: number;
+    confidenceIntervalUpper?: number;
+    confidenceIntervalLower?: number;
+}
+export declare function useForecastSlippageList({ fromToken, toToken, }: {
+    fromToken: TokenInfo | undefined | null;
+    toToken: TokenInfo | undefined | null;
+}): {
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+};

package/dist/types/hooks/Swap/useInitDefaultToken.d.ts

@@ -0,0 +1,10 @@
+import { TokenInfo } from '../Token';
+export declare function useInitDefaultToken({ fromToken, toToken, setFromToken, setToToken, updateFromAmt, updateToAmt, setIsReverseRouting, }: {
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    setFromToken: (value: React.SetStateAction<TokenInfo | null>) => void;
+    setToToken: (value: React.SetStateAction<TokenInfo | null>) => void;
+    updateFromAmt: (v: string | number) => void;
+    updateToAmt: (v: string | number) => void;
+    setIsReverseRouting: React.Dispatch<React.SetStateAction<boolean>>;
+}): void;

package/dist/types/hooks/Swap/useSlippageLimit.d.ts

@@ -0,0 +1,2 @@
+export declare const maxSlippageWarning = 5;
+export declare const useSlippageLimit: (slippageSwap?: number) => boolean;

package/dist/types/hooks/Swap/useSwapSettingStore.d.ts

@@ -0,0 +1,37 @@
+export interface CustomSwapPairSlippage {
+    account: string;
+    from: string;
+    to: string;
+    /** Should be consistent with fromToken */
+    chainId: number;
+    disabled?: boolean;
+    /** Whether it has been deleted: not necessarily deleted */
+    deleted?: boolean;
+    slippage: string;
+    fromSymbol: string;
+    fromLogo: string | null;
+    toSymbol: string;
+    toLogo: string | null;
+    recommend: string;
+}
+interface SwapSettingState {
+    slippageAdvanced: boolean;
+    customSwapPairSlippages: Array<CustomSwapPairSlippage>;
+    notRemindAgainSlippageHigher: boolean;
+    notRemindAgainSlippageLower: boolean;
+    ddl: string;
+    expertMode: boolean;
+    disableIndirectRouting: boolean;
+}
+export declare const useSwapSettingStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SwapSettingState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SwapSettingState, SwapSettingState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SwapSettingState) => void) => () => void;
+        onFinishHydration: (fn: (state: SwapSettingState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SwapSettingState, SwapSettingState>>;
+    };
+}>;
+export {};

package/dist/types/hooks/Swap/useSwapSlippage.d.ts

@@ -0,0 +1,174 @@
+import { TokenInfo } from '../Token/type';
+export declare function useSwapSlippage({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): {
+    customSlippage: string | undefined;
+    customSlippageNum: number;
+    handleSlippageChange: (newItem: Pick<import("./useSwapSettingStore").CustomSwapPairSlippage, "slippage" | "recommend" | "disabled" | "deleted">) => void;
+    forecastSlippage: number | undefined;
+    forecastSlippageQuery: {
+        data: import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery;
+        error: Error;
+        isError: true;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: false;
+        isRefetchError: true;
+        isSuccess: false;
+        status: "error";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery;
+        error: null;
+        isError: false;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: true;
+        status: "success";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: Error;
+        isError: true;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: true;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "error";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: null;
+        isError: false;
+        isPending: true;
+        isLoading: true;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "pending";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: null;
+        isError: false;
+        isPending: true;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "pending";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isLoading: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    };
+    recommendSlippage: number;
+    slippage: number;
+    slippageLoading: boolean;
+};