@getpara/react-sdk-lite 2.19.0 → 2.21.0

package/dist/modal/ParaModal.js

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

package/dist/modal/components/flows/account/AddFunds/AddFundsReceive.js

@@ -14,7 +14,8 @@ import { useStore } from "../../../../../provider/stores/useStore.js";
 const GENERIC_WALLET = {
   EVM: "Ethereum or EVM-based networks",
   SOLANA: "Solana or SVM-based networks",
-  COSMOS: "Cosmos networks"
+  COSMOS: "Cosmos networks",
+  STELLAR: "the Stellar network"
 };
 const AddFundsReceive = () => {
   const { networks } = useAddFunds();

package/dist/modal/components/flows/account/Send/context.js

@@ -18,7 +18,7 @@ import { useProfileBalance, useWalletState } from "../../../../../provider/index
 import { useSendMutations } from "../../../../hooks/index.js";
 import { useStore } from "../../../../../provider/stores/useStore.js";
 const getDefaultSendMetadata = (balances, wallet) => {
-  if (!balances || !(wallet == null ? void 0 : wallet.type) || !(wallet == null ? void 0 : wallet.address) || (wallet == null ? void 0 : wallet.type) === "COSMOS") {
+  if (!balances || !(wallet == null ? void 0 : wallet.type) || !(wallet == null ? void 0 : wallet.address) || (wallet == null ? void 0 : wallet.type) === "COSMOS" || (wallet == null ? void 0 : wallet.type) === "STELLAR") {
     return { asset: null, network: null };
   }
   const walletBalance = balances.wallets.find(({ address }) => address === (wallet == null ? void 0 : wallet.address));
@@ -133,7 +133,7 @@ function AccountSendProvider({ children, step }) {
     broadcastMutate
   ]);
   const availableWallets = useMemo(() => {
-    return para.availableWallets.filter(({ type }) => type !== "COSMOS");
+    return para.availableWallets.filter(({ type }) => type !== "COSMOS" && type !== "STELLAR");
   }, [para.availableWallets]);
   const { assetPrice, assetValueOnNetwork, assetAmountOnNetwork } = useMemo(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g;
@@ -152,7 +152,7 @@ function AccountSendProvider({ children, step }) {
     };
   }, [sendMetadata.asset, sendMetadata.network]);
   useEffect(() => {
-    if (availableWallets.length > 0 && selectedWallet.type === "COSMOS") {
+    if (availableWallets.length > 0 && (selectedWallet.type === "COSMOS" || selectedWallet.type === "STELLAR")) {
       const defaultWallet = availableWallets.find((wallet) => wallet.type !== "EVM");
       (defaultWallet == null ? void 0 : defaultWallet.id) && (defaultWallet == null ? void 0 : defaultWallet.type) && setSelectedWallet(defaultWallet);
     }
@@ -269,7 +269,7 @@ function AccountSendProvider({ children, step }) {
       walletId: selectedWallet.id,
       userId: para.userId,
       opts: {
-        type: selectedWallet.type === "COSMOS" ? "EVM" : selectedWallet.type,
+        type: selectedWallet.type === "COSMOS" ? "EVM" : selectedWallet.type === "STELLAR" ? "SOLANA" : selectedWallet.type,
         config: balancesConfig,
         sourceAddress: selectedWallet.address,
         destinationAddress,

package/dist/modal/components/flows/account/Wallet/Wallet.js

@@ -22,6 +22,10 @@ const EXPLORERS = {
   COSMOS: {
     name: "Atomscan",
     url: (address) => `https://atomscan.com/accounts/${address}`
+  },
+  STELLAR: {
+    name: "Stellar Expert",
+    url: (address) => `https://stellar.expert/explorer/public/account/${address}`
   }
 };
 const Wallet = () => {

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/modal/constants/walletTypeConfig.js

@@ -6,7 +6,8 @@ const WALLET_TYPE_CONFIG = {
     icon: "ethCircle"
   },
   SOLANA: { name: "Solana", icon: "solanaCircle" },
-  COSMOS: { name: "Cosmos", icon: "cosmosCircle" }
+  COSMOS: { name: "Cosmos", icon: "cosmosCircle" },
+  STELLAR: { name: "Stellar", icon: "stellarCircle" }
 };
 export {
   WALLET_TYPE_CONFIG

package/dist/provider/hooks/utils/useWalletState.d.ts

@@ -5,7 +5,7 @@ import { TWalletType } from '@getpara/web-sdk';
 export declare const useWalletState: () => {
     selectedWallet: {
         id: string | undefined;
-        type: "EVM" | "SOLANA" | "COSMOS" | undefined;
+        type: "EVM" | "SOLANA" | "COSMOS" | "STELLAR" | undefined;
         address: string | undefined;
     };
     setSelectedWallet: ({ id, type }: {

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/dist/provider/stores/getters.d.ts

@@ -1,4 +1,4 @@
 export declare const getClient: () => import("graz").ParaWeb | undefined;
 export declare const getIsOpen: () => boolean;
 export declare const getSelectedWalletId: () => string | undefined;
-export declare const getSelectedWalletType: () => "EVM" | "SOLANA" | "COSMOS" | undefined;
+export declare const getSelectedWalletType: () => "EVM" | "SOLANA" | "COSMOS" | "STELLAR" | undefined;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.19.0",
+  "version": "2.21.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.19.0",
-    "@getpara/react-components": "2.19.0",
-    "@getpara/react-core": "2.19.0",
-    "@getpara/web-sdk": "2.19.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.19.0",
-    "@getpara/aa-biconomy": "2.19.0",
-    "@getpara/aa-cdp": "2.19.0",
-    "@getpara/aa-gelato": "2.19.0",
-    "@getpara/aa-pimlico": "2.19.0",
-    "@getpara/aa-porto": "2.19.0",
-    "@getpara/aa-rhinestone": "2.19.0",
-    "@getpara/aa-safe": "2.19.0",
-    "@getpara/aa-thirdweb": "2.19.0",
-    "@getpara/aa-zerodev": "2.19.0",
-    "@getpara/cosmos-wallet-connectors": "2.19.0",
-    "@getpara/evm-wallet-connectors": "2.19.0",
-    "@getpara/solana-wallet-connectors": "2.19.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": "7dc9400777adb653c0cc28e0d9236424eb384467",
+  "gitHead": "61f68bb1344dcec458f9016db39f631bb630b8f4",
   "main": "dist/index.js",
   "peerDependencies": {
     "@getpara/aa-alchemy": ">=2.15.0",