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

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/ConnectWalletDialog.d.ts

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

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

@@ -2,7 +2,8 @@
 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, onConnectWalletClick, }: ConnectWalletProps): JSX.Element;
+export default function ConnectWallet({ needSwitchChain, needEvmChainId, onConnectWalletClick, }: ConnectWalletProps): JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export default function BridgeTonSummaryDialog({ tonAccount, fromTokenAddress, fromChainId, toTokenAddress, toChainId, fromAmt, slippage, redirectLink, }: {
+    tonAccount: string;
+    fromTokenAddress: string;
+    fromChainId: number;
+    toTokenAddress: string;
+    toChainId: number;
+    fromAmt: string;
+    slippage?: number;
+    redirectLink: string;
+}): 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/useExecuteBridgeRoute.d.ts

@@ -1,6 +1,8 @@
 import { BridgeTXRequest } from '../../components/Bridge/BridgeSummaryDialog';
 import { BridgeRouteI } from './useFetchRoutePriceBridge';
-export default function useExecuteBridgeRoute({ route, bridgeOrderTxRequest, }: {
+import { ExecutionCtx } from '../Submission/types';
+export default function useExecuteBridgeRoute({ route, bridgeOrderTxRequest, sendData, }: {
     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,5 +1,6 @@
 import { TokenInfo } from '../Token';
 import BigNumber from 'bignumber.js';
+import { ExecutionCtx } from '../Submission/types';
 export interface BridgeRouteI {
     /** update */
     key: string;
@@ -17,20 +18,29 @@ 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;
+    };
+    sendData?: Parameters<ExecutionCtx['executeCustom']>['0']['handler'];
     productParams: any;
-    sourceRoute: {
+    sourceRoute?: {
         toAmount: string;
         feeUSD: string | null;
         executionDuration: number | null;
@@ -47,6 +57,8 @@ export interface BridgeRouteI {
         };
         fee: any;
     };
+    minAmt?: string;
+    maxAmt?: string;
 }
 export interface BridgeTokenI {
     id: number;
@@ -73,7 +85,7 @@ export interface BridgeStep {
     tool: string;
     toolDetails: BridgeStepTool;
     type: string | null;
-    includedSteps: Array<{
+    includedSteps?: Array<{
         id: string;
         /**
          *  bridge or swap
@@ -94,9 +106,16 @@ export interface FetchRoutePrice {
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
     fromAmount: string;
+    fromFiatPrice: string;
+    fromAddress?: string;
+    toAddress?: string;
 }
-export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, }: FetchRoutePrice): {
+export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, fromFiatPrice, fromAddress: fromAddressProps, toAddress: toAddressProps, }: FetchRoutePrice): {
     status: RoutePriceStatus;
     refetch: () => Promise<void>;
     bridgeRouteList: BridgeRouteI[];
+    limit: {
+        minAmt?: number | undefined;
+        maxAmt?: number | undefined;
+    } | null;
 };

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

@@ -0,0 +1,8 @@
+import { TonClient, Transaction } from 'ton';
+export declare function getHashByBoc(boc: string): string;
+export declare const waitForTransaction: (options: {
+    boc: string;
+    refetchInterval?: number;
+    refetchLimit?: number;
+    address: string;
+}, client: TonClient) => Promise<Transaction | null>;

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,28 @@
+import BigNumber from 'bignumber.js';
+export declare function useWalletState({ isTon, }?: {
+    isTon?: boolean;
+}): {
+    isTon: boolean;
+    chainId: number | undefined;
+    account: string | undefined;
+    tonAccount: string | undefined;
+    evmAccount: 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;
+    tonAccount: string | undefined;
+    evmAccount: 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/Submission/types.d.ts

@@ -37,6 +37,20 @@ 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,6 +23,20 @@ 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 | undefined;
+    chainId?: ChainId;
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
 }

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

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

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/useGetTokenStatus.d.ts

@@ -1,10 +1,11 @@
 import BigNumber from 'bignumber.js';
 import { TokenInfo, ApprovalState } from './type';
-export declare const useGetTokenStatus: ({ account, chainId, offset, contractAddress, }: {
+export declare const useGetTokenStatus: ({ account, chainId, offset, contractAddress, skip, }: {
     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,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/layerswap/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const LAYERSWAP_URL = "https://api.layerswap.io/api/v2";
+export declare const LAYERSWAP_API_KEY = "gNiGVhOddxMmWk4LFCR/5tDsdTECWCRlQBcW6yV8l+paqSVJBUth0wDXqA0jC16cv+Pz54+YeeKo54ioiR4n9Q";
+export declare const LAYERSWAP_NETWORKS_URL: string;
+export declare const LAYERSWAP_LIMITS_URL: string;
+export declare const LAYERSWAP_QUOTE_URL: string;
+export declare const LAYERSWAP_SWAPS_URL: string;

package/dist/src/hooks/contract/layerswap/data.d.ts

@@ -0,0 +1,43 @@
+import { Web3Provider } from '@ethersproject/providers';
+import { TokenInfo } from '../../Token';
+import { Network, Quote } from './types';
+export declare function getLayerSwapData<T>(url: string): Promise<T>;
+export declare function getNetworks(): Promise<Network[]>;
+export declare function getLimits({ fromToken, toToken, fromNetworkName, toNetworkName, }: {
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    fromNetworkName: string | undefined | null;
+    toNetworkName: string | undefined | null;
+}): Promise<{
+    min_amount_in_usd: number;
+    min_amount: number;
+    max_amount_in_usd: number;
+    max_amount: number;
+} | undefined>;
+export declare function getQuote({ fromToken, toToken, fromNetworkName, toNetworkName, slippage, fromAmount, }: {
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    fromNetworkName: string | undefined | null;
+    toNetworkName: string | undefined | null;
+    slippage?: number;
+    fromAmount: string;
+}): Promise<Quote | undefined>;
+/**
+ * @see https://github.com/layerswap/layerswapapp/blob/dev/components/Swap/Withdraw/Wallet/TonWalletWithdraw.tsx
+ */
+export declare function submitTonWalletWithdraw({ fromAddress, toAddress, fromToken, toToken, fromNetworkName, toNetworkName, fromAmount, slippage, provider, params, }: {
+    fromAddress: string | undefined;
+    toAddress: string | undefined;
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    fromNetworkName: string | undefined | null;
+    toNetworkName: string | undefined | null;
+    fromAmount: string;
+    slippage?: number;
+    provider?: Web3Provider;
+    params: {
+        onSubmit?: (tx: string, reportInfo?: Record<string, any>) => void;
+        onSuccess?: (tx: string, reportInfo?: Record<string, any>) => Promise<void>;
+        onError?: (e: any) => void;
+    };
+}): Promise<import("ton").Transaction | import("@ethersproject/abstract-provider").TransactionReceipt | null | undefined>;