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

package/dist/modal/hooks/useFarcasterLogin.js

@@ -0,0 +1,70 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useEffect, useState } from "react";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+import { useModalStore } from "../stores/index.js";
+import { useAuthActions } from "../../provider/providers/AuthProvider.js";
+const useFarcasterLogin = ({
+  isActive = false
+} = {}) => {
+  const para = useInternalClient();
+  const refs = useModalStore((state) => state.refs);
+  const { verifyFarcasterStatus, verifyFarcaster } = useAuthActions();
+  const [url, setUrl] = useState();
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [msgStatus, setMsgStatus] = useState("idle");
+  const status = msgStatus === "success" ? verifyFarcasterStatus : msgStatus;
+  useEffect(() => {
+    const setup = () => __async(void 0, null, function* () {
+      if (!url) {
+        yield para.logout();
+        yield para.touchSession(true);
+        para.constructPortalUrl("loginFarcaster").then(setUrl);
+      }
+    });
+    if (isActive) {
+      setup();
+    }
+  }, [isActive, url]);
+  useEffect(() => {
+    const updateState = (event) => __async(void 0, null, function* () {
+      var _a, _b;
+      switch (event.data.type) {
+        case "FARCASTER_LOGIN":
+          setMsgStatus("pending");
+          break;
+        case "FARCASTER_FAILED":
+          setMsgStatus("error");
+          break;
+        case "FARCASTER_SUCCESS":
+          setMsgStatus("success");
+          if (!!event.data.payload) {
+            const authObject = event.data.payload;
+            try {
+              yield verifyFarcaster(authObject);
+            } catch (e) {
+              (_b = (_a = refs.telegramIFrame.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage({ type: "FARCASTER_RETRY" }, "*");
+            }
+          }
+          break;
+      }
+    });
+    if (isActive) {
+      window == null ? void 0 : window.addEventListener("message", updateState, false);
+    }
+    return () => {
+      window == null ? void 0 : window.removeEventListener("message", updateState, false);
+    };
+  }, [isActive]);
+  return {
+    url,
+    isLoaded,
+    setIsLoaded,
+    status
+  };
+};
+export {
+  useFarcasterLogin
+};

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

@@ -1,9 +1,10 @@
-import { TelegramAuthResponse } from '@getpara/user-management-client';
+import { TelegramAuthResponse, VerifyThirdPartyAuth } from '@getpara/user-management-client';
 import { MutationStatus } from '@tanstack/react-query';
-export declare const useTelegramLogin: ({ isActive, onSubmit, status: propsStatus, }?: {
+export declare const useTelegramLogin: ({ isActive, onSubmit, status: propsStatus, isLinking, }?: {
     isActive?: boolean;
-    onSubmit?: (_: TelegramAuthResponse) => void;
+    onSubmit?: (_: VerifyThirdPartyAuth | TelegramAuthResponse) => void;
     status?: MutationStatus;
+    isLinking?: boolean;
 }) => {
     url: string | undefined;
     isLoaded: boolean;

package/dist/modal/hooks/useTelegramLogin.js

@@ -8,7 +8,8 @@ import { useModalStore } from "../stores/index.js";
 const useTelegramLogin = ({
   isActive = false,
   onSubmit,
-  status: propsStatus
+  status: propsStatus,
+  isLinking
 } = {}) => {
   const para = useInternalClient();
   const refs = useModalStore((state) => state.refs);
@@ -17,10 +18,17 @@ const useTelegramLogin = ({
   const [msgStatus, setMsgStatus] = useState("idle");
   const status = msgStatus === "success" ? propsStatus : msgStatus;
   useEffect(() => {
-    if (isActive) {
+    const setup = () => __async(void 0, null, function* () {
       if (!url) {
-        para.constructPortalUrl("telegramLogin").then(setUrl);
+        if (!isLinking) {
+          yield para.logout();
+          yield para.touchSession(true);
+        }
+        para.constructPortalUrl(!isLinking ? "telegramLoginVerify" : "telegramLogin").then(setUrl);
       }
+    });
+    if (isActive) {
+      setup();
     }
   }, [isActive, url]);
   useEffect(() => {

package/dist/modal/types/modalProps.d.ts

@@ -1,4 +1,4 @@
-import ParaWeb, { CurrentWalletIds, SupportedAccountLinks, TOAuthMethod } from '@getpara/web-sdk';
+import ParaWeb, { BalancesConfig, CurrentWalletIds, SupportedAccountLinks, TOAuthMethod } from '@getpara/web-sdk';
 import { Theme } from '@getpara/react-components';
 import { OnModalStepChangeValue } from '../stores/index.js';
 import { ModalStep, ModalStepProp } from '../utils/steps.js';
@@ -126,4 +126,8 @@ export interface ParaModalProps {
      * If not provided, will default to your Developer Portal configuration or to all available account types.
      */
     supportedAccountLinks?: SupportedAccountLinks;
+    /**
+     * Configuration for the profile balances displayed in the Para Modal.
+     */
+    balances?: BalancesConfig;
 }

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

@@ -39,7 +39,8 @@ export declare enum ModalStep {
     ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
     ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
     ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
-    AWAITING_IFRAME = "AWAITING_IFRAME"
+    AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
+    OTP = "OTP"
 }
 export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
 export type ModalStepPropL = Lowercase<ModalStepPropU>;
@@ -91,7 +92,8 @@ declare enum SignUpModalStep {
     ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
     ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
     ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
-    AWAITING_IFRAME = "AWAITING_IFRAME"
+    AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
+    OTP = "OTP"
 }
 export declare const SignUpPreviousStep: {
     [key in SignUpModalStep]: ModalStep | undefined;
@@ -125,7 +127,8 @@ declare enum LoginModalStep {
     ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
     ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
     ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
-    AWAITING_IFRAME = "AWAITING_IFRAME"
+    AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
+    OTP = "OTP"
 }
 export declare const LoginPreviousStep: {
     [key in LoginModalStep]: ModalStep | undefined;

package/dist/modal/utils/steps.js

@@ -40,7 +40,8 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["ACCOUNT_PROFILE_ADD"] = "ACCOUNT_PROFILE_ADD";
   ModalStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
   ModalStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
-  ModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  ModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  ModalStep2["OTP"] = "OTP";
   return ModalStep2;
 })(ModalStep || {});
 var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
@@ -72,7 +73,7 @@ const RESET_TO_AUTH_STEPS = [
   "AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */,
   "PASSWORD_CREATION" /* PASSWORD_CREATION */,
   "AWAITING_PASSWORD_CREATION" /* AWAITING_PASSWORD_CREATION */,
-  "AWAITING_IFRAME" /* AWAITING_IFRAME */,
+  "AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */,
   "BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */,
   "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */,
   "AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */,
@@ -83,7 +84,8 @@ const RESET_TO_AUTH_STEPS = [
   "SETUP_2FA" /* SETUP_2FA */,
   "VERIFY_2FA" /* VERIFY_2FA */,
   "TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */,
-  "LOGIN_DONE" /* LOGIN_DONE */
+  "LOGIN_DONE" /* LOGIN_DONE */,
+  "OTP" /* OTP */
 ];
 const RESET_TO_ACCOUNT_STEPS = [
   "AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */,
@@ -141,7 +143,8 @@ var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
   SignUpModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
   SignUpModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
-  SignUpModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  SignUpModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  SignUpModalStep2["OTP"] = "OTP";
   return SignUpModalStep2;
 })(SignUpModalStep || {});
 const SignUpPreviousStep = {
@@ -171,7 +174,8 @@ const SignUpPreviousStep = {
   ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
   ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
   ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
-  ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
+  ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
 };
 const GuestPreviousStep = Object.fromEntries([
   ...Object.entries(SignUpPreviousStep).map(([key, value]) => {
@@ -208,7 +212,8 @@ var LoginModalStep = /* @__PURE__ */ ((LoginModalStep2) => {
   LoginModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
   LoginModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
   LoginModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
-  LoginModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  LoginModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  LoginModalStep2["OTP"] = "OTP";
   return LoginModalStep2;
 })(LoginModalStep || {});
 const LoginPreviousStep = {
@@ -237,7 +242,8 @@ const LoginPreviousStep = {
   ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
   ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
   ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
-  ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
+  ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
 };
 const getStepHasFooter = (step) => {
   switch (step) {
@@ -264,7 +270,7 @@ function getAddFundsStep(currentTab) {
       return "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */;
   }
 }
-const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */];
+const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */, "OTP" /* OTP */];
 export {
   AccountPreviousStep,
   GuestPreviousStep,

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

@@ -2,4 +2,3 @@ import { TNetwork } from '@getpara/web-sdk';
 export declare const formatNetworkList: (networks: TNetwork[]) => string;
 export declare const formatWalletCreatedDate: (date: string) => string;
 export declare const camelToSnakeCase: (str: string) => string;
-export declare const formatBalanceString: (str: string) => string;

package/dist/modal/utils/stringFormatters.js

@@ -7,13 +7,8 @@ const formatNetworkList = (networks) => {
 };
 const formatWalletCreatedDate = (date) => `${format(new Date(date), "M/d/y")}`;
 const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
-const formatBalanceString = (str) => {
-  const numericBalance = parseFloat(str);
-  return `$${numericBalance.toLocaleString(void 0, { maximumFractionDigits: 2 })}`;
-};
 export {
   camelToSnakeCase,
-  formatBalanceString,
   formatNetworkList,
   formatWalletCreatedDate
 };

package/dist/provider/ParaProviderMin.js

@@ -16,6 +16,7 @@ import ParaWeb from "@getpara/web-sdk";
 import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
 import { AuthProvider } from "./providers/AuthProvider.js";
 import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
+import { AssetsProvider } from "./providers/AssetsProvider.js";
 const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
   useEventListeners(callbacks);
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
@@ -129,10 +130,10 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
         login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
         createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
       },
-      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
+      children: /* @__PURE__ */ jsx(AssetsProvider, { children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
         children,
         !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) })
+      ] }) }) })
     }
   );
 });

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

@@ -16,7 +16,7 @@ export declare const SIGN_UP_LOG_IN_KEY = "SIGN_UP_LOG_IN";
  */
 export declare const useSignUpOrLogIn: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify> | undefined;
+    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -33,12 +33,12 @@ export declare const useSignUpOrLogIn: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
+    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;
     }, unknown>;
-    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
+    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;

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

@@ -16,7 +16,7 @@ export declare const VERIFY_FARCASTER_KEY = "VERIFY_FARCASTER";
  */
 export declare const useVerifyFarcaster: () => {
     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: void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -25,6 +25,7 @@ export declare const useVerifyFarcaster: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     } | undefined;
     error: Error | null;
     isError: boolean;
@@ -36,20 +37,22 @@ export declare const useVerifyFarcaster: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
+    verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         onPoll?: (() => void) | undefined;
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
-    verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
+    verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         onPoll?: (() => void) | undefined;
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

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

@@ -16,7 +16,7 @@ export declare const VERIFY_OAUTH_KEY = "VERIFY_OAUTH";
  */
 export declare const useVerifyOAuth: () => {
     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;
@@ -39,7 +39,7 @@ export declare const useVerifyOAuth: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyOAuth: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyOAuth: 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;
         method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;
@@ -50,7 +50,7 @@ export declare const useVerifyOAuth: () => {
         onOAuthUrl?: ((url: string) => void) | undefined;
         onOAuthPopup?: ((popup: Window) => void) | undefined;
     }, unknown>;
-    verifyOAuthAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyOAuthAsync: 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;
         method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;

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/shared").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/shared").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/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

package/dist/provider/hooks/queries/index.d.ts

@@ -4,3 +4,4 @@ export { useWallet } from './useWallet.js';
 export { useWalletBalance } from './useWalletBalance.js';
 export { useLinkedAccounts } from './useLinkedAccounts.js';
 export { useAccountLinkInProgress } from './useAccountLinkInProgress.js';
+export { useProfileBalance } from './useProfileBalance.js';

package/dist/provider/hooks/queries/index.js

@@ -6,11 +6,13 @@ import { useWallet } from "./useWallet.js";
 import { useWalletBalance } from "./useWalletBalance.js";
 import { useLinkedAccounts } from "./useLinkedAccounts.js";
 import { useAccountLinkInProgress } from "./useAccountLinkInProgress.js";
+import { useProfileBalance } from "./useProfileBalance.js";
 export {
   useAccount,
   useAccountLinkInProgress,
   useLinkedAccounts,
   useParaStatus,
+  useProfileBalance,
   useWallet,
   useWalletBalance
 };

package/dist/provider/hooks/queries/useLinkedAccounts.js

@@ -5,13 +5,15 @@ import {
 import { useQuery } from "@tanstack/react-query";
 import { useInternalClient } from "../utils/useInternalClient.js";
 import { getLinkedAccounts } from "../../actions/index.js";
+import { useAccount } from "./useAccount.js";
 const LINKED_ACCOUNTS_BASE_KEY = "PARA_LINKED_ACCOUNTS";
 const useLinkedAccounts = (params = { withMetadata: false }) => {
   var _a;
   const client = useInternalClient();
+  const { connectionType } = useAccount();
   return useQuery({
-    enabled: !!(client == null ? void 0 : client.isReady),
-    queryKey: [LINKED_ACCOUNTS_BASE_KEY, (_a = client == null ? void 0 : client.userId) != null ? _a : null, params],
+    enabled: !!(client == null ? void 0 : client.isReady) && ["both", "embedded"].includes(connectionType),
+    queryKey: [LINKED_ACCOUNTS_BASE_KEY, (_a = client == null ? void 0 : client.userId) != null ? _a : null, connectionType, params],
     queryFn: () => __async(void 0, null, function* () {
       var _a2;
       return (_a2 = yield getLinkedAccounts(client, params)) != null ? _a2 : [];

package/dist/provider/hooks/queries/useProfileBalance.d.ts

@@ -0,0 +1,25 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ProfileBalance } from '@getpara/web-sdk';
+/**
+ * Options for the useProfileBalance hook.
+ */
+type UseProfileBalanceOptions = {
+    /**
+     * A value that, when changed, will recalculate the current profile's balances.
+     *
+     * Use a counter (increment when you want to refetch) or timestamp for one-time refetches.
+     *
+     * When not provided, internal SDK events (like asset transfers) will still trigger refetches via React Query invalidation.
+     */
+    refetchTrigger?: number | string;
+};
+/**
+ * React Query hook for retrieving the asset balance for your currently connected wallets.
+ *
+ * @returns {ProfileBalance}
+ *   The profile balance object, containing the aggregated balance for all wallets and entries for each wallet, further divided by various assets and networks.
+ *
+ *   The profile balance will be denoted in USD or in a custom asset you specify, depending on your ParaProvider configuration.
+ */
+export declare const useProfileBalance: (options?: UseProfileBalanceOptions) => UseQueryResult<ProfileBalance>;
+export {};

package/dist/provider/hooks/queries/useProfileBalance.js

@@ -0,0 +1,60 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useQuery } from "@tanstack/react-query";
+import { useRef, useEffect } from "react";
+import { useStore } from "../../stores/useStore.js";
+import { useInternalClient } from "../utils/useInternalClient.js";
+import { useIsFullyLoggedIn } from "./useIsFullyLoggedIn.js";
+const useProfileBalance = (options) => {
+  var _a, _b;
+  const client = useInternalClient();
+  const { data: isFullyLoggedIn, isSuccess } = useIsFullyLoggedIn();
+  const config = useStore((state) => {
+    var _a2;
+    return (_a2 = state.modalConfig) == null ? void 0 : _a2.balances;
+  });
+  const refs = useStore((state) => state.refs);
+  const previousTriggerRef = useRef(options == null ? void 0 : options.refetchTrigger);
+  const shouldRefetchRef = useRef(false);
+  const lastQueryTimeRef = useRef(0);
+  useEffect(() => {
+    if ((options == null ? void 0 : options.refetchTrigger) !== previousTriggerRef.current) {
+      shouldRefetchRef.current = true;
+      previousTriggerRef.current = options == null ? void 0 : options.refetchTrigger;
+    }
+  }, [options == null ? void 0 : options.refetchTrigger]);
+  return useQuery({
+    enabled: isSuccess && !!client,
+    queryKey: [
+      "useProfileBalance",
+      isFullyLoggedIn != null ? isFullyLoggedIn : null,
+      (_a = client == null ? void 0 : client.userId) != null ? _a : null,
+      (_b = client == null ? void 0 : client.availableWallets.map(({ address }) => address)) != null ? _b : null,
+      config != null ? config : null
+      // Note: refetchTrigger is NOT in query key to allow cache sharing
+    ],
+    staleTime: 3e4,
+    retry: 3,
+    queryFn: () => __async(void 0, null, function* () {
+      var _a2;
+      if (!client || !isFullyLoggedIn) {
+        return null;
+      }
+      const isInvalidationRefetch = ((_a2 = refs.balancesInvalidationTime.current) != null ? _a2 : 0) > lastQueryTimeRef.current;
+      const profileBalance = yield client == null ? void 0 : client.getProfileBalance({
+        config,
+        refetch: shouldRefetchRef.current || isInvalidationRefetch
+      });
+      lastQueryTimeRef.current = Date.now();
+      shouldRefetchRef.current = false;
+      return profileBalance;
+    }),
+    // We handle refetch manually
+    refetchOnWindowFocus: false
+  });
+};
+export {
+  useProfileBalance
+};

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

@@ -0,0 +1,3 @@
+import { AssetMetadataIndexed } from '@getpara/web-sdk';
+import { UseQueryResult } from '@tanstack/react-query';
+export declare const useAssetInfo: () => UseQueryResult<AssetMetadataIndexed>;

package/dist/provider/hooks/utils/useAssetInfo.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useInternalClient } from "../utils/useInternalClient.js";
+import { useQuery } from "@tanstack/react-query";
+const useAssetInfo = () => {
+  const client = useInternalClient();
+  return useQuery({
+    enabled: !!client,
+    queryKey: ["useAssetInfo"],
+    staleTime: 15e3,
+    queryFn: () => __async(void 0, null, function* () {
+      const { assets } = yield client == null ? void 0 : client.ctx.client.getAssetInfo();
+      return assets;
+    })
+  });
+};
+export {
+  useAssetInfo
+};

package/dist/provider/hooks/utils/useEventListeners.js

@@ -3,11 +3,11 @@ import "../../../chunk-MMUBH76A.js";
 import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useEffect } from "react";
 import { useWalletState } from "../index.js";
+import { useStore } from "../../stores/useStore.js";
 import {
   ParaEvent
 } from "@getpara/web-sdk";
 import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
-import { useStore } from "../../stores/useStore.js";
 import { WALLET_BASE_KEY } from "../queries/useWallet.js";
 import { WALLET_BALANCE_BASE_KEY } from "../queries/useWalletBalance.js";
 import { IS_FULLY_LOGGED_IN_BASE_KEY } from "../queries/useIsFullyLoggedIn.js";
@@ -25,6 +25,7 @@ const useEventListeners = ({
   onGuestWalletsCreated
 } = {}) => {
   const queryClient = useQueryClient();
+  const refs = useStore((state) => state.refs);
   const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
   const { updateSelectedWallet } = useWalletState();
   const loginOrSetupListener = useCallback(() => {
@@ -113,6 +114,13 @@ const useEventListeners = ({
     },
     [queryClient, updateSelectedWallet, onGuestWalletsCreated]
   );
+  const assetTransferListener = useCallback(() => {
+    refs.balancesInvalidationTime.current = Date.now();
+    queryClient.invalidateQueries({
+      queryKey: ["useProfileBalance"],
+      refetchType: "active"
+    });
+  }, [queryClient, refs.balancesInvalidationTime]);
   useEffect(() => {
     window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);
     window.addEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
@@ -125,6 +133,7 @@ const useEventListeners = ({
     window.addEventListener(ParaEvent.WALLET_CREATED, walletCreatedListener);
     window.addEventListener(ParaEvent.PREGEN_WALLET_CLAIMED, pregenWalletClaimedListener);
     window.addEventListener(ParaEvent.GUEST_WALLETS_CREATED, guestWalletsCreatedListener);
+    window.addEventListener(ParaEvent.ASSET_TRANSFERRED, assetTransferListener);
     return () => {
       window.removeEventListener(ParaEvent.LOGIN_EVENT, loginListener);
       window.removeEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
@@ -137,6 +146,7 @@ const useEventListeners = ({
       window.removeEventListener(ParaEvent.WALLET_CREATED, walletCreatedListener);
       window.removeEventListener(ParaEvent.PREGEN_WALLET_CLAIMED, pregenWalletClaimedListener);
       window.removeEventListener(ParaEvent.GUEST_WALLETS_CREATED, guestWalletsCreatedListener);
+      window.removeEventListener(ParaEvent.ASSET_TRANSFERRED, assetTransferListener);
     };
   }, [
     loginListener,

package/dist/provider/hooks/utils/useModal.js

@@ -5,11 +5,11 @@ import { useStore } from "../../stores/useStore.js";
 const useModal = () => {
   const isOpen = useStore((state) => state.isOpen);
   const setIsOpen = useStore((state) => state.setIsOpen);
-  const openedToStep = useStore((state) => state.openedToStep);
+  const refs = useStore((state) => state.refs);
   const setStep = useModalStore((state) => state.setStep);
   const openModal = ({ step } = {}) => {
     if (step) {
-      openedToStep.current = step;
+      refs.openedToStep.current = step;
       setStep(step);
     }
     if (!isOpen) {
@@ -17,7 +17,7 @@ const useModal = () => {
     }
   };
   const closeModal = () => {
-    openedToStep.current = null;
+    refs.openedToStep.current = null;
     setIsOpen(false);
   };
   return { isOpen, openModal, closeModal };