@swype-org/react-sdk 0.1.219 → 0.1.220

package/dist/index.cjs

@@ -491,9 +491,11 @@ async function throwApiError(res) {
   throw new Error(`${res.status} \u2014 ${code}: ${msg}`);
 }
 async function fetchProviders(apiBaseUrl, token) {
-  const res = await fetch(`${apiBaseUrl}/v1/providers`, {
-    headers: { Authorization: `Bearer ${token}` }
-  });
+  const headers = {};
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  const res = await fetch(`${apiBaseUrl}/v1/providers`, { headers });
   if (!res.ok) await throwApiError(res);
   const data = await res.json();
   return data.items;
@@ -7991,6 +7993,32 @@ function usePaymentEffects(deps) {
     state.selectedAccountId,
     depositAmount
   ]);
+  react.useEffect(() => {
+    if (authenticated || state.providers.length > 0) return;
+    if (state.step !== "wallet-picker") return;
+    let cancelled = false;
+    const loadProviders = async () => {
+      try {
+        const providers = await fetchProviders(apiBaseUrl);
+        if (cancelled) return;
+        dispatch({
+          type: "DATA_LOADED",
+          providers,
+          accounts: state.accounts,
+          chains: state.chains,
+          defaults: null
+        });
+      } catch (err) {
+        if (!cancelled) {
+          captureException(err);
+        }
+      }
+    };
+    loadProviders();
+    return () => {
+      cancelled = true;
+    };
+  }, [authenticated, state.step, state.providers.length, apiBaseUrl]);
   react.useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {