@dodoex/widgets 2.3.4 → 2.3.5-1

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

@@ -0,0 +1,10 @@
+import { ChainId } from '../../constants/chains';
+/**
+ * switch wallet chain
+ *  @see https://docs.metamask.io/guide/rpc-api.html#usage-with-wallet-switchethereumchain
+ */
+export declare function registerNetworkWithMetamask({ chainId, provider, }: {
+    chainId: ChainId;
+    provider?: any;
+}): Promise<boolean>;
+export declare function useSwitchChain(chainId?: ChainId): (() => Promise<boolean>) | undefined;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Step as StepSpec } from './spec';
+import { ExecutionProps } from './useExecution';
 export declare enum State {
     Running = 0,
     Success = 1,
@@ -35,7 +36,7 @@ export declare type ExecutionCtx = {
      * @param mixpanelProps: mixpanel properties
      * @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) => void) => Promise<ExecutionResult>;
+    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>;
     /**
      * order
      */

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

@@ -14,7 +14,7 @@ export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, }?: Ex
     setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     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) => void) | undefined) => Promise<ExecutionResult.Failed | ExecutionResult.Success | ExecutionResult.Submitted>;
+        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>;
         requests: Map<string, [Request, State]>;
         setShowing: import("react").Dispatch<import("react").SetStateAction<Showing | null>>;
         waitingSubmit: boolean;

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

