@xswap-link/sdk 0.7.0 → 0.8.0

package/src/components/Swap/SwapView/index.tsx

@@ -1,16 +1,16 @@
+import { ReorderButton } from "../ReorderButton/ReorderButton";
 import { FeesPanel } from "./FeesPanel";
 import { SwapButton } from "./SwapButton";
 import { SwapPanel } from "./SwapPanel";
-import { ArrowIcon } from "@src/components/Swap/SwapView/ConfirmationView/TxOverview/ArrowIcon";
 
 export type SwapPanelType = "source" | "destination";
 
 export const SwapView = () => {
   return (
     <div className="flex flex-col gap-2 fill-t_text_primary">
-      <div className="relative flex flex-col gap-5">
+      <div className="flex flex-col gap-5">
         <SwapPanel type="source" />
-        <ArrowIcon />
+        <ReorderButton />
         <SwapPanel type="destination" />
       </div>
       <FeesPanel />

package/src/components/Swap/index.tsx

@@ -25,7 +25,7 @@ export const Swap = ({ onClose }: Props) => {
 
   return (
     <div
-      className={`flex flex-col gap-5 p-4 mx-auto text-t_text_primary bg-t_bg_primary rounded-3xl`}
+      className={`relative flex flex-col gap-5 p-4 text-t_text_primary bg-t_bg_primary rounded-3xl flex-1`}
     >
       <Header onClose={onClose} />
       {view}

package/src/components/TxConfigForm/index.tsx

@@ -5,6 +5,7 @@ import {
   SwapProvider,
   TransactionProvider,
   TxUIWrapper,
+  useHistory,
 } from "@src/context";
 import { Chain, ModalIntegrationPayload, Route } from "@src/models";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -23,7 +24,6 @@ export type TxConfigFormPayload = Omit<
   srcTokenAddr?: string;
   dstDisplayTokenAddr?: string;
   supportedChains: Chain[];
-  defaultWalletPicker?: boolean;
 };
 
 const queryClient = new QueryClient();
@@ -44,6 +44,27 @@ const WagmiReload: FC = () => {
   return <></>;
 };
 
+const PendingTransactionsEmitter: FC<{
+  onPendingTransactionsChange: ModalIntegrationPayload["onPendingTransactionsChange"];
+}> = ({ onPendingTransactionsChange }) => {
+  const { history } = useHistory();
+
+  const pendingTransactions = useMemo(
+    () => history.filter((entry) => entry.status === "IN_PROGRESS"),
+    [history],
+  );
+
+  useEffect(() => {
+    if (onPendingTransactionsChange) {
+      onPendingTransactionsChange(pendingTransactions);
+    } else if (window.xPayOnPendingTransactionsChange) {
+      window.xPayOnPendingTransactionsChange(pendingTransactions);
+    }
+  }, [onPendingTransactionsChange, pendingTransactions]);
+
+  return <></>;
+};
+
 export const TxConfigForm = ({
   integratorId,
   dstChainId,
@@ -60,6 +81,16 @@ export const TxConfigForm = ({
   lightTheme,
   defaultWalletPicker,
   styles,
+  onPendingTransactionsChange,
+  dstTokenLocked,
+  dstChainLocked,
+  srcTokenLocked,
+  srcChainLocked,
+  onDstTokenChange,
+  onDstChainChange,
+  onSrcTokenChange,
+  onSrcChainChange,
+  bridge,
 }: TxConfigFormPayload &
   (
     | {
@@ -102,6 +133,9 @@ export const TxConfigForm = ({
         <QueryClientProvider client={queryClient}>
           <WagmiReload />
           <HistoryProvider>
+            <PendingTransactionsEmitter
+              onPendingTransactionsChange={onPendingTransactionsChange}
+            />
             <SwapProvider
               integrationConfig={{
                 integratorId,
@@ -113,6 +147,15 @@ export const TxConfigForm = ({
                 desc,
                 dstDisplayTokenAddr,
                 defaultWalletPicker,
+                dstTokenLocked,
+                dstChainLocked,
+                srcTokenLocked,
+                srcChainLocked,
+                onDstTokenChange,
+                onDstChainChange,
+                onSrcTokenChange,
+                onSrcChainChange,
+                bridge,
               }}
               supportedChains={supportedChains}
               wagmiConfig={wagmiConfig}
@@ -122,16 +165,16 @@ export const TxConfigForm = ({
                 <TxUIWrapper>
                   {overlay ? (
                     <div
-                      className="top-0 left-0 right-0 bottom-0 bg-[rgba(0,0,0,0.8)] fixed flex items-center justify-center z-10"
+                      className="top-0 left-0 right-0 bottom-0 bg-[rgba(0,0,0,0.8)] fixed flex flex-col items-center justify-center z-10"
                       onMouseDown={onBackdropClick}
                     >
-                      <div className="relative bg-t_bg_primary rounded-3xl overflow-auto text-t_text_primary border-2 border-solid border-[rgba(255,255,255,0.1)] min-w-x_modal max-w-x_modal min-h-[432px] w-full">
+                      <div className="relative bg-t_bg_primary rounded-3xl overflow-auto text-t_text_primary border-2 border-solid border-[rgba(255,255,255,0.1)] min-w-x_modal max-w-x_modal min-h-[532px] w-full">
                         <Swap onSubmit={onSubmit} onClose={onClose} />
                         <PoweredBy />
                       </div>
                     </div>
                   ) : (
-                    <div className="bg-t_bg_primary rounded-3xl overflow-auto text-t_text_primary border-2 border-solid border-[rgba(255,255,255,0.1)] min-h-[432px] w-full">
+                    <div className="bg-t_bg_primary rounded-3xl overflow-auto text-t_text_primary border-2 border-solid border-[rgba(255,255,255,0.1)] min-h-[532px] w-full flex flex-col">
                       <Swap onSubmit={() => {}} onClose={() => {}} />
                       <PoweredBy />
                     </div>
@@ -159,6 +202,11 @@ export const openTxConfigForm = async ({
   lightTheme,
   defaultWalletPicker,
   styles,
+  onPendingTransactionsChange,
+  dstTokenLocked,
+  dstChainLocked,
+  srcTokenLocked,
+  srcChainLocked,
 }: TxConfigFormPayload): Promise<Route> => {
   try {
     if (xpayRoot === null) {
@@ -197,6 +245,11 @@ export const openTxConfigForm = async ({
           }}
           overlay={true}
           defaultWalletPicker={defaultWalletPicker}
+          onPendingTransactionsChange={onPendingTransactionsChange}
+          dstTokenLocked={dstTokenLocked}
+          dstChainLocked={dstChainLocked}
+          srcTokenLocked={srcTokenLocked}
+          srcChainLocked={srcChainLocked}
         />,
       );
     });

package/src/components/TxWidgetWC/index.tsx

@@ -5,12 +5,12 @@ import {
   WidgetIntegrationPayload,
 } from "@src/models";
 import { getChains } from "@src/services";
+import { isServer } from "@src/utils";
 import { createWebComponent } from "@src/utils/webComponents";
 import { useEffect, useState } from "react";
 import { Spinner } from "../Spinner";
 import { TxConfigForm } from "../TxConfigForm";
 import CSS from "../global.css";
-import { isServer } from "@src/utils";
 
 const TxWidget = ({
   integratorId,
@@ -24,6 +24,16 @@ const TxWidget = ({
   lightTheme,
   defaultWalletPicker,
   styles,
+  onPendingTransactionsChange,
+  dstTokenLocked,
+  dstChainLocked,
+  srcTokenLocked,
+  srcChainLocked,
+  onDstTokenChange,
+  onDstChainChange,
+  onSrcTokenChange,
+  onSrcChainChange,
+  bridge,
 }: WidgetIntegrationPayload) => {
   const [loading, setLoading] = useState(true);
   const [supportedChains, setSupportedChains] = useState<Chain[]>([]);
@@ -57,7 +67,9 @@ const TxWidget = ({
       <style>{CSS}</style>
 
       {loading ? (
-        <Spinner className="w-10 h-10" />
+        <div className="min-h-[532px] w-full flex items-center justify-center">
+          <Spinner className="w-10 h-10" />
+        </div>
       ) : (
         <TxConfigForm
           integratorId={integratorId}
@@ -73,6 +85,16 @@ const TxWidget = ({
           lightTheme={lightTheme}
           defaultWalletPicker={defaultWalletPicker}
           styles={parsedStyles}
+          onPendingTransactionsChange={onPendingTransactionsChange}
+          dstTokenLocked={dstTokenLocked}
+          dstChainLocked={dstChainLocked}
+          srcTokenLocked={srcTokenLocked}
+          srcChainLocked={srcChainLocked}
+          onDstTokenChange={onDstTokenChange}
+          onDstChainChange={onDstChainChange}
+          onSrcTokenChange={onSrcTokenChange}
+          onSrcChainChange={onSrcChainChange}
+          bridge={bridge}
         />
       )}
     </>
@@ -106,6 +128,16 @@ export const createTxWidgetWC = () => {
       lightTheme: "boolean",
       defaultWalletPicker: "boolean",
       styles: "json",
+      onPendingTransactionsChange: "function",
+      dstTokenLocked: "boolean",
+      dstChainLocked: "boolean",
+      srcTokenLocked: "boolean",
+      srcChainLocked: "boolean",
+      bridge: "boolean",
+      onDstTokenChange: "function",
+      onDstChainChange: "function",
+      onSrcTokenChange: "function",
+      onSrcChainChange: "function",
     },
   });
 
@@ -116,6 +148,8 @@ export const createTxWidgetWC = () => {
   return TxWidgetWC;
 };
 
+// Most fields are required here to enforce adding them in TxWidgetWCWrapped.
+// callbacks are optional, because it will not be passed in TxWidgetWCWrapped.
 export type TxWidgetWCAttributes = {
   "integrator-id": WidgetIntegrationPayload["integratorId"];
   "dst-chain": WidgetIntegrationPayload["dstChain"];
@@ -128,4 +162,15 @@ export type TxWidgetWCAttributes = {
   "light-theme": WidgetIntegrationPayload["lightTheme"];
   "default-wallet-picker": WidgetIntegrationPayload["defaultWalletPicker"];
   styles: string | undefined;
+  "on-pending-transactions-change"?:
+    | WidgetIntegrationPayload["onPendingTransactionsChange"];
+  "dst-token-locked": WidgetIntegrationPayload["dstTokenLocked"] | undefined;
+  "dst-chain-locked": WidgetIntegrationPayload["dstChainLocked"] | undefined;
+  "src-token-locked": WidgetIntegrationPayload["srcTokenLocked"] | undefined;
+  "src-chain-locked": WidgetIntegrationPayload["srcChainLocked"] | undefined;
+  "on-dst-token-change"?: WidgetIntegrationPayload["onDstTokenChange"];
+  "on-dst-chain-change"?: WidgetIntegrationPayload["onDstChainChange"];
+  "on-src-token-change"?: WidgetIntegrationPayload["onSrcTokenChange"];
+  "on-src-chain-change"?: WidgetIntegrationPayload["onSrcChainChange"];
+  bridge: WidgetIntegrationPayload["bridge"] | undefined;
 };

package/src/components/TxWidgetWCWrapped/index.tsx

@@ -1,6 +1,7 @@
 import { WidgetIntegrationPayload } from "@src/models";
-import { createTxWidgetWC, TxWidgetWCAttributes } from "../TxWidgetWC";
 import { isServer } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { createTxWidgetWC, TxWidgetWCAttributes } from "../TxWidgetWC";
 
 const TxWidgetWC = createTxWidgetWC();
 
@@ -35,7 +36,33 @@ export const TxWidgetWCWrapped = ({
   lightTheme,
   defaultWalletPicker,
   styles,
+  onPendingTransactionsChange,
+  dstTokenLocked,
+  dstChainLocked,
+  srcTokenLocked,
+  srcChainLocked,
+  onDstTokenChange,
+  onDstChainChange,
+  onSrcTokenChange,
+  onSrcChainChange,
+  bridge,
 }: WidgetIntegrationPayload) => {
+  useEffect(() => {
+    // We couldn't find a way to pass a function to the web component created by @r2wc/core.
+    // It is assigned to window to be accessed later from within the web component.
+    window.xPayOnPendingTransactionsChange = onPendingTransactionsChange;
+    window.xPayOnDstTokenChange = onDstTokenChange;
+    window.xPayOnDstChainChange = onDstChainChange;
+    window.xPayOnSrcTokenChange = onSrcTokenChange;
+    window.xPayOnSrcChainChange = onSrcChainChange;
+  }, [
+    onPendingTransactionsChange,
+    onDstTokenChange,
+    onDstChainChange,
+    onSrcTokenChange,
+    onSrcChainChange,
+  ]);
+
   return (
     <xpay-widget
       integrator-id={integratorId}
@@ -49,6 +76,11 @@ export const TxWidgetWCWrapped = ({
       light-theme={lightTheme}
       default-wallet-picker={defaultWalletPicker}
       styles={typeof styles === "string" ? styles : JSON.stringify(styles)}
+      dst-token-locked={dstTokenLocked}
+      dst-chain-locked={dstChainLocked}
+      src-token-locked={srcTokenLocked}
+      src-chain-locked={srcChainLocked}
+      bridge={bridge}
     ></xpay-widget>
   );
 };

package/src/config/index.ts

@@ -1,2 +1,2 @@
-export * from "./wagmiConfig";
 export * from "./init";
+export * from "./wagmiConfig";

package/src/context/SwapProvider.tsx

@@ -8,6 +8,8 @@ import {
 } from "@src/constants";
 import { ADDRESSES } from "@src/contracts";
 import {
+  BridgeToken,
+  BridgeTokensDictionary,
   Chain,
   Route,
   Token,
@@ -16,7 +18,12 @@ import {
   Transaction,
   Web3Environment,
 } from "@src/models";
-import { getBalances, getPrices, getRoute } from "@src/services";
+import {
+  getBalances,
+  getBridgeTokens,
+  getPrices,
+  getRoute,
+} from "@src/services";
 import {
   deepMergeObjects,
   getBalanceOf,
@@ -25,6 +32,7 @@ import {
   safeBigNumberFrom,
   weiToHumanReadable,
 } from "@src/utils";
+import { mapToValidPath } from "@src/utils/validation";
 import BigNumberJS from "bignumber.js";
 import { BigNumber, constants } from "ethers";
 import {
@@ -44,6 +52,7 @@ import { useHistory } from "./HistoryProvider";
 
 type Tab = "Swap" | "History" | "Settings";
 type SwapContext = {
+  bridgeUI: boolean;
   integrationConfig: Partial<TxConfigFormPayload>;
   wagmiConfig: Config;
   supportedChains: Chain[];
@@ -53,22 +62,22 @@ type SwapContext = {
   error: string;
   setError: Dispatch<SetStateAction<string>>;
   feeToken: Token | undefined;
-  srcChainProvided: boolean;
   srcChain: Chain | undefined;
   setSrcChain: Dispatch<SetStateAction<Chain | undefined>>;
   srcChainTokensOptions: TokenOption[];
   srcChainOtherTokensOptions: TokenOption[];
   srcChainTokensPrices: TokenPrices;
   dstChainTokensPrices: TokenPrices;
-  srcTokenProvided: boolean;
   srcToken: Token | undefined;
   setSrcToken: Dispatch<SetStateAction<Token | undefined>>;
-  dstChainProvided: boolean;
   dstChain: Chain | undefined;
   setDstChain: Dispatch<SetStateAction<Chain | undefined>>;
   dstChainTokensOptions: TokenOption[];
   dstChainOtherTokensOptions: TokenOption[];
-  dstTokenProvided: boolean;
+  dstTokenLocked: boolean;
+  dstChainLocked?: boolean;
+  srcTokenLocked?: boolean;
+  srcChainLocked?: boolean;
   dstToken: Token | undefined;
   setDstToken: Dispatch<SetStateAction<Token | undefined>>;
   srcValue: string;
@@ -102,6 +111,7 @@ type SwapContext = {
     tokenAddress: string,
     chainId: string,
   ) => Token | undefined;
+  bridgeTokensDictionary: BridgeTokensDictionary | null;
 };
 
 const functionNotImplemented = () => {
@@ -109,6 +119,7 @@ const functionNotImplemented = () => {
 };
 
 const init: SwapContext = {
+  bridgeUI: false,
   integrationConfig: {},
   wagmiConfig: {} as Config,
   supportedChains: [],
@@ -116,19 +127,19 @@ const init: SwapContext = {
   overlay: false,
   error: "",
   feeToken: undefined,
-  srcChainProvided: false,
   srcChain: undefined,
   srcChainTokensOptions: [],
   srcChainOtherTokensOptions: [],
   srcChainTokensPrices: {},
   dstChainTokensPrices: {},
-  dstChainProvided: false,
   dstChain: undefined,
   dstChainTokensOptions: [],
   dstChainOtherTokensOptions: [],
-  srcTokenProvided: false,
   srcToken: undefined,
-  dstTokenProvided: false,
+  dstTokenLocked: false,
+  dstChainLocked: false,
+  srcTokenLocked: false,
+  srcChainLocked: false,
   dstToken: undefined,
   srcValue: "",
   srcValueWei: "",
@@ -164,6 +175,7 @@ const init: SwapContext = {
   quoteRoute: functionNotImplemented,
   refreshBalance: functionNotImplemented,
   findTokenDataByAddressAndChain: functionNotImplemented,
+  bridgeTokensDictionary: null,
 };
 
 const swapContext = createContext(init);
@@ -189,22 +201,28 @@ export const SwapProvider = ({
   const [infiniteApproval, setInfiniteApproval] = useState(
     init.infiniteApproval,
   );
-  const srcTokenProvided = useMemo(
-    () => !!integrationConfig?.srcTokenAddr,
-    [integrationConfig?.srcTokenAddr],
+  const srcTokenLocked = useMemo(
+    () => !!integrationConfig?.srcTokenLocked,
+    [integrationConfig?.srcTokenLocked],
+  );
+  const dstTokenLocked = useMemo(
+    () => !!integrationConfig?.dstTokenLocked,
+    [integrationConfig?.dstTokenLocked],
   );
-  const dstTokenProvided = useMemo(
-    () => !!integrationConfig?.dstTokenAddr,
-    [integrationConfig?.dstTokenAddr],
+  const srcChainLocked = useMemo(
+    () => !!integrationConfig?.srcChainLocked,
+    [integrationConfig?.srcChainLocked],
   );
-  const srcChainProvided = useMemo(
-    () => !!integrationConfig?.srcChainId,
-    [integrationConfig?.srcChainId],
+  const dstChainLocked = useMemo(
+    () => !!integrationConfig?.dstChainLocked,
+    [integrationConfig?.dstChainLocked],
   );
-  const dstChainProvided = useMemo(
-    () => !!integrationConfig?.dstChainId,
-    [integrationConfig?.dstChainId],
+
+  const bridgeUI = useMemo(
+    () => !!integrationConfig.bridge,
+    [integrationConfig.bridge],
   );
+
   const [slippage, setSlippage] = useState(init.slippage);
   const [srcChain, setSrcChain] = useState(init.srcChain);
   const [dstChain, setDstChain] = useState(init.dstChain);
@@ -288,14 +306,66 @@ export const SwapProvider = ({
     return tempChainToTokenOptionsMap;
   }, [supportedTokens]);
 
+  const [bridgeTokens, setBridgeTokens] = useState<BridgeToken[]>([]);
+  useEffect(() => {
+    (async () => {
+      const data = await getBridgeTokens();
+      setBridgeTokens(data);
+    })();
+  }, []);
+
+  const bridgeTokensDictionary = useMemo(() => {
+    const result: BridgeTokensDictionary = {};
+
+    for (const dict of bridgeTokens) {
+      const [chainId0, address0] = Object.entries(dict)[0]!;
+      const [chainId1, address1] = Object.entries(dict)[1]!;
+      if (!result[chainId0]) {
+        result[chainId0] = {};
+      }
+      if (!result[chainId0][address0]) {
+        result[chainId0][address0] = {};
+      }
+      result[chainId0][address0][chainId1] = address1;
+      if (!result[chainId1]) {
+        result[chainId1] = {};
+      }
+      if (!result[chainId1][address1]) {
+        result[chainId1][address1] = {};
+      }
+      result[chainId1][address1][chainId0] = address0;
+    }
+
+    if (Object.keys(result).length) {
+      return result;
+    }
+
+    return null;
+  }, [bridgeTokens]);
+
   const getTokenOptions = useCallback(
-    (chainId: string, oppositeChainId: string) => {
+    (chainId: string | undefined, oppositeChainId: string | undefined) => {
       if (!chainId || !oppositeChainId) {
         return [];
       }
+
+      if (bridgeTokensDictionary && bridgeUI) {
+        if (!chainToTokenOptionsMap[chainId]) {
+          return [];
+        }
+
+        return chainToTokenOptionsMap[chainId].filter((tokenData) => {
+          const supportedTokensAddresses = Object.keys(
+            bridgeTokensDictionary[chainId] || {},
+          );
+
+          return supportedTokensAddresses.includes(tokenData.address);
+        });
+      }
+
       return chainToTokenOptionsMap[chainId] || [];
     },
-    [chainToTokenOptionsMap],
+    [bridgeTokensDictionary, bridgeUI, chainToTokenOptionsMap],
   );
 
   const srcTokenBalanceInfo = useMemo(() => {
@@ -665,9 +735,88 @@ export const SwapProvider = ({
     setDstToken(initDstToken);
   }, [integrationConfig, supportedChains]);
 
+  useEffect(() => {
+    if (!bridgeTokensDictionary) {
+      return;
+    }
+
+    const { source, target } = mapToValidPath({
+      source: { chain: srcChain, token: srcToken },
+      target: { chain: dstChain, token: dstToken },
+      type: bridgeUI ? "BRIDGE" : "SWAP",
+      supportedChains,
+      bridgeTokensDictionary,
+    });
+
+    if (source.chain?.chainId !== srcChain?.chainId) {
+      setSrcChain(source.chain);
+    }
+
+    if (target.chain?.chainId !== dstChain?.chainId) {
+      setDstChain(target.chain);
+    }
+
+    if (source.token?.address !== srcToken?.address) {
+      setSrcToken(source.token);
+    }
+
+    if (target.token?.address !== dstToken?.address) {
+      setDstToken(target.token);
+    }
+  }, [
+    srcChain,
+    srcToken,
+    dstChain,
+    dstToken,
+    bridgeUI,
+    supportedChains,
+    bridgeTokensDictionary,
+  ]);
+
+  useEffect(() => {
+    if (integrationConfig.onDstChainChange) {
+      integrationConfig.onDstChainChange(dstChain?.chainId);
+    } else if (window.xPayOnDstChainChange) {
+      window.xPayOnDstChainChange(dstChain?.chainId);
+    }
+  }, [integrationConfig, dstChain]);
+
+  useEffect(() => {
+    const token = dstToken
+      ? { address: dstToken.address.toLowerCase(), symbol: dstToken.symbol }
+      : undefined;
+
+    if (integrationConfig.onDstTokenChange) {
+      integrationConfig.onDstTokenChange(token);
+    } else if (window.xPayOnDstTokenChange) {
+      window.xPayOnDstTokenChange(token);
+    }
+  }, [integrationConfig, dstToken]);
+
+  useEffect(() => {
+    if (integrationConfig.onSrcChainChange) {
+      integrationConfig.onSrcChainChange(srcChain?.chainId);
+    } else if (window.xPayOnSrcChainChange) {
+      window.xPayOnSrcChainChange(srcChain?.chainId);
+    }
+  }, [integrationConfig, srcChain]);
+
+  useEffect(() => {
+    const token = srcToken
+      ? { address: srcToken.address.toLowerCase(), symbol: srcToken.symbol }
+      : undefined;
+
+    if (integrationConfig.onSrcTokenChange) {
+      integrationConfig.onSrcTokenChange(token);
+    } else if (window.xPayOnSrcTokenChange) {
+      window.xPayOnSrcTokenChange(token);
+    }
+  }, [integrationConfig, srcToken]);
+
   return (
     <swapContext.Provider
       value={{
+        bridgeUI,
         integrationConfig,
         wagmiConfig,
         supportedChains,
@@ -677,22 +826,18 @@ export const SwapProvider = ({
         error,
         setError,
         feeToken,
-        srcChainProvided,
         srcChain,
         setSrcChain,
         srcChainTokensOptions,
         srcChainOtherTokensOptions,
         dstChainTokensPrices,
         srcChainTokensPrices,
-        dstChainProvided,
         dstChain,
         setDstChain,
         dstChainTokensOptions,
         dstChainOtherTokensOptions,
-        srcTokenProvided,
         srcToken,
         setSrcToken,
-        dstTokenProvided,
         dstToken,
         setDstToken,
         srcValue,
@@ -723,6 +868,11 @@ export const SwapProvider = ({
         quoteRoute,
         refreshBalance,
         findTokenDataByAddressAndChain,
+        srcTokenLocked,
+        srcChainLocked,
+        dstTokenLocked,
+        dstChainLocked,
+        bridgeTokensDictionary,
       }}
     >
       {children}

package/src/models/BridgeTokensDictionary.ts

@@ -0,0 +1,7 @@
+export type BridgeTokensDictionary = {
+  [chainId0: string]: {
+    [tokenAddress0: string]: {
+      [chainId1: string]: string; // string is tokenAddress1
+    };
+  };
+};

package/src/models/TokenData.ts

@@ -1,5 +1,5 @@
-import { Web3Environment } from "./Web3Environment";
 import { BigNumber } from "ethers";
+import { Web3Environment } from "./Web3Environment";
 
 export type Chain = {
   ecosystem: string;
@@ -17,6 +17,8 @@ export type Chain = {
   publicRpcUrls: string[];
   privateRpcUrls?: string[];
   scanApiURL?: string;
+  defaultDstChain?: string;
+  disabledForDestination?: string[];
 };
 
 export type Token = {