@getpara/react-sdk-lite 2.0.0-dev.6 → 2.0.0-dev.7

package/dist/modal/ParaModal.js

@@ -168,7 +168,6 @@ const ParaModal = forwardRef((props, ref) => {
           yield disconnectExternalWallet();
           setSelectedWallet({ id: void 0, type: void 0 });
         }
-        yield para.logout();
         if (shouldAutoLogin) {
           if (defaultAuthIdentifier && ((_a2 = para.authInfo) == null ? void 0 : _a2.identifier) !== defaultAuthIdentifier) {
             const number = parsePhoneNumberFromString(defaultAuthIdentifier);

package/dist/modal/components/AwaitingAccountStep/AwaitingAccountStep.js

@@ -5,7 +5,15 @@ import { useModalStore } from "../../stores/index.js";
 import { Waiting } from "../Waiting/Waiting.js";
 const AwaitingAccountStep = () => {
   const isLogin = useModalStore((state) => state.isLogin());
-  return /* @__PURE__ */ jsx(Waiting, { heading: isLogin ? "Logging you in..." : "Creating your account..." });
+  const verifyState = useModalStore((state) => state.getVerifyState());
+  const isSLOPopup = !!(verifyState == null ? void 0 : verifyState.isWalletSelectionNeeded);
+  return /* @__PURE__ */ jsx(
+    Waiting,
+    {
+      heading: isLogin ? "Logging you in..." : "Creating your account...",
+      subheading: isSLOPopup ? "Follow the prompts presented by your browser." : void 0
+    }
+  );
 };
 export {
   AwaitingAccountStep

package/dist/modal/components/Header/hooks/useStepTitle.js

@@ -42,6 +42,7 @@ const useStepTitle = () => {
       [ModalStep.VERIFICATIONS]: "Sign Up",
       [ModalStep.AWAITING_OAUTH]: signUpOrLogInTitle,
       [ModalStep.FARCASTER_OAUTH]: signUpOrLogInTitle,
+      [ModalStep.TELEGRAM_OAUTH]: signUpOrLogInTitle,
       [ModalStep.BIOMETRIC_CREATION]: "Sign Up",
       [ModalStep.PASSWORD_CREATION]: "Sign Up",
       [ModalStep.AWAITING_BIOMETRIC_CREATION]: "Sign Up",

package/dist/modal/components/OAuth/TelegramOAuthStep.js

@@ -2,31 +2,53 @@
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { safeStyled } from "@getpara/react-common";
-import { HeroSpinner } from "@getpara/react-common";
 import { CpslSpinner } from "@getpara/react-components";
 import { useTelegramLogin } from "../../hooks/useTelegramLogin.js";
+import { useEffect, useState } from "react";
 import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-import { AccountTypeIcon } from "../common.js";
 import { useModalStore } from "../../stores/index.js";
+import { getPortalBaseURL } from "@getpara/web-sdk";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 function TelegramOAuthStep() {
   const { verifyTelegramStatus, verifyTelegram } = useAuthActions();
-  const { url, status, isLoaded, setIsLoaded } = useTelegramLogin({
+  const { url, isLoaded, setIsLoaded } = useTelegramLogin({
     isActive: true,
     status: verifyTelegramStatus,
     onSubmit: verifyTelegram,
     isLinking: false
   });
-  const isError = status === "error", isPending = status === "pending";
+  const refs = useModalStore((state) => state.refs);
+  const para = useInternalClient();
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    const handleMessage = (event) => {
+      if (!url) {
+        return;
+      }
+      const portalBase = getPortalBaseURL(para.ctx, true);
+      if (!event.origin.startsWith(portalBase)) {
+        return;
+      }
+      if (event.data) {
+        if (event.data.type === "HEIGHT") {
+          setHeight(event.data.height);
+        }
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [url]);
   return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(HeroContainer, { children: /* @__PURE__ */ jsx(
-      HeroSpinner,
+    url && /* @__PURE__ */ jsx(
+      IFrame,
       {
-        icon: /* @__PURE__ */ jsx(AccountTypeIcon, { accountType: "TELEGRAM", size: "48px" }),
-        status: isPending ? "pending" : isError ? "error" : "idle",
-        text: isPending ? "Follow the on-screen prompts." : isError ? "Login Failed" : void 0
+        ref: refs.telegramIFrame,
+        style: { display: isLoaded ? "block" : "none", height },
+        src: url,
+        onLoad: () => setIsLoaded(true)
       }
-    ) }),
-    /* @__PURE__ */ jsx(TelegramIFrame, { url, isLoaded, setIsLoaded, isVisible: isLoaded })
+    ),
+    (!url || !isLoaded) && /* @__PURE__ */ jsx(CpslSpinner, {})
   ] });
 }
 function TelegramIFrame({
@@ -57,13 +79,6 @@ const Container = safeStyled.div`
   justify-content: center;
   width: 100%;
 `;
-const HeroContainer = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  flex: 1;
-`;
 const IFrame = safeStyled.iframe`
   width: 100%;
   height: 52px;

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

@@ -1,6 +1,6 @@
 import { BiometricHints } from '@getpara/react-common';
 import { PropsWithChildren } from 'react';
-import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin } from '@getpara/web-sdk';
+import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin, AuthStateVerify } from '@getpara/web-sdk';
 import { ParaModalProps } from '../../modal/types/modalProps.js';
 import { VerifiedAuth, VerifyThirdPartyAuth } from '@getpara/user-management-client';
 import { MutationStatus } from '@tanstack/react-query';
@@ -18,6 +18,7 @@ type Value = {
     onNewAuthState: (_: AuthState) => void;
     presentSignupUi: (_: AuthMethod, __: AuthStateSignup) => void;
     presentLoginUi: (_: AuthMethod, __: AuthStateLogin) => void;
+    presentVerifyUi: (_: AuthMethod, __: AuthStateVerify) => void;
     isSetup2faPending: boolean;
     createGuestWallets: () => void;
     isCreateGuestWalletsPending: boolean;

package/dist/provider/providers/AuthProvider.js

@@ -59,6 +59,8 @@ const AuthContext = createContext({
   },
   presentLoginUi: () => {
   },
+  presentVerifyUi: () => {
+  },
   createGuestWallets: () => {
   },
   isCreateGuestWalletsPending: false,
@@ -128,7 +130,8 @@ function AuthProvider({
     window.addEventListener("message", function handleMessage(event) {
       var _a;
       const portalBase = getPortalBaseURL(para.ctx);
-      if (!event.origin.startsWith(portalBase)) {
+      const portalLocalBase = getPortalBaseURL(para.ctx, true);
+      if (!event.origin.startsWith(portalBase) && !event.origin.startsWith(portalLocalBase)) {
         return;
       }
       if (((_a = event.data) == null ? void 0 : _a.type) === "CLOSE_WINDOW") {
@@ -272,7 +275,9 @@ function AuthProvider({
                 ModalStep.AWAITING_BIOMETRIC_LOGIN,
                 ModalStep.AWAITING_PASSWORD_LOGIN,
                 ModalStep.AWAITING_ACCOUNT,
-                ModalStep.OTP
+                ModalStep.OTP,
+                ModalStep.FARCASTER_OAUTH,
+                ModalStep.TELEGRAM_OAUTH
               ]),
               onPoll: () => {
                 goBackIfPopupClosedOnSteps([
@@ -385,7 +390,9 @@ function AuthProvider({
           pollLogin();
           setFlow("login");
         }
-        setStep(ModalStep.AWAITING_ACCOUNT);
+        if (!authState.isWalletSelectionNeeded) {
+          setStep(ModalStep.AWAITING_ACCOUNT);
+        }
         break;
     }
   });
@@ -431,7 +438,11 @@ function AuthProvider({
     );
   });
   const verifyFarcaster = (serverAuthState) => __async(this, null, function* () {
-    setStep(ModalStep.FARCASTER_OAUTH);
+    if (!serverAuthState) {
+      setStep(ModalStep.FARCASTER_OAUTH);
+    } else {
+      setupListener();
+    }
     mutateVerifyFarcaster(
       {
         isCanceled: () => refs.currentStep.current !== ModalStep.FARCASTER_OAUTH,
@@ -453,6 +464,9 @@ function AuthProvider({
     );
   });
   const verifyTelegram = (serverAuthState) => __async(this, null, function* () {
+    if (serverAuthState) {
+      setupListener();
+    }
     mutateVerifyTelegram(
       {
         serverAuthState,
@@ -547,6 +561,7 @@ function AuthProvider({
     () => ({
       presentSignupUi,
       presentLoginUi,
+      presentVerifyUi,
       signUpOrLogIn,
       isSignUpOrLogInPending,
       verifyNewAccount,
@@ -567,6 +582,7 @@ function AuthProvider({
     [
       presentSignupUi,
       presentLoginUi,
+      presentVerifyUi,
       signUpOrLogIn,
       isSignUpOrLogInPending,
       verifyNewAccount,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-dev.6",
+  "version": "2.0.0-dev.7",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-dev.6",
-    "@getpara/react-components": "2.0.0-dev.6",
-    "@getpara/web-sdk": "2.0.0-dev.6",
+    "@getpara/react-common": "2.0.0-dev.7",
+    "@getpara/react-components": "2.0.0-dev.7",
+    "@getpara/web-sdk": "2.0.0-dev.7",
     "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-dev.6",
-    "@getpara/evm-wallet-connectors": "2.0.0-dev.6",
-    "@getpara/solana-wallet-connectors": "2.0.0-dev.6",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-dev.7",
+    "@getpara/evm-wallet-connectors": "2.0.0-dev.7",
+    "@getpara/solana-wallet-connectors": "2.0.0-dev.7",
     "@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": "c2125e37c73a19f11978031f5aa2eab39b978c56",
+  "gitHead": "225cd3693edaab4dac81df7285956d2616e5717f",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",