@dodoex/widgets 3.2.2 → 3.2.4-beta.1

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

@@ -0,0 +1,13 @@
+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;
+    }[];
+};

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

@@ -0,0 +1,9 @@
+import { BalanceData } from '../../../hooks/Submission/useBalanceUpdateLoading';
+import { FetchMiningListItem } from '../types';
+export declare const useUnstakeMiningSubmit: ({ miningItem, amount, submittedBack, successBack, logBalance, }: {
+    miningItem: FetchMiningListItem;
+    amount: string;
+    submittedBack?: () => void;
+    successBack?: () => void;
+    logBalance?: BalanceData;
+}) => import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

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

@@ -0,0 +1,30 @@
+import { ChainId, MiningStatusE } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import dayjs from 'dayjs';
+import { BaseMiningI, MiningRewardTokenI } from '../types';
+export declare const MINING_POOL_REFETCH_INTERVAL = 60000;
+export declare const VALID_MINING_TYPE: Array<BaseMiningI['type']>;
+export declare const VALID_MINING_VERSION: Array<BaseMiningI['version']>;
+export declare function getMiningRewardStatus({ startTime, endTime, }: {
+    startTime: BigNumber | undefined;
+    endTime: BigNumber | undefined;
+}): {
+    status: MiningStatusE;
+    currentTime: BigNumber;
+};
+export declare function getMiningStatusByTimestamp({ rewardTokenInfoList, }: {
+    rewardTokenInfoList: Pick<MiningRewardTokenI, 'startTime' | 'endTime'>[];
+}): {
+    status: MiningStatusE;
+    firstStartTime: BigNumber | undefined;
+    lastEndTime: BigNumber | undefined;
+    currentTime: BigNumber;
+};
+export declare function computeDailyRewardByPerBlock(blockTime: number, rewardPerBlock: BigNumber | undefined): BigNumber | null;
+export declare const getPreBlock: (blockTime: number, blockNumber: BigNumber, time: number | Date) => BigNumber;
+export declare const getTimeByPreBlock: (blockTime: number, blockNumber: BigNumber, preBlockNumber: string | number | BigNumber) => dayjs.Dayjs;
+/**
+ * 一天预估产生多少区块
+ */
+export declare function getBlocksCountPerDay(chainId: ChainId): number;
+export declare function getBlocksCountPerYear(chainId: number): number;

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

