@dodoex/widgets 2.6.12-beta.0 → 2.6.12-beta.3

package/dist/providers/GlobalConfigContext.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
 import { GraphQLRequests } from '@dodoex/api';
+import React from 'react';
+import { ConfirmProps } from '../components/Confirm';
+import { DialogProps } from '../components/Swap/components/Dialog';
 import { TokenInfo } from '../hooks/Token';
 export interface GlobalFunctionConfig {
     widgetRef?: React.RefObject<HTMLDivElement>;
@@ -18,9 +20,11 @@ export interface GlobalFunctionConfig {
         chainId?: number;
     }) => string;
     graphQLRequests?: GraphQLRequests;
+    ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
+    DialogComponent?: React.FunctionComponent<DialogProps>;
 }
 export declare const graphQLRequests: GraphQLRequests;
-export declare const GlobalConfigContext: import("react").Context<Omit<GlobalFunctionConfig, "graphQLRequests"> & {
+export declare const GlobalConfigContext: React.Context<Omit<GlobalFunctionConfig, "graphQLRequests"> & {
     graphQLRequests: GraphQLRequests;
 }>;
 export declare const useGlobalConfig: () => Omit<GlobalFunctionConfig, "graphQLRequests"> & {

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: BridgeRouteI['step']['toolDetails'];
+    toolDetails: undefined | Exclude<BridgeRouteI['step'], undefined>['toolDetails'];
     product: BridgeRouteI['product'];
     executionDuration: BridgeRouteI['executionDuration'];
     feeUSD: BridgeRouteI['feeUSD'];
     selected: boolean;
     setSelected: () => void;
-    spenderContractAddress: string;
+    spenderContractAddress: string | undefined;
     isBestPrice?: boolean;
 }): JSX.Element;

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

@@ -4,5 +4,6 @@ export interface ConnectWalletProps {
     needSwitchChain?: ChainId;
     /** If true is returned, the default wallet connection logic will not be executed */
     onConnectWalletClick?: () => boolean | Promise<boolean>;
+    needConnectTwoWallet?: boolean;
 }
-export default function ConnectWallet({ needSwitchChain, onConnectWalletClick, }: ConnectWalletProps): JSX.Element;
+export default function ConnectWallet({ needSwitchChain, onConnectWalletClick, needConnectTwoWallet, }: ConnectWalletProps): JSX.Element;

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

@@ -8,7 +8,9 @@ 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;
@@ -26,6 +28,7 @@ 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

