@dodoex/widgets 3.0.0-beta.33 → 3.0.0-beta.35

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,8 +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>;
-    needConnectTwoWallet?: boolean;
 }
-export default function ConnectWallet({ needSwitchChain, onConnectWalletClick, needConnectTwoWallet, }: 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/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;
@@ -37,6 +38,7 @@ export interface BridgeRouteI {
         chainId: number;
         encodeId?: string;
     };
+    sendData?: Parameters<ExecutionCtx['executeCustom']>['0']['handler'];
     productParams: any;
     sourceRoute?: {
         toAmount: string;
@@ -105,9 +107,15 @@ export interface FetchRoutePrice {
     toToken: TokenInfo | null;
     fromAmount: string;
     fromFiatPrice: string;
+    fromAddress?: string;
+    toAddress?: string;
 }
-export declare function useFetchRoutePriceBridge({ toToken, fromToken, fromAmount, fromFiatPrice, }: 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/useWalletState.d.ts

@@ -5,6 +5,8 @@ export declare function useWalletState({ isTon, }?: {
     isTon: boolean;
     chainId: number | undefined;
     account: string | undefined;
+    tonAccount: string | undefined;
+    evmAccount: string | undefined;
     isMetamask: boolean;
     autoConnect: (chainId?: number) => Promise<void>;
     connect: () => Promise<void>;
@@ -15,10 +17,12 @@ export declare function useWalletState({ isTon, }?: {
     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;
+    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/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/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>;

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

@@ -0,0 +1,170 @@
+export declare enum NetworkType {
+    EVM = "evm",
+    Starknet = "starknet",
+    Solana = "solana",
+    Cosmos = "cosmos",
+    StarkEx = "starkex",
+    ZkSyncLite = "zksynclite",
+    TON = "ton"
+}
+export interface Token {
+    symbol: string;
+    logo: string;
+    contract: string | null | undefined;
+    decimals: number;
+    price_in_usd: number;
+    precision: number;
+    listing_date: string;
+    status?: 'active' | 'inactive' | 'not_found';
+}
+export interface Metadata {
+    evm_oracle_contract?: `0x${string}` | null;
+    evm_multicall_contract?: string | null;
+    listing_date: string;
+}
+export interface Network {
+    name: string;
+    display_name: string;
+    logo: string;
+    chain_id: string | null;
+    node_url: string;
+    type: NetworkType;
+    transaction_explorer_template: string;
+    account_explorer_template: string;
+    metadata: Metadata;
+    deposit_methods: string[];
+    token?: Token;
+}
+export interface Exchange {
+    display_name: string;
+    name: string;
+    logo: string;
+    token_groups: ExchangeToken[];
+    metadata: {
+        o_auth: {
+            connect_url: string;
+            authorize_url: string;
+        } | null;
+    };
+}
+export interface ExchangeNetwork {
+    token: Token;
+    network: Network;
+    fee: {
+        total_fee: number;
+        total_fee_in_usd: number;
+    };
+}
+export interface ExchangeToken {
+    symbol: string;
+    logo: string;
+    status: 'active' | 'inactive' | 'not_found';
+}
+export declare enum SwapStatus {
+    Created = "created",
+    UserTransferPending = "user_transfer_pending",
+    UserTransferDelayed = "user_transfer_delayed",
+    LsTransferPending = "ls_transfer_pending",
+    Completed = "completed",
+    Failed = "failed",
+    Expired = "expired",
+    Cancelled = "cancelled"
+}
+export declare enum TransactionType {
+    Input = "input",
+    Output = "output",
+    Refuel = "refuel"
+}
+export declare enum BackendTransactionStatus {
+    Completed = "completed",
+    Failed = "failed",
+    Initiated = "initiated",
+    Pending = "pending"
+}
+export declare type Transaction = {
+    type: TransactionType;
+    from: string;
+    to: string;
+    created_date: string;
+    amount: number;
+    transaction_hash: string;
+    confirmations: number;
+    max_confirmations: number;
+    usd_value: number;
+    usd_price: number;
+    status: BackendTransactionStatus;
+    timestamp?: string;
+};
+export declare type SwapItem = {
+    id: string;
+    created_date: string;
+    source_network: Network;
+    source_token: Token;
+    source_exchange?: Exchange;
+    destination_network: Network;
+    destination_token: Token;
+    destination_exchange?: Exchange;
+    status: SwapStatus;
+    source_address: `0x${string}`;
+    destination_address: `0x${string}`;
+    requested_amount: number;
+    use_deposit_address: boolean;
+    transactions: Transaction[];
+    exchange_account_connected: boolean;
+    exchange_account_name?: string;
+    fail_reason?: string;
+    metadata: {
+        reference_id: string | null;
+        app: string | null;
+        sequence_number: number;
+    };
+};
+export declare type SwapQuote = {
+    source_network?: Network;
+    source_token?: Token;
+    destination_network?: Network;
+    destination_token?: Token;
+    receive_amount: number;
+    min_receive_amount: number;
+    total_fee: number;
+    total_fee_in_usd: number;
+    blockchain_fee: number;
+    service_fee: number;
+    avg_completion_time: string;
+    refuel_in_source?: number;
+    slippage?: number;
+};
+export declare type Refuel = {
+    network: Network;
+    token: Token;
+    amount: number;
+    amount_in_usd: number;
+};
+export declare type SwapResponse = {
+    swap: SwapItem;
+    quote: SwapQuote;
+    refuel?: Refuel;
+};
+export declare type DepositAction = {
+    amount: number;
+    amount_in_base_units: string;
+    call_data: `0x${string}` | string;
+    fee: any | null;
+    network: Network;
+    order: number;
+    to_address?: `0x${string}`;
+    token: Token;
+    fee_token: Token;
+    type: 'transfer' | 'manual_transfer';
+};
+export declare type QuoteReward = {
+    amount: number;
+    amount_in_usd: number;
+    token: Token;
+    network: Network;
+};
+export declare type Quote = {
+    quote: SwapQuote;
+    refuel: Refuel;
+    reward: QuoteReward;
+};

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

@@ -0,0 +1,20 @@
+import { BridgeRouteI, RoutePriceStatus } from '../../Bridge/useFetchRoutePriceBridge';
+import { TokenInfo } from '../../Token';
+export declare function useLayerswapRouters({ skip, data: { fromToken, toToken, fromAmount, fromAddress, toAddress, slippage }, }: {
+    skip?: boolean;
+    data: {
+        fromToken: TokenInfo | null;
+        toToken: TokenInfo | null;
+        fromAmount: string;
+        fromAddress: string | undefined;
+        toAddress: string | undefined;
+        slippage?: number;
+    };
+}): {
+    status: RoutePriceStatus;
+    router: BridgeRouteI | null;
+    limit: {
+        minAmt: number;
+        maxAmt: number;
+    } | null;
+};

package/dist/src/index.d.ts

@@ -2,5 +2,7 @@
 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,4 +2,5 @@ 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,6 +3,7 @@ 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,4 +1,5 @@
 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/dist/src/utils/device.d.ts

@@ -0,0 +1,3 @@
+export declare const isBrowser: boolean;
+export declare const isAndroid: boolean | "";
+export declare const isIOS: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.0-beta.33",
+  "version": "3.0.0-beta.35",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/index.d.ts",
@@ -57,7 +57,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/api": ">=3.0.0-beta.3",
+    "@dodoex/api": ">=3.0.0-beta.4",
     "@dodoex/components": ">=3.0.0-beta.0",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",