@swype-org/react-sdk 0.1.95 → 0.1.97

package/dist/index.cjs

@@ -78,7 +78,7 @@ function getTheme(mode) {
 var SWYPE_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var wagmiConfig = wagmi.createConfig({
   chains: [chains.mainnet, chains.arbitrum, chains.base],
-  connectors: [connectors.injected()],
+  connectors: [connectors.injected({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
   transports: {
     [chains.mainnet.id]: wagmi.http(),
     [chains.arbitrum.id]: wagmi.http(),
@@ -833,8 +833,8 @@ async function checkServerForPasskeyByToken(authToken, apiBaseUrl, verificationT
 }
 
 // src/hooks.ts
-var WALLET_CLIENT_MAX_ATTEMPTS = 15;
-var WALLET_CLIENT_POLL_MS = 200;
+var WALLET_CLIENT_MAX_ATTEMPTS = 25;
+var WALLET_CLIENT_POLL_MS = 400;
 var ACTION_POLL_INTERVAL_MS = 500;
 var ACTION_POLL_MAX_RETRIES = 20;
 var SIGN_PERMIT2_POLL_MS = 1e3;
@@ -915,7 +915,9 @@ function resolvePasskeyRpId() {
 async function waitForWalletClient(wagmiConfig2, params = {}) {
   for (let i = 0; i < WALLET_CLIENT_MAX_ATTEMPTS; i++) {
     try {
-      return await getWalletClient(wagmiConfig2, params);
+      const account = getAccount(wagmiConfig2);
+      const enrichedParams = account.connector ? { ...params, connector: account.connector } : params;
+      return await getWalletClient(wagmiConfig2, enrichedParams);
     } catch {
       if (i === WALLET_CLIENT_MAX_ATTEMPTS - 1) {
         throw new Error("Wallet not ready. Please try again.");
@@ -3273,53 +3275,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
+          );
+        }) })
       ]
     }
   );
@@ -4865,7 +4846,7 @@ function StepRenderer({
       }
     );
   }
-  if (step === "otp-verify" && !authenticated) {
+  if (step === "otp-verify") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       OtpVerifyScreen,
       {
@@ -4877,7 +4858,7 @@ function StepRenderer({
         onVerify: handlers.onVerifyLoginCode,
         onResend: handlers.onResendLoginCode,
         onBack: handlers.onBackFromOtp,
-        verifying: activeOtpStatus === "submitting-code",
+        verifying: activeOtpStatus === "submitting-code" || authenticated,
         error: state.error
       }
     );