@dodoex/widgets 3.0.2-bartio.2 → 3.0.2-bartio.21

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

@@ -1,5 +1,5 @@
 import { ChainId, ContractRequests, GraphQLRequests } from '@dodoex/api';
-import { PaletteMode, ThemeOptions } from '@dodoex/components';
+import { EmptyDataIcon, PaletteMode, ThemeOptions } from '@dodoex/components';
 import { PropsWithChildren } from 'react';
 import { APIServices } from '../../constants/api';
 import { SupportedLang } from '../../constants/locales';
@@ -10,6 +10,8 @@ import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
 import { ConfirmProps } from '../Confirm';
 import { DialogProps } from '../Swap/components/Dialog';
 import { Page } from '../../router';
+import { ExecutionCtx } from '../../hooks/Submission/types';
+import { TokenPickerDialogProps } from '../Swap/components/TokenCard/TokenPickerDialog';
 export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
 export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps {
     apikey?: string;
@@ -64,9 +66,33 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
         url?: string;
         chainId?: number;
     }) => string;
+    onSharePool?: (share: {
+        chainId: number;
+        baseToken?: {
+            address: string;
+            symbol: string;
+        };
+        quoteToken?: {
+            address: string;
+            symbol: string;
+        };
+        poolId: string;
+        apy?: {
+            miningBaseApy?: any;
+            miningQuoteApy?: any;
+            transactionBaseApy?: any;
+            transactionQuoteApy?: any;
+        } | null;
+        isSingle?: boolean;
+    }) => void;
     graphQLRequests?: GraphQLRequests;
     ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
     DialogComponent?: React.FunctionComponent<DialogProps>;
+    EmptyDataIcon?: React.FunctionComponent<Parameters<typeof EmptyDataIcon>[0]>;
+    TokenPickerDialog?: React.FunctionComponent<TokenPickerDialogProps>;
+    /** Default deadLine when it cannot be set. Unit: seconds */
+    deadLine?: number;
+    submission?: ExecutionCtx;
 }
 export { LangProvider } from '../../providers/i18n';
 export { default as Message } from '../Message';

package/dist/types/components/WidgetContainer.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps } from '@dodoex/components';
 import React from 'react';
 export declare const WIDGET_MODULE_CLASS_NAME = "widget-module-container";
-declare const WidgetContainer: React.ForwardRefExoticComponent<Pick<BoxProps, "key" | "nonce" | "id" | "sx" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "slot" | "style" | "title" | "children" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetContainer: React.ForwardRefExoticComponent<Pick<BoxProps, "key" | "nonce" | "id" | "onChange" | "children" | "p" | "slot" | "style" | "title" | "height" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "component" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
 export default WidgetContainer;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ExecutionProps } from '../../hooks/Submission';
