@getpara/react-sdk-lite 2.0.0-alpha.47 → 2.0.0-alpha.49

package/dist/modal/ParaModal.js

@@ -117,7 +117,7 @@ const ParaModal = forwardRef((props, ref) => {
     });
     trackAnalytics();
   }, []);
-  const isOpen = configIsOpen != null ? configIsOpen : storedIsOpen;
+  const isOpen = bareModal || (configIsOpen != null ? configIsOpen : storedIsOpen);
   useImperativeHandle(ref, () => {
     return {
       goBack() {

package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.js

@@ -21,6 +21,7 @@ const ExternalWalletMobileConnect = ({
   isSelfFetching = false
 }) => {
   var _a, _b;
+  const externalWalletError = useModalStore((state) => state.externalWalletError);
   const [isCopied, copy] = useCopyToClipboard();
   const appName = useStore((state) => state.appName);
   const [qrUri, setQrUri] = useState(isSelfFetching ? void 0 : propsQrUri);
@@ -43,10 +44,28 @@ const ExternalWalletMobileConnect = ({
   useEffect(() => {
     setQrUri(propsQrUri);
   }, [propsQrUri]);
+  const isError = !!(externalWalletError == null ? void 0 : externalWalletError[0]);
   if (wallet.type === "SOLANA" || isMobile() && !isTablet()) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      wallet.type === "SOLANA" && qrUri && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: `Continue in the ${wallet.name} mobile app.` }) }),
+      wallet.type === "SOLANA" && qrUri && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(
+        HeroSpinner,
+        {
+          icon: /* @__PURE__ */ jsx(HeroAccountTypeIcon, { accountType: wallet.internalId, src: wallet ? wallet.iconUrl : void 0 }),
+          status: isError ? "error" : "pending",
+          text: isError ? externalWalletError[0] : `Continue in the ${wallet.name} mobile app.`,
+          secondaryText: externalWalletError == null ? void 0 : externalWalletError[1]
+        }
+      ) }),
       wallet.id !== "WalletConnect" && /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
+        /* @__PURE__ */ jsx(
+          HeroSpinner,
+          {
+            icon: /* @__PURE__ */ jsx(HeroAccountTypeIcon, { accountType: wallet.internalId, src: wallet ? wallet.iconUrl : void 0 }),
+            status: isError ? "error" : "pending",
+            text: isError ? externalWalletError[0] : `Confirm connection request in the ${wallet.name} app.`,
+            secondaryText: externalWalletError == null ? void 0 : externalWalletError[1]
+          }
+        ),
         wallet.type === "SOLANA" && qrUri && !wallet.hasIosSafariExtension || wallet.type !== "SOLANA" ? /* @__PURE__ */ jsx(CpslButton, { onClick: () => routeMobileExternalWallet(qrUri), fullWidth: true, children: "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", children: [
           `Get ${wallet.name}`,

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.js

@@ -9,7 +9,7 @@ import { useExternalWallets } from "../../../provider/providers/ExternalWalletPr
 import { useEffect, useRef } from "react";
 const ExternalWalletVerificationStep = () => {
   const effectRan = useRef(false);
-  const { verifyWalletSignature } = useExternalWallets();
+  const { verifyWalletSignature, verificationStage } = useExternalWallets();
   const externalWalletError = useModalStore((state) => state.externalWalletError);
   useEffect(() => {
     const hasRun = effectRan.current;
@@ -18,10 +18,13 @@ const ExternalWalletVerificationStep = () => {
       effectRan.current = true;
     }
   }, []);
+  const isVerifying = verificationStage === "verifying";
+  const header = isVerifying ? "Verifying Your Wallet" : "Switching Network";
+  const subheader = isVerifying ? "Sign the message with your wallet to complete sign up." : "Confirm the request to switch the network in your wallet.";
   return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(Heading, { children: "Verify Your Wallet" }),
-      /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", color: "secondary", children: "Sign the message with your wallet to complete sign up." }),
+      /* @__PURE__ */ jsx(Heading, { children: header }),
+      /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", color: "secondary", children: subheader }),
       !!(externalWalletError == null ? void 0 : externalWalletError[0]) && /* @__PURE__ */ jsxs(ErrorContainer, { children: [
         /* @__PURE__ */ jsx(ErrorIcon, { icon: "alertCircle" }),
         /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })

package/dist/modal/constants/constants.js

@@ -126,7 +126,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.47";
+const SDK_VERSION = "2.0.0-alpha.48";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

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

@@ -34,6 +34,7 @@ export declare const defaultExternalWallet: {
     requestInfo: (_: string) => Promise<ExternalWalletInfo>;
     disconnectBase: (_: string, __: TWalletType) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
+    verificationStage: undefined;
 };
 type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'signVerificationMessage' | 'requestInfo' | 'disconnectBase'> & ChainManagement<string, void> & BalanceManagement & {
     wallet?: CommonWallet;
@@ -55,6 +56,7 @@ type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 's
     requestInfo: (_: string, __: TWalletType) => Promise<ExternalWalletInfo>;
     disconnectBase: (_: string, __: TWalletType) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
+    verificationStage?: 'verifying' | 'switchingChain';
 };
 export declare const ExternalWalletContext: import("react").Context<Value>;
 export declare function ExternalWalletProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/provider/providers/ExternalWalletProvider.js

@@ -47,7 +47,8 @@ const defaultExternalWallet = {
   getWalletBalance: () => Promise.resolve(void 0),
   requestInfo: (_) => Promise.resolve({}),
   disconnectBase: (_, __) => Promise.resolve(),
-  connectFarcasterMiniApp: () => Promise.resolve()
+  connectFarcasterMiniApp: () => Promise.resolve(),
+  verificationStage: void 0
 };
 const ExternalWalletContext = createContext(defaultExternalWallet);
 function ExternalWalletProvider({ children }) {
@@ -76,7 +77,8 @@ function ExternalWalletProvider({ children }) {
     getWalletBalance: evmGetWalletBalance,
     requestInfo: evmRequestInfo,
     disconnectBase: evmDisconnectBase,
-    farcasterStatus: evmFarcasterStatus
+    farcasterStatus: evmFarcasterStatus,
+    verificationStage: evmVerificationStage
   } = useContext(evmContext);
   const {
     wallets: solanaWallets,
@@ -187,6 +189,18 @@ function ExternalWalletProvider({ children }) {
       }
     }
   }, [cosmosChains, evmChains, selectedExternalWallet]);
+  const verificationStage = useMemo(() => {
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+    switch (walletType) {
+      case "EVM": {
+        return evmVerificationStage;
+      }
+      default: {
+        return "verifying";
+      }
+    }
+  }, [selectedExternalWallet, evmVerificationStage]);
   const switchChain = useCallback(
     (chainId2) => __async(this, null, function* () {
       var _a;
@@ -245,6 +259,7 @@ function ExternalWalletProvider({ children }) {
           const { address, signature, error, cosmosPublicKeyHex, cosmosSigner, addressBech32 } = yield cosmosSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -265,6 +280,7 @@ function ExternalWalletProvider({ children }) {
           const { signature, error, address } = yield evmSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -282,6 +298,7 @@ function ExternalWalletProvider({ children }) {
           const { signature, error, address } = yield solanaSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -585,7 +602,8 @@ function ExternalWalletProvider({ children }) {
           getWalletBalance,
           requestInfo,
           disconnectBase,
-          connectFarcasterMiniApp
+          connectFarcasterMiniApp,
+          verificationStage
         }),
         [
           wallets,
@@ -608,7 +626,8 @@ function ExternalWalletProvider({ children }) {
           getWalletBalance,
           requestInfo,
           disconnectBase,
-          connectFarcasterMiniApp
+          connectFarcasterMiniApp,
+          verificationStage
         ]
       ),
       children

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-alpha.47",
+  "version": "2.0.0-alpha.49",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.47",
-    "@getpara/react-components": "2.0.0-alpha.47",
-    "@getpara/web-sdk": "2.0.0-alpha.47",
+    "@getpara/react-common": "2.0.0-alpha.49",
+    "@getpara/react-components": "2.0.0-alpha.49",
+    "@getpara/web-sdk": "2.0.0-alpha.49",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -16,9 +16,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.47",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.47",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.47",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.49",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.49",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.49",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +38,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "c26d1830f6e63b34f33b5c799795c8c7cb00bb5a",
+  "gitHead": "e6d48c1a805daa0ce5152663970066e94e7463ec",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",