@dodoex/widgets 3.0.1-solana.5 → 3.0.1-taiko.10

package/dist/types/components/Widget/index.d.ts

@@ -10,13 +10,12 @@ import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
 import { ConfirmProps } from '../Confirm';
 import { DialogProps } from '../Swap/components/Dialog';
 import { Page } from '../../router';
-import { useWallet } from '@solana/wallet-adapter-react';
 export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
 export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps {
     apikey?: string;
     theme?: PartialDeep<ThemeOptions>;
     colorMode?: PaletteMode;
-    defaultChainId?: number;
+    defaultChainId?: ChainId;
     width?: string | number;
     height?: string | number;
     feeRate?: number;
@@ -30,7 +29,7 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
     crossChain?: boolean;
     noPowerBy?: boolean;
     noDocumentLink?: boolean;
-    onlyChainId?: number;
+    onlyChainId?: ChainId;
     noUI?: boolean;
     noLangProvider?: boolean;
     noAutoConnect?: boolean;
@@ -39,11 +38,10 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
         name: string;
         logoUrl?: string;
     };
+    supportAMMV2?: boolean;
+    supportAMMV3?: boolean;
     /** When the winding status changes, no pop-up window will be displayed. */
     noSubmissionDialog?: boolean;
-    onlySolana?: boolean;
-    noSolanaProvider?: boolean;
-    solanaWallet?: ReturnType<typeof useWallet>;
     onProviderChanged?: (provider?: any) => void;
     getStaticJsonRpcProviderByChainId?: Exclude<ConstructorParameters<typeof ContractRequests>[0], undefined>['getProvider'];
     widgetRef?: React.RefObject<HTMLDivElement>;

package/dist/types/constants/pool.d.ts

@@ -1,5 +1,6 @@
 export declare const AUTO_SWAP_SLIPPAGE_PROTECTION = "auto";
 export declare const AUTO_LIQUIDITY_SLIPPAGE_PROTECTION = "0.1";
