@dodoex/widgets 3.0.1-solana.0 → 3.0.1-solana.10

package/dist/types/index.d.ts

@@ -1,37 +1,16 @@
-import { SwapProps } from './components/Swap';
-import { WidgetProps } from './components/Widget';
-export { useRouterStore, PageType } from './router';
-export type { Page } from './router';
-export { WIDGET_CLASS_NAME } from './components/Widget';
-export { MetadataFlag } from './hooks/Submission/types';
-export { rpcServerMap, scanUrlDomainMap } from './constants/chains';
-export { chainListMap } from './constants/chainList';
-export { Widget, UnstyleWidget, Message } from './components/Widget';
-export { WIDGET_MODULE_CLASS_NAME } from './components/WidgetContainer';
-export type { WidgetProps } from './components/Widget';
+import type { SwapProps } from './components/Swap';
+import type { WidgetProps } from './components/Widget';
 export type SwapWidgetProps = WidgetProps & SwapProps;
+export type { WidgetProps } from './components/Widget';
 export type { TokenInfo } from './hooks/Token/type';
-export { useMessageState } from './hooks/useMessageState';
+export type { Page } from './router';
 export { Swap } from './components/Swap';
-export { default as SwapOrderHistory } from './components/Swap/SwapOrderHistory';
-export { useTradeSwapOrderList } from './hooks/Swap/useTradeSwapOrderList';
+export { UnstyleWidget, Widget } from './components/Widget';
+export { MetadataFlag } from './hooks/Submission/types';
+export { PageType, useRouterStore } from './router';
 export { Pool } from './widgets/PoolWidget';
+export { default as AMMV2Create } from './widgets/PoolWidget/AMMV2Create';
 export { default as PoolList } from './widgets/PoolWidget/PoolList';
-export { default as PoolCreate } from './widgets/PoolWidget/PoolCreate';
-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';
-export type { PoolOperateProps } from './widgets/PoolWidget/PoolOperate';
-export { usePoolBalanceInfo } from './widgets/PoolWidget/hooks/usePoolBalanceInfo';
-export { MiningList } from './widgets/MiningWidget/MiningList';
-export { MiningDetail } from './widgets/MiningWidget/MiningDetail';
-export { MiningCreate } from './widgets/MiningWidget/MiningCreate';
-export { TokenCard } from './components/Swap/components/TokenCard';
-export { default as TokenLogo } from './components/TokenLogo';
-export { FailedList } from './components/List/FailedList';
-export { EmptyList } from './components/List/EmptyList';
-export { getEtherscanPage } from './utils/address';
-export { formatReadableNumber, formatTokenAmountNumber, formatShortNumber, formatPercentageNumber, } from './utils/formatter';
-export declare function SwapWidget(props: SwapWidgetProps): JSX.Element;
-export declare function PoolWidget(props: SwapWidgetProps): JSX.Element;
-export declare function InitSwapWidget(props: SwapWidgetProps): void;
+export { default as AddLiquidityV3 } from './widgets/PoolWidget/AMMV3/AddLiquidityV3';
+export { AMMV3PositionManage } from './widgets/PoolWidget/AMMV3/AMMV3PositionManage';
+export { AMMV3PositionsView } from './widgets/PoolWidget/AMMV3/AMMV3PositionsView';

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