-export default function WithExecutionDialog({ children, executionStatus, ...props }: {
+export default function WithExecutionDialog({ children, executionStatus, showSubmitLoadingDialog, ...props }: {
     children: React.ReactNode;
 } & ExecutionProps): JSX.Element;

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

@@ -6,9 +6,6 @@ export declare const rpcServerMap: {
 export declare const getRpcSingleUrlMap: (newRpcServerMap?: {
     [chainId: number]: string[];
 }) => { [key in ChainId]: string; };
-export declare const platformIdMap: {
-    [key in ChainId]: string;
-};
 export declare const scanUrlDomainMap: {
     [key in ChainId]: string;
 };

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

@@ -55,10 +55,12 @@ export declare enum ExecutionResult {
     Success = "success",
     Submitted = "submitted"
 }
+type SubmitState = 'loading' | 'submitted';
 export interface Showing {
     brief: string;
     subtitle?: string | React.ReactNode;
     spec: StepSpec;
+    submitState?: SubmitState;
 }
 export type ExecutionCtx = {
     /**
@@ -94,3 +96,4 @@ export declare enum WatchResult {
     Failed = 0,
     Success = 1
 }
+export {};

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

@@ -4,6 +4,7 @@ export interface ExecutionProps {
     onTxSubmit?: (tx: string, data: any) => void;
     onTxSuccess?: (tx: string, data: any) => void;
     onTxReverted?: (tx: string, data: any) => void;
+    showSubmitLoadingDialog?: boolean;
     executionStatus?: {
         showing?: Showing | null;
         showingDone?: boolean;
@@ -20,6 +21,7 @@ export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, onTxRe
     errorMessage: string | null;
     setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     closeShowing: () => void;
+    setShowing: import("react").Dispatch<import("react").SetStateAction<Showing | null>>;
     ctxVal: ExecutionCtx;
     requests: Map<string, [Request, State]>;
 };

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

@@ -1,3 +1,3 @@
 export default function useFetchBlockNumber(): {
-    updateBlockNumber: () => Promise<void>;
+    updateBlockNumber: () => Promise<number | undefined>;
 };

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

@@ -0,0 +1,32 @@
+import { ChainId } from '@dodoex/api';
+export declare enum ContractStatus {
+    Initial = "Initial",
+    Pending = "Pending",
+    ApproveSuccess = "ApproveSuccess",
+    TxSuccess = "TxSuccess",
+    Failed = "Failed"
+}
+interface GlobalState {
+    fromTokenChainId?: ChainId;
+    latestBlockNumber: number;
+    openConnectWalletInfo: boolean | {
+        /** Wallet is connected, chainID needs to be switched */
+        chainId?: ChainId;
+    };
+    contractStatus?: ContractStatus;
+    autoConnectLoading?: boolean;
+    showCoingecko?: boolean;
+    /** source: props.getAutoSlippage */
+    autoSlippage?: {
+        loading: boolean;
+        value: number | null;
+    };
+    slippage: string | null;
+}
+export declare const useGlobalState: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalState>>;
+export declare function setContractStatus(value: GlobalState['contractStatus']): void;
+export declare function setAutoConnectLoading(value: GlobalState['autoConnectLoading']): void;
+export declare function setAutoSlippage(value: GlobalState['autoSlippage']): void;
+export declare function setAutoSlippageLoading(loading: boolean): void;
+export declare function setSlippage(value: GlobalState['slippage']): void;
+export {};

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

@@ -0,0 +1,18 @@
+import BigNumber from 'bignumber.js';
+import { TokenList } from './Token';
+export type AccountBalance = {
+    tokenBalances?: BigNumber;
+    tokenAllowances?: BigNumber;
+};
+export type AccountBalances = {
+    [key in string]: AccountBalance;
+};
+interface TokenState {
+    tokenList: TokenList;
+    popularTokenList: TokenList;
+}
+export declare const useTokenState: import("zustand").UseBoundStore<import("zustand").StoreApi<TokenState>>;
+export declare function getAllTokenList(state?: TokenState): import("./Token").TokenInfo[];
+export declare function setTokenList(value: TokenState['tokenList']): void;
+export declare function setPopularTokenList(value: TokenState['popularTokenList']): void;
+export {};

package/dist/types/index.d.ts

@@ -32,11 +32,14 @@ export { AlgebraPositionManage } from './widgets/PoolWidget/Algebra/AlgebraPosit
 export { default as AddLiquidityV3 } from './widgets/PoolWidget/AMMV3/AddLiquidityV3';
 export { AMMV3PositionsView } from './widgets/PoolWidget/AMMV3/AMMV3PositionsView';
 export { AMMV3PositionManage } from './widgets/PoolWidget/AMMV3/AMMV3PositionManage';
+export { useTokenStatus } from './hooks/Token/useTokenStatus';
+export { default as TokenStatusButton } from './components/TokenStatusButton';
+export { default as TokenPairStatusButton } from './components/TokenPairStatusButton';
 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 { getEtherscanPage, ALGEBRA_POOL_DEPLOYER_ADDRESSES, ALGEBRA_POOL_INIT_CODE_HASH, } 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;

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

@@ -29,7 +29,7 @@ export declare function openEtherscanPage(path: string | undefined, chainId: Cha
  * @returns
  * @see https://test-explorer.plumenetwork.xyz/address/0x3A7Bc5F9E41356728f037f17D88c642EE46d1Aaa?tab=contract
  */
-export declare const getUniInitCodeHash: (chainId: number) => "0x67a372377cf6d7f78cfdcc9df0bc21e1139bd49e5a47c33ee0de5389a4396410" | "0x96e8ac4277198ff8b6f785478aa9a39f403cb768dd02cbee326c3e7da348845f" | "0x007722521498f3d29a63d1eb6ab35e202874706c77ce73d45c1ad9da88174a3f";
+export declare const getUniInitCodeHash: (chainId: number) => "0x96e8ac4277198ff8b6f785478aa9a39f403cb768dd02cbee326c3e7da348845f" | "0x007722521498f3d29a63d1eb6ab35e202874706c77ce73d45c1ad9da88174a3f" | "0x67a372377cf6d7f78cfdcc9df0bc21e1139bd49e5a47c33ee0de5389a4396410" | "0x2ebf1082215ab683deab4ee8ff50d42205db2059829b641717ab3f61f18d481a";
 export declare function sortsBefore(tokenA: TokenInfo, tokenB: TokenInfo): boolean;
 export declare function sortsBeforeTokenAddress(tokenA: string, tokenB: string): boolean;
 export declare const computePairAddress: ({ factoryAddress, tokenA, tokenB, fee, }: {

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

@@ -19,7 +19,7 @@ export declare function getTokenPairCompareText({ fromToken, toToken, fromFiatPr
     comparePriceText: string;
     loading: boolean;
 };
-export declare function getShowDecimals(decimals: string | number): 4 | 6;
+export declare function getShowDecimals(decimals: string | number): 6 | 4;
 export declare function convertFetchTokenToTokenInfo(token: {
     id?: string | null;
     address?: string | null;

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/PoolWidget/AMMV3/hooks/usePools.d.ts

@@ -14,7 +14,7 @@ export declare enum PoolState {
     EXISTS = 2,
     INVALID = 3
 }
-export declare function usePools(poolKeys: [
+export declare function usePools(chainId: number | undefined, poolKeys: [
     Currency | undefined,
     Currency | undefined,
     FeeAmount | undefined

package/dist/types/widgets/PoolWidget/AMMV3/sdks/sdk-core/addresses.d.ts

@@ -1,20 +1,6 @@
-import { SupportedChainsType } from './chains';
 type AddressMap = {
     [chainId: number]: string;
 };
-type ChainAddresses = {
-    /**
-     * UniswapV3Factory
-     * @see https://taikoscan.io/address/0x78172691DD3B8ADa7aEbd9bFfB487FB11D735DB2?tab=contract#code
-     */
-    v3CoreFactoryAddress: string;
-    /**
-     * NonfungiblePositionManager
-     * @see https://taikoscan.io/address/0x2623281DdcC34A73a9e8898f2c57A32A860903f1?tab=contract#code
-     */
-    nonfungiblePositionManagerAddress?: string;
-};
-export declare const CHAIN_TO_ADDRESSES_MAP: Record<SupportedChainsType, ChainAddresses>;
 export declare const V3_CORE_FACTORY_ADDRESSES: AddressMap;
 export declare const NONFUNGIBLE_POSITION_MANAGER_ADDRESSES: AddressMap;
 export {};

package/dist/types/widgets/PoolWidget/AMMV3/sdks/sdk-core/chains.d.ts

@@ -1,4 +1,10 @@
 import { ChainId } from '@dodoex/api';
 export { ChainId } from '@dodoex/api';
+/**
+ * @deprecated
+ */
 export declare const SUPPORTED_CHAINS: readonly [ChainId.MAINNET, ChainId.ARBITRUM_ONE, ChainId.SEPOLIA, ChainId.TAIKO];
+/**
+ * @deprecated
+ */
 export type SupportedChainsType = (typeof SUPPORTED_CHAINS)[number];

package/dist/types/widgets/PoolWidget/Algebra/AddLiquidity.d.ts

@@ -1,8 +1,14 @@
-export default function AddLiquidity({ params, border, }: {
+import { TokenInfo } from '../../../hooks/Token';
+import { FetchTicks } from './hooks/usePoolActiveLiquidityChartData';
+export default function AddLiquidity({ params, border, fetchTicks, onBaseTokenChange, onQuoteTokenChange, }: {
     params?: {
         from?: string;
         to?: string;
         fee?: string;
     };
     border?: boolean;
+    fetchTicks?: FetchTicks;
+    ticksErrorRefetch?: () => void;
+    onBaseTokenChange?: (token: TokenInfo | undefined) => void;
+    onQuoteTokenChange?: (token: TokenInfo | undefined) => void;
 }): JSX.Element;

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

@@ -3,6 +3,7 @@ export interface ClaimButtonProps {
     chainId: ChainId;
     disabled: boolean;
     isLoading: boolean;
+    border?: boolean;
     onConfirm: () => void;
 }
-export declare const ClaimButton: ({ chainId, disabled, isLoading, onConfirm, }: ClaimButtonProps) => JSX.Element;
+export declare const ClaimButton: ({ chainId, disabled, isLoading, border, onConfirm, }: ClaimButtonProps) => JSX.Element;

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

@@ -11,6 +11,7 @@ interface StepCounterProps {
     title: ReactNode;
     tokenA?: string;
     tokenB?: string;
+    border?: boolean;
 }
-declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, tokenA, tokenB, }: StepCounterProps) => JSX.Element;
+declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, tokenA, tokenB, border, }: StepCounterProps) => JSX.Element;
 export default StepCounter;

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

@@ -1,17 +1,19 @@
-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;
+import { TokenInfo } from '../../../../../hooks/Token';
+import { Price } from '../../../../../utils/fractions';
+import { usePoolActiveLiquidityChartData } from '../../hooks/usePoolActiveLiquidityChartData';
+export default function LiquidityChartRangeInput({ currencyA, currencyB, isSorted, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, chartData, }: {
+    currencyA?: TokenInfo;
+    currencyB?: TokenInfo;
+    isSorted: boolean;
     ticksAtLimit: {
         [bound in Bound]?: boolean | undefined;
     };
     price?: number;
-    priceLower?: Price<Currency, Currency>;
-    priceUpper?: Price<Currency, Currency>;
+    priceLower?: Price;
+    priceUpper?: Price;
     onLeftRangeInput: (typedValue: string) => void;
     onRightRangeInput: (typedValue: string) => void;
     interactive: boolean;
-}): JSX.Element;
+    chartData: ReturnType<typeof usePoolActiveLiquidityChartData>;
+}): JSX.Element | null;

package/dist/types/widgets/PoolWidget/Algebra/components/RangeSelector.d.ts

@@ -16,5 +16,6 @@ export interface RangeSelectorProps {
         [bound in Bound]?: boolean | undefined;
     };
     isSorted: boolean;
+    border?: boolean;
 }
-export declare const RangeSelector: ({ priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, getDecrementLower, getIncrementLower, getDecrementUpper, getIncrementUpper, tokenA, tokenB, ticksAtLimit, isSorted, }: RangeSelectorProps) => JSX.Element;
+export declare const RangeSelector: ({ priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, getDecrementLower, getIncrementLower, getDecrementUpper, getIncrementUpper, tokenA, tokenB, ticksAtLimit, isSorted, border, }: RangeSelectorProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/Algebra/components/RateToggle.d.ts

@@ -1,9 +1,9 @@
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../../hooks/Token';
 export interface RateToggleProps {
-    token0: TokenInfo | undefined;
-    token1: TokenInfo | undefined;
+    baseToken: TokenInfo | undefined;
+    quoteToken: TokenInfo | undefined;
     handleRateToggle: () => void;
     sx?: BoxProps['sx'];
 }
-export declare const RateToggle: ({ token0, token1, handleRateToggle, sx, }: RateToggleProps) => JSX.Element;
+export declare const RateToggle: ({ baseToken, quoteToken, handleRateToggle, sx, }: RateToggleProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/Algebra/components/RemoveButton.d.ts

@@ -6,5 +6,6 @@ export interface ButtonsProps {
     isLoading: boolean;
     error?: React.ReactNode;
     onConfirm: () => void;
+    border?: boolean;
 }
-export declare const RemoveButton: ({ chainId, disabled, removed, isLoading, error, onConfirm, }: ButtonsProps) => JSX.Element;
+export declare const RemoveButton: ({ chainId, disabled, removed, isLoading, error, onConfirm, border, }: ButtonsProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/Algebra/hooks/usePoolActiveLiquidityChartData.d.ts

@@ -0,0 +1,37 @@
+import JSBI from 'jsbi';
+import { TokenInfo } from '../../../../hooks/Token';
+import { Price } from '../../../../utils/fractions';
+import { ChartEntry } from '../components/LiquidityChartRangeInput/types';
+export interface TickProcessed {
+    tick: number;
+    liquidityActive: JSBI;
+    liquidityNet: JSBI;
+    price0: string;
+    sdkPrice: Price;
+}
+export interface FetchTicks {
+    ticks: Array<{
+        id: string;
+        liquidityNet: string;
+        poolAddress?: string;
+        price0: string;
+        price1: string;
+        tickIdx: string;
+    }> | undefined | null;
+    isLoading: boolean;
+    isError: boolean;
+    refetch: () => void;
+}
+export declare function usePoolActiveLiquidityChartData({ tickCurrent, liquidity, fetchTicks, token0, token1, }: {
+    tickCurrent: number | undefined;
+    liquidity: number | undefined;
+    fetchTicks?: FetchTicks;
+    token0: TokenInfo | undefined;
+    token1: TokenInfo | undefined;
+}): {
+    hidden: boolean;
+    isLoading: boolean;
+    error: boolean;
+    data: TickProcessed[] | undefined;
+    formattedData: ChartEntry[] | undefined;
+};

package/dist/types/widgets/PoolWidget/Algebra/utils/computeSurroundingTicks.d.ts

@@ -1,4 +1,4 @@
 import { Ticks } from '@dodoex/api';
 import { TickProcessed } from '../hooks/usePoolTickData';
-import { Token } from '../sdks/sdk-core';
-export default function computeSurroundingTicks(token0: Token, token1: Token, activeTickProcessed: TickProcessed, sortedTickData: Ticks, pivot: number, ascending: boolean): TickProcessed[];
+import { TokenInfo } from '../../../../hooks/Token';
+export default function computeSurroundingTicks(token0: TokenInfo, token1: TokenInfo, activeTickProcessed: TickProcessed, sortedTickData: Ticks, pivot: number, ascending: boolean): TickProcessed[];

package/dist/types/widgets/PoolWidget/Algebra/utils/getPositionAmountWithSlippage.d.ts

@@ -1,12 +1,13 @@
 import JSBI from 'jsbi';
 import { Percent } from '../../../../utils/fractions';
+import { TokenInfo } from '../../../../hooks/Token';
 /**
  * Returns the minimum amounts that must be sent in order to safely mint the amount of liquidity held by the position
  * with the given slippage tolerance
  * @param slippageTolerance Tolerance of unfavorable slippage from the current price
  * @returns The amounts, with slippage
  */
-export declare function mintAmountsWithSlippage(tickCurrent: number, sorted: boolean, slippageTolerance: Percent, tickLower: number, tickUpper: number, amount0: string, amount1: string): {
+export declare function mintAmountsWithSlippage(tickCurrent: number, slippageTolerance: Percent, tickLower: number, tickUpper: number, baseToken: TokenInfo, quoteToken: TokenInfo, amount0: string, amount1: string): {
     amount0: JSBI;
     amount1: JSBI;
 };
@@ -16,7 +17,7 @@ export declare function mintAmountsWithSlippage(tickCurrent: number, sorted: boo
  * @param slippageTolerance tolerance of unfavorable slippage from the current price
  * @returns The amounts, with slippage
  */
-export declare function burnAmountsWithSlippage(tickCurrent: number, sorted: boolean, slippageTolerance: Percent, tickLower: number, tickUpper: number, liquidity: number | bigint | JSBI | string): Readonly<{
+export declare function burnAmountsWithSlippage(tickCurrent: number, slippageTolerance: Percent, tickLower: number, tickUpper: number, liquidity: number | bigint | JSBI | string, baseToken: TokenInfo, quoteToken: TokenInfo): Readonly<{
     amount0: JSBI;
     amount1: JSBI;
 }>;

package/dist/types/widgets/PoolWidget/Algebra/utils/getTickToPrice.d.ts

@@ -1,4 +1,3 @@
-import JSBI from 'jsbi';
 import { TokenInfo } from '../../../../hooks/Token';
 import { Price } from '../../../../utils/fractions';
 /**
@@ -6,13 +5,6 @@ import { Price } from '../../../../utils/fractions';
  * @param price for which to return the closest tick that represents a price less than or equal to the input price,
  * i.e. the price of the returned tick is less than or equal to the input price
  */
-export declare function priceToClosestTick(sorted: boolean, price: {
-    numerator: JSBI;
-    denominator: JSBI;
-}): number;
+export declare function priceToClosestTick(price: Price): number;
 export declare function tickToPrice(baseToken: TokenInfo, quoteToken: TokenInfo, tickCurrent: number | bigint): Price;
 export declare function getTickToPrice(baseToken?: TokenInfo, quoteToken?: TokenInfo, tickCurrent?: number | bigint): string | undefined;
-export declare function getTickToPriceParams(tickCurrent: number | bigint, sorted: boolean): {
-    numerator: JSBI;
-    denominator: JSBI;
-};

package/dist/types/widgets/PoolWidget/Algebra/utils/tryParseTick.d.ts

@@ -1,7 +1,4 @@
-import JSBI from 'jsbi';
 import { TokenInfo } from '../../../../hooks/Token';
-export declare function tryParsePrice(baseToken?: TokenInfo, quoteToken?: TokenInfo, value?: string): {
-    denominator: JSBI;
-    numerator: JSBI;
-} | undefined;
+import { Price } from '../../../../utils/fractions';
+export declare function tryParsePrice(baseToken?: TokenInfo, quoteToken?: TokenInfo, value?: string): Price | undefined;
 export declare function tryParseTick(baseToken?: TokenInfo, quoteToken?: TokenInfo, value?: string, tickSpacing?: number): number | undefined;

package/dist/types/widgets/PoolWidget/PoolList/AddLiquidity.d.ts

@@ -1,7 +1,8 @@
 import { ChainId } from '@dodoex/api';
 import React from 'react';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 import { PoolOperateProps } from '../PoolOperate';
-export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, }: {
+export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, }: {
     scrollParentRef: React.MutableRefObject<HTMLDivElement | null>;
     account?: string;
     filterChainIds?: ChainId[];
@@ -9,4 +10,9 @@ export default function AddLiquidityList({ scrollParentRef, filterChainIds, acti
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
+    getMigrationPairAndMining?: (p: {
+        address: string;
+        chainId: number;
+    }) => void;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/MyLiquidity.d.ts

@@ -1,10 +1,16 @@
 import { ChainId } from '@dodoex/api';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, }: {
+export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
+    getMigrationPairAndMining?: (p: {
+        address: string;
+        chainId: number;
+    }) => void;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/LiquidityTable.d.ts

@@ -1,5 +1,7 @@
 import { BoxProps } from '@dodoex/components';
-export default function LiquidityTable({ sx, children, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
+export default function LiquidityTable({ sx, children, empty, loading, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
+    empty?: boolean;
+    loading?: boolean;
     hasMore?: boolean;
     loadMore?: () => void;
     loadMoreLoading?: boolean;

package/dist/types/widgets/PoolWidget/PoolList/components/migationWidget.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+export interface MigrationTagProps {
+    sx?: BoxProps['sx'];
+    isRightTop?: boolean;
+    isReverseColor?: boolean;
+}
+export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/hooks/usePoolListFilterTokenAndPool.d.ts

@@ -1,6 +1,14 @@
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 import { FetchLiquidityListLqList } from '../../utils';
-export declare function usePoolListFilterTokenAndPool(): {
+export interface TokenAndPoolFilterUserOptions {
+    tokens: Array<TokenInfo>;
+    lqList: FetchLiquidityListLqList;
+    onChangeFilterTokens: (tokens: Array<TokenInfo>) => void;
+    onChangeFilterAddressLqList: (lqList: FetchLiquidityListLqList) => void;
+    element: React.ReactNode;
+}
+export declare function usePoolListFilterTokenAndPool(tokenAndPoolFilter?: TokenAndPoolFilterUserOptions): {
     filterTokens: TokenInfo[];
     filterASymbol: string;
     filterBSymbol: string;

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

@@ -1,6 +1,16 @@
 import React from 'react';
 import { Page, PageType } from '../../../router/types';
-export default function PoolList({ params, scrollRef: scrollParentRefProps, }: {
+import { PoolOperateProps } from '../PoolOperate';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePMMPoolElement, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
     params?: Page<PageType.Pool>['params'];
     scrollRef?: React.RefObject<any>;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
+    operatePMMPoolElement?: React.ReactElement;
+    operatePool?: Partial<PoolOperateProps> | null;
+    onOperatePool?: (pool: Partial<PoolOperateProps> | null) => boolean;
+    getMigrationPairAndMining?: (p: {
+        address: string;
+        chainId: number;
+    }) => void;
 }): JSX.Element;