@rango-dev/widget-embedded 0.27.3-next.0 → 0.27.3-next.2

package/dist/pages/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBA0MnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA2BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBA0MnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.27.3-next.0",
+  "version": "0.27.3-next.2",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",

package/src/hooks/useConfirmSwap/useConfirmSwap.ts

@@ -1,4 +1,4 @@
-import type { ConfirmSwap, Params } from './useConfirmSwap.types';
+import type { ConfirmSwap } from './useConfirmSwap.types';
 import type { PendingSwapSettings, SelectedQuote } from '../../types';
 import type { ConfirmRouteRequest } from 'rango-sdk';
 
@@ -39,7 +39,7 @@ export function useConfirmSwap(): ConfirmSwap {
 
   useEffect(() => cancelFetch, []);
 
-  const fetch: ConfirmSwap['fetch'] = async (params: Params) => {
+  const fetch: ConfirmSwap['fetch'] = async (params) => {
     const selectedWallets = params.selectedWallets;
     const customDestination =
       params?.customDestination ?? customDestinationFromStore;
@@ -67,7 +67,7 @@ export function useConfirmSwap(): ConfirmSwap {
     };
 
     try {
-      return await fetchQuote(requestBody).then((response) => {
+      return await fetchQuote(requestBody, true).then((response) => {
         const { result } = response;
 
         throwErrorIfResponseIsNotValid({

package/src/hooks/useFetch.ts

@@ -9,11 +9,13 @@ type UseFetchOptions<TRequest, TResponse> = {
   ) => Promise<TResponse>;
 };
 export type UseFetchResult<TRequest, TResponse> = {
-  fetch: (requestBody: TRequest) => Promise<TResponse>;
+  fetch: (requestBody: TRequest, retryOnFail?: boolean) => Promise<TResponse>;
   cancelFetch: () => void;
   loading: boolean;
 };
 
+const RETRY_DELAY = 2_000;
+
 export function useFetch<TRequest, TResponse>({
   request,
 }: UseFetchOptions<TRequest, TResponse>): UseFetchResult<TRequest, TResponse> {
@@ -22,8 +24,14 @@ export function useFetch<TRequest, TResponse>({
 
   const cancelFetch = () => abortController.current?.abort();
 
+  const retryFetch = async (requestBody: TRequest) => {
+    await new Promise((resolve) => setTimeout(resolve, RETRY_DELAY));
+    return await fetch(requestBody, false);
+  };
+
   const fetch: UseFetchResult<TRequest, TResponse>['fetch'] = async (
-    requestBody
+    requestBody,
+    retryOnFail = false
   ) => {
     cancelFetch();
     abortController.current = new AbortController();
@@ -38,6 +46,9 @@ export function useFetch<TRequest, TResponse>({
       return res;
       // eslint-disable-next-line no-useless-catch
     } catch (error) {
+      if (retryOnFail) {
+        return await retryFetch(requestBody);
+      }
       throw error;
     } finally {
       setLoading(false);

package/src/pages/Home.tsx

@@ -23,8 +23,7 @@ import { isVariantExpandable } from '../utils/configs';
 import { getSwapButtonState, isTokensIdentical } from '../utils/swap';
 
 const MainContainer = styled('div', {
-  display: 'grid',
-  gridTemplateColumns: 'auto auto',
+  display: 'flex',
   alignItems: 'flex-start',
   maxHeight: 700,
   '& .footer__alert': {