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

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

@@ -15,7 +15,8 @@ export declare const VERIFY_FARCASTER_KEY = "VERIFY_FARCASTER";
  * await verifyFarcasterAsync({ ...params });
  */
 export declare const useVerifyFarcaster: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: void | {
@@ -25,9 +26,8 @@ export declare const useVerifyFarcaster: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;
@@ -44,7 +44,7 @@ export declare const useVerifyFarcaster: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
     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;
@@ -53,6 +53,6 @@ export declare const useVerifyFarcaster: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

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

@@ -14,14 +14,15 @@ export declare const VERIFY_NEW_ACCOUNT_KEY = "VERIFY_NEW_ACCOUNT";
  * await verifyNewAccountAsync({ ...params });
  */
 export declare const useVerifyNewAccount: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
-        userId: string;
+        auth: import("@getpara/shared").PrimaryAuth;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;
@@ -30,6 +31,7 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     } | undefined;
     isSuccess: boolean;
     variables: {
@@ -37,7 +39,6 @@ export declare const useVerifyNewAccount: () => {
         useShortUrls?: boolean | undefined;
         verificationCode: string;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;
@@ -48,12 +49,12 @@ export declare const useVerifyNewAccount: () => {
     isPaused: boolean;
     submittedAt: number;
     verifyNewAccount: import("@tanstack/react-query").UseMutateFunction<{
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
-        userId: string;
+        auth: import("@getpara/shared").PrimaryAuth;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;
@@ -62,18 +63,19 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     }, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         verificationCode: string;
     }, unknown>;
     verifyNewAccountAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
-        userId: string;
+        auth: import("@getpara/shared").PrimaryAuth;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;
@@ -82,6 +84,7 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     }, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;

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

@@ -15,7 +15,8 @@ export declare const VERIFY_OAUTH_KEY = "VERIFY_OAUTH";
  * await verifyOAuthAsync({ ...params });
  */
 export declare const useVerifyOAuth: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
@@ -29,7 +30,6 @@ export declare const useVerifyOAuth: () => {
         onOAuthUrl?: ((url: string) => void) | undefined;
         onOAuthPopup?: ((popup: Window) => void) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

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

@@ -15,16 +15,16 @@ export declare const VERIFY_TELEGRAM_KEY = "VERIFY_TELEGRAM";
  * await verifyTelegramAsync({ ...params });
  */
 export declare const useVerifyTelegram: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     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 | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;
@@ -38,12 +38,12 @@ export declare const useVerifyTelegram: () => {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
     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 | undefined;
-        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
+        serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

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

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_LOG_IN_KEY = "WAIT_FOR_LOG_IN";
  * await waitForLoginAsync({ ...params });
  */
 export declare const useWaitForLogin: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
         needsWallet?: boolean | undefined;
         partnerId?: string | undefined;
@@ -26,7 +27,6 @@ export declare const useWaitForLogin: () => {
         skipSessionRefresh?: boolean | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

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

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_SIGN_UP_KEY = "WAIT_FOR_SIGN_UP";
  * await waitForSignupAsync({ ...params });
  */
 export declare const useWaitForSignup: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: true | undefined;
     isSuccess: boolean;
     variables: void | {
@@ -22,7 +23,6 @@ export declare const useWaitForSignup: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

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

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_WALLET_CREATION_KEY = "WAIT_FOR_WALLET_CREATION";
  * await waitForWalletCreationAsync({ ...params });
  */
 export declare const useWaitForWalletCreation: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
         walletIds: import("@getpara/web-sdk").CurrentWalletIds;
         recoverySecret?: string | undefined;
@@ -25,7 +26,6 @@ export declare const useWaitForWalletCreation: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

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/useAccount.js

@@ -1,14 +1,15 @@
 "use client";
 import {
+  __async,
   __objRest,
   __spreadProps,
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useInternalClient } from "../utils/useInternalClient.js";
 import { useIsFullyLoggedIn } from "./useIsFullyLoggedIn.js";
 import { useStore } from "../../stores/useStore.js";
-import { useContext } from "react";
+import { useContext, useEffect, useMemo } from "react";
 import { getEmbeddedAccount } from "../../actions/getEmbeddedAccount.js";
 const ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
 function pickSolanaAdapter(adapter) {
@@ -30,40 +31,71 @@ function pickCosmosAccount(account) {
   const _a = account, { reconnect: _ } = _a, rest = __objRest(_a, ["reconnect"]);
   return rest;
 }
+let lastConnectionState = "";
+let invalidationTimeoutId = null;
+const useInvalidation = (connectionStates, queryKey) => {
+  const queryClient = useQueryClient();
+  useEffect(() => {
+    const connectionStateKey = `${connectionStates.evm}-${connectionStates.cosmos}-${connectionStates.solana}`;
+    if (connectionStateKey === lastConnectionState) {
+      return;
+    }
+    lastConnectionState = connectionStateKey;
+    if (invalidationTimeoutId) {
+      clearTimeout(invalidationTimeoutId);
+    }
+    invalidationTimeoutId = setTimeout(() => {
+      queryClient.invalidateQueries({ queryKey });
+      invalidationTimeoutId = null;
+    }, 0);
+    return () => {
+      if (invalidationTimeoutId) {
+        clearTimeout(invalidationTimeoutId);
+        invalidationTimeoutId = null;
+      }
+    };
+  }, [connectionStates, queryClient]);
+};
 const useAccount = ({ cosmos } = {}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f;
   const client = useInternalClient();
   const { data: isFullyLoggedIn, isSuccess, isLoading: isFullyLoggedInLoading } = useIsFullyLoggedIn();
   const evmContext = useStore((state) => state.evmContext);
   const { useAccount: useEvmAccount } = useContext(evmContext);
   const evmAccount = useEvmAccount();
-  const evmQueryKeys = [evmAccount == null ? void 0 : evmAccount.status, evmAccount == null ? void 0 : evmAccount.addresses, evmAccount == null ? void 0 : evmAccount.chainId];
+  const evmQueryKeys = [evmAccount == null ? void 0 : evmAccount.addresses, evmAccount == null ? void 0 : evmAccount.chainId];
   const cosmosContext = useStore((state) => state.cosmosContext);
   const { useAccount: useCosmosAccount } = useContext(cosmosContext);
   const cosmosAccount = useCosmosAccount(cosmos);
-  const cosmosQueryKeys = [cosmosAccount == null ? void 0 : cosmosAccount.status, cosmosAccount == null ? void 0 : cosmosAccount.data];
+  const cosmosQueryKeys = [cosmosAccount == null ? void 0 : cosmosAccount.data];
   const solanaContext = useStore((state) => state.solanaContext);
   const { useWallet: useSolanaWallet } = useContext(solanaContext);
   const solanaWallet = useSolanaWallet();
-  const solanaQueryKeys = [
-    (_b = (_a = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a.adapter) == null ? void 0 : _b.connected,
-    (_d = (_c = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _c.adapter) == null ? void 0 : _d.connecting,
-    (_f = (_e = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _e.adapter) == null ? void 0 : _f.publicKey
+  const solanaQueryKeys = [(_b = (_a = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a.adapter) == null ? void 0 : _b.publicKey];
+  const solanaAdapter = (_c = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _c.adapter;
+  const queryKey = [
+    ACCOUNT_BASE_KEY,
+    isFullyLoggedIn != null ? isFullyLoggedIn : null,
+    isFullyLoggedInLoading,
+    (_d = client == null ? void 0 : client.userId) != null ? _d : null,
+    evmQueryKeys,
+    cosmosQueryKeys,
+    solanaQueryKeys
   ];
-  const solanaAdapter = (_g = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _g.adapter;
+  const connectionStates = useMemo(() => {
+    var _a2, _b2;
+    return {
+      evm: !!(evmAccount == null ? void 0 : evmAccount.isConnected),
+      cosmos: !!(cosmosAccount == null ? void 0 : cosmosAccount.isConnected),
+      solana: !!((_b2 = (_a2 = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a2.adapter) == null ? void 0 : _b2.connected)
+    };
+  }, [!!(evmAccount == null ? void 0 : evmAccount.isConnected), !!(cosmosAccount == null ? void 0 : cosmosAccount.isConnected), !!((_f = (_e = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _e.adapter) == null ? void 0 : _f.connected)]);
+  useInvalidation(connectionStates, queryKey);
   const { data, isLoading } = useQuery({
     enabled: isSuccess && !!client,
-    queryKey: [
-      ACCOUNT_BASE_KEY,
-      isFullyLoggedIn != null ? isFullyLoggedIn : null,
-      isFullyLoggedInLoading,
-      (_h = client == null ? void 0 : client.userId) != null ? _h : null,
-      evmQueryKeys,
-      cosmosQueryKeys,
-      solanaQueryKeys
-    ],
-    queryFn: () => {
-      const paraAccount = getEmbeddedAccount(client, isFullyLoggedIn);
+    queryKey,
+    queryFn: () => __async(void 0, null, function* () {
+      const paraAccount = yield getEmbeddedAccount(client, isFullyLoggedIn);
       let connectionType = "none";
       if (paraAccount.isConnected) {
         connectionType = "embedded";
@@ -74,7 +106,7 @@ const useAccount = ({ cosmos } = {}) => {
           connectionType = "external";
         }
       }
-      const isEmbeddedConnected = paraAccount.isConnected && (!!paraAccount.userId || paraAccount.isGuestMode);
+      const isEmbeddedConnected = connectionType === "embedded" || connectionType === "both";
       const connectedNetworks = [];
       if (evmAccount == null ? void 0 : evmAccount.isConnected) {
         connectedNetworks.push("evm");
@@ -107,7 +139,7 @@ const useAccount = ({ cosmos } = {}) => {
           solana: pickSolanaAdapter(solanaAdapter)
         }
       };
-    }
+    })
   });
   const defaultResp = {
     isConnected: false,
@@ -134,7 +166,9 @@ const useAccount = ({ cosmos } = {}) => {
       solana: { isConnected: false }
     }
   };
-  return __spreadProps(__spreadValues({}, data != null ? data : defaultResp), { isLoading: isFullyLoggedInLoading || isLoading });
+  return __spreadProps(__spreadValues({}, data != null ? data : defaultResp), {
+    isLoading: isFullyLoggedInLoading || isLoading
+  });
 };
 export {
   ACCOUNT_BASE_KEY,

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,29 @@
+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;
+    /**
+     * Whether to return the comprehensive balance set. If `false` or `undefined`, the results will be filtered and modified based on your `ParaProvider`'s balances configuration.
+     */
+    isComprehensive?: boolean;
+};
+/**
+ * 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,65 @@
+"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";
+import { filterProfileBalance } from "@getpara/shared";
+const useProfileBalance = (options) => {
+  var _a, _b, _c;
+  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 isComprehensive = (_a = options == null ? void 0 : options.isComprehensive) != null ? _a : false;
+  const previousTriggerRef = useRef(options == null ? void 0 : options.refetchTrigger);
+  const shouldRefetchRef = useRef(false);
+  const lastQueryTimeRef = useRef(0);
+  const isInitialLoadRef = useRef(true);
+  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,
+      (_b = client == null ? void 0 : client.userId) != null ? _b : null,
+      (_c = client == null ? void 0 : client.availableWallets.map(({ address }) => address)) != null ? _c : 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 isInitialLoad = isInitialLoadRef.current;
+      const profileBalance = yield client == null ? void 0 : client.getProfileBalance({
+        config,
+        refetch: shouldRefetchRef.current || isInvalidationRefetch || isInitialLoad
+      });
+      lastQueryTimeRef.current = Date.now();
+      shouldRefetchRef.current = false;
+      isInitialLoadRef.current = false;
+      return isComprehensive ? profileBalance : filterProfileBalance(profileBalance, config || { displayType: "AGGREGATED" });
+    }),
+    // 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/useAutoSessionKeepAlive.js

@@ -31,7 +31,7 @@ const useAutoSessionKeepAlive = ({ disabled }) => {
       if (!sessionCookie) return null;
       const expiresMatch = sessionCookie.match(/Expires=([^;]+)/);
       return expiresMatch ? new Date(expiresMatch[1]) : null;
-    } catch (err) {
+    } catch (e) {
       return null;
     }
   });

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

@@ -3,14 +3,15 @@ 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";
+import { useModalStore } from "../../../modal/stores/index.js";
 const useEventListeners = ({
   onLogin,
   onLogout,
@@ -25,8 +26,10 @@ const useEventListeners = ({
   onGuestWalletsCreated
 } = {}) => {
   const queryClient = useQueryClient();
+  const refs = useStore((state) => state.refs);
   const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
   const { updateSelectedWallet } = useWalletState();
+  const setSendTx = useModalStore((state) => state.setSendTx);
   const loginOrSetupListener = useCallback(() => {
     queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
     queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });
@@ -49,18 +52,21 @@ const useEventListeners = ({
   );
   const accountCreationListener = useCallback(
     (event) => {
+      loginOrSetupListener();
       onAccountCreation == null ? void 0 : onAccountCreation(event);
     },
-    [onAccountCreation]
+    [loginOrSetupListener, onAccountCreation]
   );
   const logoutListener = useCallback(
     (event) => {
-      queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
-      queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });
+      queryClient.setQueriesData({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] }, false);
+      queryClient.invalidateQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
+      queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY] });
       clearSelectedWallet();
+      setSendTx(void 0);
       onLogout == null ? void 0 : onLogout(event);
     },
-    [queryClient, clearSelectedWallet, onLogout]
+    [queryClient, clearSelectedWallet, setSendTx, onLogout]
   );
   const signMessageListener = useCallback(
     (event) => {
@@ -113,7 +119,15 @@ const useEventListeners = ({
     },
     [queryClient, updateSelectedWallet, onGuestWalletsCreated]
   );
+  const assetTransferListener = useCallback(() => {
+    refs.balancesInvalidationTime.current = Date.now();
+    queryClient.invalidateQueries({
+      queryKey: ["useProfileBalance"],
+      refetchType: "active"
+    });
+  }, [queryClient, refs.balancesInvalidationTime]);
   useEffect(() => {
+    if (typeof window === "undefined") return;
     window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);
     window.addEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
     window.addEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
@@ -125,7 +139,9 @@ 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 () => {
+      if (typeof window === "undefined") return;
       window.removeEventListener(ParaEvent.LOGIN_EVENT, loginListener);
       window.removeEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
       window.removeEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
@@ -137,6 +153,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 };