@getpara/react-sdk-lite 2.20.0 → 2.21.0

package/dist/modal/ParaModal.js

@@ -99,7 +99,7 @@ const ParaModal = forwardRef((props, ref) => {
             onClose,
             defaultAuthIdentifier
           }), rest),
-          reactSdkVersion: "2.20.0"
+          reactSdkVersion: "2.21.0"
         });
       } catch (e) {
       }

package/dist/modal/components/shared/ConnectExternalWallet/ConnectExternalWallet.js

@@ -5,27 +5,12 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CpslButton, CpslIcon, CpslQrCode, CpslSpinner, CpslText } from "@getpara/react-components";
 import { CenteredText, HeroAccountTypeIcon, InnerStepContainer, QRContainer, StepContainer } from "../../common.js";
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { HeroSpinner, openMobileUrl, safeStyled } from "@getpara/react-common";
 import { useCopyToClipboard } from "@getpara/react-common";
 import { isMobile, isTablet } from "@getpara/web-sdk";
-import { useExternalWallets } from "../../../../provider/providers/ExternalWalletProvider.js";
+import { isSolanaWalletInAppBrowser, useExternalWallets } from "../../../../provider/providers/ExternalWalletProvider.js";
 import { useStore } from "../../../../provider/stores/useStore.js";
