@dodoex/widgets 2.6.7 → 3.0.0-beta.1

package/dist/cjs/src/widgets/PoolWidget/PoolCreate/operate-widgets/VersionSelect.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Actions, StateProps } from '../reducer';
+export default function VersionSelect({ selectedVersion, dispatch, }: {
+    selectedVersion: StateProps['selectedVersion'];
+    dispatch: React.Dispatch<Actions>;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolCreate/reducer.d.ts

@@ -0,0 +1,78 @@
+import { Version } from './types';
+import { TokenInfo } from '../../../hooks/Token';
+export interface StateProps {
+    currentStep: 0 | 1 | 2;
+    selectedVersion: Version;
+    baseToken: TokenInfo | null;
+    quoteToken: TokenInfo | null;
+    baseAmount: string;
+    quoteAmount: string;
+    /**
+     * Whether to fix the exchange rate fixedRatioPrice to the current legal currency price, true means no modification is allowed
+     * single-token is not fixed by default and cannot be fixed, and can be modified
+     * After fixing, when modifying the quantity, standard needs to keep the ratio of baseAmount, quoteAmount, fixedRatioPrice unchanged. Pegged needs to be linked regardless of whether it is fixed or not. dpp does not need to, and the three can be modified independently.
+     */
+    isFixedRatio: boolean;
+    /**
+     * PmmState.i
+     * The value of standard pool is always DEFAULT_INIT_PRICE_STANDARD
+     * Other types can be modified, the initial value is DEFAULT_INIT_PRICE
+     * The value of this field for single-token, pegged and dpp types is synchronized with fixedRatioPrice
+     */
+    initPrice: string;
+    /**
+     * Exchange rate, price, exchange ratio, price ratio
+     * Except for single-token types, use the initial fiat price to initialize this field
+     * single-token defaults to empty, others default to 1
+     */
+    fixedRatioPrice: string;
+    /** The token on the left side of the exchange rate input box */
+    leftTokenAddress: TokenInfo['address'] | undefined;
+    slippageCoefficient: string;
+    isSlippageCoefficientCustomized: boolean;
+    feeRate: string | '0.01' | '0.3' | '1';
+    isFeeRateCustomized: boolean;
+}
+declare type Pool = any;
+export declare enum Types {
+    SetCurrentStep = 1,
+    SelectNewVersion = 2,
+    UpdateBaseToken = 3,
+    UpdateQuoteToken = 4,
+    SwitchTokens = 5,
+    UpdateBaseAmount = 6,
+    UpdateQuoteAmount = 7,
+    UpdateIsFixedRatio = 8,
+    UpdateFixedRatioPrice = 9,
+    InitFixedRatioPrice = 10,
+    ToggleLeftToken = 11,
+    UpdateSlippageCoefficient = 12,
+    UpdateIsSlippageCoefficientCustomized = 13,
+    UpdateFeeRate = 14,
+    UpdateIsFeeRateCustomized = 15,
+    InitEditParameters = 16
+}
+declare type Payload = {
+    [Types.SetCurrentStep]: StateProps['currentStep'];
+    [Types.SelectNewVersion]: Version;
+    [Types.UpdateBaseToken]: TokenInfo;
+    [Types.UpdateQuoteToken]: TokenInfo;
+    [Types.SwitchTokens]: undefined;
+    [Types.UpdateBaseAmount]: string;
+    [Types.UpdateQuoteAmount]: string;
+    [Types.UpdateIsFixedRatio]: boolean;
+    [Types.UpdateFixedRatioPrice]: string;
+    [Types.InitFixedRatioPrice]: {
+        baseTokenFiatPrice: number | undefined;
+        quoteTokenFiatPrice: number | undefined;
+    };
+    [Types.ToggleLeftToken]: undefined;
+    [Types.UpdateSlippageCoefficient]: string;
+    [Types.UpdateIsSlippageCoefficientCustomized]: boolean;
+    [Types.UpdateFeeRate]: StateProps['feeRate'];
+    [Types.UpdateIsFeeRateCustomized]: boolean;
+    [Types.InitEditParameters]: Pool;
+};
+export declare type Actions = ActionMap<Payload>[keyof ActionMap<Payload>];
+export declare function reducer(state: StateProps, action: Actions): StateProps;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolCreate/types.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export declare enum Version {
+    /** DVM; public pool */
+    standard = "standard",
+    /** DVM: quoteReserve = 0; public pool */
+    singleToken = "single-token",
+    /** DSP */
+    pegged = "pagged",
+    /** DPP; private pool */
+    marketMakerPool = "market-maker-pool"
+}
+export interface VersionItem {
+    version: Version;
+    title: string;
+    description: string;
+    exampleImgUrl: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    exampleDarkImgUrl: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    docUrl: string;
+    initPriceLabel: string;
+    initPriceTips?: string;
+    initPriceTipsLink?: string;
+}
+export declare type SectionStatusT = 'waiting' | 'running' | 'completed';
+export interface RadioButtonT {
+    title: string;
+    description: string;
+    value: string;
+    tag?: string;
+    tagColor?: string;
+    tagBackgroundColor?: string;
+}

package/dist/cjs/src/widgets/PoolWidget/PoolCreate/utils.d.ts

@@ -0,0 +1,18 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+import { Version } from './types';
+export declare const DEFAULT_FEE_RATE = "0.3";
+export declare const MIN_FEE_RATE = 0.01;
+export declare const MAX_FEE_RATE = 10;
+export declare const DEFAULT_INIT_PRICE = "1";
+export declare const DEFAULT_INIT_PRICE_STANDARD = "0.0000000000001";
+export declare const MAX_INIT_PRICE = 100000000;
+export declare const DEFAULT_SLIPPAGE_COEFFICIENT = "1";
+export declare const DEFAULT_SLIPPAGE_COEFFICIENT_PEGGED = "0.0001";
+export declare const MAX_SLIPPAGE_COEFFICIENT_PEGGED = "0.1";
+export declare function computeInitPriceText({ selectedVersion, quoteToken, initPrice, midPrice, }: {
+    selectedVersion: Version;
+    quoteToken: TokenInfo;
+    initPrice: string;
+    midPrice?: BigNumber;
+}): string | null;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/BaseQuotePie.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+export declare function BaseQuotePie({ shortNumber, pieSize, baseReserve, baseAmount, quoteAmount, baseTokenSymbol, quoteTokenSymbol, quoteTokenDecimals, baseTokenDecimals, baseTvlRate, quoteTvlRate, disabledAmount, disabledRate, disabledPercentage, loading, sx, pieRadius: pieRadiusProp, }: {
+    baseReserve?: BigNumber;
+    /** Quantity converted by midPrice, used to calculate percentages */
+    baseAmount?: BigNumber;
+    baseTokenDecimals?: number;
+    baseTokenSymbol?: string;
+    quoteAmount?: BigNumber;
+    quoteTokenDecimals?: number;
+    quoteTokenSymbol?: string;
+    pieSize?: 'small' | 'default';
+    shortNumber?: boolean;
+    /** Already calculated proportion */
+    baseTvlRate?: string;
+    quoteTvlRate?: string;
+    disabledAmount?: boolean;
+    disabledRate?: boolean;
+    disabledPercentage?: boolean;
+    loading?: boolean;
+    sx?: BoxProps['sx'];
+    pieRadius?: number;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/ChartInfo.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../hooks/usePoolDetail';
+export default function ChartInfo({ poolDetail, chart24hDataFirst, }: {
+    poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
+    chart24hDataFirst?: boolean;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/MoreDetail/LiquidityProvidersTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../../hooks/usePoolDetail';
+export default function LiquidityProvidersTable({ poolDetail, }: {
+    poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/MoreDetail/ParametersTable.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { ChainId } from '@dodoex/api';
+import { usePoolDetail } from '../../../hooks/usePoolDetail';
+export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
+export declare function TokenWithSymbolRtL({ chainId, address, symbol, amount, sx, }: {
+    chainId: ChainId;
+    address: string;
+    symbol: string;
+    amount: string;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export default function ParametersTable({ detail, }: {
+    detail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/MoreDetail/SwapsTable.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../../hooks/usePoolDetail';
+export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
+export default function SwapsTable({ poolDetail, }: {
+    poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/MoreDetail/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../../hooks/usePoolDetail';
+export default function MoreDetail({ poolDetail, }: {
+    poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/Overview.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../hooks/usePoolDetail';
+export default function Overview({ poolDetail, }: {
+    poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/StatBarChart.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { usePoolDayData } from '../hooks/usePoolDayData';
+declare type DayData = ReturnType<typeof usePoolDayData>['dayDataList']['0'];
+export default function StatBarChart({ unit, data, masterKey, sumKey, }: {
+    unit: string;
+    data: DayData[];
+    masterKey: keyof DayData;
+    sumKey: keyof DayData;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/TitleInfo.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../hooks/usePoolDetail';
+export default function TitleInfo({ poolDetail, loading, }: {
+    poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
+    loading: boolean;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { usePoolDetail } from '../../hooks/usePoolDetail';
+export default function TotalLiquidity({ poolDetail, }: {
+    poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolDetail/hooks/useLiquidityProviders.d.ts

@@ -0,0 +1,159 @@
+import { PoolType } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+export declare type LpItem = {
+    userId: string;
+    baseSupplied: string;
+    quoteSupplied: string;
+    baseTokenSymbol: string;
+    baseTokenAddress: string;
+    quoteTokenSymbol: string;
+    quoteTokenAddress: string;
+    sharePercentage: string;
+    dollarValue: string;
+    dollarValueBN: BigNumber;
+};
+export declare function useLiquidityProviders({ pool, }: {
+    pool: {
+        chainId: number;
+        address: string;
+        type: PoolType;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+    } | null | undefined;
+}): {
+    isLoading: boolean;
+    errorRefetch: (() => void) | undefined;
+    list: LpItem[];
+    data: import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery;
+    error: Error;
+    isError: true;
+    isPending: 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/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    isLoading: boolean;
+    errorRefetch: (() => void) | undefined;
+    list: LpItem[];
+    data: import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery;
+    error: null;
+    isError: false;
+    isPending: 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/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    isLoading: boolean;
+    errorRefetch: (() => void) | undefined;
+    list: LpItem[];
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: 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/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    isLoading: boolean;
+    errorRefetch: (() => void) | undefined;
+    list: LpItem[];
+    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;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    isLoading: boolean;
+    errorRefetch: (() => void) | undefined;
+    list: LpItem[];
+    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;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchLiquidityPositionsQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+};