@xswap-link/sdk 0.1.0 → 0.1.2

package/src/constants/index.ts

@@ -2,7 +2,10 @@ import { Ecosystem } from "@src/models";
 
 export const DEFAULT_ECOSYSTEM = Ecosystem.EVM;
 export const NUMBER_INPUT_REGEX = /^[0-9]*[.,]?[0-9]*$/;
-export const SLIPPAGE_PRESETS: number[] = [0.5, 1.5, 3];
-export const FALLBACK_CROSSCHAIN_ESTIMATION_TIME = 30 * 60 * 1000;
+export const SLIPPAGE_PRESETS: number[] = [0.5, 1.5, 3.0];
+export const DELIVERY_TIME = 30 * 1000 * 60;
+export const EXPRESS_DELIVERY_TIME = 30 * 1000;
 export const BALANCES_CHUNK_SIZE = 500;
-export const BALANCE_DISPLAY_MIN_LIMIT = 0.0001;
+export const ROUTE_TIMEOUT_MS = 5000;
+export const MINIMUM_DISPLAYED_TOKEN_AMOUNT = 0.0001;
+export const DEFAULT_SOURCE_CHAIN_ID = "1";

package/tailwind.config.js

@@ -4,9 +4,18 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        x_alert: "rgb(255, 183, 77)",
-        x_alert_light: "rgb(255, 226, 183)",
+        x_alert: "rgb(255,183,77)",
+        x_alert_light: "rgb(255,226,183)",
         x_blue: "#3396FF",
+        x_green: "#66bb6a",
+        x_error_background: "rgba(255,202,40,0.1)",
+        x_error_border: "rgba(255,111,0,1)",
+        x_blue_light: "rgba(54,129,198,1)",
+        x_blue_dark: "rgba(43,74,157,1)",
+      },
+      width: {
+        x_desktop: "600px",
+        x_mobile: "356px",
       },
     },
   },

package/src/components/TxConfigForm/index.jsx

@@ -1,100 +0,0 @@
-import "@src/global.css";
-import { Form } from "./Form";
-import { CloseIcon } from "@src/components/icons/CloseIcon";
-import React from "react";
-import ReactDOM from "react-dom";
-
-const TxConfigForm = ({ isOpen, onClose, content }) => {
-  const onBackdropClick = (e) => {
-    e.stopPropagation();
-    e.nativeEvent.stopImmediatePropagation();
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <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"
-      onClick={onBackdropClick}
-    >
-      <div className="relative bg-black rounded-3xl w-lg overflow-auto text-white border-2 border-solid border-[rgba(255,255,255,0.1)]">
-        {content}
-        <div
-          className="absolute top-3.5 right-3 cursor-pointer text-white"
-          onClick={onClose}
-        >
-          <CloseIcon />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-class TxConfigModalWrapper extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { isOpen: false, content: "No wallet connected" };
-    this.closeModal = this.closeModal.bind(this);
-  }
-
-  openModal(content) {
-    this.setState({ isOpen: true, content });
-  }
-
-  closeModal() {
-    this.setState({ isOpen: false });
-  }
-
-  render() {
-    return this.state.isOpen ? (
-      <TxConfigForm
-        isOpen={this.state.isOpen}
-        onClose={this.closeModal}
-        content={this.state.content}
-      />
-    ) : null;
-  }
-}
-
-// skip on server-side integrations
-let modalWrapperInstance;
-if (typeof document !== "undefined") {
-  // Create a div element that will host the modal, and append it to the body
-  const modalDiv = document.createElement("div");
-  modalDiv.classList.add("xswap");
-  document.body.appendChild(modalDiv);
-
-  // // Render the ModalWrapper component into the modalDiv
-  modalWrapperInstance = ReactDOM.render(<TxConfigModalWrapper />, modalDiv);
-}
-
-export const openTxConfigForm = async ({
-  dstChainId,
-  dstTokenAddr,
-  customContractCalls,
-  desc,
-  supportedChains,
-}) => {
-  try {
-    return await new Promise((resolve) => {
-      modalWrapperInstance.openModal(
-        <Form
-          dstChainId={dstChainId}
-          dstTokenAddr={dstTokenAddr}
-          customContractCalls={customContractCalls}
-          desc={desc}
-          supportedChains={supportedChains}
-          onSubmit={(route) => {
-            resolve(route);
-            modalWrapperInstance.closeModal();
-          }}
-        />,
-      );
-    });
-  } catch (err) {
-    throw new Error(`User input failed, ${err}`);
-  }
-};

package/src/components/global.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react-scripts" />
-
-interface Window {
-  // eslint-disable-next-line
-  ethereum: any;
-}