-const isSolanaWalletInAppBrowser = (wallet) => {
-  var _a;
-  switch (wallet) {
-    case "PHANTOM":
-      return !!((_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.solana);
-    case "SOLFLARE":
-      return !!(window == null ? void 0 : window.solflare);
-    case "BACKPACK":
-      return !!(window == null ? void 0 : window.backpack);
-    case "GLOW":
-      return !!(window == null ? void 0 : window.glowSolana);
-    default:
-      break;
-  }
-};
 const ExternalWalletMobileConnect = ({
   wallet,
   onConnectWc,
@@ -37,6 +22,16 @@ const ExternalWalletMobileConnect = ({
   const appName = useStore((state) => state.appName);
   const isWalletConnect = wallet.id === "WalletConnect";
   const { qrUri } = useExternalWallets();
+  const [isInAppBrowser, setIsInAppBrowser] = useState(() => !!isSolanaWalletInAppBrowser(wallet.internalId));
+  useEffect(() => {
+    setIsInAppBrowser(!!isSolanaWalletInAppBrowser(wallet.internalId));
+    const timer = setTimeout(() => {
+      if (isSolanaWalletInAppBrowser(wallet.internalId)) {
+        setIsInAppBrowser(true);
+      }
+    }, 500);
+    return () => clearTimeout(timer);
+  }, [wallet.internalId]);
   const handleCopy = () => {
     if (qrUri) {
       copy(qrUri);
@@ -52,7 +47,7 @@ const ExternalWalletMobileConnect = ({
   });
   if (wallet.type === "SOLANA" || isMobile() && !isTablet()) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      wallet.type === "SOLANA" && !!qrUri && !isSolanaWalletInAppBrowser(wallet.internalId) && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(
+      wallet.type === "SOLANA" && !!qrUri && !isInAppBrowser && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(
         HeroSpinner,
         {
           icon: /* @__PURE__ */ jsx(HeroAccountTypeIcon, { accountType: wallet.internalId, src: wallet ? wallet.iconUrl : void 0 }),
@@ -66,12 +61,12 @@ const ExternalWalletMobileConnect = ({
           HeroSpinner,
           {
             icon: /* @__PURE__ */ jsx(HeroAccountTypeIcon, { accountType: wallet.internalId, src: wallet ? wallet.iconUrl : void 0 }),
-            status: wallet.type === "SOLANA" && !isSolanaWalletInAppBrowser(wallet.internalId) ? "idle" : isError ? "error" : "pending",
-            text: wallet.type === "SOLANA" && (!isSolanaWalletInAppBrowser(wallet.internalId) || wallet.hasIosSafariExtension) ? "" : isError ? externalWalletError[0] : `Confirm connection request in the ${wallet.name} app.`,
+            status: wallet.type === "SOLANA" && !isInAppBrowser ? "idle" : isError ? "error" : "pending",
+            text: wallet.type === "SOLANA" && (!isInAppBrowser || wallet.hasIosSafariExtension) ? "" : isError ? externalWalletError[0] : `Confirm connection request in the ${wallet.name} app.`,
             secondaryText: externalWalletError == null ? void 0 : externalWalletError[1]
           }
         ),
-        wallet.type === "SOLANA" && isSolanaWalletInAppBrowser(wallet.internalId) && !wallet.hasIosSafariExtension || wallet.type !== "SOLANA" ? /* @__PURE__ */ jsx(
+        wallet.type === "SOLANA" && isInAppBrowser && !wallet.hasIosSafariExtension || wallet.type !== "SOLANA" ? /* @__PURE__ */ jsx(
           CpslButton,
           {
             onClick: handleRetryClick,
@@ -80,7 +75,7 @@ const ExternalWalletMobileConnect = ({
             children: isError ? "Retry" : "Connect Wallet"
           }
         ) : /* @__PURE__ */ jsx(Text, { weight: "semiBold", children: wallet.hasIosSafariExtension ? `Please install and use the ${wallet.name} extension for iOS Safari.` : `Please navigate to ${appName} in the ${wallet.name} wallet.` }),
-        !wallet.hasIosSafariExtension && /* @__PURE__ */ jsx(Link, { href: (_a = wallet.downloadUrl) != null ? _a : "", target: "_blank", children: /* @__PURE__ */ jsxs(ExternalButton, { variant: "secondary", "data-testid": "para-wallet-get", children: [
+        !wallet.hasIosSafariExtension && !isInAppBrowser && /* @__PURE__ */ jsx(Link, { href: (_a = wallet.downloadUrl) != null ? _a : "", target: "_blank", children: /* @__PURE__ */ jsxs(ExternalButton, { variant: "secondary", "data-testid": "para-wallet-get", children: [
           `Get ${wallet.name}`,
           /* @__PURE__ */ jsx(ExternalIcon, { icon: "linkExternal" })
         ] }) })

package/dist/provider/providers/ExternalWalletProvider.d.ts

@@ -3,6 +3,7 @@ import { TWalletType } from '@getpara/web-sdk';
 import { BalanceManagement, ChainManagement, CommonWallet, DisconnectBaseOptions, ExternalWalletContextType, MutationStatus } from '@getpara/react-common';
 import { ExternalWalletInfo } from '@getpara/web-sdk';
 import { CosmosSignResult } from '@getpara/cosmos-wallet-connectors';
+export declare const isSolanaWalletInAppBrowser: (walletId: string) => boolean;
 export declare const useWalletDisplayHelpers: (wallet: CommonWallet | undefined) => {
     showExtension: boolean;
     showMobile: boolean;

package/dist/provider/providers/ExternalWalletProvider.js

@@ -23,6 +23,23 @@ import {
 import { useGoBack } from "../../modal/hooks/useGoBack.js";
 import { validatePortalOrigin } from "../../modal/utils/validatePortalOrigin.js";
 import { DEFAULTS } from "../../modal/constants/defaults.js";
+const isSolanaWalletInAppBrowser = (walletId) => {
+  var _a;
+  if (typeof window === "undefined") return false;
+  const w = window;
+  switch (walletId) {
+    case "PHANTOM":
+      return !!((_a = w == null ? void 0 : w.phantom) == null ? void 0 : _a.solana);
+    case "SOLFLARE":
+      return !!(w == null ? void 0 : w.solflare);
+    case "BACKPACK":
+      return !!(w == null ? void 0 : w.backpack);
+    case "GLOW":
+      return !!(w == null ? void 0 : w.glowSolana);
+    default:
+      return false;
+  }
+};
 const useWalletDisplayHelpers = (wallet) => {
   const isUsingMobileConnector = useStore((state) => state.isUsingMobileConnector);
   return {
@@ -642,9 +659,10 @@ function ExternalWalletProvider({ children }) {
         clearExternalWalletConnectionRetryListener();
         handlePostConnectRetry();
       }
-      if (!isMobile() && isWithFullAuth(wallet2) && !isManualWalletConnect) {
+      const isInDappBrowser = isSolanaWalletInAppBrowser(wallet2.internalId);
+      if (!(isMobile() || isInDappBrowser) && isWithFullAuth(wallet2) && !isManualWalletConnect) {
         const popupUrl = yield para.constructPortalUrl("connectExternalWallet");
-        if (typeof window !== void 0) {
+        if (typeof window !== "undefined") {
           refs.popupWindow.current = openPopup({
             url: popupUrl,
             type: "LOGIN_EXTERNAL_WALLET",
@@ -962,6 +980,7 @@ export {
   ExternalWalletContext,
   ExternalWalletProvider,
   defaultExternalWallet,
+  isSolanaWalletInAppBrowser,
   useExternalWallets,
   useWalletDisplayHelpers
 };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.20.0",
-    "@getpara/react-components": "2.20.0",
-    "@getpara/react-core": "2.20.0",
-    "@getpara/web-sdk": "2.20.0",
+    "@getpara/react-common": "2.21.0",
+    "@getpara/react-components": "2.21.0",
+    "@getpara/react-core": "2.21.0",
+    "@getpara/web-sdk": "2.21.0",
     "date-fns": "^3.6.0",
     "detect-browser": "^5.3.0",
     "framer-motion": "^11.3.31",
@@ -19,19 +19,19 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/aa-alchemy": "2.20.0",
-    "@getpara/aa-biconomy": "2.20.0",
-    "@getpara/aa-cdp": "2.20.0",
-    "@getpara/aa-gelato": "2.20.0",
-    "@getpara/aa-pimlico": "2.20.0",
-    "@getpara/aa-porto": "2.20.0",
-    "@getpara/aa-rhinestone": "2.20.0",
-    "@getpara/aa-safe": "2.20.0",
-    "@getpara/aa-thirdweb": "2.20.0",
-    "@getpara/aa-zerodev": "2.20.0",
-    "@getpara/cosmos-wallet-connectors": "2.20.0",
-    "@getpara/evm-wallet-connectors": "2.20.0",
-    "@getpara/solana-wallet-connectors": "2.20.0",
+    "@getpara/aa-alchemy": "2.21.0",
+    "@getpara/aa-biconomy": "2.21.0",
+    "@getpara/aa-cdp": "2.21.0",
+    "@getpara/aa-gelato": "2.21.0",
+    "@getpara/aa-pimlico": "2.21.0",
+    "@getpara/aa-porto": "2.21.0",
+    "@getpara/aa-rhinestone": "2.21.0",
+    "@getpara/aa-safe": "2.21.0",
+    "@getpara/aa-thirdweb": "2.21.0",
+    "@getpara/aa-zerodev": "2.21.0",
+    "@getpara/cosmos-wallet-connectors": "2.21.0",
+    "@getpara/evm-wallet-connectors": "2.21.0",
+    "@getpara/solana-wallet-connectors": "2.21.0",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -51,7 +51,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "a8443bcc4018864f5e582f238ade1bb3b4e121f4",
+  "gitHead": "61f68bb1344dcec458f9016db39f631bb630b8f4",
   "main": "dist/index.js",
   "peerDependencies": {
     "@getpara/aa-alchemy": ">=2.15.0",