@swype-org/react-sdk 0.1.96 → 0.1.98

package/dist/index.cjs

@@ -77,12 +77,14 @@ function getTheme(mode) {
 }
 var SWYPE_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var wagmiConfig = wagmi.createConfig({
-  chains: [chains.mainnet, chains.arbitrum, chains.base],
-  connectors: [connectors.injected()],
+  chains: [chains.mainnet, chains.arbitrum, chains.base, chains.polygon, chains.bsc],
+  connectors: [connectors.injected({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
   transports: {
     [chains.mainnet.id]: wagmi.http(),
     [chains.arbitrum.id]: wagmi.http(),
-    [chains.base.id]: wagmi.http()
+    [chains.base.id]: wagmi.http(),
+    [chains.polygon.id]: wagmi.http(),
+    [chains.bsc.id]: wagmi.http()
   }
 });
 var SwypeContext = react.createContext(null);
@@ -3275,53 +3277,32 @@ function WalletPickerScreen({
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle4(tokens.text), children: "Where are your stablecoins?" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle4(tokens.textSecondary), children: "Select the wallet you want to deposit from" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                onClick: () => onSelectProvider(p.id),
-                onMouseEnter: () => setHoveredId(p.id),
-                onMouseLeave: () => setHoveredId(null),
-                style: cardStyle(tokens, isHovered),
-                children: [
-                  logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: logoSrc,
-                      alt: p.name,
-                      style: logoImgStyle2
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: emojiStyle, children: emoji }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: nameStyle2(tokens.text), children: p.name })
-                ]
-              },
-              p.id
-            );
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", style: { margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
+                logoSrc ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { style: nameStyle2(tokens.text), children: "Other" })
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: emojiStyle, children: emoji }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: nameStyle2(tokens.text), children: p.name })
               ]
-            }
-          )
-        ] })
+            },
+            p.id
+          );
+        }) })
       ]
     }
   );
@@ -4867,7 +4848,7 @@ function StepRenderer({
       }
     );
   }
-  if (step === "otp-verify" && !authenticated) {
+  if (step === "otp-verify") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       OtpVerifyScreen,
       {
@@ -4879,7 +4860,7 @@ function StepRenderer({
         onVerify: handlers.onVerifyLoginCode,
         onResend: handlers.onResendLoginCode,
         onBack: handlers.onBackFromOtp,
-        verifying: activeOtpStatus === "submitting-code",
+        verifying: activeOtpStatus === "submitting-code" || authenticated,
         error: state.error
       }
     );