@xswap-link/sdk 0.6.10 → 0.7.0

package/src/services/integrations/transactions.ts

@@ -49,8 +49,8 @@ export const openTransactionModal = async ({
 const validateSwapTxData = (
   integratorId: string,
   supportedChains: Chain[],
-  dstChain: string,
-  dstToken: string,
+  dstChain?: string,
+  dstToken?: string,
   srcChain?: string,
   srcToken?: string,
 ) => {
@@ -60,21 +60,24 @@ const validateSwapTxData = (
     );
   }
 
-  const supportedDstChain = supportedChains.find(
-    ({ chainId }) => chainId === dstChain,
-  );
-  if (!supportedDstChain) {
-    throw new Error(`Provided chain '${dstChain}' is not supported`);
-  }
-  if (
-    !isETHAddressValid(dstToken) ||
-    supportedDstChain.tokens.findIndex(
-      ({ address }) => address.toLowerCase() === dstToken.toLowerCase(),
-    ) === -1
-  ) {
-    throw new Error(
-      `Provided token address ${dstToken} on chain ${dstChain} is invalid`,
+  if (dstChain) {
+    const supportedDstChain = supportedChains.find(
+      ({ chainId }) => chainId === dstChain,
     );
+    if (!supportedDstChain) {
+      throw new Error(`Provided chain '${dstChain}' is not supported`);
+    }
+    if (
+      dstToken &&
+      (!isETHAddressValid(dstToken) ||
+        supportedDstChain.tokens.findIndex(
+          ({ address }) => address.toLowerCase() === dstToken.toLowerCase(),
+        ) === -1)
+    ) {
+      throw new Error(
+        `Provided token address ${dstToken} on chain ${dstChain} is invalid`,
+      );
+    }
   }
 
   if (srcChain) {
@@ -86,7 +89,7 @@ const validateSwapTxData = (
     }
     if (
       srcToken &&
-      (!isETHAddressValid(dstToken) ||
+      (!isETHAddressValid(srcToken) ||
         supportedSrcChain.tokens.findIndex(
           ({ address }) => address.toLowerCase() === srcToken.toLowerCase(),
         ) === -1)

package/src/context/ModalProvider.tsx

@@ -1,63 +0,0 @@
-import { createContext, FC, ReactNode, useContext, useState } from "react";
-import { useSwapContext } from "./SwapProvider";
-
-interface ModalState {
-  openModal: (modalContent: ReactNode) => void;
-  closeModal: () => void;
-}
-
-const ModalContext = createContext<ModalState>({
-  openModal: () => {
-    throw new Error(`openModal is not implemented`);
-  },
-  closeModal: () => {
-    throw new Error(`closeModal is not implemented`);
-  },
-});
-
-export const ModalProvider: FC<{ children: ReactNode }> = ({ children }) => {
-  const { overlay } = useSwapContext();
-  const [content, setContent] = useState<ReactNode | null>(null);
-
-  const openModal = (modalContent: ReactNode) => {
-    setContent(modalContent);
-  };
-
-  const closeModal = () => {
-    setContent(null);
-  };
-
-  return (
-    <ModalContext.Provider value={{ openModal, closeModal }}>
-      <div
-        className={`${
-          overlay ? "" : "relative min-w-x_modal w-x_modal max-w-x_modal"
-        }`}
-      >
-        {children}
-        {content && (
-          <div
-            className={`${
-              overlay ? "fixed bg-[rgba(0,0,0,0.8)]" : "absolute"
-            } top-0 left-0 right-0 bottom-0 flex items-center justify-center z-10`}
-          >
-            <div
-              className="flex flex-col bg-t_bg_primary x-border rounded-3xl p-4 w-full min-w-[340px]"
-              style={{
-                height: overlay ? "600px" : "100%",
-                maxWidth: "480px",
-                maxHeight: "100%",
-              }}
-            >
-              {content}
-            </div>
-          </div>
-        )}
-      </div>
-    </ModalContext.Provider>
-  );
-};
-
-export const useModal = () => {
-  return useContext(ModalContext);
-};

package/src/hooks/usePortal.ts

@@ -1,79 +0,0 @@
-import { useEffect, useRef } from "react";
-
-/**
- * Creates DOM element to be used as React root.
- */
-function createRootElement(id: string): HTMLElement {
-  const rootContainer = document.createElement("div");
-  rootContainer.setAttribute("id", id);
-  return rootContainer;
-}
-
-/**
- * Appends element as last child of body.
- */
-function addRootElement(rootElem: Element): void {
-  document.body.insertBefore(
-    rootElem,
-    document.body.lastElementChild!.nextElementSibling,
-  );
-}
-
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {string} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
- */
-export function usePortal(id: string): HTMLElement {
-  const rootElemRef = useRef<HTMLElement | null>(null);
-
-  useEffect(
-    function setupElement() {
-      // Look for existing target dom element to append to
-      const existingParent = document.querySelector(`#${id}`);
-      // Parent is either a new root or the existing dom element
-      const parentElem = existingParent || createRootElement(id);
-
-      // If there is no existing DOM element, add a new one.
-      if (!existingParent) {
-        addRootElement(parentElem);
-      }
-
-      // Add the detached element to the parent
-      parentElem.appendChild(rootElemRef.current!);
-
-      return function removeElement() {
-        rootElemRef.current!.remove();
-        if (!parentElem.childElementCount) {
-          parentElem.remove();
-        }
-      };
-    },
-    [id],
-  );
-
-  /**
-   * It's important we evaluate this lazily:
-   * - We need first render to contain the DOM element, so it shouldn't happen
-   *   in useEffect. We would normally put this in the constructor().
-   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
-   *   since this will run every single render (that's a lot).
-   * - We want the ref to consistently point to the same DOM element and only
-   *   ever run once.
-   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
-   */
-  function getRootElem(): HTMLElement {
-    if (!rootElemRef.current) {
-      rootElemRef.current = document.createElement("div");
-    }
-    return rootElemRef.current;
-  }
-
-  return getRootElem();
-}