feat: add retry logic for crypto payment and top-up forms; enhance Wagmi provider configuration (#3256)

Author: flopez7

packages/apps/job-launcher/client/src/components/Jobs/Create/CryptoPayForm.tsx

@@ -205,6 +205,8 @@ export const CryptoPayForm = ({
             hash,
             confirmations:
               Number(import.meta.env.VITE_APP_MIN_CONFIRMATIONS) ?? 1,
+            retryCount: 10,
+            retryDelay: ({ count }) => Math.min(1000 * 2 ** count, 30000),
           });
 
           // create crypto payment record

packages/apps/job-launcher/client/src/components/TopUpAccount/CryptoTopUpForm.tsx

@@ -89,6 +89,8 @@ export const CryptoTopUpForm = () => {
       await publicClient?.waitForTransactionReceipt({
         hash: transactionHash,
         confirmations: Number(import.meta.env.VITE_APP_MIN_CONFIRMATIONS) ?? 1,
+        retryCount: 10,
+        retryDelay: ({ count }) => Math.min(1000 * 2 ** count, 30000),
       });
 
       // create crypto payment record

packages/apps/job-launcher/client/src/providers/WagmiProvider.tsx

@@ -1,7 +1,13 @@
 import { FC, PropsWithChildren } from 'react';
-import { createConfig, http, WagmiProvider as WWagmiProvider } from 'wagmi';
+import {
+  createConfig,
+  WagmiProvider as WWagmiProvider,
+  fallback,
+  http,
+  unstable_connector,
+} from 'wagmi';
 import * as wagmiChains from 'wagmi/chains';
-import { coinbaseWallet, walletConnect } from 'wagmi/connectors';
+import { coinbaseWallet, walletConnect, metaMask } from 'wagmi/connectors';
 
 import { LOCALHOST } from '../constants/chains';
 
@@ -31,21 +37,43 @@ export const wagmiConfig = createConfig({
     coinbaseWallet({
       appName: 'human-job-launcher',
     }),
+    metaMask(),
   ],
   transports: {
-    [wagmiChains.mainnet.id]: http(),
-    [wagmiChains.sepolia.id]: http(),
-    [wagmiChains.bsc.id]: http(),
-    [wagmiChains.bscTestnet.id]: http(),
-    [wagmiChains.polygon.id]: http(),
-    [wagmiChains.polygonAmoy.id]: http(),
-    [wagmiChains.moonbeam.id]: http(),
-    [wagmiChains.moonbaseAlpha.id]: http(),
-    [wagmiChains.avalanche.id]: http(),
-    [wagmiChains.avalancheFuji.id]: http(),
-    [wagmiChains.xLayer.id]: http(),
-    [wagmiChains.xLayerTestnet.id]: http(),
-    [LOCALHOST.id]: http(LOCALHOST.rpcUrls.default.http[0]),
+    [wagmiChains.mainnet.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.sepolia.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.bsc.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.bscTestnet.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [wagmiChains.polygon.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.polygonAmoy.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [wagmiChains.moonbeam.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.moonbaseAlpha.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [wagmiChains.avalanche.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [wagmiChains.avalancheFuji.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [wagmiChains.xLayer.id]: fallback([unstable_connector(metaMask), http()]),
+    [wagmiChains.xLayerTestnet.id]: fallback([
+      unstable_connector(metaMask),
+      http(),
+    ]),
+    [LOCALHOST.id]: fallback([
+      unstable_connector(metaMask),
+      http(LOCALHOST.rpcUrls.default.http[0]),
+    ]),
   },
 });