@@ -0,0 +1,210 @@
+import { ExcludeNone, MiningApi, MiningStatusE } from '@dodoex/api';
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import React, { Dispatch, SetStateAction } from 'react';
+import { TokenInfo } from '../../hooks/Token';
+export type FetchMiningList = ExcludeNone<ReturnType<Exclude<(typeof MiningApi.graphql.fetchMiningList)['__apiType'], undefined>>['mining_list']>['list'];
+export type FetchMiningListItem = ExcludeNone<FetchMiningList>[0] | undefined;
+export type MiningTopTabType = null | 'all' | 'staked' | 'created';
+export type MiningTabType = 'active' | 'ended';
+export type OperateType = null | 'stake' | 'unstake' | 'claim';
+export interface MiningTokenI {
+    address: string | undefined;
+    decimals: number | undefined;
+    symbol: string | undefined;
+}
+/** The original token corresponding to lptoken has a price */
+export interface MiningERC20TokenI extends MiningTokenI {
+    usdPrice: BigNumber | undefined;
+    logoImg: string | undefined;
+}
+/** lptoken, a token obtained by pledging the original token, has no price */
+export interface MiningLpTokenI extends MiningTokenI {
+}
+/** Reward tokens */
+export interface MiningRewardTokenI extends MiningERC20TokenI {
+    /**
+     * Block height when rewards start to be released: If not configured, it defaults to undefined and is considered to have ended.
+     */
+    startBlock: BigNumber | undefined;
+    /**
+     * The timestamp corresponding to the block height when rewards start to be released; unit: seconds
+     */
+    startTime: BigNumber | undefined;
+    /**
+     * Block height released after reward ends: If not configured, it defaults to undefined and is considered to have ended.
+     */
+    endBlock: BigNumber | undefined;
+    /**
+     * The timestamp corresponding to the block height released after the reward ends; unit: seconds
+     */
+    endTime: BigNumber | undefined;
+    /** The number of rewards released per block */
+    rewardPerBlock: BigNumber | undefined;
+    /** The apy returned by the interface is inaccurate and not timely. It is only used for initial rendering and subsequent front-end calculations */
+    initialApr: BigNumber | undefined;
+    blockNumber: BigNumber | undefined;
+}
+export interface ReviewedMiningRewardTokenI extends Pick<MiningRewardTokenI, 'rewardPerBlock' | 'startBlock' | 'endBlock' | 'startTime' | 'endTime'> {
+    workThroughReward: BigNumber | undefined;
+    lastFlagBlock: BigNumber | undefined;
+    rewardVault: string | undefined;
+}
+/**
+ * One mining project may correspond to multiple mining contracts. For example, classic mining bilateral pledge can obtain respective lpToken and then pledge them into different mining contracts. This mining project is equivalent to two mining projects, 1 to 2 , but the front end needs to be displayed on a card
+ *
+ * Avoid using identifiers such as base or quote in the data structure, and use array records to record this kind of 1-to-2 mining.
+ */
+export interface MiningMiningI {
+    /** lpToken.address-miningContractAddress */
+    id: string;
+    sourceToken: Array<MiningERC20TokenI>;
+    lpToken: MiningLpTokenI;
+    /** Mining contract: one mining contract corresponds to one lptoken */
+    miningContractAddress: string | undefined;
+    /**
+     * The v2 version has only one reward token; v3 may have multiple;
+     */
+    rewardTokenList: MiningRewardTokenI[];
+}
+export interface BaseMiningI {
+    chainId: number;
+    type: 'dvm' | 'single' | 'classical' | 'vdodo' | 'lptoken';
+    version: '2' | '3';
+    stakeTokenAddress: string;
+    miningContractAddress: string;
+    quoteLpTokenMiningContractAddress?: string;
+}
+export declare enum LpTokenPlatformID {
+    dodo = 0,
+    pancakeV2 = 1
+}
+export interface DexConfigI {
+    name: string;
+    Icon: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    createMiningEnable?: boolean;
+    platformID?: LpTokenPlatformID;
+}
+export interface CommonMiningI extends Pick<BaseMiningI, 'chainId' | 'version' | 'stakeTokenAddress'> {
+    /** `${chainId}-${BaseMiningI.stakeTokenAddress}-${BaseMiningI.miningContractAddress}`.toLowerCase() */
+    id: string;
+    name: string | undefined;
+    source: 'official' | 'unofficial';
+    lpTokenPlatformID: LpTokenPlatformID;
+    miningMinings: [MiningMiningI] | [MiningMiningI, MiningMiningI];
+    miningTotalDollar?: string | number | null;
+    isGSP: boolean;
+    isNewERCMineV3: boolean;
+}
+interface SingleMiningI extends CommonMiningI {
+    type: 'single' | 'vdodo';
+}
+interface PairMiningI extends CommonMiningI {
+    type: 'dvm' | 'classical' | 'lptoken';
+    baseToken: MiningERC20TokenI;
+    quoteToken: MiningERC20TokenI;
+}
+export type TabMiningI = SingleMiningI | PairMiningI;
+export interface MiningWithBalanceI {
+    lpTokenAccountBalance: BigNumber | undefined;
+    lpTokenAccountStakedBalance: BigNumber | undefined;
+    rewardTokenWithBalanceMap: Map<string, BigNumber | undefined>;
+}
+export interface MiningPoolContractDataI {
+    midPrice: BigNumber | undefined;
+    baseTokenReserve: BigNumber | undefined;
+    quoteTokenReserve: BigNumber | undefined;
+}
+export interface MiningWithContractDataI extends MiningWithBalanceI {
+    lpTokenMiningBalance: BigNumber | undefined;
+    lpTokenTotalSupply: BigNumber | undefined;
+}
+export interface CompositeMiningContractDataI extends MiningPoolContractDataI {
+    balanceDataMap: Map<MiningMiningI['id'], MiningWithContractDataI>;
+    chainId: number;
+}
+export interface MyCreatedMiningRewardTokenI extends MiningRewardTokenI {
+}
+export interface MyCreatedMiningI {
+    id: string;
+    chainId: number;
+    type: 'single' | 'lptoken';
+    miningContractAddress: string;
+    participantsNum: number | undefined;
+    apy: BigNumber | undefined;
+    name: string | undefined;
+    token: MiningERC20TokenI;
+    lpToken: {
+        /** pair address */
+        id: string;
+        baseToken: MiningERC20TokenI;
+        quoteToken: MiningERC20TokenI;
+    };
+    status: MiningStatusE;
+    rewardTokenList: MyCreatedMiningRewardTokenI[];
+    isGSP: boolean;
+    isNewERCMineV3: boolean;
+}
+export interface RewardUpdateHistoryItemI {
+    rewardToken: TokenInfo;
+    updateTime: number;
+    endBlockBN: BigNumber;
+    dailyReward: BigNumber | null;
+    totalReward: BigNumber | null;
+    rewardPerBlockBN: BigNumber;
+}
+export interface LiquidityMigrationInfo {
+    chainId: number;
+    miningContractAddress: string;
+    stakeTokenAddress: string;
+    newMiningContractAddress: string;
+    newStakeTokenAddress: string;
+}
+export interface MiningRewardTokenWithAprI extends MiningRewardTokenI {
+    apr: BigNumber | undefined;
+    pendingReward: BigNumber | undefined;
+}
+export interface MiningRewardTokenWithTagI extends MiningRewardTokenWithAprI {
+    symbolEle: JSX.Element | string | undefined;
+}
+export interface MiningStakeTokenWithAmountI extends MiningERC20TokenI {
+    unstakedSourceTokenAmount: BigNumber | undefined;
+    unstakedSourceTokenAmountUSD: BigNumber | undefined;
+    sourceTokenAmount: BigNumber | undefined;
+    sourceTokenAmountUSD: BigNumber | undefined;
+    valueLockedAmount: BigNumber | undefined;
+}
+export interface OperateDataProps {
+    operateType: OperateType;
+    setOperateType: Dispatch<SetStateAction<OperateType>>;
+    miningItem: TabMiningI;
+    balanceDataMap: CompositeMiningContractDataI['balanceDataMap'] | undefined;
+    totalRewardUSD: BigNumber | undefined;
+    stakedTokenUSD: BigNumber | undefined;
+    rewardTokenList: MiningRewardTokenWithTagI[];
+    stakedTokenWithAmountList: MiningStakeTokenWithAmountI[];
+    onClose?: () => void;
+    setShareModalVisible?: Dispatch<SetStateAction<boolean>>;
+    refetchBalance: () => void;
+    refetchAfterClaim: () => void;
+    titleSectionVisible: boolean;
+    associatedMineSectionVisible: boolean;
+    associatedMineSectionShort?: boolean;
+    sx?: BoxProps['sx'];
+    addLiquidityEnable: boolean;
+    externalAddLiquidityCallback?: () => void;
+    miningStatusList: {
+        status: MiningStatusE;
+        firstStartTime: BigNumber | undefined;
+        lastEndTime: BigNumber | undefined;
+        currentTime: BigNumber;
+    }[];
+    rewardTokenWithAprListArray: MiningRewardTokenWithAprI[][];
+    addLiquiditySuccessfulPair: [boolean, boolean];
+    lpTokenAccountStakedBalanceLoading: [boolean, boolean];
+    lpTokenAccountBalanceLoading: [boolean, boolean];
+    gspPairRiskWarningVisible?: boolean;
+}
+export {};

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,21 @@
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+import { useSlipper } from '../PoolOperate/components/SlippageSetting';
+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, slippage, setSlippage, }: {
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+    loading?: boolean;
+    midPrice?: BigNumber | null;
+    shareOfPool?: string;
+    sx?: BoxProps['sx'];
+    slippage: ReturnType<typeof useSlipper>['slipper'];
+    setSlippage: ReturnType<typeof useSlipper>['setSlipper'];
+}): 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;

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 { Currency } from '../../sdks/sdk-core';
+import { FeeAmount } from '../../sdks/v3-sdk';
+import { ChartEntry } from './types';
+export declare function useDensityChartData({ currencyA, currencyB, feeAmount, }: {
+    currencyA?: Currency;
+    currencyB?: Currency;
+    feeAmount?: FeeAmount;
+}): {
+    isLoading: boolean;
+    error: any;
+    formattedData: ChartEntry[] | undefined;
+};

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

@@ -0,0 +1,17 @@
+import { Currency, Price } from '../../sdks/sdk-core';
+import { FeeAmount } from '../../sdks/v3-sdk';
+import { Bound } from '../../types';
+export default function LiquidityChartRangeInput({ currencyA, currencyB, feeAmount, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, }: {
+    currencyA?: Currency;
+    currencyB?: Currency;
+    feeAmount?: FeeAmount;
+    ticksAtLimit: {
+        [bound in Bound]?: boolean | undefined;
+    };
+    price?: number;
+    priceLower?: Price<Currency, Currency>;
+    priceUpper?: Price<Currency, Currency>;
+    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;
+    };
+};