@dodoex/widgets 2.6.12-beta.9 → 3.0.0-bartio.0

package/dist/src/components/Bridge/BridgeSummaryDialog/index.d.ts

@@ -6,7 +6,7 @@ export interface BridgeTXRequest {
     value: string;
     from: string;
     chainId: number;
-    encodeId?: string;
+    encodeId: string;
 }
 export default function BridgeSummaryDialog({ open, onClose, route, bridgeOrderTxRequest, clearToAmt, clearFromAmt, }: {
     open: boolean;

package/dist/src/components/Bridge/SelectBridgeDialog/RouteCard.d.ts

@@ -10,12 +10,12 @@ export default function RouteCard({ fromToken, toToken, fromChainId, toChainId,
     fromAmount?: BridgeRouteI['fromAmount'];
     fromTokenBalance: BigNumber | null;
     toTokenAmount?: BigNumber | null;
-    toolDetails: undefined | Exclude<BridgeRouteI['step'], undefined>['toolDetails'];
+    toolDetails: BridgeRouteI['step']['toolDetails'];
     product: BridgeRouteI['product'];
     executionDuration: BridgeRouteI['executionDuration'];
     feeUSD: BridgeRouteI['feeUSD'];
     selected: boolean;
     setSelected: () => void;
-    spenderContractAddress: string | undefined;
+    spenderContractAddress: string;
     isBestPrice?: boolean;
 }): JSX.Element;

package/dist/src/components/Swap/components/ConnectWallet/ConnectWalletDialog.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-export default function ConnectWalletDialog({ open, onClose, chainId: chainIdProps, }: {
+export default function ConnectWalletDialog({ open, onClose, }: {
     open: boolean;
     onClose: () => void;
-    chainId?: number;
 }): JSX.Element;

package/dist/src/components/Swap/components/ConnectWallet/index.d.ts

@@ -2,8 +2,7 @@
 import { ChainId } from '../../../../constants/chains';
 export interface ConnectWalletProps {
     needSwitchChain?: ChainId;
-    needEvmChainId?: ChainId;
     /** If true is returned, the default wallet connection logic will not be executed */
     onConnectWalletClick?: () => boolean | Promise<boolean>;
 }
-export default function ConnectWallet({ needSwitchChain, needEvmChainId, onConnectWalletClick, }: ConnectWalletProps): JSX.Element;
+export default function ConnectWallet({ needSwitchChain, onConnectWalletClick, }: ConnectWalletProps): JSX.Element;

package/dist/src/components/Swap/components/TokenCard/TokenLogoCollapse.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { TokenPickerProps } from '../../../TokenPicker';
-export declare function TokenLogoCollapse({ token, onClick, showChainLogo, }: {
+export declare function TokenLogoCollapse({ token, onClick, showChainLogo, showChainName: showChainNameProps, }: {
     token?: TokenPickerProps['value'];
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     showChainLogo?: boolean;
+    showChainName?: boolean;
 }): JSX.Element;

package/dist/src/components/Swap/components/TokenCard/index.d.ts

@@ -17,7 +17,7 @@ export interface TokenCardProps {
     onTokenChange: TokenPickerProps['onChange'];
     side?: TokenPickerProps['side'];
     showChainLogo?: boolean;
-    onlyCurrentChain?: boolean;
+    showChainName?: boolean;
     defaultLoadBalance?: boolean;
 }
-export declare function TokenCard({ sx, amt, token, readOnly, showMaxBtn, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, onlyCurrentChain, defaultLoadBalance, }: TokenCardProps): JSX.Element;
+export declare function TokenCard({ sx, amt, token, readOnly, showMaxBtn, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, }: TokenCardProps): JSX.Element;

package/dist/src/components/Swap/index.d.ts

@@ -5,6 +5,5 @@ export interface SwapProps {
     /** Higher priority setting slippage */
     getAutoSlippage?: GetAutoSlippage;
     onConnectWalletClick?: ConnectWalletProps['onConnectWalletClick'];
-    bridgeToTonUrl?: string;
 }
-export declare function Swap({ getAutoSlippage, onConnectWalletClick, bridgeToTonUrl, }?: SwapProps): JSX.Element;
+export declare function Swap({ getAutoSlippage, onConnectWalletClick, }?: SwapProps): JSX.Element;

package/dist/src/components/TokenLogo.d.ts

@@ -12,5 +12,7 @@ export interface TokenLogoProps {
     cross?: boolean;
     sx?: BoxProps['sx'];
     chainId?: number;
+    chainSize?: number;
+    logoOffset?: number;
 }
-export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId, }: TokenLogoProps): React.ReactElement;
+export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId, chainSize, logoOffset: logoOffsetProps, }: TokenLogoProps): React.ReactElement;

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

@@ -8,9 +8,7 @@ import { ChainId } from '../../constants/chains';
 import { DefaultTokenInfo } from '../../hooks/Token/type';
 import { APIServices } from '../../constants/api';
 import { SwapProps } from '../Swap';
-import { QueryClient } from '@tanstack/react-query';
 export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
-export declare const queryClient: QueryClient;
 export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps, SwapProps {
     apikey?: string;
     theme?: ThemeOptions;
@@ -28,7 +26,6 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
     apiServices?: Partial<APIServices>;
     crossChain?: boolean;
     noPowerBy?: boolean;
-    tonConnect?: boolean;
     onProviderChanged?: (provider?: any) => void;
 }
 export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;

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

@@ -13,8 +13,7 @@ export declare enum ChainId {
     LINEA = 59144,
     SCROLL = 534352,
     MANTA = 169,
-    MANTLE = 5000,
-    TON = -239
+    MANTLE = 5000
 }
 export declare const rpcServerMap: {
     [key in ChainId]: Array<string>;

package/dist/src/constants/tokenList.d.ts

@@ -1,18 +1,9 @@
-declare const _default: ({
+declare const _default: {
     chainId: number;
     address: string;
     name: string;
     decimals: number;
     symbol: string;
     logoURI: string;
-    canBridgeToTon?: undefined;
-} | {
-    chainId: number;
-    address: string;
-    name: string;
-    decimals: number;
-    symbol: string;
-    logoURI: string;
-    canBridgeToTon: boolean;
-})[];
+}[];
 export default _default;

package/dist/src/hooks/Bridge/createBridgeOrder.d.ts

@@ -12,7 +12,7 @@ export interface BridgeOrderCreateParams {
     hash: string;
     product: string | null;
     extend: {
-        lifiBridge: Exclude<BridgeRouteI['sourceRoute'], undefined>['step']['tool'];
+        lifiBridge: BridgeRouteI['sourceRoute']['step']['tool'];
         route: BridgeRouteI['sourceRoute'];
         productParams: BridgeRouteI['productParams'];
         encodeId: string;

package/dist/src/hooks/Bridge/useExecuteBridgeRoute.d.ts

@@ -1,8 +1,6 @@
 import { BridgeTXRequest } from '../../components/Bridge/BridgeSummaryDialog';
 import { BridgeRouteI } from './useFetchRoutePriceBridge';
-import { ExecutionCtx } from '../Submission/types';
-export default function useExecuteBridgeRoute({ route, bridgeOrderTxRequest, sendData, }: {
+export default function useExecuteBridgeRoute({ route, bridgeOrderTxRequest, }: {
     route?: BridgeRouteI;
     bridgeOrderTxRequest?: BridgeTXRequest;
-    sendData?: Parameters<ExecutionCtx['executeCustom']>['0']['handler'];
 }): () => Promise<import("../Submission/types").ExecutionResult> | undefined;

package/dist/src/hooks/Bridge/useFetchRoutePriceBridge.d.ts

@@ -1,6 +1,5 @@
 import { TokenInfo } from '../Token';
 import BigNumber from 'bignumber.js';
-import { ExecutionCtx } from '../Submission/types';
 export interface BridgeRouteI {
     /** update */
     key: string;
@@ -18,29 +17,20 @@ export interface BridgeRouteI {
     toAddress: string;
     /** from parameter  */
     product: string | null;
-    slippage?: number;
+    slippage: number;
     /** in seconds */
     roundedRouteCostTime: number;
     /** approve contract address */
-    spenderContractAddress?: string;
+    spenderContractAddress: string;
     /** USD */
     feeUSD: string | null;
     /** in seconds */
     executionDuration: number | null;
     /** one-click */
     step: BridgeStep;
-    encodeParams?: any;
-    encodeResultData?: {
-        data: string;
-        to: string;
-        value: string;
-        from: string;
-        chainId: number;
-        encodeId?: string;
-    };
-    sendData?: Parameters<ExecutionCtx['executeCustom']>['0']['handler'];
+    encodeParams: any;
     productParams: any;
-    sourceRoute?: {
+    sourceRoute: {
         toAmount: string;
         feeUSD: string | null;
         executionDuration: number | null;
@@ -57,8 +47,6 @@ export interface BridgeRouteI {
         };
         fee: any;
     };
-    minAmt?: string;
-    maxAmt?: string;
 }
 export interface BridgeTokenI {
     id: number;
@@ -85,7 +73,7 @@ export interface BridgeStep {
     tool: string;
     toolDetails: BridgeStepTool;
     type: string | null;
-    includedSteps?: Array<{
+    includedSteps: Array<{
         id: string;
         /**
          *  bridge or swap
@@ -106,16 +94,9 @@ export interface FetchRoutePrice {
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
     fromAmount: string;
-    fromFiatPrice: string;
-    fromAddress?: string;
-    toAddress?: string;
 }
-export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, fromFiatPrice, fromAddress: fromAddressProps, toAddress: toAddressProps, }: FetchRoutePrice): {
+export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, }: FetchRoutePrice): {
     status: RoutePriceStatus;
     refetch: () => Promise<void>;
     bridgeRouteList: BridgeRouteI[];
-    limit: {
-        minAmt?: number | undefined;
-        maxAmt?: number | undefined;
-    } | null;
 };

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

@@ -37,20 +37,6 @@ export declare type ExecutionCtx = {
      * @param submittedConfirmBack: dismiss callback
      */
     execute: (brief: string, spec: StepSpec, subtitle?: string | React.ReactNode | null, early?: boolean, submittedBack?: () => void, mixpanelProps?: Record<string, any>, submittedConfirmBack?: () => void, successBack?: (tx: string, callback?: ExecutionProps['onTxSuccess']) => void) => Promise<ExecutionResult>;
-    executeCustom: ({ brief, subtitle, early, mixpanelProps, submittedBack, submittedConfirmBack, successBack, handler, }: {
-        brief: string;
-        subtitle?: string | React.ReactNode | null;
-        early?: boolean | undefined;
-        mixpanelProps?: Record<string, any> | undefined;
-        submittedBack?: (() => void) | undefined;
-        submittedConfirmBack?: (() => void) | undefined;
-        successBack?: ((tx: string, callback?: ExecutionProps['onTxSuccess']) => void) | undefined;
-        handler: (params: {
-            onSubmit?: (tx: string, reportInfo?: Record<string, any>) => void;
-            onSuccess?: (tx: string, reportInfo?: Record<string, any>) => Promise<void>;
-            onError?: (e: any) => void;
-        }) => Promise<any>;
-    }) => Promise<ExecutionResult>;
     /**
      * order
      */

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

@@ -23,20 +23,6 @@ export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, }?: Ex
     closeShowing: () => void;
     ctxVal: {
         execute: (brief: string, spec: StepSpec, subtitle?: string | React.ReactNode | null, early?: boolean, submittedBack?: () => void, mixpanelProps?: Record<string, any>, submittedConfirmBack?: () => void, successBack?: ((tx: string, callback?: ExecutionProps['onTxSuccess']) => void) | undefined) => Promise<ExecutionResult.Failed | ExecutionResult.Success | ExecutionResult.Submitted>;
-        executeCustom: ({ brief, subtitle, early, mixpanelProps, submittedBack, submittedConfirmBack, successBack, handler, }: {
-            brief: string;
-            subtitle?: string | React.ReactNode | null;
-            early?: boolean | undefined;
-            mixpanelProps?: Record<string, any> | undefined;
-            submittedBack?: (() => void) | undefined;
-            submittedConfirmBack?: (() => void) | undefined;
-            successBack?: ((tx: string, callback?: ExecutionProps['onTxSuccess']) => void) | undefined;
-            handler: (params: {
-                onSubmit?: ((tx: string, reportInfo?: Record<string, any>) => void) | undefined;
-                onSuccess?: ((tx: string, reportInfo?: Record<string, any>) => Promise<void>) | undefined;
-                onError?: ((e: any) => void) | undefined;
-            }) => Promise<any>;
-        }) => Promise<ExecutionResult>;
         requests: Map<string, [Request, State]>;
         setShowing: import("react").Dispatch<import("react").SetStateAction<Showing | null>>;
         waitingSubmit: boolean;

package/dist/src/hooks/Swap/useFetchFiatPrice.d.ts

@@ -1,7 +1,7 @@
 import { ChainId } from '../../constants/chains';
 import { TokenInfo } from '../Token';
 export interface FetchFiatPriceProps {
-    chainId?: ChainId;
+    chainId: ChainId | undefined;
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
 }

package/dist/src/hooks/Swap/usePriceTimer.d.ts

@@ -1,4 +1,3 @@
-export declare const refreshTime: number;
 export interface PriceTimerProps {
     refetch: () => void;
     interval?: number;

package/dist/src/hooks/Token/type.d.ts

@@ -8,7 +8,6 @@ export interface TokenInfo {
     readonly tags?: string[];
     readonly extensions?: any;
     readonly side?: 'from' | 'to';
-    readonly canBridgeToTon?: boolean;
 }
 export interface DefaultTokenInfo extends TokenInfo {
     amount?: number;

package/dist/src/hooks/Token/useGetTokenStatus.d.ts

@@ -1,11 +1,10 @@
 import BigNumber from 'bignumber.js';
 import { TokenInfo, ApprovalState } from './type';
-export declare const useGetTokenStatus: ({ account, chainId, offset, contractAddress, skip, }: {
+export declare const useGetTokenStatus: ({ account, chainId, offset, contractAddress, }: {
     account?: string | undefined;
     chainId: number | undefined;
     offset?: BigNumber | undefined;
     contractAddress?: string | undefined;
-    skip?: boolean | undefined;
 }) => {
     getApprovalState: (token: TokenInfo | null, value: string | number | BigNumber, overrideBalance?: BigNumber) => ApprovalState;
     getPendingRest: (token?: TokenInfo | null) => boolean;

package/dist/src/hooks/Token/useInitTokenList.d.ts

@@ -3,6 +3,4 @@ export interface InitTokenListProps {
     tokenList?: TokenList | TokenListType;
     popularTokenList?: TokenList;
 }
-export default function useInitTokenList({ tokenList, popularTokenList, isTon, }: InitTokenListProps & {
-    isTon: boolean;
-}): void;
+export default function useInitTokenList({ tokenList, popularTokenList, }: InitTokenListProps): void;

package/dist/src/hooks/Widget/useInitPropsToRedux.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '../../components/Widget/';
-export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, tonConnect, }: WidgetProps): void;
+export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, }: WidgetProps): void;

package/dist/src/hooks/contract/useFetchTokens.d.ts

@@ -8,8 +8,9 @@ declare type TokenResult = {
     symbol?: string;
     name?: string;
 };
-export default function useFetchTokens({ tokenList, blockNumber, chainId, skip, }: {
+export default function useFetchTokens({ tokenList, addresses: addressesProps, blockNumber, chainId, skip, }: {
     tokenList?: TokenList;
+    addresses?: string[];
     blockNumber?: number;
     chainId?: number;
     skip?: boolean;

package/dist/src/index.d.ts

@@ -2,7 +2,5 @@
 import { WidgetProps } from './components/Widget';
 export declare type SwapWidgetProps = WidgetProps;
 export type { TokenInfo } from './hooks/Token/type';
-export { default as BridgeTonSummaryDialog } from './components/Widget/BridgeTonSummaryDialog';
-export { Widget } from './components/Widget';
 export declare function SwapWidget(props: SwapWidgetProps): JSX.Element;
 export declare function InitSwapWidget(props: SwapWidgetProps): void;

package/dist/src/store/actions/wallet.d.ts

@@ -2,5 +2,4 @@ import { AppThunkAction } from '.';
 import { ChainId } from '../../constants/chains';
 export declare const setDefaultChainId: (chainId: ChainId) => AppThunkAction;
 export declare const setFromTokenChainId: (chainId: ChainId | undefined) => AppThunkAction;
-export declare const setToTokenChainId: (chainId: ChainId | undefined) => AppThunkAction;
 export declare const setBlockNumber: (blockNumber: number) => AppThunkAction;

package/dist/src/store/reducers/wallet.d.ts

@@ -3,7 +3,6 @@ import { ChainId } from '../../constants/chains';
 export declare type State = {
     chainId: ChainId;
     fromTokenChainId?: ChainId;
-    toTokenChainId?: ChainId;
     latestBlockNumber: number;
 };
 export declare const initialState: State;

package/dist/src/store/selectors/wallet.d.ts

@@ -1,5 +1,4 @@
 import { RootState } from '../reducers';
 export declare const getDefaultChainId: (state?: RootState) => import("../../constants/chains").ChainId;
 export declare const getFromTokenChainId: (state?: RootState) => import("../../constants/chains").ChainId | undefined;
-export declare const getToTokenChainId: (state?: RootState) => import("../../constants/chains").ChainId | undefined;
 export declare const getLatestBlockNumber: (state?: RootState) => number;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dodoex/widgets",
-  "version": "2.6.12-beta.9",
+  "version": "3.0.0-bartio.0",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
-  "types": "dist/src/index.d.ts",
+  "types": "dist/index.d.ts",
   "main": "dist/cjs/index.cjs",
   "module": "dist/index.js",
   "license": "GPL-3.0-or-later",
@@ -33,7 +33,7 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/cjs/index.cjs"
     }
@@ -57,7 +57,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/components": "^2.0.1",
+    "@dodoex/api": ">=3.0.0-beta.4",
+    "@dodoex/components": ">=3.0.0-beta.0",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -66,13 +67,10 @@
     "@lingui/core": "^4.3.0",
     "@lingui/macro": "^4.3.0",
     "@lingui/react": "^4.3.0",
-    "@orbs-network/ton-access": "^2.3.3",
     "@reduxjs/toolkit": "^1.6.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@tanstack/react-query": "^5.51.23",
-    "@tonconnect/ui": "^2.0.6",
-    "@twa-dev/sdk": "^7.8.0",
+    "@tanstack/react-query": "^5.18.1",
     "@web3-react/core": "8.2.0",
     "@web3-react/eip1193": "8.2.0",
     "@web3-react/metamask": "8.2.1",
@@ -80,16 +78,18 @@
     "@web3-react/walletconnect-v2": "8.3.6",
     "axios": "^0.27.2",
     "bignumber.js": "^9.0.2",
+    "dayjs": "^1.11.11",
     "identicon.js": "^2.3.3",
+    "konva": "^9.3.6",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
+    "react-icons": "^5.0.1",
+    "react-infinite-scroller": "^1.2.6",
+    "react-konva": "^18.2.10",
     "react-window": "^1.8.8",
+    "recharts": "^2.12.7",
     "semantic-release": "^19.0.2",
-    "ton": "^13.9.0",
-    "ton-core": "^0.53.0",
-    "ton-crypto": "^3.2.0",
-    "tonweb": "^0.0.66",
-    "zustand": "^4.5.4"
+    "zustand": "^4.5.1"
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.17.0",
@@ -106,10 +106,13 @@
     "@lingui/cli": "^4.3.0",
     "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
     "@nomiclabs/hardhat-ethers": "^2.1.1",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-replace": "^4.0.0",
+    "@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-url": "^8.0.2",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
@@ -117,6 +120,7 @@
     "@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-window": "^1.8.5",
     "@uniswap/sdk-core": "^3.0.2",
     "babel-plugin-macros": "^3.1.0",
@@ -129,11 +133,8 @@
     "jest-environment-hardhat": "^1.1.9",
     "jest-environment-jsdom": "^29.0.3",
     "np": "^7.6.1",
-    "rollup": "^2.75.5",
-    "rollup-plugin-multi-input": "^1.3.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.32.0",
-    "rollup-plugin-url": "^3.0.1",
+    "rollup": "^4.18.0",
+    "rollup-plugin-typescript2": "^0.36.0",
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
     "typescript": "^4.7.3"