@@ -1,4 +1,3 @@
-/** https://github.com/anza-xyz/wallet-adapter/blob/master/APP.md */
 import { PropsWithChildren } from 'react';
 import '@solana/wallet-adapter-react-ui/styles.css';
 export declare function SolanaReactProvider(props: PropsWithChildren): JSX.Element;

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]: {
+        mint1?: string;
+        mint2?: string;
+        fee?: string;
+    } | undefined;
 }
 export interface Page<T extends PageType = PageType> {
     type: T;

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

@@ -1,15 +1,17 @@
 import { ChainId } from '@dodoex/api';
 export declare const isSameAddress: (tokenAddress1: string, tokenAddress2: string) => boolean;
 export declare function isAddress(value: any): boolean;
-export declare function isETHAddress(addr: string): boolean;
 /**
- * Returns true if the string value is zero in hex
- * @param hexNumberString
+ * 检查 Solana 地址是否为零地址
+ * @param address Solana 地址字符串
+ * @returns 如果是零地址则返回 true
  */
-export default function isZero(hexNumberString: string): boolean;
+export default function isZero(address: string): boolean;
 /**
- * truncate pool address: 0xeBa959390016dd81419A189e5ef6F3B6720e5A90 => 0xeBa9...5A90
- * @param address pool address
+ * truncate address:
+ * - Solana: HN7cABqLq46Es1jh92dQQisAq662SmxGkXPnB4LZFN3 => HN7c...ZFN3
+ * - EVM: 0xeBa959390016dd81419A189e5ef6F3B6720e5A90 => 0xeBa9...5A90
+ * @param address wallet or token address
  */
 export declare function truncatePoolAddress(address: string): string;
 export declare function sortsAddress(address0: string, address1: string): boolean;

package/dist/types/widgets/MiningWidget/MiningList/hooks/useDepositOrWithdrawOrClaim.d.ts

@@ -11,7 +11,7 @@ export declare function useDepositOrWithdrawOrClaim({ version, miningContractAdd
     unstakeSuccessCallback?: () => void;
     claimSuccessCallback?: () => void;
 } & Pick<TabMiningI, 'version' | 'stakeTokenAddress' | 'source' | 'id'>): {
-    depositOrWithdrawOrClaimMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult | undefined, Error, {
+    depositOrWithdrawOrClaimMutation: import("@tanstack/react-query").UseMutationResult<any, Error, {
         amount: BigNumber;
         withdrawAll?: boolean;
         submitCallback?: () => void;

package/dist/types/widgets/MiningWidget/MiningList/hooks/useStatusAndStartBlockNumber.d.ts

@@ -1,9 +1,8 @@
 import { TabMiningI } from '../../types';
-import { MiningStatusE } from '@dodoex/api';
 export declare function useStatusAndStartBlockNumber({ miningItem, }: {
     miningItem: TabMiningI;
 }): {
-    status: MiningStatusE;
+    status: any;
     miningStatusList: {
         status: MiningStatusE;
         firstStartTime: import("bignumber.js").BigNumber | undefined;

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/helper.d.ts

@@ -1,2 +1 @@
-import { MiningApi } from '@dodoex/api';
-export declare const miningApi: MiningApi;
+export declare const miningApi: any;

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

@@ -2,4 +2,4 @@ import { FetchMiningListItem } from '../types';
 export declare const useClaimMiningSubmit: ({ miningItem, successBack, }: {
     miningItem: FetchMiningListItem;
     successBack?: () => void;
-}) => import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;
+}) => import("@tanstack/react-query").UseMutationResult<any, Error, void, unknown>;

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

@@ -7,5 +7,5 @@ export declare function useMiningItem({ miningContractAddress, poolAddress, acco
     miningItem: import("../types").TabMiningI | undefined;
     error: Error | null;
     loading: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").MiningListQuery, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<unknown, Error>>;
 };

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

@@ -6,7 +6,7 @@ export declare function useMiningList({ isEnded, searchText, account, chainIds,
     chainIds: Array<number> | null;
 }): {
     error: Error | null;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").MiningListQuery, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<unknown, Error>>;
     loading: boolean;
     miningList: TabMiningI[];
 };

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

@@ -5,7 +5,7 @@ export declare function useMyCreatedMiningList({ searchText, account, chainIds,
     chainIds: Array<number> | null;
 }): {
     error: Error | null;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").MyCreatedMiningListQuery, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<unknown, Error>>;
     loading: boolean;
     miningList: MyCreatedMiningI[];
 };

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: unknown;
         address: string;
         symbol: string;
         decimals: number;

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

@@ -6,4 +6,4 @@ export declare const useStakeMiningSubmit: ({ miningItem, amount, submittedBack,
     submittedBack?: () => void;
     successBack?: () => void;
     logBalance?: BalanceData;
-}) => import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;
+}) => import("@tanstack/react-query").UseMutationResult<any, Error, void, unknown>;

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

@@ -1,13 +1,7 @@
-import { MiningStatusE } from '@dodoex/api';
 import { FetchMiningListItem } from '../types';
 export declare function useStatusAndStartBlockNumber({ miningItem, }: {
     miningItem: FetchMiningListItem;
 }): {
-    status: MiningStatusE;
-    miningStatusList: {
-        status: import("@dodoex/api/dist/types/services/mining/utils").MiningStatusE;
-        firstStartTime: import("bignumber.js").BigNumber | undefined;
-        lastEndTime: import("bignumber.js").BigNumber | undefined;
-        currentTime: import("bignumber.js").BigNumber;
-    }[];
+    status: any;
+    miningStatusList: any[];
 };

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

@@ -6,4 +6,4 @@ export declare const useUnstakeMiningSubmit: ({ miningItem, amount, submittedBac
     submittedBack?: () => void;
     successBack?: () => void;
     logBalance?: BalanceData;
-}) => import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;
+}) => import("@tanstack/react-query").UseMutationResult<any, Error, void, unknown>;

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

@@ -1,4 +1,4 @@
-import { ChainId, MiningStatusE } from '@dodoex/api';
+import { ChainId } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 import dayjs from 'dayjs';
 import { BaseMiningI, MiningRewardTokenI } from '../types';

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, pairMintAAmount, pairMintBAmount, lpAmount, feeRate, price, lpBalancePercentage, pairAddress, createMutation, }: {
+    open: boolean;
+    onClose: () => void;
+    slippage: number;
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    pairMintAAmount: string | undefined;
+    pairMintBAmount: string | undefined;
+    lpAmount: BigNumber | undefined;
+    feeRate: string | number | undefined;
+    price?: BigNumber | null;
+    lpBalancePercentage: BigNumber | number | undefined;
+    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,13 @@
+export default function FeeEdit({ disabled, feeIndex, onChange, feeList, }: {
+    disabled?: boolean;
+    feeIndex: number;
+    onChange: (v: number) => void;
+    feeList: {
+        id: string;
+        index: number;
+        protocolFeeRate: number;
+        tradeFeeRate: number;
+        fundFeeRate: number;
+        createPoolFee: string;
+    }[];
+}): JSX.Element;

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

@@ -0,0 +1,14 @@
+import { BoxProps } from '@dodoex/components';
+import { ApiV3PoolInfoStandardItemCpmm } from '@raydium-io/raydium-sdk-v2';
+import BigNumber from 'bignumber.js';
+export default function MyLiquidity({ isExists, poolInfo, poolInfoLoading, lpBalanceLoading, lpBalance, lpBalancePercentage, lpToAmountA, lpToAmountB, sx, }: {
+    isExists: boolean;
+    poolInfo?: ApiV3PoolInfoStandardItemCpmm;
+    poolInfoLoading: boolean;
+    lpBalanceLoading: boolean;
+    lpBalance: BigNumber | undefined;
+    lpBalancePercentage: BigNumber | undefined;
+    lpToAmountA: BigNumber | undefined;
+    lpToAmountB: BigNumber | undefined;
+    sx?: BoxProps['sx'];
+}): 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, lpBalancePercentage, sx, }: {
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    loading?: boolean;
+    midPrice?: BigNumber | null;
+    lpBalancePercentage: BigNumber | number | undefined;
+    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,10 @@
+import { FeeAmount } from './sdks/v3-sdk/constants';
+export interface AMMV3PositionManageProps {
+    mint1Address: string;
+    mint2Address: string;
+    feeAmount: FeeAmount;
+    poolId: string;
+    nftMint: string;
+    onClose: (() => void) | undefined;
+}
+export declare const AMMV3PositionManage: ({ mint1Address, mint2Address, feeAmount, poolId, nftMint, onClose, }: AMMV3PositionManageProps) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import { FeeAmount } from './sdks/v3-sdk/constants';
+export interface AMMV3PositionsViewProps {
+    mint1Address: string;
+    mint2Address: string;
+    feeAmount: FeeAmount;
+    poolId: string;
+    onClose: (() => void) | undefined;
+    handleGoToAddLiquidityV3: (params: {
+        mint1?: string;
+        mint2?: string;
+        fee?: string;
+    }) => void;
+}
+export declare const AMMV3PositionsView: ({ mint1Address, mint2Address, feeAmount, poolId, 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?: {
+        mint1?: string;
+        mint2?: 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,8 @@
+import { ChainId } from '@dodoex/api';
+export interface ButtonsProps {
+    chainId: ChainId;
+    isValid: boolean;
+    errorMessage: React.ReactNode;
+    setShowConfirm: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const Buttons: ({ chainId, isValid, 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,11 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token/type';
+export interface CurrencyInputPanelProps {
+    value: string;
+    onUserInput: (value: string) => void;
+    maxAmount: BigNumber | undefined;
+    balance: BigNumber | undefined;
+    mint?: TokenInfo | null;
+    locked?: boolean;
+}
+export declare const CurrencyInputPanel: ({ value, onUserInput, maxAmount, balance, mint, 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,14 @@
+import { ReactNode } from 'react';
+interface StepCounterProps {
+    value: string;
+    onUserInput: (value: string) => void;
+    decrement: () => string;
+    increment: () => string;
+    decrementDisabled?: boolean;
+    incrementDisabled?: boolean;
+    locked?: boolean;
+    title: ReactNode;
+    perPriceText: string;
+}
+declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, perPriceText, }: 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;

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

@@ -0,0 +1,2 @@
+import { LiquidityChartRangeInputProps } from './types';
+export declare function Chart({ id, data: { series, current }, ticksAtLimit, styles, dimensions: { width, height }, margins, interactive, brushDomain, brushLabels, onBrushDomainChange, zoomLevels, }: LiquidityChartRangeInputProps): JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { ScaleLinear, ZoomTransform } from 'd3';
+import { ZoomLevels } from './types';
+export default function Zoom({ svg, xScale, setZoom, width, height, resetBrush, showResetButton, zoomLevels, }: {
+    svg: SVGElement | null;
+    xScale: ScaleLinear<number, number>;
+    setZoom: (transform: ZoomTransform) => void;
+    width: number;
+    height: number;
+    resetBrush: () => void;
+    showResetButton: boolean;
+    zoomLevels: ZoomLevels;
+}): JSX.Element;

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

@@ -0,0 +1,12 @@
+import { TokenInfo } from '../../../../../hooks/Token/type';
+import { FeeAmount } from '../../sdks/v3-sdk/constants';
+import { ChartEntry } from './types';
+export declare function useDensityChartData({ mint1, mint2, feeAmount, }: {
+    mint1: Maybe<TokenInfo>;
+    mint2: Maybe<TokenInfo>;
+    feeAmount?: FeeAmount;
+}): {
+    isLoading: boolean;
+    error: any;
+    formattedData: ChartEntry[] | undefined;
+};

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

@@ -0,0 +1,18 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../../hooks/Token/type';
+import { FeeAmount } from '../../sdks/v3-sdk/constants';
+import { Bound } from '../../types';
+export default function LiquidityChartRangeInput({ mint1, mint2, feeAmount, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, }: {
+    mint1?: Maybe<TokenInfo>;
+    mint2?: Maybe<TokenInfo>;
+    feeAmount?: FeeAmount;
+    ticksAtLimit: {
+        [bound in Bound]?: boolean | undefined;
+    };
+    price: number | undefined;
+    priceLower: BigNumber | undefined;
+    priceUpper: BigNumber | undefined;
+    onLeftRangeInput: (typedValue: string) => void;
+    onRightRangeInput: (typedValue: string) => void;
+    interactive: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,22 @@
+/**
+ * Generates an SVG path for the east brush handle.
+ * Apply `scale(-1, 1)` to generate west brush handle.
+ *
+ *    |```````\
+ *    |  | |  |
+ *    |______/
+ *    |
+ *    |
+ *    |
+ *    |
+ *    |
+ *
+ * https://medium.com/@dennismphil/one-side-rounded-rectangle-using-svg-fb31cf318d90
+ */
+export declare const brushHandlePath: (height: number) => string;
+export declare const brushHandleAccentPath: () => string;
+export declare const OffScreenHandle: ({ color, size, margin, }: {
+    color: string;
+    size?: number;
+    margin?: number;
+}) => JSX.Element;

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

@@ -0,0 +1,50 @@
+import { Bound } from '../../types';
+export interface ChartEntry {
+    activeLiquidity: number;
+    price0: number;
+}
+interface Dimensions {
+    width: number;
+    height: number;
+}
+interface Margins {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface ZoomLevels {
+    initialMin: number;
+    initialMax: number;
+    min: number;
+    max: number;
+}
+export interface LiquidityChartRangeInputProps {
+    id?: string;
+    data: {
+        series: ChartEntry[];
+        current: number;
+    };
+    ticksAtLimit: {
+        [bound in Bound]?: boolean | undefined;
+    };
+    styles: {
+        area: {
+            selection: string;
+        };
+        brush: {
+            handle: {
+                west: string;
+                east: string;
+            };
+        };
+    };
+    dimensions: Dimensions;
+    margins: Margins;
+    interactive?: boolean;
+    brushLabels: (d: 'w' | 'e', x: number) => string;
+    brushDomain?: [number, number];
+    onBrushDomainChange: (domain: [number, number], mode: string | undefined) => void;
+    zoomLevels: ZoomLevels;
+}
+export {};

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

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

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

@@ -0,0 +1,14 @@
+export declare const themeColor: {
+    neutral1: string;
+    neutral2: string;
+    accent1: string;
+    critical: string;
+    white: string;
+    surface3: string;
+    opacity: {
+        hover: number;
+        click: number;
+        disabled: number;
+        enabled: number;
+    };
+};