+export declare const AUTO_AMM_V2_LIQUIDITY_SLIPPAGE_PROTECTION = "0.5";
 /**
  * slippage protection
  * First read out the reserve of the pool base and quote. If the slippage is 1%, then it is reserve * 0.99 and pass in func.

package/dist/types/constants/testId.d.ts

@@ -6,5 +6,6 @@ export declare const swapAlertEnterAmountBtn = "swap-alert-enter-amount-btn";
 export declare const swapAlertFetchPriceBtn = "swap-alert-fetch-price-btn";
 export declare const swapAlertInsufficientBalanceBtn = "swap-alert-insufficient-balance-btn";
 export declare const numberInputWrapper = "number-input-wrapper";
+export declare const selectTokenBtn = "select-token-btn";
 export declare const tokenPickerWrapper = "token-picker-wrapper";
 export declare const tokenPickerItem = "token-picker-item";

package/dist/types/constants/wallet.d.ts

@@ -1,8 +1,7 @@
 export declare enum WalletType {
     INTEGRATOR = "integrator",
     METAMASK = "metamask",
-    WALLET_CONNECT = "walletConnect",
-    SOLANG = "solang"
+    WALLET_CONNECT = "walletConnect"
 }
 export declare const WalletMap: {
     metamask: {
@@ -20,11 +19,4 @@ export declare const WalletMap: {
             title?: string;
         }>;
     };
-    solang: {
-        name: string;
-        type: WalletType;
-        icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-            title?: string;
-        }>;
-    };
 };

package/dist/types/hooks/ConnectWallet/useCurrentChainId.d.ts

@@ -1 +1 @@
-export declare function useCurrentChainId(): number | undefined;
+export declare function useCurrentChainId(): import("@dodoex/api").ChainId;

package/dist/types/hooks/ConnectWallet/useWalletInfo.d.ts

@@ -1,8 +1,8 @@
+import { ChainId } from '@dodoex/api';
 export declare function useWalletInfo(): {
     account: string | undefined;
-    chainId: number | undefined;
+    chainId: ChainId;
     connectedChainId: number | undefined;
-    defaultChainId: number | undefined;
-    onlyChainId: number | undefined;
-    isSolana: boolean | undefined;
+    defaultChainId: ChainId | undefined;
+    onlyChainId: ChainId | undefined;
 };

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

@@ -15,6 +15,13 @@ export declare enum MetadataFlag {
     createDSPPool = "createDSPPool",
     createGSPPool = "createGSPPool",
     createDVMPool = "createDVMPool",
+    createAMMV2Position = "createAMMV2Position",
+    addLiquidityAMMV2Position = "addLiquidityAMMV2Position",
+    removeLiqidityAMMV2Position = "removeLiqidityAMMV2Position",
+    createAMMV3Pool = "createAMMV3Pool",
+    addAMMV3Pool = "addAMMV3Pool",
+    removeAMMV3Pool = "removeAMMV3Pool",
+    claimAMMV3Pool = "claimAMMV3Pool",
     stakeMining = "stakeMining",
     unstakeMining = "unstakeMining",
     claimMining = "claimMining",
@@ -49,19 +56,6 @@ export interface Showing {
     subtitle?: string | React.ReactNode;
     spec: StepSpec;
 }
-export interface ExecuteCustomHandlerParameters {
-    onSubmit: (tx: string, params?: {
-        reportInfo?: Record<string, any>;
-        showing?: Partial<Showing> | null;
-    }) => void;
-    onSuccess: (tx: string, params?: {
-        reportInfo?: Record<string, any>;
-        notShowingDone?: boolean;
-        showing?: Partial<Showing>;
-    }) => Promise<void>;
-    onError: (e: any) => void;
-    setShowing: React.Dispatch<React.SetStateAction<Showing | null>>;
-}
 export type ExecutionCtx = {
     /**
      * Execute an on-chain operation
@@ -83,17 +77,6 @@ export type ExecutionCtx = {
         successBack?: (tx: string, callback?: ExecutionProps['onTxSuccess']) => void;
         metadata?: Metadata;
     }) => Promise<ExecutionResult>;
-    executeCustom: (params: {
-        brief: string;
-        subtitle?: string | React.ReactNode | null;
-        early?: boolean;
-        mixpanelProps?: Record<string, any>;
-        submittedBack?: () => void;
-        submittedConfirmBack?: () => void;
-        metadata?: Record<string, any>;
-        successBack?: (tx: string, callback?: ExecutionProps['onTxSuccess']) => void;
-        handler: (params: ExecuteCustomHandlerParameters) => Promise<any>;
-    }) => Promise<ExecutionResult>;
     /**
      * order
      */

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

@@ -32,14 +32,7 @@ interface IRouteResponse {
 }
 export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, toAmount, marginAmount, estimateGas, isReverseRouting, slippage, slippageLoading, }: FetchRoutePrice): {
     status: RoutePriceStatus;
-    rawBrief: {
-        resAmount: number;
-        baseFeeAmount: number;
-        additionalFeeAmount: number;
-        priceImpact: null;
-        resPricePerToToken: number;
-        resPricePerFromToken: number;
-    } | IRouteResponse | null | undefined;
+    rawBrief: IRouteResponse | null;
     refetch: () => Promise<void>;
     executeSwap: (subtitle: React.ReactNode) => void;
     reset: () => void;

package/dist/types/hooks/Token/useTokenStatus.d.ts

@@ -7,6 +7,7 @@ export declare function useTokenStatus(token: TokenInfo | undefined | null, { am
     overrideBalance?: BigNumber | null;
     skipQuery?: boolean;
 }): {
+    token: TokenInfo | null | undefined;
     isApproving: boolean;
     isGetApproveLoading: boolean;
     needApprove: boolean;

package/dist/types/hooks/contract/useFetchETHBalance.d.ts

@@ -1,5 +1,4 @@
-import BigNumber from 'bignumber.js';
-export default function useFetchETHBalance(chainId?: number): import("@tanstack/react-query").QueryObserverRefetchErrorResult<{
+export default function useFetchETHBalance(chainId?: number): import("@tanstack/react-query").UseQueryResult<{
     symbol: string;
     address: string;
     name: string;
@@ -19,94 +18,4 @@ export default function useFetchETHBalance(chainId?: number): import("@tanstack/
     allowance: import("bignumber.js").BigNumber;
     chainId: number;
     account?: undefined;
-} | null, Error> | import("@tanstack/react-query").QueryObserverSuccessResult<{
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    balance: import("bignumber.js").BigNumber;
-    allowance: import("bignumber.js").BigNumber;
-    account: string;
-    spender: string | undefined;
-    chainId: number;
-} | {
-    address: string;
-    decimals: number;
-    symbol: string;
-    name: string;
-    balance: import("bignumber.js").BigNumber;
-    spender: string | undefined;
-    allowance: import("bignumber.js").BigNumber;
-    chainId: number;
-    account?: undefined;
-} | null, Error> | import("@tanstack/react-query").QueryObserverLoadingErrorResult<{
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    balance: import("bignumber.js").BigNumber;
-    allowance: import("bignumber.js").BigNumber;
-    account: string;
-    spender: string | undefined;
-    chainId: number;
-} | {
-    address: string;
-    decimals: number;
-    symbol: string;
-    name: string;
-    balance: import("bignumber.js").BigNumber;
-    spender: string | undefined;
-    allowance: import("bignumber.js").BigNumber;
-    chainId: number;
-    account?: undefined;
-} | null, Error> | import("@tanstack/react-query").QueryObserverPendingResult<{
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    balance: import("bignumber.js").BigNumber;
-    allowance: import("bignumber.js").BigNumber;
-    account: string;
-    spender: string | undefined;
-    chainId: number;
-} | {
-    address: string;
-    decimals: number;
-    symbol: string;
-    name: string;
-    balance: import("bignumber.js").BigNumber;
-    spender: string | undefined;
-    allowance: import("bignumber.js").BigNumber;
-    chainId: number;
-    account?: undefined;
-} | null, Error> | import("@tanstack/react-query").QueryObserverRefetchErrorResult<{
-    balance: BigNumber;
-    allowance: BigNumber;
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    showDecimals: number;
-    wrappedTokenSymbol: string;
-    wrappedTokenAddress: string;
-}, Error> | import("@tanstack/react-query").QueryObserverSuccessResult<{
-    balance: BigNumber;
-    allowance: BigNumber;
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    showDecimals: number;
-    wrappedTokenSymbol: string;
-    wrappedTokenAddress: string;
-}, Error> | import("@tanstack/react-query").QueryObserverPendingResult<{
-    balance: BigNumber;
-    allowance: BigNumber;
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    showDecimals: number;
-    wrappedTokenSymbol: string;
-    wrappedTokenAddress: string;
-}, Error>;
+} | null, Error>;

package/dist/types/hooks/contract/useFetchTokens.d.ts

@@ -4,8 +4,9 @@ type TokenInfoMap = Map<string, {
     balance: BigNumber;
     allowance: BigNumber;
 }>;
-export default function useFetchTokens({ tokenList, blockNumber, chainId, skip, }: {
+export default function useFetchTokens({ tokenList, addresses: addressesProps, blockNumber, chainId, skip, }: {
     tokenList?: TokenList;
+    addresses?: string[];
     blockNumber?: number;
     chainId?: number;
     skip?: boolean;

package/dist/types/index.d.ts

@@ -18,6 +18,7 @@ export { useTradeSwapOrderList } from './hooks/Swap/useTradeSwapOrderList';
 export { Pool } from './widgets/PoolWidget';
 export { default as PoolList } from './widgets/PoolWidget/PoolList';
 export { default as PoolCreate } from './widgets/PoolWidget/PoolCreate';
+export { default as AMMV2Create } from './widgets/PoolWidget/AMMV2Create';
 export { default as PoolModify } from './widgets/PoolWidget/PoolModify';
 export { default as PoolDetail } from './widgets/PoolWidget/PoolDetail';
 export { default as PoolOperateDialog, PoolOperate, } from './widgets/PoolWidget/PoolOperate';
@@ -26,6 +27,9 @@ export { usePoolBalanceInfo } from './widgets/PoolWidget/hooks/usePoolBalanceInf
 export { MiningList } from './widgets/MiningWidget/MiningList';
 export { MiningDetail } from './widgets/MiningWidget/MiningDetail';
 export { MiningCreate } from './widgets/MiningWidget/MiningCreate';
+export { default as AddLiquidityV3 } from './widgets/PoolWidget/AMMV3/AddLiquidityV3';
+export { AMMV3PositionsView } from './widgets/PoolWidget/AMMV3/AMMV3PositionsView';
+export { AMMV3PositionManage } from './widgets/PoolWidget/AMMV3/AMMV3PositionManage';
 export { TokenCard } from './components/Swap/components/TokenCard';
 export { default as TokenLogo } from './components/TokenLogo';
 export { FailedList } from './components/List/FailedList';

package/dist/types/providers/useInitContractRequest.d.ts

@@ -0,0 +1 @@
+export declare function useInitContractRequest(): void;

package/dist/types/router/types.d.ts

@@ -6,7 +6,9 @@ export declare enum PageType {
     CreatePool = "createPool",
     ModifyPool = "modifyPool",
     MiningList = "miningList",
-    MiningDetail = "miningDetail"
+    MiningDetail = "miningDetail",
+    createPoolAMMV2 = "createPoolAMMV2",
+    createPoolAMMV3 = "createPoolAMMV3"
 }
 interface PageTypeParams {
     [PageType.Pool]: {
@@ -32,6 +34,12 @@ interface PageTypeParams {
         miningContractAddress: string | undefined;
         stakeTokenAddress: string | undefined;
     };
+    [PageType.createPoolAMMV2]: undefined;
+    [PageType.createPoolAMMV3]: {
+        from?: string;
+        to?: string;
+        fee?: string;
+    } | undefined;
 }
 export interface Page<T extends PageType = PageType> {
     type: T;

package/dist/types/utils/address.d.ts

@@ -1,4 +1,5 @@
 import { ChainId } from '@dodoex/api';
+import { TokenInfo } from '../hooks/Token';
 export declare const isSameAddress: (tokenAddress1: string, tokenAddress2: string) => boolean;
 export declare function isAddress(value: any): boolean;
 export declare function isETHAddress(addr: string): boolean;
@@ -15,3 +16,11 @@ export declare function truncatePoolAddress(address: string): string;
 export declare function sortsAddress(address0: string, address1: string): boolean;
 export declare function getEtherscanPage(chainId: ChainId, id?: string | null, prefix?: string): string;
 export declare function openEtherscanPage(path: string | undefined, chainId: ChainId, customUrl?: string): Promise<void>;
+export declare const UNI_INIT_CODE_HASH = "0x67a372377cf6d7f78cfdcc9df0bc21e1139bd49e5a47c33ee0de5389a4396410";
+export declare function sortsBefore(tokenA: TokenInfo, tokenB: TokenInfo): boolean;
+export declare const computePairAddress: ({ factoryAddress, tokenA, tokenB, fee, }: {
+    factoryAddress: string;
+    tokenA: TokenInfo;
+    tokenB: TokenInfo;
+    fee: number;
+}) => string;

package/dist/types/widgets/MiningWidget/OperateArea/index.d.ts

@@ -1,6 +1,6 @@
-import { FetchMiningListItem, OperateType } from '../types';
 import { MiningStatusE } from '@dodoex/api';
 import React from 'react';
+import { FetchMiningListItem, OperateType } from '../types';
 export default function OperateArea({ chainId, poolAddress, status, loading, operateType, setOperateType, miningItem, associatedMineSectionVisible, goLpLink, }: {
     chainId: number;
     poolAddress: string;

package/dist/types/widgets/MiningWidget/hooks/helper.d.ts

@@ -60,10 +60,10 @@ export declare function getV3MiningSingleRewardAmount(t: ReviewedMiningRewardTok
     workThroughReward: BigNumber | undefined;
     lastFlagBlock: BigNumber | undefined;
     rewardVault: string | undefined;
+    startTime: BigNumber | undefined;
+    endTime: BigNumber | undefined;
     rewardPerBlock: BigNumber | undefined;
     startBlock: BigNumber | undefined;
     endBlock: BigNumber | undefined;
-    startTime: BigNumber | undefined;
-    endTime: BigNumber | undefined;
 };
 export {};

package/dist/types/widgets/MiningWidget/hooks/useReviewRewardToken.d.ts

@@ -19,10 +19,10 @@ export declare function useReviewRewardToken({ chainId, index, miningContractAdd
         workThroughReward: BigNumber | undefined;
         lastFlagBlock: BigNumber | undefined;
         rewardVault: string | undefined;
+        startTime: BigNumber | undefined;
+        endTime: BigNumber | undefined;
         rewardPerBlock: BigNumber | undefined;
         startBlock: BigNumber | undefined;
         endBlock: BigNumber | undefined;
-        startTime: BigNumber | undefined;
-        endTime: BigNumber | undefined;
     };
 };

package/dist/types/widgets/MiningWidget/hooks/useRewardListAmount.d.ts

@@ -4,7 +4,7 @@ export declare function useRewardListAmount({ miningItem, }: {
     miningItem: FetchMiningListItem;
 }): {
     data: {
-        amount: import("bignumber.js").BigNumber | null | undefined;
+        amount: BigNumber | null | undefined;
         address: string;
         symbol: string;
         decimals: number;

package/dist/types/widgets/PoolWidget/AMMV2Create/ConfirmDialog.d.ts

@@ -0,0 +1,18 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+import { useAMMV2AddLiquidity } from '../hooks/useAMMV2AddLiquidity';
+export default function ConfirmDialog({ open, onClose, slippage, baseToken, quoteToken, baseAmount, quoteAmount, lpAmount, fee, price, shareOfPool, pairAddress, createMutation, }: {
+    open: boolean;
+    onClose: () => void;
+    slippage: number;
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    baseAmount: string;
+    quoteAmount: string;
+    lpAmount: BigNumber | undefined;
+    fee: number | undefined;
+    price?: BigNumber | null;
+    shareOfPool?: string;
+    pairAddress?: string;
+    createMutation: ReturnType<typeof useAMMV2AddLiquidity>;
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/CreateItem.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function CreateItem({ title, disabled, children, }: React.PropsWithChildren<{
+    title: React.ReactNode;
+    disabled?: boolean;
+}>): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/FeeEdit.d.ts

@@ -0,0 +1,7 @@
+export default function FeeEdit({ disabled, fee, onChange, feeList, hasCustom, }: {
+    disabled?: boolean;
+    fee: number;
+    onChange: (v: number) => void;
+    feeList: number[];
+    hasCustom?: boolean;
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/MyLiqidity.d.ts

@@ -0,0 +1,6 @@
+import { Pair } from '@uniswap/v2-sdk';
+export default function MyLiquidity({ isExists, pair, pairAddress, }: {
+    isExists: boolean;
+    pair?: Pair | null;
+    pairAddress?: string;
+}): JSX.Element | null;

package/dist/types/widgets/PoolWidget/AMMV2Create/Ratio.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function RatioPrice({ baseToken, quoteToken, midPrice, loading, disabled, }: {
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    midPrice?: BigNumber | null;
+    loading?: boolean;
+    disabled?: boolean;
+}): JSX.Element;
+export default function Ratio({ baseToken, quoteToken, loading, midPrice, shareOfPool, sx, }: {
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    loading?: boolean;
+    midPrice?: BigNumber | null;
+    shareOfPool?: string;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/Setting.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '@dodoex/components';
+import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../constants/pool';
+export declare const useSlipper: ({ address }: {
+    address?: string;
+}) => {
+    slipper: number | "auto";
+    setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;
+    slipperValue: number;
+    resetSlipper: () => void;
+};
+export default function Setting({ sx, disabled, slippage, onChangeSlippage, }: {
+    sx?: BoxProps['sx'];
+    disabled?: boolean;
+    slippage: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
+    onChangeSlippage: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/index.d.ts

@@ -0,0 +1 @@
+export default function AMMV2Create(): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/AMMV3PositionManage.d.ts

@@ -0,0 +1,12 @@
+import { TokenInfo } from '../../../hooks/Token';
+import { ChainId } from './sdks/sdk-core';
+import { FeeAmount } from './sdks/v3-sdk';
+export interface AMMV3PositionManageProps {
+    chainId: ChainId;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    feeAmount: FeeAmount;
+    tokenId: string;
+    onClose: (() => void) | undefined;
+}
+export declare const AMMV3PositionManage: ({ chainId, baseToken, quoteToken, feeAmount, tokenId, onClose, }: AMMV3PositionManageProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/AMMV3PositionsView.d.ts

@@ -0,0 +1,16 @@
+import { ChainId } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token/type';
+import { FeeAmount } from './sdks/v3-sdk';
+export interface AMMV3PositionsViewProps {
+    chainId: ChainId;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    feeAmount: FeeAmount;
+    onClose: (() => void) | undefined;
+    handleGoToAddLiquidityV3: (params: {
+        from?: string;
+        to?: string;
+        fee?: string;
+    }) => void;
+}
+export declare const AMMV3PositionsView: ({ chainId, baseToken, quoteToken, feeAmount, onClose, handleGoToAddLiquidityV3, }: AMMV3PositionsViewProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/AddLiquidityV3.d.ts

@@ -0,0 +1,9 @@
+export default function AddLiquidityV3({ params, handleGoBack, handleGoToPoolList, }: {
+    params?: {
+        from?: string;
+        to?: string;
+        fee?: string;
+    };
+    handleGoBack: () => void;
+    handleGoToPoolList: () => void;
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/Badge/AMMV3.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@dodoex/components';
+export interface AMMV3Props {
+    sx?: BoxProps['sx'];
+}
+export declare const AMMV3: ({ sx }: AMMV3Props) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/Badge/RangeBadge.d.ts

@@ -0,0 +1,4 @@
+export default function RangeBadge({ removed, inRange, }: {
+    removed?: boolean;
+    inRange?: boolean;
+}): JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/Buttons.d.ts

@@ -0,0 +1,18 @@
+import { ChainId } from '@dodoex/api';
+import { useTokenStatus } from '../../../../hooks/Token/useTokenStatus';
+import { Currency, CurrencyAmount } from '../sdks/sdk-core';
+export interface ButtonsProps {
+    chainId: ChainId;
+    approvalA: ReturnType<typeof useTokenStatus>;
+    approvalB: ReturnType<typeof useTokenStatus>;
+    parsedAmounts: {
+        CURRENCY_A?: CurrencyAmount<Currency> | undefined;
+        CURRENCY_B?: CurrencyAmount<Currency> | undefined;
+    };
+    isValid: boolean;
+    depositADisabled: boolean;
+    depositBDisabled: boolean;
+    errorMessage: React.ReactNode;
+    setShowConfirm: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const Buttons: ({ chainId, approvalA, approvalB, parsedAmounts, isValid, depositADisabled, depositBDisabled, errorMessage, setShowConfirm, }: ButtonsProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/ClaimButton.d.ts

@@ -0,0 +1,8 @@
+import { ChainId } from '@dodoex/api';
+export interface ClaimButtonProps {
+    chainId: ChainId;
+    disabled: boolean;
+    isLoading: boolean;
+    onConfirm: () => void;
+}
+export declare const ClaimButton: ({ chainId, disabled, isLoading, onConfirm, }: ClaimButtonProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/CurrencyInputPanel.d.ts

@@ -0,0 +1,10 @@
+import { Currency, CurrencyAmount } from '../sdks/sdk-core';
+export interface CurrencyInputPanelProps {
+    value: string;
+    onUserInput: (value: string) => void;
+    maxAmount: CurrencyAmount<Currency> | undefined;
+    balance: CurrencyAmount<Currency> | undefined;
+    currency?: Currency | null;
+    locked?: boolean;
+}
+export declare const CurrencyInputPanel: ({ value, onUserInput, maxAmount, balance, currency, locked, }: CurrencyInputPanelProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/FeeSelector.d.ts

@@ -0,0 +1,8 @@
+import { Actions } from '../reducer';
+import { FeeAmount } from '../sdks/v3-sdk/constants';
+export interface FeeSelectorProps {
+    disabled: boolean;
+    feeAmount?: FeeAmount;
+    dispatch: React.Dispatch<Actions>;
+}
+export declare const FeeSelector: ({ disabled, feeAmount, dispatch, }: FeeSelectorProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/InRangeDot.d.ts

@@ -0,0 +1,4 @@
+export interface InRangeDotProps {
+    outOfRange: boolean;
+}
+export declare const InRangeDot: ({ outOfRange }: InRangeDotProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/InputStepCounter.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { FeeAmount } from '../sdks/v3-sdk';
+interface StepCounterProps {
+    value: string;
+    onUserInput: (value: string) => void;
+    decrement: () => string;
+    increment: () => string;
+    decrementDisabled?: boolean;
+    incrementDisabled?: boolean;
+    feeAmount?: FeeAmount;
+    label?: string;
+    locked?: boolean;
+    title: ReactNode;
+    tokenA?: string;
+    tokenB?: string;
+}
+declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, tokenA, tokenB, }: StepCounterProps) => JSX.Element;
+export default StepCounter;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Area.d.ts

@@ -0,0 +1,10 @@
+import { ScaleLinear } from 'd3';
+import { ChartEntry } from './types';
+export declare const Area: ({ series, xScale, yScale, xValue, yValue, fill, }: {
+    series: ChartEntry[];
+    xScale: ScaleLinear<number, number>;
+    yScale: ScaleLinear<number, number>;
+    xValue: (d: ChartEntry) => number;
+    yValue: (d: ChartEntry) => number;
+    fill?: string;
+}) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/AxisBottom.d.ts

@@ -0,0 +1,6 @@
+import { ScaleLinear } from 'd3';
+export declare const AxisBottom: ({ xScale, innerHeight, offset, }: {
+    xScale: ScaleLinear<number, number>;
+    innerHeight: number;
+    offset?: number;
+}) => JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Brush.d.ts

@@ -0,0 +1,13 @@
+import { ScaleLinear } from 'd3';
+export declare const Brush: ({ id, xScale, interactive, brushLabelValue, brushExtent, setBrushExtent, innerWidth, innerHeight, westHandleColor, eastHandleColor, }: {
+    id: string;
+    xScale: ScaleLinear<number, number>;
+    interactive: boolean;
+    brushLabelValue: (d: "w" | "e", x: number) => string;
+    brushExtent: [number, number];
+    setBrushExtent: (extent: [number, number], mode: string | undefined) => void;
+    innerWidth: number;
+    innerHeight: number;
+    westHandleColor: string;
+    eastHandleColor: string;
+}) => JSX.Element;