@getpara/react-sdk 1.8.0 → 1.9.0

package/dist/modal/ParaModal.js

@@ -121,6 +121,7 @@ const ParaModalInner = forwardRef(
     const para = useInternalClient();
     const { selectedWallet, setSelectedWallet } = useWalletState();
     const setIsPasskeySupported = useModalStore((state) => state.setIsPasskeySupported);
+    const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
     const [isModalMounted, setIsModalMounted] = useState(false);
     const [isInit, setIsInit] = useState(false);
     const [ready, setIsReady] = useState(false);
@@ -157,6 +158,7 @@ const ParaModalInner = forwardRef(
           setWebAuthURLForLogin();
           setWebAuthURLForCreate();
           setBiometricLocationHints();
+          setAuthStepRoute();
         }
         setSelectedWallet({ id: void 0, type: void 0 });
         setIsFullyLoggedIn(false);

package/dist/modal/components/AddFunds/AddFunds.js

@@ -45,7 +45,7 @@ const TABS = [
 ];
 const GENERIC_WALLET = {
   [WalletType.EVM]: "Ethereum or EVM-based L2s",
-  [WalletType.SOLANA]: "Solana",
+  [WalletType.SOLANA]: "Solana or SVM-based networks",
   [WalletType.COSMOS]: "Cosmos"
 };
 const AddFunds = () => {

package/dist/modal/components/BiometricCreationStep/BiometricCreationStep.d.ts

@@ -1 +1,3 @@
-export declare const BiometricCreationStep: () => import("react/jsx-runtime").JSX.Element;
+export declare const BiometricCreationStep: ({ twoFactorAuthEnabled }: {
+    twoFactorAuthEnabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/BiometricCreationStep/BiometricCreationStep.js

@@ -9,8 +9,8 @@ import { InnerStepContainer, StepContainer, Heading, QRContainer } from "../comm
 import { useCopyToClipboard, UserIdentifier } from "@getpara/react-common";
 import { useCreateAccount } from "../../hooks/useCreateAccount.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-const BiometricCreationStep = () => {
-  const createAccount = useCreateAccount();
+const BiometricCreationStep = ({ twoFactorAuthEnabled = false }) => {
+  const createAccount = useCreateAccount({ twoFactorAuthEnabled });
   const para = useInternalClient();
   const appName = useThemeStore((state) => state.appName);
   const webAuthURLForCreate = useModalStore((state) => state.webAuthURLForCreate);

package/dist/modal/components/Body/Body.js

@@ -117,7 +117,7 @@ const Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePh
         return /* @__PURE__ */ jsx(TwoFactorDoneStep, { onClose });
       }
       case ModalStep.BIOMETRIC_CREATION: {
-        return /* @__PURE__ */ jsx(BiometricCreationStep, {});
+        return /* @__PURE__ */ jsx(BiometricCreationStep, { twoFactorAuthEnabled });
       }
       case ModalStep.AWAITING_OAUTH: {
         return /* @__PURE__ */ jsx(AwaitingOAuthStep, {});

package/dist/modal/components/ModalContent/ModalContent.js

@@ -77,7 +77,7 @@ const ModalContent = forwardRef(
     const authStepRoute = useModalStore((state) => state.authStepRoute);
     const isIFrameReady = useModalStore((state) => state.isIFrameReady);
     const goBack = useGoBack();
-    const createAccount = useCreateAccount();
+    const createAccount = useCreateAccount({ twoFactorAuthEnabled });
     const biometricLocationHints = useModalStore((state) => {
       var _a2;
       return (_a2 = state.biometricLocationHints) != null ? _a2 : [];
@@ -128,7 +128,7 @@ const ModalContent = forwardRef(
           setPasswordUrlForLogin("");
           setSupportedAuthMethods(/* @__PURE__ */ new Set());
           setBiometricLocationHints();
-          if (needsWallet) {
+          if (needsWallet && !para.isNoWalletConfig) {
             setStep(ModalStep.AWAITING_WALLET_CREATION);
           } else {
             yield connectEmbeddedToExternalConnectors();

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js

@@ -23,8 +23,8 @@ const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
         setStep(ModalStep.LOGIN_DONE);
         return;
       }
-      const is2FAComplete = yield para.check2FAStatus();
-      setStep(is2FAComplete ? ModalStep.LOGIN_DONE : ModalStep.SETUP_2FA);
+      const { isSetup: is2faComplete } = yield para.check2FAStatus();
+      setStep(is2faComplete ? ModalStep.LOGIN_DONE : ModalStep.SETUP_2FA);
     } else {
       if (twoFactorAuthEnabled) {
         setStep(ModalStep.SETUP_2FA);

package/dist/modal/constants/constants.js

@@ -39,6 +39,7 @@ const NETWORKS = {
   [Network.SOLANA]: { name: "Solana", icon: "solana" },
   [Network.COSMOS]: { name: "Cosmos", icon: "cosmos" },
   [Network.CELO]: { name: "Celo", icon: "celoBrand" },
+  [Network.SOLANA_DEVNET]: { name: "Solana Devnet", icon: "solana" },
   [Network.NOBLE]: { name: "Noble", icon: "nobleBrand" }
 };
 const ON_RAMP_ASSETS = {

package/dist/modal/hooks/useCreateAccount.d.ts

@@ -1,4 +1,6 @@
-export declare function useCreateAccount(): {
+export declare function useCreateAccount({ twoFactorAuthEnabled }?: {
+    twoFactorAuthEnabled?: boolean;
+}): {
     withPasskey: () => void;
     withPassword: () => void;
 };

package/dist/modal/hooks/useCreateAccount.js

@@ -8,7 +8,7 @@ import { useModalStore } from "../stores/index.js";
 import { openPopup } from "../utils/openPopup.js";
 import { ModalStep } from "../utils/steps.js";
 import { useGoBack } from "./useGoBack.js";
-function useCreateAccount() {
+function useCreateAccount({ twoFactorAuthEnabled = false } = {}) {
   const para = useInternalClient();
   const goBack = useGoBack();
   const refs = useModalStore((state) => state.refs);
@@ -25,7 +25,12 @@ function useCreateAccount() {
     if (isComplete) {
       setWebAuthURLForCreate("");
       setIFrameUrl("");
-      setStep(ModalStep.AWAITING_WALLET_CREATION);
+      if (para.isNoWalletConfig) {
+        const is2faComplete = twoFactorAuthEnabled ? (yield para.check2FAStatus()).isSetup : true;
+        setStep(is2faComplete ? ModalStep.LOGIN_DONE : ModalStep.SETUP_2FA);
+      } else {
+        setStep(ModalStep.AWAITING_WALLET_CREATION);
+      }
     } else if (refs.currentStep.current === ModalStep.AWAITING_BIOMETRIC_CREATION) {
       goBack();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.8.0",
-    "@getpara/react-components": "1.8.0",
-    "@getpara/web-sdk": "1.8.0",
+    "@getpara/react-common": "1.9.0",
+    "@getpara/react-components": "1.9.0",
+    "@getpara/web-sdk": "1.9.0",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -49,5 +49,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "ef96e79558695ccbe148d25a8e3611c4596d1954"
+  "gitHead": "3d749844bf071e2c8de2769dd16e17c026951109"
 }