@swype-org/react-sdk 0.1.96 → 0.1.98

package/dist/index.js

@@ -1,7 +1,7 @@
 import { createContext, useRef, useState, useCallback, useMemo, useContext, useEffect, useReducer, Component } from 'react';
 import { PrivyProvider, usePrivy, useLoginWithEmail, useLoginWithSms, useLoginWithOAuth } from '@privy-io/react-auth';
 import { createConfig, http, WagmiProvider, useConfig, useConnect, useSwitchChain } from 'wagmi';
-import { mainnet, arbitrum, base } from 'wagmi/chains';
+import { mainnet, arbitrum, base, polygon, bsc } from 'wagmi/chains';
 import { injected } from 'wagmi/connectors';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -74,12 +74,14 @@ function getTheme(mode) {
 }
 var SWYPE_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var wagmiConfig = createConfig({
-  chains: [mainnet, arbitrum, base],
-  connectors: [injected()],
+  chains: [mainnet, arbitrum, base, polygon, bsc],
+  connectors: [injected({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
   transports: {
     [mainnet.id]: http(),
     [arbitrum.id]: http(),
-    [base.id]: http()
+    [base.id]: http(),
+    [polygon.id]: http(),
+    [bsc.id]: http()
   }
 });
 var SwypeContext = createContext(null);
@@ -3272,53 +3274,32 @@ function WalletPickerScreen({
           /* @__PURE__ */ jsx("h2", { style: headingStyle4(tokens.text), children: "Where are your stablecoins?" }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle4(tokens.textSecondary), children: "Select the wallet you want to deposit from" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { style: gridStyle, children: [
-          displayProviders.map((p) => {
-            const logoSrc = "logoURI" in p && p.logoURI || KNOWN_LOGOS[p.name.toLowerCase()];
-            const emoji = WALLET_EMOJIS[p.name.toLowerCase()] ?? p.name.charAt(0);
-            const isHovered = hoveredId === p.id;
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: () => onSelectProvider(p.id),
-                onMouseEnter: () => setHoveredId(p.id),
-                onMouseLeave: () => setHoveredId(null),
-                style: cardStyle(tokens, isHovered),
-                children: [
-                  logoSrc ? /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: logoSrc,
-                      alt: p.name,
-                      style: logoImgStyle2
-                    }
-                  ) : /* @__PURE__ */ jsx("span", { style: emojiStyle, children: emoji }),
-                  /* @__PURE__ */ jsx("span", { style: nameStyle2(tokens.text), children: p.name })
-                ]
-              },
-              p.id
-            );
-          }),
-          /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { style: gridStyle, children: displayProviders.map((p) => {
+          const logoSrc = "logoURI" in p && p.logoURI || KNOWN_LOGOS[p.name.toLowerCase()];
+          const emoji = WALLET_EMOJIS[p.name.toLowerCase()] ?? p.name.charAt(0);
+          const isHovered = hoveredId === p.id;
+          return /* @__PURE__ */ jsxs(
             "button",
             {
-              onClick: () => onSelectProvider("other"),
-              onMouseEnter: () => setHoveredId("other"),
+              onClick: () => onSelectProvider(p.id),
+              onMouseEnter: () => setHoveredId(p.id),
               onMouseLeave: () => setHoveredId(null),
-              style: cardStyle(tokens, hoveredId === "other"),
+              style: cardStyle(tokens, isHovered),
               children: [
-                /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", style: { margin: "0 auto" }, children: /* @__PURE__ */ jsx(
-                  "path",
+                logoSrc ? /* @__PURE__ */ jsx(
+                  "img",
                   {
-                    d: "M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z",
-                    fill: tokens.textMuted
+                    src: logoSrc,
+                    alt: p.name,
+                    style: logoImgStyle2
                   }
-                ) }),
-                /* @__PURE__ */ jsx("span", { style: nameStyle2(tokens.text), children: "Other" })
+                ) : /* @__PURE__ */ jsx("span", { style: emojiStyle, children: emoji }),
+                /* @__PURE__ */ jsx("span", { style: nameStyle2(tokens.text), children: p.name })
               ]
-            }
-          )
-        ] })
+            },
+            p.id
+          );
+        }) })
       ]
     }
   );
@@ -4864,7 +4845,7 @@ function StepRenderer({
       }
     );
   }
-  if (step === "otp-verify" && !authenticated) {
+  if (step === "otp-verify") {
     return /* @__PURE__ */ jsx(
       OtpVerifyScreen,
       {
@@ -4876,7 +4857,7 @@ function StepRenderer({
         onVerify: handlers.onVerifyLoginCode,
         onResend: handlers.onResendLoginCode,
         onBack: handlers.onBackFromOtp,
-        verifying: activeOtpStatus === "submitting-code",
+        verifying: activeOtpStatus === "submitting-code" || authenticated,
         error: state.error
       }
     );