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

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

@@ -1,12 +1,12 @@
-import { PoolApi, ExcludeNone } from '@dodoex/api';
-import { ChainId } from '@dodoex/api';
+import { AMMV3Api, ChainId, ExcludeNone, PoolApi, PoolType } from '@dodoex/api';
 import { TokenInfo } from '../../hooks/Token';
 import { OperatePool } from './PoolOperate/types';
 export declare const poolApi: PoolApi;
-export type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
-export type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchMyLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
-export type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchDashboardPairList['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
-export type FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
+export declare const ammV3Api: AMMV3Api;
+export type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchLiquidityList)['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchMyLiquidityList)['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchDashboardPairList)['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
+export type FetchPoolList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchPoolList)['__apiType'], undefined>>['pairs']>;
 export declare function convertLiquidityTokenToTokenInfo(token: {
     id: string;
     symbol: string;
@@ -15,4 +15,6 @@ export declare function convertLiquidityTokenToTokenInfo(token: {
     logoImg?: string | null;
 } | undefined, chainId: ChainId | number): TokenInfo | undefined;
 export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;
+export declare function convertFetchMyLiquidityToOperateData(lqData: ExcludeNone<FetchMyLiquidityListLqList>[0]): OperatePool;
 export declare function convertFetchPoolToOperateData(pool: FetchPoolList[0], chainId: number): OperatePool;
+export declare function getPoolAMMOrPMM(type: PoolType): "AMM V2" | "AMM V3" | "PMM";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.1-solana.5",
+  "version": "3.0.1-taiko.10",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",
@@ -58,9 +58,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@coral-xyz/anchor": "^0.30.1",
-    "@dodoex/api": "3.0.1-solana.0",
-    "@dodoex/components": "3.0.0",
+    "@dodoex/api": "3.0.1-taiko.6",
+    "@dodoex/components": "3.0.1-taiko.3",
+    "@dodoex/contract-request": "^1.2.0",
+    "@dodoex/dodo-contract-request": "1.6.0-alpha.4",
     "@dodoex/icons": "^2.0.2",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -72,14 +73,9 @@
     "@reduxjs/toolkit": "^1.6.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@solana/react": "^2.0.0",
-    "@solana/spl-token": "^0.4.9",
-    "@solana/wallet-adapter-base": "^0.9.23",
-    "@solana/wallet-adapter-react": "^0.15.35",
-    "@solana/wallet-adapter-react-ui": "^0.9.35",
-    "@solana/wallet-adapter-wallets": "^0.19.32",
-    "@solana/web3.js": "^1.95.5",
     "@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",
@@ -87,8 +83,10 @@
     "@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",
@@ -102,6 +100,7 @@
     "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": {
@@ -131,13 +130,13 @@
     "@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",
-    "@uniswap/sdk-core": "^3.0.2",
     "babel-plugin-macros": "^3.1.0",
     "babel-runtime": "^6.26.0",
     "dotenv": "^16.0.2",

package/dist/assets/bundle-007ZFocI.css

@@ -1,593 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
-
-.wallet-adapter-button {
-    background-color: transparent;
-    border: none;
-    color: #fff;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    font-weight: 600;
-    height: 48px;
-    line-height: 48px;
-    padding: 0 24px;
-    border-radius: 4px;
-}
-
-.wallet-adapter-button-trigger {
-    background-color: #512da8;
-}
-
-.wallet-adapter-button:not([disabled]):focus-visible {
-    outline-color: white;
-}
-
-.wallet-adapter-button:not([disabled]):hover {
-    background-color: #1a1f2e;
-}
-
-.wallet-adapter-button[disabled] {
-    background: #404144;
-    color: #999;
-    cursor: not-allowed;
-}
-
-.wallet-adapter-button-end-icon,
-.wallet-adapter-button-start-icon,
-.wallet-adapter-button-end-icon img,
-.wallet-adapter-button-start-icon img {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-}
-
-.wallet-adapter-button-end-icon {
-    margin-left: 12px;
-}
-
-.wallet-adapter-button-start-icon {
-    margin-right: 12px;
-}
-
-.wallet-adapter-collapse {
-    width: 100%;
-}
-
-.wallet-adapter-dropdown {
-    position: relative;
-    display: inline-block;
-}
-
-.wallet-adapter-dropdown-list {
-    position: absolute;
-    z-index: 99;
-    display: grid;
-    grid-template-rows: 1fr;
-    grid-row-gap: 10px;
-    padding: 10px;
-    top: 100%;
-    right: 0;
-    margin: 0;
-    list-style: none;
-    background: #2c2d30;
-    border-radius: 10px;
-    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6);
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 200ms ease, transform 200ms ease, visibility 200ms;
-    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-
-.wallet-adapter-dropdown-list-active {
-    opacity: 1;
-    visibility: visible;
-    transform: translateY(10px);
-}
-
-.wallet-adapter-dropdown-list-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    border: none;
-    outline: none;
-    cursor: pointer;
-    white-space: nowrap;
-    box-sizing: border-box;
-    padding: 0 20px;
-    width: 100%;
-    border-radius: 6px;
-    font-size: 14px;
-    font-weight: 600;
-    height: 37px;
-    color: #fff;
-}
-
-.wallet-adapter-dropdown-list-item:not([disabled]):hover {
-    background-color: #1a1f2e;
-}
-
-.wallet-adapter-modal-collapse-button svg {
-    align-self: center;
-    fill: #999;
-}
-
-.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg {
-    transform: rotate(180deg);
-    transition: transform ease-in 150ms;
-}
-
-.wallet-adapter-modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0;
-    transition: opacity linear 150ms;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 1040;
-    overflow-y: auto;
-}
-
-.wallet-adapter-modal.wallet-adapter-modal-fade-in {
-    opacity: 1;
-}
-
-.wallet-adapter-modal-button-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 18px;
-    right: 18px;
-    padding: 12px;
-    cursor: pointer;
-    background: #1a1f2e;
-    border: none;
-    border-radius: 50%;
-}
-
-.wallet-adapter-modal-button-close:focus-visible {
-    outline-color: white;
-}
-
-.wallet-adapter-modal-button-close svg {
-    fill: #777;
-    transition: fill 200ms ease 0s;
-}
-
-.wallet-adapter-modal-button-close:hover svg {
-    fill: #fff;
-}
-
-.wallet-adapter-modal-overlay {
-    background: rgba(0, 0, 0, 0.5);
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-}
-
-.wallet-adapter-modal-container {
-    display: flex;
-    margin: 3rem;
-    min-height: calc(100vh - 6rem); /* 100vh - 2 * margin */
-    align-items: center;
-    justify-content: center;
-}
-
-@media (max-width: 480px) {
-    .wallet-adapter-modal-container {
-        margin: 1rem;
-        min-height: calc(100vh - 2rem); /* 100vh - 2 * margin */
-    }
-}
-
-.wallet-adapter-modal-wrapper {
-    box-sizing: border-box;
-    position: relative;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    z-index: 1050;
-    max-width: 400px;
-    border-radius: 10px;
-    background: #10141f;
-    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6);
-    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    flex: 1;
-}
-
-.wallet-adapter-modal-wrapper .wallet-adapter-button {
-    width: 100%;
-}
-
-.wallet-adapter-modal-title {
-    font-weight: 500;
-    font-size: 24px;
-    line-height: 36px;
-    margin: 0;
-    padding: 64px 48px 48px 48px;
-    text-align: center;
-    color: #fff;
-}
-
-@media (max-width: 374px) {
-    .wallet-adapter-modal-title {
-        font-size: 18px;
-    }
-}
-
-.wallet-adapter-modal-list {
-    margin: 0 0 12px 0;
-    padding: 0;
-    width: 100%;
-    list-style: none;
-}
-
-.wallet-adapter-modal-list .wallet-adapter-button {
-    font-weight: 400;
-    border-radius: 0;
-    font-size: 18px;
-}
-
-.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
-.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
-.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
-.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
-    width: 28px;
-    height: 28px;
-}
-
-.wallet-adapter-modal-list .wallet-adapter-button span {
-    margin-left: auto;
-    font-size: 14px;
-    opacity: .6;
-}
-
-.wallet-adapter-modal-list-more {
-    cursor: pointer;
-    border: none;
-    padding: 12px 24px 24px 12px;
-    align-self: flex-end;
-    display: flex;
-    align-items: center;
-    background-color: transparent;
-    color: #fff;
-}
-
-.wallet-adapter-modal-list-more svg {
-    transition: all 0.1s ease;
-    fill: rgba(255, 255, 255, 1);
-    margin-left: 0.5rem;
-}
-
-.wallet-adapter-modal-list-more-icon-rotate {
-    transform: rotate(180deg);
-}
-
-.wallet-adapter-modal-middle {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 0 24px 24px 24px;
-    box-sizing: border-box;
-}
-
-.wallet-adapter-modal-middle-button {
-    display: block;
-    cursor: pointer;
-    margin-top: 48px;
-    width: 100%;
-    background-color: #512da8;
-    padding: 12px;
-    font-size: 18px;
-    border: none;
-    border-radius: 8px;
-    color: #fff;
-}
-
-.rmc-date-picker {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  padding: 10px 0;
-}
-.rmc-date-picker-item {
-  -ms-flex: 1;
-      flex: 1;
-  text-align: center;
-}
-
-.rmc-picker,
-.rmc-multi-picker {
-  height: 238px;
-  /*34*7*/
-}
-.rmc-multi-picker {
-  display: -webkit-box;
-  display: flex;
-  -webkit-box-align: center;
-          align-items: center;
-}
-.rmc-picker-item {
-  font-size: 16px;
-  height: 34px;
-  line-height: 34px;
-  padding: 0 10px;
-  white-space: nowrap;
-  position: relative;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #9b9b9b;
-  width: 100%;
-  box-sizing: border-box;
-}
-.rmc-picker {
-  display: block;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  -webkit-box-flex: 1;
-          flex: 1;
-  text-align: center;
-}
-.rmc-picker-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  margin: 0 auto;
-  width: 100%;
-  z-index: 3;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
-  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
-  background-position: top, bottom;
-  background-size: 100% 204px;
-  background-repeat: no-repeat;
-}
-.rmc-picker-content {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-.rmc-picker-indicator {
-  box-sizing: border-box;
-  width: 100%;
-  height: 34px;
-  position: absolute;
-  left: 0;
-  top: 102px;
-  z-index: 3;
-  border-top: 1PX solid #ddd;
-  border-bottom: 1PX solid #ddd;
-}
-
-/*!
- * https://github.com/arqex/react-datetime
- */
-
-.rdt {
-  position: relative;
-}
-.rdtPicker {
-  display: none;
-  position: absolute;
-  min-width: 250px;
-  padding: 4px;
-  margin-top: 1px;
-  z-index: 99999 !important;
-  background: #fff;
-  box-shadow: 0 1px 3px rgba(0,0,0,.1);
-  border: 1px solid #f9f9f9;
-}
-.rdtOpen .rdtPicker {
-  display: block;
-}
-.rdtStatic .rdtPicker {
-  box-shadow: none;
-  position: static;
-}
-
-.rdtPicker .rdtTimeToggle {
-  text-align: center;
-}
-
-.rdtPicker table {
-  width: 100%;
-  margin: 0;
-}
-.rdtPicker td,
-.rdtPicker th {
-  text-align: center;
-  height: 28px;
-}
-.rdtPicker td {
-  cursor: pointer;
-}
-.rdtPicker td.rdtDay:hover,
-.rdtPicker td.rdtHour:hover,
-.rdtPicker td.rdtMinute:hover,
-.rdtPicker td.rdtSecond:hover,
-.rdtPicker .rdtTimeToggle:hover {
-  background: #eeeeee;
-  cursor: pointer;
-}
-.rdtPicker td.rdtOld,
-.rdtPicker td.rdtNew {
-  color: #999999;
-}
-.rdtPicker td.rdtToday {
-  position: relative;
-}
-.rdtPicker td.rdtToday:before {
-  content: '';
-  display: inline-block;
-  border-left: 7px solid transparent;
-  border-bottom: 7px solid #428bca;
-  border-top-color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  bottom: 4px;
-  right: 4px;
-}
-.rdtPicker td.rdtActive,
-.rdtPicker td.rdtActive:hover {
-  background-color: #428bca;
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-.rdtPicker td.rdtActive.rdtToday:before {
-  border-bottom-color: #fff;
-}
-.rdtPicker td.rdtDisabled,
-.rdtPicker td.rdtDisabled:hover {
-  background: none;
-  color: #999999;
-  cursor: not-allowed;
-}
-
-.rdtPicker td span.rdtOld {
-  color: #999999;
-}
-.rdtPicker td span.rdtDisabled,
-.rdtPicker td span.rdtDisabled:hover {
-  background: none;
-  color: #999999;
-  cursor: not-allowed;
-}
-.rdtPicker th {
-  border-bottom: 1px solid #f9f9f9;
-}
-.rdtPicker .dow {
-  width: 14.2857%;
-  border-bottom: none;
-  cursor: default;
-}
-.rdtPicker th.rdtSwitch {
-  width: 100px;
-}
-.rdtPicker th.rdtNext,
-.rdtPicker th.rdtPrev {
-  font-size: 21px;
-  vertical-align: top;
-}
-
-.rdtPrev span,
-.rdtNext span {
-  display: block;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;
-}
-
-.rdtPicker th.rdtDisabled,
-.rdtPicker th.rdtDisabled:hover {
-  background: none;
-  color: #999999;
-  cursor: not-allowed;
-}
-.rdtPicker thead tr:first-of-type th {
-  cursor: pointer;
-}
-.rdtPicker thead tr:first-of-type th:hover {
-  background: #eeeeee;
-}
-
-.rdtPicker tfoot {
-  border-top: 1px solid #f9f9f9;
-}
-
-.rdtPicker button {
-  border: none;
-  background: none;
-  cursor: pointer;
-}
-.rdtPicker button:hover {
-  background-color: #eee;
-}
-
-.rdtPicker thead button {
-  width: 100%;
-  height: 100%;
-}
-
-td.rdtMonth,
-td.rdtYear {
-  height: 50px;
-  width: 25%;
-  cursor: pointer;
-}
-td.rdtMonth:hover,
-td.rdtYear:hover {
-  background: #eee;
-}
-
-.rdtCounters {
-  display: inline-block;
-}
-
-.rdtCounters > div {
-  float: left;
-}
-
-.rdtCounter {
-  height: 100px;
-}
-
-.rdtCounter {
-  width: 40px;
-}
-
-.rdtCounterSeparator {
-  line-height: 100px;
-}
-
-.rdtCounter .rdtBtn {
-  height: 40%;
-  line-height: 40px;
-  cursor: pointer;
-  display: block;
-
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;
-}
-.rdtCounter .rdtBtn:hover {
-  background: #eee;
-}
-.rdtCounter .rdtCount {
-  height: 20%;
-  font-size: 1.2em;
-}
-
-.rdtMilli {
-  vertical-align: middle;
-  padding-left: 8px;
-  width: 48px;
-}
-
-.rdtMilli input {
-  width: 100%;
-  font-size: 1.2em;
-  margin-top: 37px;
-}
-
-.rdtTime td {
-  cursor: default;
-}