@@ -2,7 +2,6 @@ export declare enum ChainId {
     MAINNET = 1,
     GOERLI = 5,
     BSC = 56,
-    SEPOLIA = 11155111,
     POLYGON = 137,
     ARBITRUM_ONE = 42161,
     AURORA = 1313161554,
@@ -15,7 +14,7 @@ export declare enum ChainId {
     SCROLL = 534352,
     MANTA = 169,
     MANTLE = 5000,
-    DODO_CHAIN_TESTNET = 53457
+    TON = -239
 }
 export declare const rpcServerMap: {
     [key in ChainId]: Array<string>;

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

@@ -1,9 +1,18 @@
-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: BridgeRouteI['sourceRoute']['step']['tool'];
+        lifiBridge: Exclude<BridgeRouteI['sourceRoute'], undefined>['step']['tool'];
         route: BridgeRouteI['sourceRoute'];
         productParams: BridgeRouteI['productParams'];
         encodeId: string;

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

@@ -17,20 +17,28 @@ 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;
+    encodeParams?: any;
+    encodeResultData?: {
+        data: string;
+        to: string;
+        value: string;
+        from: string;
+        chainId: number;
+        encodeId?: string;
+    };
     productParams: any;
-    sourceRoute: {
+    sourceRoute?: {
         toAmount: string;
         feeUSD: string | null;
         executionDuration: number | null;
@@ -47,6 +55,8 @@ export interface BridgeRouteI {
         };
         fee: any;
     };
+    minAmt?: string;
+    maxAmt?: string;
 }
 export interface BridgeTokenI {
     id: number;
@@ -73,7 +83,7 @@ export interface BridgeStep {
     tool: string;
     toolDetails: BridgeStepTool;
     type: string | null;
-    includedSteps: Array<{
+    includedSteps?: Array<{
         id: string;
         /**
          *  bridge or swap
@@ -94,8 +104,9 @@ export interface FetchRoutePrice {
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
     fromAmount: string;
+    fromFiatPrice: string;
 }
-export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, }: FetchRoutePrice): {
+export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, fromFiatPrice, }: FetchRoutePrice): {
     status: RoutePriceStatus;
     refetch: () => Promise<void>;
     bridgeRouteList: BridgeRouteI[];

package/dist/src/hooks/ConnectWallet/TonConnect/index.d.ts

@@ -0,0 +1,26 @@
+import { TonConnectUI } from '@tonconnect/ui';
+import { TonClient, TonClient4 } from 'ton';
+import BigNumber from 'bignumber.js';
+/**
+ * https://ton-community.github.io/ton/modules.html
+ * https://ton-org.github.io/ton-core/modules.html
+ * https://toncenter.com/api/v2/
+ */
+interface TonConnectState {
+    enabled: boolean;
+    client?: TonClient;
+    clientV4?: TonClient4;
+    tonConnectUI?: TonConnectUI;
+    connected?: {
+        chainId: number;
+        account: string;
+    };
+    initialize: () => void;
+    connect: () => Promise<void>;
+    getBlockNumber: () => Promise<number>;
+    getJettonWallet: (jettonMasterAddress: string) => Promise<string>;
+    getBalance: (account: string) => Promise<BigNumber>;
+    getTokenBalance: (jettonMasterAddress: string, decimals: number) => Promise<BigNumber>;
+}
+declare const useTonConnectStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TonConnectState>>;
+export default useTonConnectStore;

package/dist/src/hooks/ConnectWallet/useWalletState.d.ts

@@ -0,0 +1,24 @@
+import BigNumber from 'bignumber.js';
+export declare function useWalletState({ isTon, }?: {
+    isTon?: boolean;
+}): {
+    isTon: boolean;
+    chainId: number | undefined;
+    account: string | undefined;
+    isMetamask: boolean;
+    autoConnect: (chainId?: number) => Promise<void>;
+    connect: () => Promise<void>;
+    getLastBlockNumber: () => Promise<number>;
+    getBalance: (account: string) => Promise<BigNumber>;
+    provider?: undefined;
+} | {
+    isTon: boolean;
+    chainId: number | undefined;
+    account: string | undefined;
+    isMetamask: boolean | undefined;
+    autoConnect: (chainId?: number) => Promise<void>;
+    connect: () => void | Promise<void>;
+    provider: import("@ethersproject/providers").Web3Provider | undefined;
+    getLastBlockNumber: (() => Promise<number>) | undefined;
+    getBalance: ((account: string) => Promise<BigNumber | undefined>) | undefined;
+};

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

@@ -8,6 +8,7 @@ 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/useInitTokenList.d.ts

@@ -3,4 +3,6 @@ export interface InitTokenListProps {
     tokenList?: TokenList | TokenListType;
     popularTokenList?: TokenList;
 }
-export default function useInitTokenList({ tokenList, popularTokenList, }: InitTokenListProps): void;
+export default function useInitTokenList({ tokenList, popularTokenList, isTon, }: InitTokenListProps & {
+    isTon: boolean;
+}): 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, }: WidgetProps): void;
+export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, tonConnect, }: WidgetProps): void;

package/dist/src/hooks/contract/abis/OrbiterV3ABI.d.ts

@@ -0,0 +1,85 @@
+declare const Orbiter_V3_ABI_EVM: ({
+    anonymous: boolean;
+    inputs: {
+        indexed: boolean;
+        internalType: string;
+        name: string;
+        type: string;
+    }[];
+    name: string;
+    type: string;
+    outputs?: undefined;
+    stateMutability?: undefined;
+} | {
+    inputs: {
+        internalType: string;
+        name: string;
+        type: string;
+    }[];
+    name: string;
+    outputs: never[];
+    stateMutability: string;
+    type: string;
+    anonymous?: undefined;
+})[];
+declare const Orbiter_V3_ABI_STARKNET_GOERLI: ({
+    members: {
+        name: string;
+        offset: number;
+        type: string;
+    }[];
+    name: string;
+    size: number;
+    type: string;
+    inputs?: undefined;
+    outputs?: undefined;
+} | {
+    inputs: {
+        name: string;
+        type: string;
+    }[];
+    name: string;
+    outputs: never[];
+    type: string;
+    members?: undefined;
+    size?: undefined;
+})[];
+declare const Orbiter_V3_ABI_STARKNET: ({
+    members: {
+        name: string;
+        offset: number;
+        type: string;
+    }[];
+    name: string;
+    size: number;
+    type: string;
+    data?: undefined;
+    keys?: undefined;
+    inputs?: undefined;
+    outputs?: undefined;
+} | {
+    data: {
+        name: string;
+        type: string;
+    }[];
+    keys: never[];
+    name: string;
+    type: string;
+    members?: undefined;
+    size?: undefined;
+    inputs?: undefined;
+    outputs?: undefined;
+} | {
+    inputs: {
+        name: string;
+        type: string;
+    }[];
+    name: string;
+    outputs: never[];
+    type: string;
+    members?: undefined;
+    size?: undefined;
+    data?: undefined;
+    keys?: undefined;
+})[];
+export { Orbiter_V3_ABI_EVM, Orbiter_V3_ABI_STARKNET, Orbiter_V3_ABI_STARKNET_GOERLI, };

package/dist/src/hooks/contract/orbiter/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ORBITER_SDK_URL = "https://api.orbiter.finance/sdk";
+export declare const ORBITER_ROUTERS_URL: string;
+export declare const ORBITER_CHAINS_URL: string;

package/dist/src/hooks/contract/orbiter/encodeOrbiterBridge.d.ts

@@ -0,0 +1,12 @@
+import BigNumber from 'bignumber.js';
+import { BridgeRouteI } from '../../Bridge';
+import { TokenInfo } from '../../Token';
+import { useOrbiterRouters } from './useOrbiterRouters';
+export declare function encodeOrbiterBridge({ route, fromAddress, toAddress, fromAmount, fromToken, contractAddress, }: {
+    route: Exclude<ReturnType<typeof useOrbiterRouters>['data'], undefined>[0];
+    fromAddress: string;
+    toAddress: string;
+    fromAmount: BigNumber;
+    fromToken: TokenInfo;
+    contractAddress: string;
+}): Exclude<BridgeRouteI['encodeResultData'], undefined>;

package/dist/src/hooks/contract/orbiter/useOrbiterContractMap.d.ts

@@ -0,0 +1,5 @@
+export declare function useOrbiterContractMap({ skip }?: {
+    skip?: boolean;
+}): import("@tanstack/react-query/build/legacy/types").UseQueryResult<{
+    bridgeContractMap: Map<number, string>;
+}, Error>;

package/dist/src/hooks/contract/orbiter/useOrbiterRouters.d.ts

@@ -0,0 +1,21 @@
+import { ChainId } from '../../../constants/chains';
+interface OrbiterRoute {
+    key: string;
+    id: string;
+    fromChainId: ChainId;
+    toChainId: ChainId;
+    fromTokenAddress: string;
+    toTokenAddress: string;
+    product: string;
+    endpoint: string;
+    minAmt: string;
+    maxAmt: string;
+    withholdingFee: string;
+    tradeFee: string;
+    spentTime: string;
+    vc: string;
+}
+export declare function useOrbiterRouters({ skip }?: {
+    skip?: boolean;
+}): import("@tanstack/react-query/build/legacy/types").UseQueryResult<OrbiterRoute[], Error>;
+export {};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "2.6.12-beta.0",
+  "version": "2.6.12-beta.3",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/src/index.d.ts",
@@ -66,9 +66,13 @@
     "@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",
     "@web3-react/core": "8.2.0",
     "@web3-react/eip1193": "8.2.0",
     "@web3-react/metamask": "8.2.1",
@@ -80,7 +84,11 @@
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
     "react-window": "^1.8.8",
-    "semantic-release": "^19.0.2"
+    "semantic-release": "^19.0.2",
+    "ton": "^13.9.0",
+    "ton-core": "^0.53.0",
+    "ton-crypto": "^3.2.0",
+    "zustand": "^4.5.4"
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.17.0",