@getpara/react-sdk-lite 2.0.0-alpha.52 → 2.0.0-alpha.54

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

@@ -1,5 +1,4 @@
-import { Network } from '@getpara/web-sdk';
-export declare const formatNetworkList: (networks: Network[]) => string;
+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

@@ -6,6 +6,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { useStore } from "./stores/useStore.js";
+import { useModalStore } from "../modal/stores/index.js";
 import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
 import { useEventListeners } from "./hooks/utils/useEventListeners.js";
 import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
@@ -15,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 });
@@ -37,6 +39,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
   const setProviderProps = useStore((state) => state.setProviderProps);
+  const setModalError = useModalStore((state) => state.setModalError);
   const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
   useEffect(() => {
     setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
@@ -97,6 +100,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
       throw new Error("Invalid Para config");
     }
     const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+    newClient.setModalError = setModalError;
     if (newClient.isReady) {
       setIsClientReady(true);
     } else {
@@ -126,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/actions/index.d.ts

@@ -29,19 +29,19 @@ export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
 export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
 export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
 export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
-    auth: import("@getpara/user-management-client").VerifiedAuth;
+    auth: import("@getpara/shared").VerifiedAuth;
 } | {
-    externalWallet: import("@getpara/user-management-client").ExternalWalletInfo;
+    externalWallet: import("@getpara/shared").ExternalWalletInfo;
 } | {
-    type: import("@getpara/user-management-client").TLinkedAccountType | "X";
+    type: import("@getpara/shared").TLinkedAccountType | "X";
 } | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
 export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
     linkedAccountId: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
 export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
     verificationCode?: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/user-management-client").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/shared").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;

package/dist/provider/components/ExternalWalletWrapper.js

@@ -11,6 +11,7 @@ import { EvmWalletWrapper } from "./EvmWalletWrapper.js";
 import { CosmosWalletWrapper } from "./CosmosWalletWrapper.js";
 import { SolanaWalletWrapper } from "./SolanaWalletWrapper.js";
 import { useStore } from "../stores/useStore.js";
+import { useInternalClient } from "../hooks/utils/useInternalClient.js";
 const ExternalWalletWrapper = ({
   children,
   config
@@ -20,8 +21,12 @@ const ExternalWalletWrapper = ({
   const appName = useStore((state) => state.appName);
   const resetModalState = useModalStore((state) => state.resetState);
   const wallets = useStore((state) => state.externalWallets);
+  const para = useInternalClient();
   useEffect(() => {
     if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId)) {
+      para.setModalError(
+        "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Refer to our docs at [https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers](https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers) for configuration details and sign up for your free key at [https://cloud.walletconnect.com/sign-in](https://cloud.walletconnect.com/sign-in)"
+      );
       console.warn(
         "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
       );

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

@@ -24,7 +24,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -66,7 +66,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -96,7 +96,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;

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/user-management-client").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/user-management-client").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/user-management-client").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/useVerifyNewAccount.d.ts

@@ -20,7 +20,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
@@ -52,7 +52,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
@@ -72,7 +72,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;

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 };

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

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { AssetMetadataIndexed, ProfileBalance } from '@getpara/web-sdk';
+type Value = {
+    displayCurrency: 'USD';
+    profileBalance: ProfileBalance | null;
+    profileBalanceIsPending: boolean;
+    assetMetadata: AssetMetadataIndexed | null;
+    assetMetadataIsPending: boolean;
+    totalBalance: string | undefined;
+};
+export declare const AssetsContext: import("react").Context<Value>;
+export declare function AssetsProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare const useAssets: () => Value;
+export {};