@dodoex/widgets 2.6.5 → 2.6.6

package/dist/cjs/src/components/AutoButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare function AutoButton({ active, sx, onClick, }: {
+    active?: boolean;
+    sx?: BoxProps['sx'];
+    onClick?: BoxProps['onClick'];
+}): JSX.Element;

package/dist/cjs/src/components/Bridge/BridgeSummaryDialog/index.d.ts

@@ -6,6 +6,7 @@ export interface BridgeTXRequest {
     value: string;
     from: string;
     chainId: number;
+    encodeId: string;
 }
 export default function BridgeSummaryDialog({ open, onClose, route, bridgeOrderTxRequest, clearToAmt, clearFromAmt, }: {
     open: boolean;

package/dist/cjs/src/constants/pool.d.ts

@@ -0,0 +1,2 @@
+export declare const AUTO_SWAP_SLIPPAGE_PROTECTION = "auto";
+export declare const AUTO_LIQUIDITY_SLIPPAGE_PROTECTION = "0.1";

package/dist/cjs/src/hooks/Bridge/createBridgeOrder.d.ts

@@ -15,11 +15,14 @@ export interface BridgeOrderCreateParams {
         lifiBridge: BridgeRouteI['sourceRoute']['step']['tool'];
         route: BridgeRouteI['sourceRoute'];
         productParams: BridgeRouteI['productParams'];
+        encodeId: string;
+        source: string;
     };
 }
-export declare function createBridgeOrder({ apikey, tx, route, bridgeCreateRouteAPI, }: {
+export declare function createBridgeOrder({ apikey, tx, route, bridgeCreateRouteAPI, encodeId, }: {
     apikey?: string;
     tx: string;
     route: BridgeRouteI;
     bridgeCreateRouteAPI: string;
+    encodeId: string;
 }): Promise<any>;

package/dist/cjs/src/hooks/Bridge/useFetchRoutePriceBridge.d.ts

@@ -45,6 +45,7 @@ export interface BridgeRouteI {
             approvalAddress: string;
             includedSteps: any;
         };
+        fee: any;
     };
 }
 export interface BridgeTokenI {

package/dist/cjs/src/hooks/ConnectWallet/useWalletInfo.d.ts

@@ -0,0 +1,6 @@
+export declare function useWalletInfo(): {
+    account: string | undefined;
+    chainId: number;
+    connectedChainId: number | undefined;
+    defaultChainId: import("@dodoex/api").ChainId;
+};

package/dist/cjs/src/hooks/Submission/useBalanceUpdateLoading.d.ts

@@ -0,0 +1,15 @@
+import BigNumber from 'bignumber.js';
+declare type BalanceData = {
+    [address: string]: string;
+};
+/**
+ * Record the loading status of the balance waiting to be updated after the chain is successfully uploaded
+ * Insert token data into logBalance in metadata when uploading, within 5 minutes after successful uploading. If the newly passed in balance is consistent with the previously recorded balance, loading will be returned
+ * After the balance is updated, or after 5 minutes, loading will return false. And delete the recorded metadata information to avoid calculating this data next time
+ * The 5-minute time limit is to avoid operations on other terminals or other tabs, which will cause the balance comparison to be invalid and keep loading.
+ */
+export declare const useBalanceUpdateLoading: () => {
+    balanceData: BalanceData;
+    isTokenLoading: (address: string, balance: BigNumber | number | string) => boolean;
+};
+export {};

package/dist/cjs/src/hooks/Token/useTokenStatus.d.ts

@@ -0,0 +1,17 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from './type';
+export declare function useTokenStatus(token: TokenInfo | undefined | null, { amount, contractAddress, offset, overrideBalance, }?: {
+    amount?: string | number | BigNumber;
+    contractAddress?: string;
+    offset?: BigNumber;
+    overrideBalance?: BigNumber | null;
+}): {
+    isApproving: boolean;
+    isGetApproveLoading: boolean;
+    needApprove: boolean;
+    needReset: boolean | undefined;
+    insufficientBalance: boolean;
+    loading: boolean;
+    submitApprove: () => Promise<void>;
+    getMaxBalance: () => string;
+};

package/dist/cjs/src/hooks/Token/useTokenStatus.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious<Value>(value: Value): Value | undefined;

package/dist/cjs/src/providers/queryClient/index.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/AddPoolOperate.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-export declare function AddPoolOperate({ refetch, submittedBack, onlyShowSide, }: {
+import { OperatePool } from './types';
+export declare function AddPoolOperate({ refetch, submittedBack, onlyShowSide, pool, }: {
     refetch?: () => void;
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
+    pool?: OperatePool;
 }): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/Footer.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { OperatePool } from './types';
+declare type InputStatus = any;
+export default function Footer({ pool, onSubmit, lqAndDodoCompare, midPrice, isShowCompare, isWarnCompare, disabled, baseInputStatus, quoteInputStatus, submitBtnText, hasFeeTokenSymbol, }: {
+    pool?: OperatePool;
+    onSubmit: () => void;
+    lqAndDodoCompare: number;
+    midPrice?: BigNumber;
+    isShowCompare: boolean;
+    isWarnCompare: boolean;
+    disabled: boolean;
+    baseInputStatus: InputStatus;
+    quoteInputStatus: InputStatus;
+    submitBtnText: string;
+    hasFeeTokenSymbol: string;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/LiquidityInfo.d.ts

@@ -1,14 +1,8 @@
 /// <reference types="react" />
-import { TokenInfo } from '../../../hooks/Token';
+import { OperatePool } from './types';
 export interface LiquidityInfoProps {
     loading?: boolean;
     hidePoolInfo?: boolean;
-    pool?: {
-        chainId?: number;
-        address?: string;
-        baseToken?: TokenInfo;
-        quoteToken?: TokenInfo;
-    };
-    myPoolInfoLoading?: boolean;
+    pool: OperatePool;
 }
-export default function LiquidityInfo({ loading, hidePoolInfo, pool, myPoolInfoLoading, }: LiquidityInfoProps): JSX.Element | null;
+export default function LiquidityInfo({ loading, hidePoolInfo, pool, }: LiquidityInfoProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/PoolOperateInner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { OperatePool } from './types';
+export interface PoolOperateInnerProps {
+    pool: OperatePool;
+}
+export default function PoolOperateInner({ pool }: PoolOperateInnerProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/Ratio.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { OperatePool } from './types';
+export default function Ratio({ pool, addPortion, midPrice, }: {
+    pool?: OperatePool;
+    addPortion?: BigNumber;
+    midPrice?: BigNumber;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/SlippageSetting.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../constants/pool';
+interface Props {
+    value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
+    onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
+}
+export declare const useSlipper: ({ address }: {
+    address?: string | undefined;
+}) => {
+    slipper: number | "auto";
+    setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;
+    slipperValue: number;
+    resetSlipper: () => void;
+};
+export default function SlippageSetting({ disabled, ...attrs }: Props & {
+    disabled?: boolean;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/useLiquidityOperateAmount.d.ts

@@ -0,0 +1,44 @@
+import BigNumber from 'bignumber.js';
+import { OperatePool } from '../types';
+export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, }: {
+    pool: OperatePool;
+    maxBaseAmount?: BigNumber;
+    maxQuoteAmount?: BigNumber;
+}): {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: () => void;
+    handleChangeQuoteAmount: () => void;
+    reset: () => void;
+    addPortion?: undefined;
+    amountLoading?: undefined;
+    amountError?: undefined;
+    amountRefetch?: undefined;
+    midPrice?: undefined;
+} | {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: (newValue: string) => void;
+    handleChangeQuoteAmount: (newValue: string) => void;
+    reset: () => void;
+    addPortion: BigNumber;
+    amountLoading: false;
+    amountError: boolean;
+    amountRefetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<{
+        midPrice: BigNumber | undefined;
+        pmmParamsBG: {
+            q: BigNumber;
+            b: BigNumber;
+            k: BigNumber;
+            i: BigNumber;
+            b0: BigNumber;
+            q0: BigNumber;
+            R: number;
+            lpFeeRate: BigNumber | undefined;
+            mtFeeRate: BigNumber | undefined;
+        };
+        baseReserve: BigNumber;
+        quoteReserve: BigNumber;
+    } | null, Error>>;
+    midPrice: BigNumber | undefined;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/usePoolOperateTabs.d.ts

@@ -1,10 +1,10 @@
 export declare enum OperateTab {
-    Liquidity = 1,
-    Mining = 2
+    Add = 1,
+    Remove = 2
 }
 export declare function usePoolOperateTabs(): {
     operateTab: OperateTab;
-    tabs: {
+    operateTabs: {
         key: OperateTab;
         value: string;
     }[];

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/usePoolOrMiningTabs.d.ts

@@ -0,0 +1,12 @@
+export declare enum PoolOrMiningTab {
+    Liquidity = 1,
+    Mining = 2
+}
+export declare function usePoolOrMiningTabs(): {
+    poolOrMiningTab: PoolOrMiningTab;
+    poolOrMiningTabs: {
+        key: PoolOrMiningTab;
+        value: string;
+    }[];
+    handleChangeTab: (poolTab: PoolOrMiningTab) => void;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/index.d.ts

@@ -1,12 +1,8 @@
 /// <reference types="react" />
-import { TokenInfo } from '../../../hooks/Token';
+import { PoolOperateInnerProps } from './PoolOperateInner';
 export interface PoolOperateProps {
     onClose: () => void;
-    pool?: {
-        address?: string;
-        chainId: number;
-        baseToken?: TokenInfo;
-        quoteToken?: TokenInfo;
-    };
+    account: string | undefined;
+    pool: PoolOperateInnerProps['pool'];
 }
 export default function PoolOperate({ onClose, pool }: PoolOperateProps): JSX.Element;

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

@@ -0,0 +1,19 @@
+import { PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+export declare type OperatePool = {
+    address: string;
+    chainId: number;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseLpToken?: {
+        id: string;
+        decimals: number;
+    };
+    quoteLpToken?: {
+        id: string;
+        decimals: number;
+    };
+    type: PoolType;
+    owner?: string;
+    creator: string;
+} | undefined;

package/dist/cjs/src/widgets/PoolWidget/hooks/usePoolBalanceInfo.d.ts

@@ -0,0 +1,43 @@
+import { PoolType } from '@dodoex/api';
+import { BigNumber } from 'bignumber.js';
+import { ChainId } from '../../../constants/chains';
+import { TokenInfo } from '../../../hooks/Token';
+declare type Balance = BigNumber | null | undefined;
+export declare function usePoolBalanceInfo({ chainId, account, pool, }: {
+    chainId: ChainId;
+    account?: string;
+    pool?: {
+        address: string;
+        chainId: number;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        type: PoolType;
+    };
+}): {
+    /** existing base lp balance */
+    totalBaseLpBalance: BigNumber | null | undefined;
+    /** existing quote lp balance */
+    totalQuoteLpBalance: BigNumber | null | undefined;
+    /** the total deposited base lp balance */
+    baseReserve: BigNumber | undefined;
+    /** the total deposited quote lp balance */
+    quoteReserve: BigNumber | undefined;
+    /** classical base equilibrium target */
+    classicalBaseTarget: BigNumber | undefined;
+    /** classical quote equilibrium target */
+    classicalQuoteTarget: BigNumber | undefined;
+    /** the user's existing base lp balance */
+    userBaseLpBalance: Balance;
+    /** the user's existing quote lp balance */
+    userQuoteLpBalance: Balance;
+    /** The number of base that can be obtained when a user withdraws from the pool */
+    userBaseLpToTokenBalance: BigNumber | null | undefined;
+    /** The number of quote that can be obtained when a user withdraws from the pool */
+    userQuoteLpToTokenBalance: BigNumber | null | undefined;
+    userLpBalanceLoading: boolean;
+    userLpToTokenBalanceLoading: boolean;
+    userLpBalanceError: boolean;
+    userLpToTokenBalanceError: boolean;
+    userLpToTokenBalanceRefetch: () => void;
+};
+export {};

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

@@ -1,11 +1,9 @@
-import { PoolApi, ExcludeNone } from '@dodoex/api';
+import { PoolApi, ExcludeNone, PoolType } from '@dodoex/api';
 import { ChainId } from '../../constants/chains';
 import { TokenInfo } from '../../hooks/Token';
-import { PoolOperateProps } from './PoolOperate';
+import { OperatePool } from './PoolOperate/types';
 export declare const poolApi: PoolApi;
-export declare type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
-/** Actually more than that, but the api has filtering */
-export declare type LqPoolType = 'DPP' | 'DVM' | 'DSP' | 'CLASSICAL';
+export declare type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
 export declare function convertLiquidityTokenToTokenInfo(token: {
     id: string;
     symbol: string;
@@ -14,10 +12,9 @@ export declare function convertLiquidityTokenToTokenInfo(token: {
     usdPrice: number;
     logoImg?: string | null;
 } | undefined, chainId: ChainId | number): TokenInfo | undefined;
-export declare function hasQuoteApy(type: string): boolean;
 export declare function canOperatePool(account: string | undefined, { owner, creator, type, }: {
     owner?: string | null;
     creator?: string | null;
-    type?: LqPoolType;
+    type?: PoolType;
 }): boolean;
-export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): PoolOperateProps['pool'];
+export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;