@@ -14,9 +14,7 @@ export interface DefaultTokenInfo extends TokenInfo {
 }
 export declare type TokenList = TokenInfo[];
 export declare enum TokenListType {
-    All = "all",
-    Default = "default",
-    Coingecko = "coingecko"
+    All = "all"
 }
 export declare enum ApprovalState {
     Loading = "Loading",

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

@@ -0,0 +1,13 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from './type';
+export declare function useFetchTokenAllowance({ chainId, account, token, proxyContractAddress, }: {
+    chainId?: number;
+    account?: string;
+    token?: TokenInfo;
+    proxyContractAddress: string;
+}): {
+    allowance: BigNumber | null;
+    loading: boolean;
+    error: boolean;
+    refetch: () => Promise<void>;
+};

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

@@ -1,13 +1,15 @@
-import { List } from 'immutable';
-import { TokenInfo } from './type';
+import { TokenList } from './type';
 export declare enum FetchStatus {
     Initial = "Initial",
     Loading = "Loading",
     Failed = "Failed",
     Success = "Success"
 }
-export declare function useGetCGTokenList(): {
-    cgTokenList: List<TokenInfo>;
+export declare function useGetCGTokenList({ chainId, skip, }: {
+    chainId: number;
+    skip?: boolean;
+}): {
+    cgTokenList: TokenList;
     loading: boolean;
     refetch: () => Promise<void>;
 };

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

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

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

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { ChainId } from '../../constants/chains';
+export declare function useSelectChainList(): {
+    chainList: ({
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    } | {
+        chainId: ChainId;
+        logo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        name: string;
+        mainnet?: ChainId | undefined;
+    })[];
+    selectChainId: number;
+    setSelectChainId: import("react").Dispatch<import("react").SetStateAction<number | undefined>>;
+};

package/dist/src/hooks/Token/useSelectChainList.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -3,7 +3,7 @@ import { TokenInfo, TokenList } from './type';
 export declare const getFuzzySearchTokenSort: (token: TokenInfo, search: string, { matchAddress, }?: {
     matchAddress?: boolean | undefined;
 }) => number;
-export default function useTokenList({ value, onChange, occupiedAddrs, hiddenAddrs, showAddrs, side, }: {
+export default function useTokenList({ value, onChange, occupiedAddrs, hiddenAddrs, showAddrs, side, chainId: chainIdProps, visible, defaultLoadBalance, }: {
     value?: TokenInfo | null;
     onChange: (token: TokenInfo, isOccupied: boolean) => void;
     /** token pair usage */
@@ -14,6 +14,10 @@ export default function useTokenList({ value, onChange, occupiedAddrs, hiddenAdd
     showAddrs?: string[];
     /** token field control */
     side?: 'from' | 'to';
+    chainId?: number;
+    /** Token Picker visible */
+    visible?: boolean;
+    defaultLoadBalance?: boolean;
 }): {
     filter: string;
     setFilter: import("react").Dispatch<import("react").SetStateAction<string>>;

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

@@ -0,0 +1,9 @@
+import { TokenInfo, TokenList } from './type';
+export default function useTokenListFetchBalance({ chainId, value, tokenList, popularTokenList, visible, defaultLoadBalance, }: {
+    chainId: number;
+    value?: TokenInfo | null;
+    tokenList: TokenList;
+    popularTokenList?: TokenList;
+    visible?: boolean;
+    defaultLoadBalance?: 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 }: WidgetProps): void;
+export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, }: WidgetProps): void;

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

@@ -4,11 +4,6 @@ declare const _default: {
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    4: {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    };
     5: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
@@ -19,11 +14,6 @@ declare const _default: {
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    128: {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    };
     137: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
@@ -34,21 +24,11 @@ declare const _default: {
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    421611: {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    };
     1313161554: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    1285: {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    };
     66: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
@@ -59,17 +39,12 @@ declare const _default: {
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    288: {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    };
     43114: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
         ERC20_HELPER: string;
     };
-    25: {
+    1030: {
         MULTI_CALL: string;
         DODO_APPROVE: string;
         ERC20_HELPER: string;

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

@@ -2,3 +2,4 @@ export { default as useMultiContract, getContract } from './useMultiContract';
 export { default as useFetchTokens } from './useFetchTokens';
 export { default as useFetchETHBalance } from './useFetchETHBalance';
 export { default as useFetchBlockNumber } from './useFetchBlockNumber';
+export * from './token';

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

@@ -0,0 +1,10 @@
+import { JsonRpcProvider } from '@ethersproject/providers';
+import BigNumber from 'bignumber.js';
+export declare function fetchTokenAllowance({ account, tokenAddress, tokenDecimals, chainId, approveAddress, provider, }: {
+    account?: string;
+    tokenAddress: string;
+    tokenDecimals: number;
+    chainId: number;
+    approveAddress?: string;
+    provider: JsonRpcProvider;
+}): Promise<BigNumber | undefined>;

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

@@ -1 +1 @@
-export default function useFetchETHBalance(): void;
+export default function useFetchETHBalance(chainId?: number): void;

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

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

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

@@ -2,7 +2,7 @@ import { Contract } from '@ethersproject/contracts';
 import { JsonRpcProvider } from '@ethersproject/providers';
 import { BatchThunk } from './batch';
 export declare function getContract(address: string, ABI: any, provider: JsonRpcProvider, account?: string): Contract;
-export default function useMultiContract(): {
+export default function useMultiContract(chainIdProps?: number): {
     getContract: (contractAddress: string, ABI: any) => Contract | undefined;
     contractConfig: {
         MULTI_CALL: string;
@@ -44,26 +44,6 @@ export default function useMultiContract(): {
         MULTI_CALL: string;
         DODO_APPROVE: string;
         ERC20_HELPER: string;
-    } | {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    } | {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    } | {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    } | {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
-    } | {
-        MULTI_CALL: string;
-        DODO_APPROVE: string;
-        ERC20_HELPER: string;
     };
     call: <T>(thunk: BatchThunk<T>) => Promise<unknown[] | undefined> | undefined;
     loading: boolean;

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

@@ -1,3 +1,4 @@
 import { AppThunkAction } from '.';
 import { State } from '../reducers/globals';
 export declare const setGlobalProps: (globalProps: Partial<State>) => AppThunkAction;
+export declare const setAutoConnectLoading: (loading: boolean) => AppThunkAction;

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

@@ -7,7 +7,7 @@ export declare const setPopularTokenList: (popularTokenList: TokenList) => AppTh
 export declare const setSlippageWithTokens: (slippageWithTokens: SlippageWithToken[]) => AppThunkAction;
 export declare const setDefaultFromToken: (token: TokenInfo) => AppThunkAction;
 export declare const setDefaultToToken: (token: TokenInfo) => AppThunkAction;
-export declare const setEthBalance: (balance: BigNumber) => AppThunkAction;
+export declare const setEthBalance: (chainId: number, balance: BigNumber) => AppThunkAction;
 export declare const setTokenBalances: (accountBalances: AccountBalances) => AppThunkAction;
 export declare const setTokenAllowances: (allowance: BigNumber) => AppThunkAction;
 export declare const setBalanceLoadings: (balanceLoadings: {

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

@@ -10,6 +10,8 @@ export declare enum ContractStatus {
 export interface State extends SwapWidgetProps {
     isReverseRouting?: boolean;
     contractStatus?: ContractStatus;
+    autoConnectLoading?: boolean;
+    showCoingecko?: boolean;
 }
 export declare const initialState: State;
 declare const _default: (state: State | undefined, action: AnyAction) => State;

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

@@ -15,7 +15,9 @@ export declare type SlippageWithToken = {
 export declare type State = {
     tokenList: TokenList;
     popularTokenList: TokenList;
-    ethBalance?: BigNumber;
+    ethBalance: {
+        [key: number]: BigNumber;
+    };
     accountBalances: AccountBalances;
     balanceLoadings: {
         [key in string]: boolean;

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

@@ -1,2 +1,3 @@
 import { RootState } from '../reducers';
 export declare const getGlobalProps: (state?: RootState) => import("../reducers/globals").State;
+export declare const getAutoConnectLoading: (state?: RootState) => boolean | undefined;

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

@@ -6,7 +6,9 @@ export declare const getTokenList: (state?: RootState) => import("../../hooks/To
 export declare const getPopularTokenList: (chainId: ChainId, state?: RootState) => import("../../hooks/Token").TokenInfo[];
 export declare const getSlippageWithTokens: (state?: RootState) => import("../reducers/token").SlippageWithToken[];
 export declare const getAccountBalances: (state?: RootState) => import("../reducers/token").AccountBalances;
-export declare const getEthBalance: (state?: RootState) => BigNumber;
+export declare const getEthBalance: (state?: RootState) => {
+    [key: number]: BigNumber;
+};
 export declare const getDefaultFromToken: (state?: RootState) => DefaultTokenInfo | undefined;
 export declare const getDefaultToToken: (state?: RootState) => DefaultTokenInfo | undefined;
 export declare const getTokenBalance: (tokenAddress: string, state?: RootState) => BigNumber;

package/dist/src/utils/address.d.ts

@@ -1,3 +1,4 @@
+import { ChainId } from '../constants/chains';
 export declare const isSameAddress: (tokenAddress1: string, tokenAddress2: string) => boolean;
 export declare function isAddress(value: any): string | false;
 export declare function isETHAddress(addr: string): boolean;
@@ -6,3 +7,9 @@ export declare function isETHAddress(addr: string): boolean;
  * @param hexNumberString
  */
 export default function isZero(hexNumberString: string): boolean;
+/**
+ * truncate pool address: 0xeBa959390016dd81419A189e5ef6F3B6720e5A90 => 0xeBa9...5A90
+ * @param address pool address
+ */
+export declare function truncatePoolAddress(address: string): string;
+export declare function getEtherscanPage(path: string | undefined, chainId: ChainId): string;

package/dist/src/utils/formatter.d.ts

@@ -20,4 +20,6 @@ export declare function formatTokenAmountNumber({ input, decimals, showPrecision
 export declare const fixedString: (raw: string | number | BigNumber, showDecimals?: number) => string;
 export declare const fixedInputStringToFormattedNumber: (inputValue: string, inputTokenShowDecimals: number) => string | null;
 export declare const toWei: (amount: BigNumber | string | number, decimals: number, notDp?: boolean) => BigNumber;
+export declare const byWei: (amount: BigNumber | string | number, decimals: number) => BigNumber;
 export declare const getDecimalLimit: (decimals: number | undefined | null) => number;
+export declare function getIntegerNumber(v: number): number;

package/dist/src/utils/time.d.ts

@@ -0,0 +1,9 @@
+/**
+ * time formatter
+ * output => 17mins54s or 17 Minutes
+ */
+export declare function formatReadableTimeDuration({ start, end, showSecondUnit, }: {
+    start?: number;
+    end?: number;
+    showSecondUnit?: boolean;
+}): string | null;

package/dist/src/utils/time.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "2.3.4",
+  "version": "2.3.5-1",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/src/index.d.ts",
@@ -54,8 +54,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/components": "^2.0.0",
-    "@dodoex/icons": "^2.0.0",
+    "@dodoex/components": "^2.0.1",
+    "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@ethersproject/bignumber": "^5.6.2",
@@ -126,4 +126,4 @@
     "ts-jest": "^29.0.1",
     "typescript": "^4.7.3"
   }
-}
+}