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

package/dist/provider/hooks/mutations/useVerifyTelegram.d.ts

@@ -16,12 +16,13 @@ export declare const VERIFY_TELEGRAM_KEY = "VERIFY_TELEGRAM";
  */
 export declare const useVerifyTelegram: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
+    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     } | undefined;
     error: Error | null;
     isError: boolean;
@@ -33,14 +34,16 @@ export declare const useVerifyTelegram: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyTelegram: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyTelegram: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
-    verifyTelegramAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyTelegramAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

package/dist/provider/providers/AccountLinkProvider.js

@@ -114,7 +114,7 @@ const AccountLinkProvider = ({ children }) => {
     reset: resetVerifyExternalWalletLink
   } = useVerifyExternalWalletLink();
   const { embedded } = account;
-  const isEnabled = (embedded == null ? void 0 : embedded.isConnected) || !(embedded == null ? void 0 : embedded.isGuestMode) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth === "ALL" || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
+  const isEnabled = (embedded == null ? void 0 : embedded.isConnected) || !(embedded == null ? void 0 : embedded.isGuestMode) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
   const [accountLinkInProgress, setAccountLinkInProgress] = useState(
     coreAccountLinkInProgress || void 0
   );

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

@@ -2,7 +2,7 @@ import { BiometricHints } from '@getpara/react-common';
 import { PropsWithChildren } from 'react';
 import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin } from '@getpara/web-sdk';
 import { ParaModalProps } from '../../modal/types/modalProps.js';
