@dodoex/widgets 1.1.0

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Swap(): JSX.Element;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../hooks/Token';
+export interface TokenLogoProps {
+    address?: string;
+    token?: TokenInfo;
+    width?: number;
+    height?: number;
+    marginRight?: number;
+    url?: string;
+    zIndex?: number;
+    cross?: boolean;
+    sx?: BoxProps['sx'];
+}
+export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, }: TokenLogoProps): React.ReactElement;

package/dist/src/components/TokenPicker/PopularToken.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TokenInfo } from '../../hooks/Token';
+export default function PopularToken({ token, disabled, onClick, }: {
+    token: TokenInfo;
+    disabled: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/src/components/TokenPicker/TokenItem.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { TokenInfo } from './../../hooks/Token';
+export default function TokenItem({ token, disabled, style, onClick, }: {
+    token: TokenInfo;
+    disabled?: boolean;
+    style?: CSSProperties;
+    onClick: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { TokenInfo } from '../../hooks/Token';
+export interface TokenPickerProps {
+    value?: TokenInfo | null;
+    onChange: (token: TokenInfo, isOccupied: boolean) => void;
+    /** token pair usage */
+    occupiedAddrs?: string[];
+    /** hide props */
+    hiddenAddrs?: string[];
+    /** only show props */
+    showAddrs?: string[];
+    visible?: boolean;
+}
+export default function TokenPicker({ value, onChange, occupiedAddrs, hiddenAddrs, showAddrs, visible, }: TokenPickerProps): JSX.Element;

package/dist/src/components/Tooltip/QuestionTooltip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { QuestionTooltipProps } from '@dodoex/components';
+export default function QuestionTooltip(props: QuestionTooltipProps): JSX.Element;

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

@@ -0,0 +1 @@
+export { default as QuestionTooltip } from './QuestionTooltip';

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

@@ -0,0 +1,9 @@
+import { SupportedLang } from '../../constants/locales';
+import { ReactNode } from 'react';
+interface LangProviderProps {
+    locale?: SupportedLang;
+    children: ReactNode;
+}
+export declare function loadI18(locale?: SupportedLang): Promise<void>;
+export declare function LangProvider({ locale, children }: LangProviderProps): JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react';
+import { PaletteMode, ThemeOptions } from '@dodoex/components';
+import { SupportedLang } from '../../constants/locales';
+import { Web3ConnectorsProps } from '../../hooks/ConnectWallet';
+import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
+import { ExecutionProps } from '../../hooks/Submission';
+import { ChainId } from '../../constants/chains';
+import { TokenInfo } from '../../hooks/Token/type';
+export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
+export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps {
+    theme?: ThemeOptions;
+    colorMode?: PaletteMode;
+    accessToken?: string;
+    defaultChainId?: ChainId;
+    width?: string | number;
+    height?: string | number;
+    feeRate?: number;
+    rebateTo?: string;
+    defaultFromToken?: TokenInfo;
+    defaultToToken?: TokenInfo;
+    locale?: SupportedLang;
+}
+export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ExecutionProps } from '../../hooks/Submission';
+export default function WithExecutionDialog({ children, ...props }: {
+    children: React.ReactNode;
+} & ExecutionProps): JSX.Element;

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

@@ -0,0 +1 @@
+export declare const EmptyAddress = "0x0000000000000000000000000000000000000000";

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

@@ -0,0 +1,4 @@
+export declare const RoutePriceAPI = "https://route-api.dodoex.io";
+export declare const RoutePriceDevAPI = "https://test-route-api.dodoex.io";
+export declare const FiatPriceAPI = "https://api.dodoex.io/price-api";
+export declare const AppUrl = "https://app.dodoex.io";

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

@@ -0,0 +1,205 @@
+export declare enum ChainId {
+    MAINNET = 1,
+    RINKEBY = 4,
+    GOERLI = 5,
+    BSC = 56,
+    HECO = 128,
+    POLYGON = 137,
+    ARBITRUM_ONE = 42161,
+    ARBITRUM_RINKEBY = 421611,
+    AURORA = 1313161554,
+    MOONRIVER = 1285,
+    OKCHAIN = 66,
+    OPTIMISM = 10,
+    BOBA = 288,
+    AVALANCHE = 43114,
+    CRONOS = 25
+}
+export declare const rpcServerMap: {
+    1: string[];
+    4: string[];
+    5: string[];
+    56: string[];
+    128: string[];
+    137: string[];
+    42161: string[];
+    421611: string[];
+    1313161554: string[];
+    1285: string[];
+    66: string[];
+    10: string[];
+    288: string[];
+    43114: string[];
+    25: string[];
+};
+export declare const basicTokenMap: {
+    1: {
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        name: string;
+        decimals: number;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+    };
+    4: {
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        name: string;
+        decimals: number;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+    };
+    5: {
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        name: string;
+        decimals: number;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+    };
+    10: {
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        name: string;
+        decimals: number;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+    };
+    25: {
+        symbol: string;
+        name: string;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+        showDecimals: number;
+    };
+    288: {
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        name: string;
+        decimals: number;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+    };
+    56: {
+        symbol: string;
+        name: string;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+        showDecimals: number;
+    };
+    66: {
+        symbol: string;
+        name: string;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+        showDecimals: number;
+    };
+    128: {
+        symbol: string;
+        name: string;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+    };
+    137: {
+        symbol: string;
+        name: string;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+    };
+    1285: {
+        symbol: string;
+        name: string;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+    };
+    42161: {
+        name: string;
+        showDecimals: number;
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        decimals: number;
+        wrappedTokenSymbol: string;
+    };
+    421611: {
+        name: string;
+        showDecimals: number;
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        decimals: number;
+        wrappedTokenSymbol: string;
+    };
+    1313161554: {
+        name: string;
+        showDecimals: number;
+        wrappedTokenAddress: string;
+        symbol: string;
+        address: string;
+        decimals: number;
+        wrappedTokenSymbol: string;
+    };
+    43114: {
+        symbol: string;
+        name: string;
+        showDecimals: number;
+        wrappedTokenSymbol: string;
+        wrappedTokenAddress: string;
+        address: string;
+        decimals: number;
+    };
+};
+export declare const platformIdMap: {
+    1: string;
+    4: string;
+    5: string;
+    10: string;
+    25: string;
+    288: string;
+    56: string;
+    66: string;
+    128: string;
+    137: string;
+    1285: string;
+    42161: string;
+    421611: string;
+    1313161554: string;
+    43114: string;
+};
+export declare const scanUrlDomainMap: {
+    1: string;
+    4: string;
+    5: string;
+    10: string;
+    25: string;
+    288: string;
+    56: string;
+    66: string;
+    128: string;
+    137: string;
+    1285: string;
+    42161: string;
+    421611: string;
+    1313161554: string;
+    43114: string;
+};

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

@@ -0,0 +1,3 @@
+export declare const supportedLang: string[];
+export declare type SupportedLang = typeof supportedLang[number];
+export declare const defaultLang: SupportedLang;

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

@@ -0,0 +1,6 @@
+export declare const AUTO_SWAP_SLIPPAGE_PROTECTION = "auto";
+export declare const PRICE_IMPACT_THRESHOLD = 15;
+export declare const DEFAULT_SWAP_SLIPPAGE = 3;
+export declare const MAX_SWAP_SLIPPAGE = 50;
+export declare const DEFAULT_SWAP_DDL = 20;
+export declare const MIN_GAS_LIMIT = 30000;

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

@@ -0,0 +1,10 @@
+export declare const connectWalletBtn = "connect-wallet-btn";
+export declare const swapAlertSelectTokenBtn = "swap-alert-select-token-btn";
+export declare const swapReviewBtn = "swap-review-btn";
+export declare const swapSelectTokenBtn = "swap-select-token-btn";
+export declare const swapAlertEnterAmountBtn = "swap-alert-enter-amount-btn";
+export declare const swapAlertFetchPriceBtn = "swap-alert-fetch-price-btn";
+export declare const swapAlertInsufficientBalanceBtn = "swap-alert-insufficient-balance-btn";
+export declare const numberInputWrapper = "number-input-wrapper";
+export declare const tokenPickerWrapper = "token-picker-wrapper";
+export declare const tokenPickerItem = "token-picker-item";

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

@@ -0,0 +1,2 @@
+import BigNumber from 'bignumber.js';
+export declare const BIG_ALLOWANCE: BigNumber;

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    chainId: number;
+    address: string;
+    name: string;
+    decimals: number;
+    symbol: string;
+    logoURI: string;
+}[];
+export default _default;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare enum WalletType {
+    INTEGRATOR = "integrator",
+    METAMASK = "metamask",
+    WALLET_CONNECT = "walletConnect"
+}
+export declare const WalletMap: {
+    metamask: {
+        name: string;
+        type: WalletType;
+        icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        link: string;
+    };
+    walletConnect: {
+        name: string;
+        type: WalletType;
+        icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+    };
+};

package/dist/src/hooks/ConnectWallet/Connectors/JsonRpcConnector.d.ts

@@ -0,0 +1,6 @@
+import { JsonRpcProvider } from '@ethersproject/providers';
+import { Actions, Connector } from '@web3-react/types';
+export default class JsonRpcConnector extends Connector {
+    constructor(actions: Actions, customProvider: JsonRpcProvider);
+    activate(): Promise<void>;
+}

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

@@ -0,0 +1,3 @@
+export { connectToWallet, useWeb3Connectors } from './useWeb3Connectors';
+export { useCurrentChainId } from './useCurrentChainId';
+export type { Web3ConnectorsProps } from './useWeb3Connectors';

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

@@ -0,0 +1,2 @@
+import { ChainId } from '../../constants/chains';
+export declare function useCurrentChainId(): ChainId;

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

@@ -0,0 +1,14 @@
+import { Provider as Eip1193Provider } from '@web3-react/types';
+import { JsonRpcProvider } from '@ethersproject/providers';
+import { ChainId } from '../../constants/chains';
+import { Web3Connection } from './web3';
+import { WalletType } from '../../constants/wallet';
+export interface Web3ConnectorsProps {
+    provider?: Eip1193Provider | JsonRpcProvider;
+    jsonRpcUrlMap?: {
+        [chainId: number]: string[];
+    };
+    defaultChainId?: ChainId;
+}
+export declare function useWeb3Connectors({ provider, jsonRpcUrlMap: jsonRpcUrlMapProps, defaultChainId, }: Web3ConnectorsProps): Web3Connection[];
+export declare function connectToWallet(type: WalletType, chainId: number | undefined, onError: (error: Error) => void): void;

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

@@ -0,0 +1,10 @@
+import { Web3ReactHooks } from '@web3-react/core';
+import { Connector, Provider as Eip1193Provider } from '@web3-react/types';
+import { JsonRpcProvider } from '@ethersproject/providers';
+import type { ChainId } from '../../constants/chains';
+export declare type Web3Connection = [Connector, Web3ReactHooks];
+export declare function getConnectionFromProvider(onError: (error: Error) => void, provider?: JsonRpcProvider | Eip1193Provider): Web3Connection | undefined;
+export declare function getConnectionFromWalletConnect(useDefault: boolean, jsonRpcUrlMap: {
+    [chainId: number]: string[];
+}, defaultChainId: ChainId | undefined, onError: (error: Error) => void): Web3Connection;
+export declare function getConnectionFromMetaMask(onError: (error: Error) => void): Web3Connection;

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

@@ -0,0 +1,2 @@
+import { ChainId } from '../../constants/chains';
+export default function getExecutionErrorMsg(chainId: ChainId, message: string): string;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ExecutionCtx } from './types';
+export { default as useExecution } from './useExecution';
+export type { ExecutionProps } from './useExecution';
+export { default as useInflights } from './useInflights';
+export declare const ExecutionContext: import("react").Context<ExecutionCtx>;
+/**
+ * Get the submission context
+ */
+export declare function useSubmission(): ExecutionCtx;

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

@@ -0,0 +1,56 @@
+/**
+ * Let's pretend that typescript has ADT
+ */
+import { BigNumber } from 'bignumber.js';
+import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
+/**
+ * All supported opcodes, as tagged union discriminants
+ */
+export declare enum OpCode {
+    Approval = "APPROVAL",
+    TX = "TX",
+    TypedSign = "TypedSign"
+}
+export declare enum SwapType {
+    Normal = "Normal",
+    Privacy = "Privacy",
+    LimitOrder = "LimitOrder",
+    RFQ = "RFQ"
+}
+export declare type TokenData = {
+    address: string;
+};
+export declare type ApprovalStep = {
+    opcode: OpCode.Approval;
+    /**
+     * The address of the token
+     */
+    token: TokenData;
+    /**
+     * The approved contract address
+     */
+    contract: string;
+    /**
+     * The amount to set the allowance to, in Wei, in base-10. If omitted, a (very) big constants is used
+     * TODO(meow): bigint shows a 87% support rate. Can we use it here?
+     */
+    amt?: BigNumber;
+};
+export declare type TXStep = {
+    opcode: OpCode.TX;
+    value: number | string;
+    to: string;
+    data: string;
+    swapType?: SwapType;
+    gasLimit?: EthersBigNumber;
+    gasPrice?: number;
+    ddlSecRel?: number;
+};
+export declare type TypedSignStep = {
+    opcode: OpCode.TypedSign;
+    swapType?: SwapType;
+    signer?: string;
+    typedData: Record<string, unknown>;
+};
+export declare type Step = ApprovalStep | TXStep | TypedSignStep;
+export declare type Steps = Step[];

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

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { Step as StepSpec } from './spec';
+export declare enum State {
+    Running = 0,
+    Success = 1,
+    Failed = 2,
+    Warning = 3
+}
+export declare type Request = {
+    brief: string;
+    spec: StepSpec;
+    subtitle?: string | React.ReactNode | null;
+    tx: string;
+    nonce?: number;
+};
+export declare type Requests = Map<string, [Request, State]>;
+export declare enum ExecutionResult {
+    Canceled = "canceled",
+    Failed = "failed",
+    Success = "success",
+    Submitted = "submitted"
+}
+export interface Showing {
+    brief: string;
+    subtitle?: string | React.ReactNode;
+    spec: StepSpec;
+}
+export declare type ExecutionCtx = {
+    /**
+     * Execute an on-chain operation
+     * @param breif: TX title. e.g.: "Swap"
+     * @param spec: TX specification.
+     * @param subtitle: Additional hint text. e.g.: "10 USDT to 10 USDC"
+     * @param early: When given, the returned promise resolves when user confirmed in their wallet.
+     * @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>;
+    /**
+     * order
+     */
+    requests?: Requests;
+    setShowing?: React.Dispatch<React.SetStateAction<Showing | null>>;
+    waitingSubmit: boolean;
+};
+export declare enum WatchResult {
+    Failed = 0,
+    Success = 1
+}

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Step as StepSpec } from './spec';
+import { ExecutionResult, State, Request, Showing } from './types';
+export interface ExecutionProps {
+    onTxFail?: (error: Error, data: any) => void;
+    onTxSubmit?: (tx: string, data: any) => void;
+    onTxSuccess?: (tx: string, data: any) => void;
+}
+export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, }?: ExecutionProps): {
+    showing: Showing | null;
+    showingDone: boolean;
+    transactionTx: string;
+    errorMessage: string | null;
+    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>;
+        requests: Map<string, [Request, State]>;
+        setShowing: import("react").Dispatch<import("react").SetStateAction<Showing | null>>;
+        waitingSubmit: boolean;
+    };
+    requests: Map<string, [Request, State]>;
+};

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

@@ -0,0 +1,5 @@
+import { Request } from './types';
+export default function useInflights(): {
+    runningRequests: Request[];
+    isInflight: boolean;
+};

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

@@ -0,0 +1,5 @@
+export * from './useMarginAmount';
+export * from '../Widget/useInitPropsToRedux';
+export * from './useFetchFiatPrice';
+export * from './useFetchRoutePrice';
+export { default as useExecuteSwap } from './useExecuteSwap';

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

@@ -0,0 +1,14 @@
+import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
+import BigNumber from 'bignumber.js';
+import React from 'react';
+export default function useExecuteSwap(): ({ fromTokenAddress, parsedFromAmt, to, data, useSource, duration, ddl, gasLimit, subtitle, }: {
+    fromTokenAddress: string;
+    parsedFromAmt: BigNumber;
+    to: string;
+    data: string;
+    useSource?: string | undefined;
+    duration?: number | undefined;
+    ddl: number;
+    gasLimit?: EthersBigNumber | undefined;
+    subtitle: React.ReactNode;
+}) => void;

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

@@ -0,0 +1,13 @@
+import { ChainId } from '../../constants/chains';
+import { TokenInfo } from '../Token';
+export interface FetchFiatPriceProps {
+    chainId: ChainId | undefined;
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+}
+export declare function useFetchFiatPrice({ fromToken, toToken, chainId }: FetchFiatPriceProps): {
+    loading: boolean;
+    refetch: () => void;
+    toFiatPrice: string;
+    fromFiatPrice: string;
+};

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TokenInfo } from '../Token';
+export declare enum RoutePriceStatus {
+    Initial = "Initial",
+    Loading = "Loading",
+    Failed = "Failed",
+    Success = "Success"
+}
+export interface FetchRoutePrice {
+    fromToken: TokenInfo | null;
+    toToken: TokenInfo | null;
+    marginAmount: string;
+    fromAmount: string;
+}
+export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, marginAmount, }: FetchRoutePrice): {
+    status: RoutePriceStatus;
+    refetch: () => Promise<void>;
+    priceImpact: number | null;
+    executeSwap: (subtitle: React.ReactNode) => void;
+    baseFeeAmount: number | null;
+    resAmount: number | null;
+    additionalFeeAmount: number | null;
+    resPricePerToToken: number | null;
+    resPricePerFromToken: number | null;
+};

package/dist/src/hooks/Swap/useFetchRoutePrice.test.d.ts

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

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

@@ -0,0 +1,8 @@
+import { TokenInfo } from '../Token';
+export interface MarginAmountProps {
+    fromToken: TokenInfo | null;
+    fromFiatPrice: string;
+}
+export declare function useMarginAmount({ fromToken, fromFiatPrice }: MarginAmountProps): {
+    marginAmount: string;
+};

package/dist/src/hooks/Swap/useMarginAmount.test.d.ts

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