@swype-org/react-sdk 0.1.155 → 0.1.156

package/dist/index.cjs

@@ -3440,6 +3440,7 @@ function WalletPickerScreen({
   const [hoveredId, setHoveredId] = react.useState(null);
   const [selectedProviderId, setSelectedProviderId] = react.useState(null);
   const [cryptoExpanded, setCryptoExpanded] = react.useState(false);
+  const [connecting, setConnecting] = react.useState(false);
   const hasPending = pendingConnections != null && pendingConnections.length > 0;
   const displayProviders = providers.length > 0 ? providers : [
     { id: "metamask", name: "MetaMask" },
@@ -3458,11 +3459,25 @@ function WalletPickerScreen({
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        selectedProvider && /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { onClick: () => onSelectProvider(selectedProvider.id), children: [
-          "Open ",
-          selectedProvider.name,
-          " to Link"
-        ] }),
+        selectedProvider && /* @__PURE__ */ jsxRuntime.jsxs(
+          PrimaryButton,
+          {
+            onClick: async () => {
+              setConnecting(true);
+              try {
+                await onSelectProvider(selectedProvider.id);
+              } finally {
+                setConnecting(false);
+              }
+            },
+            loading: connecting,
+            children: [
+              "Open ",
+              selectedProvider.name,
+              " to Link"
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
       children: [
@@ -6519,9 +6534,7 @@ function useProviderHandlers(deps) {
       useWalletConnector: useWalletConnectorProp,
       userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
     });
-    if (isMobile) {
-      dispatch({ type: "PAY_STARTED", isSetupRedirect: true });
-    } else {
+    if (!isMobile) {
       dispatch({ type: "PAY_STARTED", isSetupRedirect: false });
       dispatch({ type: "NAVIGATE", step: "setup-status" });
     }
@@ -6548,8 +6561,8 @@ function useProviderHandlers(deps) {
           providerId,
           isSetup: true
         });
-        dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
         triggerDeeplink(session.uri);
+        dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
@@ -6561,7 +6574,9 @@ function useProviderHandlers(deps) {
       dispatch({ type: "PAY_ERROR", error: msg, fallbackStep: "wallet-picker" });
       onError?.(msg);
     } finally {
-      dispatch({ type: "PAY_ENDED" });
+      if (!isMobile) {
+        dispatch({ type: "PAY_ENDED" });
+      }
     }
   }, [
     activeCredentialId,