@xswap-link/sdk 0.3.3 → 0.3.4

package/src/components/TxConfigForm/index.tsx

@@ -14,10 +14,9 @@ export type TxConfigFormProps = {
   customContractCalls: ContractCall[];
   desc?: string;
   supportedChains: Chain[];
-  retrunTransactions?: boolean;
+  returnTransactions?: boolean;
   dstDisplayTokenAddr?: string;
 };
-
 const TxConfigForm = ({
   integratorId,
   dstChainId,
@@ -25,7 +24,7 @@ const TxConfigForm = ({
   customContractCalls,
   desc,
   supportedChains,
-  retrunTransactions,
+  returnTransactions,
   dstDisplayTokenAddr,
   onSubmit,
   onClose,
@@ -64,7 +63,7 @@ const TxConfigForm = ({
               desc={desc}
               supportedChains={supportedChains}
               wagmiConfig={wagmiConfig}
-              retrunTransactions={!!retrunTransactions}
+              returnTransactions={!!returnTransactions}
               dstDisplayTokenAddr={dstDisplayTokenAddr}
               onSubmit={onSubmit}
               onClose={onClose}
@@ -87,7 +86,7 @@ export const openTxConfigForm = async ({
   customContractCalls,
   desc,
   supportedChains,
-  retrunTransactions,
+  returnTransactions,
   dstDisplayTokenAddr,
 }: TxConfigFormProps): Promise<Route> => {
   try {
@@ -107,10 +106,10 @@ export const openTxConfigForm = async ({
           customContractCalls={customContractCalls}
           desc={desc}
           supportedChains={supportedChains}
-          retrunTransactions={retrunTransactions}
+          returnTransactions={returnTransactions}
           dstDisplayTokenAddr={dstDisplayTokenAddr}
           onSubmit={(route) => {
-            if (retrunTransactions) {
+            if (returnTransactions) {
               resolve(route);
             }
             if (xpayRoot) {

package/src/components/global.css

@@ -1,4 +1,3 @@
-@tailwind base;
 @tailwind components;
 @tailwind utilities;
 

package/src/constants/index.ts

@@ -12,6 +12,7 @@ export const MINIMUM_DISPLAYED_TOKEN_AMOUNT = 0.0001;
 export const DEFAULT_SOURCE_CHAIN_ID = "1";
 export const CCIP_EXPLORER = "https://ccip.chain.link/";
 export const TX_RECEIPT_STATUS_LIFETIME = 60000;
+export const DEFAULT_REQUEST_ABORT_MSG = "Request deprecated";
 
 export const MSG_SENT_EVENT_SIG =
   "MessageSent(bytes32,uint64,address,bytes,address,uint256,uint256,address,uint256)";

package/src/models/payloads/GetSwapTxPayload.ts

@@ -6,6 +6,6 @@ export type GetSwapTxPayload = {
   dstToken: string;
   customContractCalls?: ContractCall[];
   desc?: string;
-  retrunTransactions?: boolean;
+  returnTransactions?: boolean;
   dstDisplayToken?: string;
 };

package/src/services/api.ts

@@ -38,11 +38,16 @@ async function _sendRequest<T>(
 /**
  * Get swap route based on provided criteria.
  * @param payload required
+ * @param abortSignal
  */
-export async function getRoute(payload: GetRoutePayload): Promise<Route> {
+export async function getRoute(
+  payload: GetRoutePayload,
+  abortSignal?: AbortSignal,
+): Promise<Route> {
   return _sendRequest<Route>("/route", {
     method: "POST",
     body: JSON.stringify(payload),
+    signal: abortSignal,
   });
 }
 

package/src/services/integrations/transactions.ts

@@ -14,7 +14,7 @@ export const openTransactionModal = async ({
   dstToken,
   customContractCalls = [],
   desc,
-  retrunTransactions,
+  returnTransactions,
   dstDisplayToken,
 }: GetSwapTxPayload): Promise<Transactions | undefined> => {
   const supportedChains: Chain[] = (await getChains()).filter(
@@ -25,17 +25,17 @@ export const openTransactionModal = async ({
   validateSwapTxData(supportedChains, dstChain, dstToken);
 
   const route = await openTxConfigForm({
-    integratorId: integratorId,
+    integratorId,
     dstChainId: dstChain,
     dstTokenAddr: dstToken,
     customContractCalls,
     desc,
     supportedChains,
-    retrunTransactions,
+    returnTransactions,
     dstDisplayTokenAddr: dstDisplayToken,
   });
 
-  if (retrunTransactions) {
+  if (returnTransactions) {
     return route.transactions;
   }
 };

package/src/hooks/index.ts

@@ -1 +0,0 @@
-export * from "./useDebounce";

package/src/hooks/useDebounce.tsx

@@ -1,21 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-export const useDebounce = (value: string, delay: number) => {
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-
-  useEffect(() => {
-    if (timeoutRef.current) clearTimeout(timeoutRef.current);
-
-    timeoutRef.current = setTimeout(() => {
-      setValue(value);
-    }, delay);
-
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, [value, delay]);
-
-  const [debouncedValue, setValue] = useState(value);
-
-  return debouncedValue;
-};