feat(ramp): add sell order polling when has txhash (#7963)

app/components/UI/Ramp/common/Views/OrderDetails/OrderDetails.test.tsx

@@ -14,6 +14,7 @@ import { OrderOrderTypeEnum } from '@consensys/on-ramp-sdk/dist/API';
 import Routes from '../../../../../../constants/navigation/Routes';
 import { RampSDK } from '../../sdk';
 import { PROVIDER_LINKS } from '../../types';
+import AppConstants from '../../../../../../core/AppConstants';
 
 const mockNavigate = jest.fn();
 const mockGoBack = jest.fn();
@@ -335,6 +336,29 @@ describe('OrderDetails', () => {
     expect(screen.toJSON()).toMatchSnapshot();
   });
 
+  it('polls transacted orders', async () => {
+    jest.useFakeTimers();
+    const createdOrder = {
+      ...mockOrder,
+      orderType: OrderOrderTypeEnum.Sell,
+      state: FIAT_ORDER_STATES.CREATED,
+      sellTxHash: '0x123',
+    };
+
+    const intervalCount = 3;
+
+    await waitFor(() => render(OrderDetails, [createdOrder]));
+    act(() => {
+      jest.advanceTimersByTime(
+        AppConstants.FIAT_ORDERS.POLLING_FREQUENCY * intervalCount,
+      );
+      jest.clearAllTimers();
+      jest.useRealTimers();
+    });
+    // processFiatOrder is called on load and then 3 times by the interval
+    expect(processFiatOrder).toHaveBeenCalledTimes(1 + intervalCount);
+  });
+
   it('renders non-transacted orders', async () => {
     const createdOrder = {
       ...mockOrder,

app/components/UI/Ramp/common/Views/OrderDetails/OrderDetails.tsx

@@ -32,6 +32,8 @@ import {
 import { RootState } from '../../../../../../reducers';
 import { FIAT_ORDER_STATES } from '../../../../../../constants/on-ramp';
 import ErrorView from '../../components/ErrorView';
+import useInterval from '../../../../../hooks/useInterval';
+import AppConstants from '../../../../../../core/AppConstants';
 
 interface OrderDetailsParams {
   orderId?: string;
@@ -59,6 +61,7 @@ const OrderDetails = () => {
   const dispatchThunk = useThunkDispatch();
 
   const [isRefreshing, setIsRefreshing] = useState(false);
+  const [isRefreshingInterval, setIsRefreshingInterval] = useState(false);
 
   useEffect(() => {
     navigation.setOptions(
@@ -139,25 +142,36 @@ const OrderDetails = () => {
     [dispatch],
   );
 
-  const handleOnRefresh = useCallback(async () => {
-    if (!order) return;
-    try {
-      setError(null);
-      setIsRefreshing(true);
-      await processFiatOrder(order, dispatchUpdateFiatOrder, dispatchThunk, {
-        forced: true,
-      });
-    } catch (fetchError) {
-      Logger.error(fetchError as Error, {
-        message: 'FiatOrders::OrderDetails error while processing order',
-        order,
-      });
-      setError((fetchError as Error).message || 'An error as occurred');
-    } finally {
-      setIsLoading(false);
-      setIsRefreshing(false);
-    }
-  }, [dispatchThunk, dispatchUpdateFiatOrder, order]);
+  const handleOnRefresh = useCallback(
+    async ({ fromInterval }: { fromInterval?: boolean } = {}) => {
+      if (!order) return;
+      try {
+        setError(null);
+        if (fromInterval) {
+          setIsRefreshingInterval(true);
+        } else {
+          setIsRefreshing(true);
+        }
+        await processFiatOrder(order, dispatchUpdateFiatOrder, dispatchThunk, {
+          forced: true,
+        });
+      } catch (fetchError) {
+        Logger.error(fetchError as Error, {
+          message: 'FiatOrders::OrderDetails error while processing order',
+          order,
+        });
+        setError((fetchError as Error).message || 'An error as occurred');
+      } finally {
+        if (fromInterval) {
+          setIsRefreshingInterval(false);
+        } else {
+          setIsLoading(false);
+          setIsRefreshing(false);
+        }
+      }
+    },
+    [dispatchThunk, dispatchUpdateFiatOrder, order],
+  );
 
   useEffect(() => {
     if (order?.state === FIAT_ORDER_STATES.CREATED) {
@@ -176,6 +190,19 @@ const OrderDetails = () => {
     );
   }, [navigation, order?.orderType]);
 
+  useInterval(
+    () => {
+      handleOnRefresh({ fromInterval: true });
+    },
+    !isLoading &&
+      !isRefreshingInterval &&
+      order &&
+      order.state === FIAT_ORDER_STATES.CREATED &&
+      order.sellTxHash
+      ? AppConstants.FIAT_ORDERS.POLLING_FREQUENCY
+      : null,
+  );
+
   if (!order) {
     return <ScreenLayout />;
   }

app/components/UI/Ramp/common/Views/SendTransaction/SendTransaction.test.tsx

@@ -491,7 +491,6 @@ describe('SendTransaction View', () => {
       ]
     `);
 
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.WALLET_VIEW);
     expect(mockGoBack).toHaveBeenCalled();
   });
 

app/components/UI/Ramp/common/Views/SendTransaction/SendTransaction.tsx

@@ -53,7 +53,6 @@ import { NATIVE_ADDRESS } from '../../../../../../constants/on-ramp';
 import { safeToChecksumAddress } from '../../../../../../util/address';
 import { generateTransferData } from '../../../../../../util/transactions';
 import useAnalytics from '../../hooks/useAnalytics';
-import Routes from '../../../../../../constants/navigation/Routes';
 
 interface SendTransactionParams {
   orderId?: string;
@@ -158,7 +157,6 @@ function SendTransaction() {
           'OFFRAMP_SEND_TRANSACTION_CONFIRMED',
           transactionAnalyticsPayload,
         );
-        navigation.navigate(Routes.WALLET_VIEW);
       }
     } catch (error) {
       trackEvent(