@dodoex/widgets 3.2.0-beta.7 → 3.2.0-beta.8

package/dist/types/widgets/PoolWidget/PoolCreate/hooks/usePriceInit.d.ts

@@ -1,13 +1,12 @@
 import BigNumber from 'bignumber.js';
 import { Dispatch } from 'react';
 import { Actions, StateProps } from '../reducer';
-export declare function usePriceInit({ isSingleTokenVersion, leftTokenAddress, baseToken, quoteToken, dispatch, isInitPrice, }: {
+export declare function usePriceInit({ isSingleTokenVersion, leftTokenAddress, baseToken, quoteToken, dispatch, }: {
     isSingleTokenVersion: boolean;
     leftTokenAddress: StateProps['leftTokenAddress'];
     baseToken: StateProps['baseToken'];
     quoteToken: StateProps['quoteToken'];
     dispatch: Dispatch<Actions>;
-    isInitPrice?: boolean;
 }): {
     fiatPriceLoading: boolean;
     currentPrice: BigNumber | undefined;

package/dist/types/widgets/PoolWidget/PoolCreate/hooks/useVersionList.d.ts

@@ -1,12 +1,12 @@
 import { SubPeggedVersionE, Version, VersionItem } from '../types';
-export declare function useVersionList(chainId: number | undefined): {
+export declare function useVersionList(): {
     versionList: VersionItem[];
     versionMap: Record<Version, VersionItem>;
     subPeggedVersionList: (Pick<VersionItem, "title" | "description"> & {
         version: SubPeggedVersionE;
     })[];
 };
-export declare function getSubPeggedVersionList(chainId: number | undefined): Array<Pick<VersionItem, 'title' | 'description'> & {
+export declare function getSubPeggedVersionList(): Array<Pick<VersionItem, 'title' | 'description'> & {
     version: SubPeggedVersionE;
 }>;
-export declare function getSubPeggedVersionMap(chainId: number | undefined): Record<SubPeggedVersionE, Pick<VersionItem, "title" | "description">>;
+export declare function getSubPeggedVersionMap(): Record<SubPeggedVersionE, Pick<VersionItem, "title" | "description">>;

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

@@ -1,3 +1 @@
-export default function PoolCreate({ cardMode }: {
-    cardMode?: boolean;
-}): JSX.Element;
+export default function PoolCreate(): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/InitPriceSetting.d.ts

@@ -1,8 +1,7 @@
 import { Dispatch } from 'react';
 import { Actions, StateProps } from '../reducer';
 import { usePriceInit } from '../hooks/usePriceInit';
-export declare function InitPriceSetting({ chainId, selectedVersion, isStandardVersion, isSingleTokenVersion, isFixedRatio, leftTokenAddress, baseToken, quoteToken, fixedRatioPrice, dispatch, priceInfo, }: {
-    chainId: number | undefined;
+export declare function InitPriceSetting({ selectedVersion, isStandardVersion, isSingleTokenVersion, isFixedRatio, leftTokenAddress, baseToken, quoteToken, fixedRatioPrice, dispatch, priceInfo, }: {
     selectedVersion: StateProps['selectedVersion'];
     isStandardVersion: boolean;
     isSingleTokenVersion: boolean;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/PriceModeSetting.d.ts

@@ -1,7 +1,6 @@
 import { Dispatch } from 'react';
 import { Actions, StateProps } from '../reducer';
-export declare function PriceModeSetting({ chainId, selectedVersion, selectedSubPeggedVersion, baseToken, quoteToken, initPrice, dispatch, }: {
-    chainId: number | undefined;
+export declare function PriceModeSetting({ selectedVersion, selectedSubPeggedVersion, baseToken, quoteToken, initPrice, dispatch, }: {
     selectedVersion: StateProps['selectedVersion'];
     selectedSubPeggedVersion: StateProps['selectedSubPeggedVersion'];
     baseToken: StateProps['baseToken'];

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/VersionSelect.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Actions, StateProps } from '../reducer';
-export default function VersionSelect({ chainId, selectedVersion, dispatch, }: {
-    chainId: number | undefined;
+export default function VersionSelect({ selectedVersion, dispatch, }: {
     selectedVersion: StateProps['selectedVersion'];
     dispatch: React.Dispatch<Actions>;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/index.d.ts

@@ -1,5 +1,4 @@
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
-export default function MoreDetail({ poolDetail, cardBg, }: {
+export default function MoreDetail({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-    cardBg: string;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/Overview.d.ts

@@ -1,5 +1,4 @@
 import { usePoolDetail } from '../../hooks/usePoolDetail';
-export default function Overview({ poolDetail, cardBg, }: {
+export default function Overview({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-    cardBg: string;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.d.ts

@@ -1,5 +1,4 @@
 import { usePoolDetail } from '../../hooks/usePoolDetail';
-export default function TotalLiquidity({ poolDetail, cardBg, }: {
+export default function TotalLiquidity({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-    cardBg: string;
 }): JSX.Element;

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

@@ -1,5 +1,4 @@
 import { Page, PageType } from '../../../router/types';
-export default function PoolDetail({ params, cardMode, }: {
+export default function PoolDetail({ params, }: {
     params: Page<PageType.PoolDetail>['params'];
-    cardMode?: boolean;
 }): JSX.Element;

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

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

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

@@ -1,11 +1,10 @@
 import { ChainId } from '@dodoex/api';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, supportAMMIcon, }: {
+export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
-    supportAMMIcon?: boolean;
 }): JSX.Element;

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

@@ -1,15 +1,16 @@
 import { ChainId } from '@dodoex/api';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 import { PoolOperateProps } from '../PoolOperate';
-import { GetMigrationPairAndMining } from '../PoolOperate/types';
-export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, supportAMMIcon, }: {
+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?: GetMigrationPairAndMining;
+    getMigrationPairAndMining?: (p: {
+        address: string;
+        chainId: number;
+    }) => void;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    supportAMMIcon?: boolean;
 }): JSX.Element;

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

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

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

@@ -1,5 +1,4 @@
 import { Page, PageType } from '../../../router/types';
-export default function PoolModify({ params, cardMode, }: {
+export default function PoolModify({ params, }: {
     params: Page<PageType.PoolDetail>['params'];
-    cardMode?: boolean;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/PoolOperateInner.d.ts

@@ -1,12 +1,10 @@
 import { OperateTab } from './hooks/usePoolOperateTabs';
-import { GetMigrationPairAndMining, OperatePool, ShowMigrationPairAndMining } from './types';
+import { OperatePool } from './types';
 export interface PoolOperateInnerProps {
     pool: OperatePool;
     operate?: OperateTab;
     hidePoolInfo?: boolean;
     errorRefetch?: () => void;
     submittedBack?: () => void;
-    getMigrationPairAndMining?: GetMigrationPairAndMining;
-    showMigrationPairAndMining?: ShowMigrationPairAndMining;
 }
-export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, }: PoolOperateInnerProps): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/RemovePoolOperate.d.ts

@@ -1,10 +1,8 @@
-import { GetMigrationPairAndMining, OperatePool, ShowMigrationPairAndMining } from './types';
+import { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
-export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, getMigrationPairAndMining, showMigrationPairAndMining, }: {
+export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
-    getMigrationPairAndMining?: GetMigrationPairAndMining;
-    showMigrationPairAndMining?: ShowMigrationPairAndMining;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/components/Ratio.d.ts

@@ -1,12 +1,8 @@
 import BigNumber from 'bignumber.js';
 import { OperatePool } from '../types';
-import { useSlipper } from './SlippageSetting';
-export default function Ratio({ pool, addPortion, midPrice, shareOfPool, slipper, setSlipper, canOperate, }: {
+export default function Ratio({ pool, addPortion, midPrice, shareOfPool, }: {
     pool?: OperatePool;
     addPortion?: BigNumber;
     midPrice?: BigNumber;
     shareOfPool?: string;
-    slipper: ReturnType<typeof useSlipper>['slipper'];
-    setSlipper: ReturnType<typeof useSlipper>['setSlipper'];
-    canOperate?: boolean;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/components/SlippageSetting.d.ts

@@ -3,7 +3,7 @@ import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../../constants/pool';
 import { PoolType } from '@dodoex/api';
 export declare const useSlipper: ({ address, type, }: {
     address?: string;
-    type?: PoolType;
+    type?: "AMMV2" | "AMMV3";
 }) => {
     slipper: number | "auto";
     setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;

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

@@ -1,6 +1,5 @@
 import { BoxProps } from '@dodoex/components';
 import { PoolOperateInnerProps } from './PoolOperateInner';
-import { GetMigrationPairAndMining, ShowMigrationPairAndMining } from './types';
 export interface PoolOperateProps {
     onClose?: () => void;
     account: string | undefined;
@@ -11,10 +10,8 @@ export interface PoolOperateProps {
     hasMining?: boolean;
     hidePoolInfo?: boolean;
     sx?: BoxProps['sx'];
-    getMigrationPairAndMining?: GetMigrationPairAndMining;
-    showMigrationPairAndMining?: ShowMigrationPairAndMining;
 }
-export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateProps): JSX.Element;
+export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, }: PoolOperateProps): JSX.Element;
 export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
     modal?: boolean;
 }): JSX.Element;

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

@@ -20,15 +20,3 @@ export type OperatePool = {
     lpFeeRate?: string;
     liquidityPositions?: ExcludeNone<ExcludeNone<FetchMyLiquidityListLqList>[0]>['liquidityPositions'];
 } | undefined;
-export interface LiquidityMigrationInfo {
-    chainId: number;
-    miningContractAddress: string;
-    stakeTokenAddress: string;
-    newMiningContractAddress: string;
-    newStakeTokenAddress: string;
-}
-export type GetMigrationPairAndMining = (p: {
-    address: string;
-    chainId: number;
-}) => LiquidityMigrationInfo | undefined;
-export type ShowMigrationPairAndMining = (p: LiquidityMigrationInfo) => void;

package/dist/types/widgets/PoolWidget/hooks/contract/useModifyDppPool.d.ts

@@ -9,7 +9,7 @@ export declare function useModifyDppPool({ pool, }: {
         quoteToken: TokenInfo;
     };
 }): {
-    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult | undefined, Error, {
+    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
         baseAmount: string;
         quoteAmount: string;
         isRemove?: boolean;

package/dist/types/widgets/PoolWidget/hooks/useAMMV2AddLiquidity.d.ts

@@ -9,4 +9,4 @@ export declare function useAMMV2AddLiquidity({ baseToken, quoteToken, baseAmount
     isExists?: boolean;
     successBack?: () => void;
     submittedBack?: () => void;
-}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;

package/dist/types/widgets/PoolWidget/hooks/useAMMV2RemoveLiquidity.d.ts

@@ -8,4 +8,4 @@ export declare function useAMMV2RemoveLiquidity({ baseToken, quoteToken, baseAmo
     slippage: number;
     fee: number | undefined;
     submittedBack?: () => void;
-}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;

package/package.json

@@ -1,156 +1,156 @@
-{
-  "name": "@dodoex/widgets",
-  "version": "3.2.0-beta.7",
-  "description": "DODO Widgets",
-  "source": "src/index.tsx",
-  "types": "dist/types/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "license": "GPL-3.0-or-later",
-  "homepage": "https://github.com/DODOEX/widgets#readme",
-  "repository": "https://github.com/DODOEX/widgets",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepare": "yarn compile:i18n",
-    "extract:i18n": "lingui extract --clean",
-    "compile:i18n": "yarn extract:i18n && lingui compile",
-    "sync:i18n": "export $(cat .env | xargs) && env lingui extract --overwrite && lingui compile",
-    "watch": "yarn run rollup -c --watch",
-    "build": "yarn compile:i18n && rollup --config",
-    "prerelease": "yarn run build",
-    "release": "semantic-release",
-    "release:local": "np --any-branch --no-cleanup --no-tests",
-    "release.npm-publish": "npm publish --access public",
-    "release.npm-publish-beta": "npm publish --tag beta",
-    "test": "jest src",
-    "test:e2e": "jest e2e"
-  },
-  "author": "",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "keywords": [
-    "dodo",
-    "widgets",
-    "interfaces"
-  ],
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.17.0",
-    "@dodoex/api": "3.0.5",
-    "@dodoex/components": "3.0.9",
-    "@dodoex/contract-request": "^1.3.0",
-    "@dodoex/dodo-contract-request": "1.18.1",
-    "@dodoex/icons": "^2.0.2",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
-    "@ethersproject/bignumber": "^5.6.2",
-    "@ethersproject/contracts": "^5.7.0",
-    "@lingui/core": "^4.3.0",
-    "@lingui/macro": "^4.3.0",
-    "@lingui/react": "^4.3.0",
-    "@reduxjs/toolkit": "^1.6.1",
-    "@semantic-release/changelog": "^6.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@tanstack/react-query": "^5.18.1",
-    "@uniswap/sdk-core": "^5.9.0",
-    "@uniswap/v2-sdk": "^4.6.2",
-    "@web3-react/core": "8.2.0",
-    "@web3-react/eip1193": "8.2.0",
-    "@web3-react/metamask": "8.2.1",
-    "@web3-react/types": "8.2.0",
-    "@web3-react/walletconnect-v2": "8.3.6",
-    "axios": "^0.27.2",
-    "bignumber.js": "^9.0.2",
-    "d3": "7.6.1",
-    "dayjs": "^1.11.11",
-    "identicon.js": "^2.3.3",
-    "jsbi": "^3.1.4",
-    "konva": "^9.3.6",
-    "lodash": "^4.17.21",
-    "make-plural": "^7.0.0",
-    "moment": "^2.29.4",
-    "react-datetime": "^3.1.1",
-    "react-icons": "^5.0.1",
-    "react-infinite-scroller": "^1.2.6",
-    "react-konva": "^18.2.10",
-    "react-transition-group": "^4.4.5",
-    "react-window": "^1.8.8",
-    "recharts": "^2.12.7",
-    "rmc-date-picker": "^6.0.10",
-    "semantic-release": "^19.0.2",
-    "tiny-invariant": "^1.1.0",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@babel/runtime": ">=7.17.0",
-    "react": ">=17.0.1",
-    "react-dom": ">=17.0.1"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.16.7",
-    "@lingui/babel-preset-react": "^2.9.2",
-    "@lingui/cli": "^4.3.0",
-    "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
-    "@nomiclabs/hardhat-ethers": "^2.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-multi-entry": "^6.0.1",
-    "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@rollup/plugin-url": "^8.0.2",
-    "@svgr/rollup": "^6.2.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/d3": "7.4.3",
-    "@types/identicon.js": "^2.3.1",
-    "@types/jest": "^29.0.3",
-    "@types/lodash": "^4.14.184",
-    "@types/react-infinite-scroller": "^1.2.5",
-    "@types/react-transition-group": "^4.4.11",
-    "@types/react-window": "^1.8.5",
-    "babel-plugin-macros": "^3.1.0",
-    "babel-runtime": "^6.26.0",
-    "dotenv": "^16.0.2",
-    "ethers": "^5.7.1",
-    "gettext-parser": "^8.0.0",
-    "hardhat": "^2.22.13",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.0.3",
-    "jest-environment-hardhat": "^1.1.9",
-    "jest-environment-jsdom": "^29.0.3",
-    "np": "^7.6.1",
-    "rollup": "^4.18.0",
-    "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-import-css": "^3.5.5",
-    "svg-jest": "^1.0.1",
-    "ts-jest": "^29.0.1",
-    "typescript": "^5.6.3"
-  }
-}
+{
+  "name": "@dodoex/widgets",
+  "version": "3.2.0-beta.8",
+  "description": "DODO Widgets",
+  "source": "src/index.tsx",
+  "types": "dist/types/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "license": "GPL-3.0-or-later",
+  "homepage": "https://github.com/DODOEX/widgets#readme",
+  "repository": "https://github.com/DODOEX/widgets",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepare": "yarn compile:i18n",
+    "extract:i18n": "lingui extract --clean",
+    "compile:i18n": "yarn extract:i18n && lingui compile",
+    "sync:i18n": "export $(cat .env | xargs) && env lingui extract --overwrite && lingui compile",
+    "watch": "yarn run rollup -c --watch",
+    "build": "yarn compile:i18n && rollup --config",
+    "prerelease": "yarn run build",
+    "release": "semantic-release",
+    "release:local": "np --any-branch --no-cleanup --no-tests",
+    "release.npm-publish": "npm publish --access public",
+    "release.npm-publish-beta": "npm publish --tag beta",
+    "test": "jest src",
+    "test:e2e": "jest e2e"
+  },
+  "author": "",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "keywords": [
+    "dodo",
+    "widgets",
+    "interfaces"
+  ],
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.0",
+    "@dodoex/api": "3.0.5",
+    "@dodoex/components": "3.0.9",
+    "@dodoex/contract-request": "^1.3.0",
+    "@dodoex/dodo-contract-request": "1.18.1",
+    "@dodoex/icons": "^2.0.2",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@ethersproject/bignumber": "^5.6.2",
+    "@ethersproject/contracts": "^5.7.0",
+    "@lingui/core": "^4.3.0",
+    "@lingui/macro": "^4.3.0",
+    "@lingui/react": "^4.3.0",
+    "@reduxjs/toolkit": "^1.6.1",
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/git": "^10.0.1",
+    "@tanstack/react-query": "^5.18.1",
+    "@uniswap/sdk-core": "^5.9.0",
+    "@uniswap/v2-sdk": "^4.6.2",
+    "@web3-react/core": "8.2.0",
+    "@web3-react/eip1193": "8.2.0",
+    "@web3-react/metamask": "8.2.1",
+    "@web3-react/types": "8.2.0",
+    "@web3-react/walletconnect-v2": "8.3.6",
+    "axios": "^0.27.2",
+    "bignumber.js": "^9.0.2",
+    "d3": "7.6.1",
+    "dayjs": "^1.11.11",
+    "identicon.js": "^2.3.3",
+    "jsbi": "^3.1.4",
+    "konva": "^9.3.6",
+    "lodash": "^4.17.21",
+    "make-plural": "^7.0.0",
+    "moment": "^2.29.4",
+    "react-datetime": "^3.1.1",
+    "react-icons": "^5.0.1",
+    "react-infinite-scroller": "^1.2.6",
+    "react-konva": "^18.2.10",
+    "react-transition-group": "^4.4.5",
+    "react-window": "^1.8.8",
+    "recharts": "^2.12.7",
+    "rmc-date-picker": "^6.0.10",
+    "semantic-release": "^19.0.2",
+    "tiny-invariant": "^1.1.0",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@babel/runtime": ">=7.17.0",
+    "react": ">=17.0.1",
+    "react-dom": ">=17.0.1"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.16.7",
+    "@lingui/babel-preset-react": "^2.9.2",
+    "@lingui/cli": "^4.3.0",
+    "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
+    "@nomiclabs/hardhat-ethers": "^2.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-multi-entry": "^6.0.1",
+    "@rollup/plugin-replace": "^5.0.7",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^6.2.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/d3": "7.4.3",
+    "@types/identicon.js": "^2.3.1",
+    "@types/jest": "^29.0.3",
+    "@types/lodash": "^4.14.184",
+    "@types/react-infinite-scroller": "^1.2.5",
+    "@types/react-transition-group": "^4.4.11",
+    "@types/react-window": "^1.8.5",
+    "babel-plugin-macros": "^3.1.0",
+    "babel-runtime": "^6.26.0",
+    "dotenv": "^16.0.2",
+    "ethers": "^5.7.1",
+    "gettext-parser": "^8.0.0",
+    "hardhat": "^2.22.13",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.0.3",
+    "jest-environment-hardhat": "^1.1.9",
+    "jest-environment-jsdom": "^29.0.3",
+    "np": "^7.6.1",
+    "rollup": "^4.18.0",
+    "rollup-plugin-clear": "^2.0.7",
+    "rollup-plugin-import-css": "^3.5.5",
+    "svg-jest": "^1.0.1",
+    "ts-jest": "^29.0.1",
+    "typescript": "^5.6.3"
+  }
+}