-import { TelegramAuthResponse, VerifiedAuth } from '@getpara/user-management-client';
+import { VerifiedAuth, VerifyThirdPartyAuth } from '@getpara/user-management-client';
 import { MutationStatus } from '@tanstack/react-query';
 type Value = {
     signUpOrLogIn: (_: VerifiedAuth) => void;
@@ -11,9 +11,10 @@ type Value = {
     verifyNewAccountStatus: MutationStatus;
     verifyNewAccountError: Error | null;
     verifyOAuth: (_: CoreMethodParams<'verifyOAuth'>['method']) => void;
-    verifyFarcaster: () => void;
-    verifyTelegram: (_: TelegramAuthResponse) => void;
+    verifyFarcaster: (_?: VerifyThirdPartyAuth) => void;
+    verifyTelegram: (_: VerifyThirdPartyAuth) => void;
     verifyTelegramStatus: MutationStatus;
+    verifyFarcasterStatus: MutationStatus;
     onNewAuthState: (_: AuthState) => void;
     presentSignupUi: (_: AuthMethod, __: AuthStateSignup) => void;
     presentLoginUi: (_: AuthMethod, __: AuthStateLogin) => void;

package/dist/provider/providers/AuthProvider.js

@@ -51,6 +51,7 @@ const AuthContext = createContext({
   verifyTelegram: () => {
   },
   verifyTelegramStatus: "idle",
+  verifyFarcasterStatus: "idle",
   onNewAuthState: () => {
   },
   isSetup2faPending: false,
@@ -103,7 +104,7 @@ function AuthProvider({
     error: verifyNewAccountError
   } = useVerifyNewAccount();
   const { verifyOAuth: mutateVerifyOAuth } = useVerifyOAuth();
-  const { verifyFarcaster: mutateVerifyFarcaster } = useVerifyFarcaster();
+  const { verifyFarcaster: mutateVerifyFarcaster, status: verifyFarcasterStatus } = useVerifyFarcaster();
   const { verifyTelegram: mutateVerifyTelegram, status: verifyTelegramStatus } = useVerifyTelegram();
   const { waitForLogin: mutateWaitForLogin } = useWaitForLogin();
   const { waitForSignup: mutateWaitForSignup } = useWaitForSignup();
@@ -135,13 +136,13 @@ function AuthProvider({
           setAuthStepRoute();
           setIFrameUrl();
           setIsIFrameReady(false);
-          setStep(ModalStep.AWAITING_IFRAME);
+          setStep(ModalStep.AWAITING_ACCOUNT);
         }
         window.removeEventListener("message", handleMessage);
       }
     });
   };
-  const signup = () => {
+  const pollSignup = () => {
     if (typeof window !== "undefined") {
       refs.poll.current = {
         action: "signup",
@@ -152,10 +153,11 @@ function AuthProvider({
                 ModalStep.BIOMETRIC_CREATION,
                 ModalStep.AWAITING_BIOMETRIC_CREATION,
                 ModalStep.PASSWORD_CREATION,
-                ModalStep.AWAITING_IFRAME,
+                ModalStep.AWAITING_ACCOUNT,
                 ModalStep.VERIFICATIONS,
                 ModalStep.AWAITING_OAUTH,
-                ModalStep.EXTERNAL_WALLET_VERIFICATION
+                ModalStep.EXTERNAL_WALLET_VERIFICATION,
+                ModalStep.OTP
               ]),
               onPoll: () => {
                 goBackIfPopupClosedOnSteps([ModalStep.AWAITING_BIOMETRIC_CREATION]);
@@ -173,7 +175,7 @@ function AuthProvider({
                 }
               },
               onError: () => {
-                if (refs.currentStep.current && [ModalStep.AWAITING_BIOMETRIC_CREATION, ModalStep.PASSWORD_CREATION, ModalStep.AWAITING_IFRAME].includes(
+                if (refs.currentStep.current && [ModalStep.AWAITING_BIOMETRIC_CREATION, ModalStep.PASSWORD_CREATION, ModalStep.AWAITING_ACCOUNT].includes(
                   refs.currentStep.current
                 )) {
                   goBack();
@@ -229,6 +231,23 @@ function AuthProvider({
     },
     [isIFrameReady]
   );
+  const presentVerifyUi = useCallback(
+    (method, authState) => {
+      switch (method) {
+        case AuthMethod.SLO:
+          setupListener();
+          if (isIFrameReady) {
+            setStep(ModalStep.OTP);
+          } else {
+            setIFrameUrl(authState.loginUrl);
+            setIsIFrameReady(false);
+            setAuthStepRoute(ModalStep.OTP);
+          }
+          break;
+      }
+    },
+    [isIFrameReady]
+  );
   const login = (authState) => {
     if (authState.isWalletSelectionNeeded || authState.passkeyUrl) {
       setStep(ModalStep.BIOMETRIC_LOGIN);
@@ -238,47 +257,54 @@ function AuthProvider({
       setIsIFrameReady(false);
       setStep(ModalStep.EMBEDDED_PASSWORD_LOGIN);
     }
-    refs.poll.current = {
-      action: "login",
-      timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
-        mutateWaitForLogin(
-          {
-            isCanceled: () => cancelIfExitedSteps([
-              ModalStep.BIOMETRIC_LOGIN,
-              ModalStep.EMBEDDED_PASSWORD_LOGIN,
-              ModalStep.AWAITING_BIOMETRIC_LOGIN,
-              ModalStep.AWAITING_PASSWORD_LOGIN,
-              ModalStep.AWAITING_IFRAME
-            ]),
-            onPoll: () => {
-              goBackIfPopupClosedOnSteps([
+    pollLogin();
+  };
+  const pollLogin = () => {
+    if (typeof window !== "undefined") {
+      refs.poll.current = {
+        action: "login",
+        timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
+          mutateWaitForLogin(
+            {
+              isCanceled: () => cancelIfExitedSteps([
+                ModalStep.BIOMETRIC_LOGIN,
+                ModalStep.EMBEDDED_PASSWORD_LOGIN,
                 ModalStep.AWAITING_BIOMETRIC_LOGIN,
                 ModalStep.AWAITING_PASSWORD_LOGIN,
-                ModalStep.EMBEDDED_PASSWORD_LOGIN
-              ]);
-            }
-          },
-          {
-            onSuccess: ({ needsWallet }) => {
-              if (needsWallet && !para.isNoWalletConfig) {
-                createWallets();
-              } else {
-                onLoginComplete({
-                  on2faSetupOrError: () => setStep(ModalStep.LOGIN_DONE),
-                  on2faNotSetup: () => setStep(ModalStep.SETUP_2FA)
-                });
+                ModalStep.AWAITING_ACCOUNT,
+                ModalStep.OTP
+              ]),
+              onPoll: () => {
+                goBackIfPopupClosedOnSteps([
+                  ModalStep.AWAITING_BIOMETRIC_LOGIN,
+                  ModalStep.AWAITING_PASSWORD_LOGIN,
+                  ModalStep.EMBEDDED_PASSWORD_LOGIN,
+                  ModalStep.OTP
+                ]);
               }
             },
-            onSettled: () => {
-              var _a;
-              window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
-              refs.poll.current = null;
-              refs.popupWindow.current = null;
+            {
+              onSuccess: ({ needsWallet }) => {
+                if (needsWallet && !para.isNoWalletConfig) {
+                  createWallets();
+                } else {
+                  onLoginComplete({
+                    on2faSetupOrError: () => setStep(ModalStep.LOGIN_DONE),
+                    on2faNotSetup: () => setStep(ModalStep.SETUP_2FA)
+                  });
+                }
+              },
+              onSettled: () => {
+                var _a;
+                window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+                refs.poll.current = null;
+                refs.popupWindow.current = null;
+              }
             }
-          }
-        );
-      }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
-    };
+          );
+        }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
+      };
+    }
   };
   const presentLoginUi = useCallback(
     (method, authState) => {
@@ -313,7 +339,20 @@ function AuthProvider({
         if (isExternalWallet(authState.auth) && authState.signatureVerificationMessage) {
           setStep(ModalStep.EXTERNAL_WALLET_VERIFICATION);
         } else {
-          setStep(ModalStep.VERIFICATIONS);
+          if (authState.nextStage === "login") {
+            setFlow("login");
+            pollLogin();
+          } else {
+            setFlow("signup");
+            pollSignup();
+          }
+          if (authState.loginUrl) {
+            setIFrameUrl(authState.loginUrl);
+            setIsIFrameReady(false);
+            presentVerifyUi(AuthMethod.SLO, authState);
+          } else {
+            setStep(ModalStep.VERIFICATIONS);
+          }
         }
         break;
       case "login":
@@ -330,7 +369,7 @@ function AuthProvider({
             setIFrameUrl(authState.passwordUrl || authState.pinUrl);
             setIsIFrameReady(false);
           }
-          signup();
+          pollSignup();
           if (isPasswordOrPINOnly) {
             presentSignupUi(isPassword ? AuthMethod.PASSWORD : AuthMethod.PIN, authState);
           } else {
@@ -338,6 +377,16 @@ function AuthProvider({
           }
         }
         break;
+      case "done":
+        if (authState.isNewUser) {
+          pollSignup();
+          setFlow("signup");
+        } else {
+          pollLogin();
+          setFlow("login");
+        }
+        setStep(ModalStep.AWAITING_ACCOUNT);
+        break;
     }
   });
   const signUpOrLogIn = (auth) => __async(this, null, function* () {
@@ -381,7 +430,7 @@ function AuthProvider({
       }
     );
   });
-  const verifyFarcaster = () => __async(this, null, function* () {
+  const verifyFarcaster = (serverAuthState) => __async(this, null, function* () {
     setStep(ModalStep.FARCASTER_OAUTH);
     mutateVerifyFarcaster(
       {
@@ -390,7 +439,8 @@ function AuthProvider({
           setFarcasterConnectUri(connectUri);
           routeMobileExternalWallet(connectUri);
         },
-        useShortUrls: true
+        useShortUrls: true,
+        serverAuthState
       },
       {
         onSuccess: onNewAuthState,
@@ -402,10 +452,10 @@ function AuthProvider({
       }
     );
   });
-  const verifyTelegram = (telegramAuthResponse) => __async(this, null, function* () {
+  const verifyTelegram = (serverAuthState) => __async(this, null, function* () {
     mutateVerifyTelegram(
       {
-        telegramAuthResponse,
+        serverAuthState,
         useShortUrls: true
       },
       {
@@ -511,7 +561,8 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
-      biometricHints: biometricHints || void 0
+      biometricHints: biometricHints || void 0,
+      verifyFarcasterStatus
     }),
     [
       presentSignupUi,
@@ -531,7 +582,8 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
-      biometricHints
+      biometricHints,
+      verifyFarcasterStatus
     ]
   );
   useEffect(() => {

package/dist/provider/providers/ExternalWalletProvider.js

@@ -124,11 +124,11 @@ function ExternalWalletProvider({ children }) {
     (w) => (w.internalId !== "FARCASTER" || (para == null ? void 0 : para.isFarcasterMiniApp)) && externalWallets.includes(w.internalId)
   ).sort(
     (a, b) => externalWallets.indexOf(a.internalId) - externalWallets.indexOf(b.internalId)
-  );
+  ).sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
   const injectedWallets = allWallets.filter(
     (w) => (w == null ? void 0 : w.id) !== "Para" && !wallets.some((wallet2) => wallet2.id === w.id) && w.installed
   );
-  wallets = [...wallets, ...injectedWallets].sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
+  wallets = [...wallets, ...injectedWallets];
   const wallet = useMemo(
     () => wallets.find((w) => w.id === (selectedExternalWallet == null ? void 0 : selectedExternalWallet.id) && w.type === (selectedExternalWallet == null ? void 0 : selectedExternalWallet.type)),
     [wallets, selectedExternalWallet]
@@ -147,15 +147,6 @@ function ExternalWalletProvider({ children }) {
       setQrUri(void 0);
     }
   }, [wallet]);
-  const isWithFullAuth = (wallet2) => {
-    if (connectionOnly) {
-      return false;
-    }
-    if (externalWalletsWithFullAuth === "ALL") {
-      return true;
-    }
-    return !!wallet2.name && externalWalletsWithFullAuth.includes(wallet2.name.toUpperCase());
-  };
   const getWalletBalance = useCallback(() => __async(this, null, function* () {
     var _a;
     const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
@@ -246,13 +237,14 @@ function ExternalWalletProvider({ children }) {
     [evmSwitchChain, cosmosSwitchChain]
   );
   const verifyWalletSignature = useCallback(() => __async(this, null, function* () {
+    var _a;
     setExternalWalletError();
     const wallet2 = Object.values(para.externalWallets)[0];
     const walletType = wallet2 == null ? void 0 : wallet2.type;
     let verifyExternalWalletParams;
     const withVerification = includeWalletVerification;
     const isConnectionOnly = connectionOnly;
-    const withFullParaAuth = (wallet2 == null ? void 0 : wallet2.name) ? isWithFullAuth(wallet2) : false;
+    const withFullParaAuth = (wallet2 == null ? void 0 : wallet2.name) ? externalWalletsWithFullAuth.includes(wallet2.name.toUpperCase()) : false;
     const defaultWalletInfo = {
       withVerification,
       isConnectionOnly,
@@ -330,7 +322,7 @@ function ExternalWalletProvider({ children }) {
     try {
       const d = yield verifyExternalWalletAsync(verifyExternalWalletParams);
       yield queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
-      if (wallet2 && isWithFullAuth(wallet2)) {
+      if (wallet2 && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes((_a = wallet2.name) == null ? void 0 : _a.toUpperCase()))) {
         yield onNewAuthState(d);
       } else {
         setStep(ModalStep.LOGIN_DONE);
@@ -420,7 +412,7 @@ function ExternalWalletProvider({ children }) {
             return;
           }
         } else if (address) {
-          if (!!authState && (isWithFullAuth(wallet2) || includeWalletVerification)) {
+          if (!!authState && ((externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.name.toUpperCase())) || includeWalletVerification)) {
             onNewAuthState(authState);
           } else {
             setStep(ModalStep.LOGIN_DONE);

package/dist/provider/stores/types.d.ts

@@ -53,8 +53,8 @@ export interface ExternalWalletsSlice {
     setConnectionOnly: (_: boolean) => void;
     includeWalletVerification: boolean;
     setIncludeWalletVerification: (_: boolean) => void;
-    externalWalletsWithFullAuth: TExternalWallet[] | 'ALL';
-    setExternalWalletsWithFullAuth: (_: TExternalWallet[] | 'ALL') => void;
+    externalWalletsWithFullAuth: TExternalWallet[];
+    setExternalWalletsWithFullAuth: (_: TExternalWallet[]) => void;
     evmLib: typeof paraEvmLib | undefined;
     setEvmLib: (_: typeof paraEvmLib) => void;
     evmContext: Context<EvmExternalWalletContextType>;

package/package.json

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

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

@@ -1 +0,0 @@
-export declare const AwaitingIFrameStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/utils/renderTextWithLinks.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from 'react';
-export declare const renderTextWithLinks: (text: string) => ReactElement[];

package/dist/modal/utils/renderTextWithLinks.js

@@ -1,34 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { Fragment } from "react";
-const renderTextWithLinks = (text) => {
-  if (!text) return [/* @__PURE__ */ jsx(Fragment, { children: "" }, 0)];
-  const linkStyle = { color: "inherit", textDecoration: "underline", fontWeight: "500" };
-  const combinedRegex = /(\[([^\]]+)\]\((https?:\/\/[^)]+)\))|(https?:\/\/[^\s]+)/g;
-  const parts = [];
-  let lastIndex = 0;
-  let match;
-  while ((match = combinedRegex.exec(text)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex, match.index) }, parts.length));
-    }
-    if (match[1]) {
-      parts.push(
-        /* @__PURE__ */ jsx("a", { href: match[3], target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: match[2] }, parts.length)
-      );
-    } else if (match[4]) {
-      parts.push(
-        /* @__PURE__ */ jsx("a", { href: match[4], target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: match[4] }, parts.length)
-      );
-    }
-    lastIndex = match.index + match[0].length;
-  }
-  if (lastIndex < text.length) {
-    parts.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex) }, parts.length));
-  }
-  return parts.length ? parts : [/* @__PURE__ */ jsx(Fragment, { children: text }, 0)];
-};
-export {
-  renderTextWithLinks
-};