🦕 feat: added singleTxOnly customisation option (#20)

* feat: added singleTxOnly customisation option

* minor fix

Author: salil-naik

src/components/Input.tsx

@@ -124,6 +124,9 @@ export const Input = ({
   }, [allNetworks]);
 
   // For Input & tokens
+  const inputAmountFromReduxState = useSelector(
+    (state: any) => state.amount.sourceAmount
+  );
   const [inputAmount, updateInputAmount] = useState<string>("");
   const [parsedInputAmount, setParsedInputAmount] = useState<string>(""); // to check the min balance requirement
 
@@ -270,6 +273,11 @@ export const Input = ({
     } else formateAndParseAmount(balance);
   }
 
+  // Reset source amount on mount
+  useEffect(() => {
+    inputAmountFromReduxState && dispatch(setSourceAmount(null));
+  }, []);
+
   return (
     <div className="mt-3.5">
       <div className="flex items-center justify-between">

src/hooks/apis.ts

@@ -21,11 +21,11 @@ import { Web3Context } from "../providers/Web3Provider";
 export let socket;
 
 // Function that lets you set the api key and preferences.
-export const initSocket = (apiKey) => {
+export const initSocket = (apiKey: string, _singleTxOnly: boolean) => {
   socket = new Socket({
     apiKey: apiKey,
     defaultQuotePreferences: {
-      singleTxOnly: false,
+      singleTxOnly: _singleTxOnly,
     },
   });
 };
@@ -114,7 +114,15 @@ export const useRoutes = (
 
   const { data, error, isValidating } = useSWR(
     shouldFetch
-      ? [sourceToken, destToken, amount, userAddress, sort, refuelEnabled, "quotes"]
+      ? [
+          sourceToken,
+          destToken,
+          amount,
+          userAddress,
+          sort,
+          refuelEnabled,
+          "quotes",
+        ]
       : null,
     fetchQuotes,
     {

src/index.tsx

@@ -11,11 +11,11 @@ import { Web3Provider } from "./providers/Web3Provider";
 import { initSocket } from "./hooks/apis";
 
 export const Bridge = (props: WidgetProps) => {
-  const { API_KEY } = props;
+  const { API_KEY, singleTxOnly = false } = props;
 
   if (!API_KEY) {
     return <IntegrationError>Please pass the API key</IntegrationError>;
-  } else initSocket(API_KEY); // initialising socket sdk
+  } else initSocket(API_KEY, singleTxOnly); // initialising socket sdk
 
   if (API_KEY) {
     return (

src/state/customSettingsSlice.ts

@@ -25,20 +25,20 @@ const customSettingsSlice = createSlice({
       state.defaultSourceNetwork = action.payload;
     },
     setDefaultDestNetwork: (state, action) => {
-      state.defaultDestNetwork = action.payload
+      state.defaultDestNetwork = action.payload;
     },
     setCustomSourceTokens: (state, action) => {
-      state.sourceTokens = action.payload
-    }, 
+      state.sourceTokens = action.payload;
+    },
     setCustomDestTokens: (state, action) => {
-      state.destTokens = action.payload
+      state.destTokens = action.payload;
     },
     setDefaultSourceToken: (state, action) => {
-      state.defaultSourceToken = action.payload
+      state.defaultSourceToken = action.payload;
     },
     setDefaultDestToken: (state, action) => {
-      state.defaultDestToken = action.payload
-    }
+      state.defaultDestToken = action.payload;
+    },
   },
 });
 

src/state/quotesSlice.ts

@@ -3,7 +3,7 @@ import { createSlice } from "@reduxjs/toolkit";
 const initialState = {
   allQuotes: null,
   bestRoute: null,
-  sortPref: 'output',
+  sortPref: "output",
   refuelEnabled: false,
 };
 
@@ -12,19 +12,20 @@ const quotesSlice = createSlice({
   initialState,
   reducers: {
     setQuotes: (state, action) => {
-        state.allQuotes = action.payload
+      state.allQuotes = action.payload;
     },
     setBestRoute: (state, action) => {
-      state.bestRoute = action.payload
+      state.bestRoute = action.payload;
     },
     setSortPref: (state, action) => {
-      state.sortPref = action.payload
+      state.sortPref = action.payload;
     },
     enableRefuel: (state, action) => {
-      state.refuelEnabled = action.payload
-    }
+      state.refuelEnabled = action.payload;
+    },
   },
 });
 
 export default quotesSlice.reducer;
-export const { setQuotes, setBestRoute, setSortPref, enableRefuel } = quotesSlice.actions;
+export const { setQuotes, setBestRoute, setSortPref, enableRefuel } =
+  quotesSlice.actions;

src/types/index.d.ts

@@ -23,7 +23,10 @@ export interface WidgetProps {
   defaultSourceToken?: string;
   defaultDestToken?: string;
 
-  locale?: string;
+  // To enable only single tx quotes
+  singleTxOnly?: boolean;
+
+  locale?: string; 
   customize?: Customize;
 }