@dynamic-labs/sdk-react-core 4.29.6 → 4.30.1

package/src/lib/data/api/externalAuth/externalAuth.cjs

@@ -4,12 +4,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var client = require('@dynamic-labs-sdk/client');
 var utils$1 = require('@dynamic-labs/utils');
 require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs/sdk-api-core');
 require('../../../client/client.cjs');
 require('react');
-require('@dynamic-labs-sdk/client');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -33,33 +33,11 @@ require('../../../events/dynamicEvents.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 var storeTokenAndUser = require('../../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
 
-const externalAuthSignin = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, sessionPublicKey, }) {
-    try {
-        const response = yield api.sdkApi().externalAuthSignin({
-            environmentId,
-            externalAuthSigninRequest: {
-                jwt: externalJwt,
-                sessionPublicKey,
-            },
-        });
-        return storeTokenAndUser.storeTokenAndUser(response);
-    }
-    catch (e) {
-        const data = yield utils.logResponseError(e, 'Error signing in with external JWT');
-        if (data.code === 'invalid_external_auth') {
-            throw new utils$1.ExternalAuthError(data.code);
-        }
-        if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
-        }
-        throw new utils$1.DynamicError(data.error);
-    }
-});
 /**
- * @deprecated Use `externalAuthSignin` instead.
+ * @deprecated Use `signInWithExternalJwt` instead.
  * This currently does not work.
  */
-const externalAuthVerify = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ environmentId, externalJwt, }) {
+const externalAuthVerify = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, }) {
     try {
         /* istanbul ignore next */
         const response = (yield api.sdkApi().externalAuthVerify({
@@ -74,7 +52,9 @@ const externalAuthVerify = (_b) => _tslib.__awaiter(void 0, [_b], void 0, functi
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error verifying external JWT');
         if (data.code === 'invalid_external_auth') {
-            throw new utils$1.ExternalAuthError(data.code);
+            throw new client.InvalidExternalAuthError({
+                cause: data,
+            });
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
@@ -83,5 +63,4 @@ const externalAuthVerify = (_b) => _tslib.__awaiter(void 0, [_b], void 0, functi
     }
 });
 
-exports.externalAuthSignin = externalAuthSignin;
 exports.externalAuthVerify = externalAuthVerify;

package/src/lib/data/api/externalAuth/externalAuth.d.ts

@@ -1,11 +1,6 @@
 import { UserProfile } from '../../../..';
-export declare const externalAuthSignin: ({ environmentId, externalJwt, sessionPublicKey, }: {
-    environmentId: string;
-    externalJwt?: string;
-    sessionPublicKey?: string;
-}) => Promise<UserProfile | undefined>;
 /**
- * @deprecated Use `externalAuthSignin` instead.
+ * @deprecated Use `signInWithExternalJwt` instead.
  * This currently does not work.
  */
 export declare const externalAuthVerify: ({ environmentId, externalJwt, }: {

package/src/lib/data/api/externalAuth/externalAuth.js

@@ -1,11 +1,11 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { ExternalAuthError, SandboxMaximumThresholdReachedError, DynamicError } from '@dynamic-labs/utils';
+import { InvalidExternalAuthError } from '@dynamic-labs-sdk/client';
+import { SandboxMaximumThresholdReachedError, DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../client/client.js';
 import 'react';
-import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
 import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
@@ -29,33 +29,11 @@ import '../../../events/dynamicEvents.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import { storeTokenAndUser } from '../../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
 
-const externalAuthSignin = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, sessionPublicKey, }) {
-    try {
-        const response = yield sdkApi().externalAuthSignin({
-            environmentId,
-            externalAuthSigninRequest: {
-                jwt: externalJwt,
-                sessionPublicKey,
-            },
-        });
-        return storeTokenAndUser(response);
-    }
-    catch (e) {
-        const data = yield logResponseError(e, 'Error signing in with external JWT');
-        if (data.code === 'invalid_external_auth') {
-            throw new ExternalAuthError(data.code);
-        }
-        if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new SandboxMaximumThresholdReachedError(data.error.message);
-        }
-        throw new DynamicError(data.error);
-    }
-});
 /**
- * @deprecated Use `externalAuthSignin` instead.
+ * @deprecated Use `signInWithExternalJwt` instead.
  * This currently does not work.
  */
-const externalAuthVerify = (_b) => __awaiter(void 0, [_b], void 0, function* ({ environmentId, externalJwt, }) {
+const externalAuthVerify = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, }) {
     try {
         /* istanbul ignore next */
         const response = (yield sdkApi().externalAuthVerify({
@@ -70,7 +48,9 @@ const externalAuthVerify = (_b) => __awaiter(void 0, [_b], void 0, function* ({
     catch (e) {
         const data = yield logResponseError(e, 'Error verifying external JWT');
         if (data.code === 'invalid_external_auth') {
-            throw new ExternalAuthError(data.code);
+            throw new InvalidExternalAuthError({
+                cause: data,
+            });
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new SandboxMaximumThresholdReachedError(data.error.message);
@@ -79,4 +59,4 @@ const externalAuthVerify = (_b) => __awaiter(void 0, [_b], void 0, function* ({
     }
 });
 
-export { externalAuthSignin, externalAuthVerify };
+export { externalAuthVerify };

package/src/lib/data/api/oauth/oauth.cjs

@@ -74,11 +74,13 @@ const verifyOAuth = (environmentId_1, providerType_1, _b) => _tslib.__awaiter(vo
     }
 });
 const unlinkOAuth = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, verifiedCrentialId, }) {
+    // 7702 wallets have a -zerodev suffix because it's a credential created on the fly
+    const normalizedPrimaryWalletId = primaryWalletId === null || primaryWalletId === void 0 ? void 0 : primaryWalletId.replace('-zerodev', '');
     try {
         const response = yield api.sdkApi().verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
-                primaryWalletId,
+                primaryWalletId: normalizedPrimaryWalletId,
                 verifiedCrentialId,
             },
         });

package/src/lib/data/api/oauth/oauth.js

@@ -70,11 +70,13 @@ const verifyOAuth = (environmentId_1, providerType_1, _b) => __awaiter(void 0, [
     }
 });
 const unlinkOAuth = (_c) => __awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, verifiedCrentialId, }) {
+    // 7702 wallets have a -zerodev suffix because it's a credential created on the fly
+    const normalizedPrimaryWalletId = primaryWalletId === null || primaryWalletId === void 0 ? void 0 : primaryWalletId.replace('-zerodev', '');
     try {
         const response = yield sdkApi().verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
-                primaryWalletId,
+                primaryWalletId: normalizedPrimaryWalletId,
                 verifiedCrentialId,
             },
         });

package/src/lib/events/dynamicEvents.cjs

@@ -23,6 +23,7 @@ const externalEvents = [
     'mfaCompletionSuccess',
     'primaryWalletChanged',
     'primaryWalletNetworkChanged',
+    'walletConnectionQrCodeReady',
     'smsVerificationResult',
     'walletAdded',
     'walletRemoved',

package/src/lib/events/dynamicEvents.d.ts

@@ -14,7 +14,7 @@ import { WalletEvents } from './wallets';
 export type DynamicEvents = AuthEvents & UIEvents & OTPEvents & WalletEvents & PasskeyEvents & SocialEvents & EmbeddedWalletEvents & MultiWalletInternalEvents & TokenBalancesEvents & UserEvents & FundingEvents;
 type PublicDynamicEvents = Pick<DynamicEvents, typeof externalEvents[number]>;
 /** Which events are accessible by our clients */
-export declare const externalEvents: ("authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding")[];
+export declare const externalEvents: ("authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "walletConnectionQrCodeReady" | "embeddedWalletCreated" | "walletConnectedForFunding")[];
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
 export declare const publicDynamicEvents: EventEmitter<PublicDynamicEvents, any>;
 export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/events/dynamicEvents.js

@@ -15,6 +15,7 @@ const externalEvents = [
     'mfaCompletionSuccess',
     'primaryWalletChanged',
     'primaryWalletNetworkChanged',
+    'walletConnectionQrCodeReady',
     'smsVerificationResult',
     'walletAdded',
     'walletRemoved',

package/src/lib/events/wallets.d.ts

@@ -37,4 +37,6 @@ export type WalletEvents = {
     userWalletsPopulated: (userWallets: Wallet[]) => void;
     /** Triggered when Dynamic fails to connect to a wallet */
     walletConnectionFailed: (walletConnector: WalletConnector, error: unknown) => void;
+    /** Triggered when a wallet connection QR code is ready */
+    walletConnectionQrCodeReady: (qrCodeUri: string) => void;
 };

package/src/lib/shared/utils/functions/chain/getChainIcon.cjs

@@ -18,6 +18,7 @@ const chainIconMap = {
     evm: iconic.EthereumIcon,
     flow: iconic.FlowIcon,
     solana: iconic.SolanaIcon,
+    spark: iconic.SparkIcon,
     starknet: iconic.StarknetIcon,
     sui: iconic.SuiIcon,
 };

package/src/lib/shared/utils/functions/chain/getChainIcon.js

@@ -1,5 +1,5 @@
 'use client'
-import { AlgorandIcon, BitcoinIcon, CosmosIcon, EclipseIcon, EthereumIcon, FlowIcon, SolanaIcon, StarknetIcon, SuiIcon } from '@dynamic-labs/iconic';
+import { AlgorandIcon, BitcoinIcon, CosmosIcon, EclipseIcon, EthereumIcon, FlowIcon, SolanaIcon, SparkIcon, StarknetIcon, SuiIcon } from '@dynamic-labs/iconic';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import { ReactComponent as SvgError } from '../../../assets/error.js';
@@ -14,6 +14,7 @@ const chainIconMap = {
     evm: EthereumIcon,
     flow: FlowIcon,
     solana: SolanaIcon,
+    spark: SparkIcon,
     starknet: StarknetIcon,
     sui: SuiIcon,
 };

package/src/lib/shared/utils/functions/index.d.ts

@@ -4,7 +4,6 @@ export * from './chain';
 export * from './wallet';
 export * from './getValueByKey';
 export * from './detectBrowser';
-export * from './shortenWalletAddress';
 export * from './debounce';
 export * from './isSSR';
 export * from './isDisplayOrderPriorityForWeb3';

package/src/lib/shared/utils/functions/shortenWalletAddress/index.d.ts

@@ -1 +1 @@
-export { shortenWalletAddress } from './shortenWalletAddress';
+export * from './shortenWalletAddress';

package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs

@@ -3,12 +3,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const shortenWalletAddress = (walletAddress, first = 6, last = 4) => {
+// These are constant to ensure we keep a consistent length for cropped
+// wallet addresses throughout the app.
+const before = 4;
+const after = 4;
+// While it would be useful to export this function, we need to ensure the wallet lengths
+// follow a standard. Therefore, we export the functions with the specific lengths.
+const shortenWalletAddress = (walletAddress) => {
     if (!walletAddress)
         return '';
-    if (walletAddress.length <= first + last)
+    if (walletAddress.length <= before + after)
         return walletAddress;
-    return walletAddress.replace(walletAddress.substring(first, Number(walletAddress.length) - last), '...');
+    return walletAddress.replace(walletAddress.substring(before, Number(walletAddress.length) - after), '...');
 };
 
 exports.shortenWalletAddress = shortenWalletAddress;

package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.d.ts

@@ -1 +1 @@
-export declare const shortenWalletAddress: (walletAddress: string | undefined, first?: number, last?: number) => string;
+export declare const shortenWalletAddress: (walletAddress: string | undefined) => string;

package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js

@@ -1,10 +1,16 @@
 'use client'
-const shortenWalletAddress = (walletAddress, first = 6, last = 4) => {
+// These are constant to ensure we keep a consistent length for cropped
+// wallet addresses throughout the app.
+const before = 4;
+const after = 4;
+// While it would be useful to export this function, we need to ensure the wallet lengths
+// follow a standard. Therefore, we export the functions with the specific lengths.
+const shortenWalletAddress = (walletAddress) => {
     if (!walletAddress)
         return '';
-    if (walletAddress.length <= first + last)
+    if (walletAddress.length <= before + after)
         return walletAddress;
-    return walletAddress.replace(walletAddress.substring(first, Number(walletAddress.length) - last), '...');
+    return walletAddress.replace(walletAddress.substring(before, Number(walletAddress.length) - after), '...');
 };
 
 export { shortenWalletAddress };

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -4,5 +4,5 @@ type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<D
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
 export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents | "tokenBalancesChanged" | "userProfileUpdated" | "walletConnectedForFunding">(event: E, listener: DynamicEventListener<E>) => void;
 /** Allows subscribing to dynamic events directly inside components with a hook */
-export declare const useDynamicEvents: <E extends "authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding">(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useDynamicEvents: <E extends "authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "walletConnectionQrCodeReady" | "embeddedWalletCreated" | "walletConnectedForFunding">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

package/src/lib/utils/hooks/useExternalAuth/useExternalAuth.cjs

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var client = require('@dynamic-labs-sdk/client');
 require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs-sdk/client/core');
 require('../../../client/client.cjs');
-require('@dynamic-labs-sdk/client');
 require('../../../config/ApiEndpoint.cjs');
 require('../../constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -29,6 +29,7 @@ require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
+var convertSdkUserToUserProfile = require('../../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.cjs');
 var externalAuth = require('../../../data/api/externalAuth/externalAuth.cjs');
 require('../../../locale/locale.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -126,11 +127,11 @@ const useExternalAuth = () => {
             const sessionPublicKey = shouldRegisterSessionKeysOnSignin()
                 ? (yield generateSessionKey()).publicKey
                 : undefined;
-            const userProfile = yield externalAuth.externalAuthSignin({
-                environmentId,
+            const response = yield client.signInWithExternalJwt({
                 externalJwt,
                 sessionPublicKey,
             });
+            const userProfile = convertSdkUserToUserProfile.convertSdkUserToUserProfile(response.user);
             setCallback('authSuccess');
             if (userProfile && !hasPendingRequirements.hasPendingRequirements(userProfile)) {
                 setShowAuthFlow(false);
@@ -146,14 +147,13 @@ const useExternalAuth = () => {
             throw e;
         }
     }), [
-        environmentId,
         setCallback,
         setShowAuthFlow,
         generateSessionKey,
         shouldRegisterSessionKeysOnSignin,
     ]);
     /**
-     * @deprecated Use `externalAuthSignin` instead.
+     * @deprecated Use `signInWithExternalJwt` instead.
      */
     const verifyWithExternalJwt = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ externalUserId, externalJwt, }) {
         try {

package/src/lib/utils/hooks/useExternalAuth/useExternalAuth.js

@@ -1,11 +1,11 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback, useMemo } from 'react';
+import { signInWithExternalJwt } from '@dynamic-labs-sdk/client';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs-sdk/client/core';
 import '../../../client/client.js';
-import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
 import '../../constants/values.js';
 import '@dynamic-labs/multi-wallet';
@@ -25,7 +25,8 @@ import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../store/state/projectSettings/projectSettings.js';
-import { externalAuthSignin, externalAuthVerify } from '../../../data/api/externalAuth/externalAuth.js';
+import { convertSdkUserToUserProfile } from '../../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.js';
+import { externalAuthVerify } from '../../../data/api/externalAuth/externalAuth.js';
 import '../../../locale/locale.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -117,16 +118,16 @@ const useExternalAuth = () => {
      *
      * @returns {UserProfile} - User profile for successfully signed in user
      */
-    const signInWithExternalJwt = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ externalUserId, externalJwt, }) {
+    const signInWithExternalJwt$1 = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ externalUserId, externalJwt, }) {
         try {
             const sessionPublicKey = shouldRegisterSessionKeysOnSignin()
                 ? (yield generateSessionKey()).publicKey
                 : undefined;
-            const userProfile = yield externalAuthSignin({
-                environmentId,
+            const response = yield signInWithExternalJwt({
                 externalJwt,
                 sessionPublicKey,
             });
+            const userProfile = convertSdkUserToUserProfile(response.user);
             setCallback('authSuccess');
             if (userProfile && !hasPendingRequirements(userProfile)) {
                 setShowAuthFlow(false);
@@ -142,14 +143,13 @@ const useExternalAuth = () => {
             throw e;
         }
     }), [
-        environmentId,
         setCallback,
         setShowAuthFlow,
         generateSessionKey,
         shouldRegisterSessionKeysOnSignin,
     ]);
     /**
-     * @deprecated Use `externalAuthSignin` instead.
+     * @deprecated Use `signInWithExternalJwt` instead.
      */
     const verifyWithExternalJwt = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ externalUserId, externalJwt, }) {
         try {
@@ -170,7 +170,7 @@ const useExternalAuth = () => {
             throw e;
         }
     }), [environmentId, setCallback, setShowAuthFlow]);
-    return useMemo(() => ({ signInWithExternalJwt, verifyWithExternalJwt }), [signInWithExternalJwt, verifyWithExternalJwt]);
+    return useMemo(() => ({ signInWithExternalJwt: signInWithExternalJwt$1, verifyWithExternalJwt }), [signInWithExternalJwt$1, verifyWithExternalJwt]);
 };
 
 export { useExternalAuth };

package/src/lib/utils/hooks/useUserAuth/useUserAuth.cjs

@@ -208,7 +208,8 @@ const useUserAuth = ({ authMethod, }) => {
             pushView('account-exists');
             return;
         }
-        if (error instanceof utils.SandboxMaximumThresholdReachedError) {
+        if (error instanceof utils.SandboxMaximumThresholdReachedError ||
+            error instanceof client.SandboxMaximumThresholdReachedError) {
             pushView('sandbox-maximum-threshold-reached');
             return;
         }

package/src/lib/utils/hooks/useUserAuth/useUserAuth.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { MfaInvalidOtpError, MfaRateLimitedError } from '@dynamic-labs-sdk/client';
+import { MfaInvalidOtpError, MfaRateLimitedError, SandboxMaximumThresholdReachedError as SandboxMaximumThresholdReachedError$1 } from '@dynamic-labs-sdk/client';
 import { EmbeddedWalletVersionEnum, MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
 import { DynamicError, EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, sleep } from '@dynamic-labs/utils';
 import '@dynamic-labs-sdk/client/core';
@@ -204,7 +204,8 @@ const useUserAuth = ({ authMethod, }) => {
             pushView('account-exists');
             return;
         }
-        if (error instanceof SandboxMaximumThresholdReachedError) {
+        if (error instanceof SandboxMaximumThresholdReachedError ||
+            error instanceof SandboxMaximumThresholdReachedError$1) {
             pushView('sandbox-maximum-threshold-reached');
             return;
         }

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -166,9 +166,11 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             onQrCodeConnect({
                 getAddressOpts: {
                     onDesktopUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                        dynamicEvents.dynamicEvents.emit('walletConnectionQrCodeReady', uri);
                         setDesktopUri(uri);
                     }),
                     onDisplayUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                        dynamicEvents.dynamicEvents.emit('walletConnectionQrCodeReady', uri);
                         setQrcodeUri(uri);
                     }),
                 },

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -162,9 +162,11 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             onQrCodeConnect({
                 getAddressOpts: {
                     onDesktopUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
+                        dynamicEvents.emit('walletConnectionQrCodeReady', uri);
                         setDesktopUri(uri);
                     }),
                     onDisplayUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
+                        dynamicEvents.emit('walletConnectionQrCodeReady', uri);
                         setQrcodeUri(uri);
                     }),
                 },

package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.d.ts

@@ -2,7 +2,7 @@ import { Wallet } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../shared';
 export declare const useWalletOptions: () => {
     getFilteredWalletOptions: (filter: (options: WalletOption[]) => WalletOption[]) => {
-        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI";
+        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI" | "SPARK";
         group: string | undefined;
         groupName: string | undefined;
         isInstalledOnBrowser: boolean;
@@ -13,7 +13,7 @@ export declare const useWalletOptions: () => {
     }[];
     selectWalletOption: (walletKey: string, selectGroupIfAvailable?: boolean, skipAllSelectionUi?: boolean) => Promise<Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>>;
     walletOptions: {
-        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI";
+        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI" | "SPARK";
         group: string | undefined;
         groupName: string | undefined;
         isInstalledOnBrowser: boolean;

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -16,7 +16,6 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
-var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -75,6 +74,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../components/Icon/Icon.cjs');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -127,7 +127,7 @@ const CollectUserDataView = () => {
         isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
     const shouldDisplayWrongNetworkState = !_isSupportedNetwork && Boolean(walletConnector);
     const walletAddress = (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userWithMissingInfo.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
-    return (jsxRuntime.jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__network-container', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: 28 })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }), walletConnector && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxRuntime.jsxs("div", { className: classNames.classNames('collect-user-data__form', {
+    return (jsxRuntime.jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__network-container', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: 28 })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress.shortenWalletAddress(walletAddress) })] }), walletConnector && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxRuntime.jsxs("div", { className: classNames.classNames('collect-user-data__form', {
                     'collect-user-data__form--error': shouldDisplayWrongNetworkState,
                 }), children: [jsxRuntime.jsx("div", { className: 'collect-user-data__success-icon', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'large', children: jsxRuntime.jsx(checkConnection.ReactComponent, {}) }) }), jsxRuntime.jsx(OnboardingUserDataForm.OnboardingUserDataForm, { disableSubmit: shouldDisplayWrongNetworkState, userProfile: userWithMissingInfo, children: shouldDisplayWrongNetworkState ? (jsxRuntime.jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', copykey: 'dyn_collect_user_data.not_supported_network.title', children: t('dyn_collect_user_data.not_supported_network.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_collect_user_data.not_supported_network.description', children: t('dyn_collect_user_data.not_supported_network.description') })] })) : (jsxRuntime.jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', copykey: 'dyn_collect_user_data.greeting', children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         t('dyn_collect_user_data.greeting', { appName }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_collect_user_data.description', children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -12,7 +12,6 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
-import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -71,6 +70,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../components/Icon/Icon.js';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import { AuthProviderIcon } from '../../components/AuthProviderIcon/AuthProviderIcon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
@@ -123,7 +123,7 @@ const CollectUserDataView = () => {
         isSupportedNetwork({ network, walletConnector });
     const shouldDisplayWrongNetworkState = !_isSupportedNetwork && Boolean(walletConnector);
     const walletAddress = (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userWithMissingInfo.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
-    return (jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxs("div", { className: 'collect-user-data__network-container', children: [jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(AuthProviderIcon, { iconSize: 28 })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress(walletAddress, 3, 3) })] }), walletConnector && (jsx(NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsx(ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxs("div", { className: classNames('collect-user-data__form', {
+    return (jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxs("div", { className: 'collect-user-data__network-container', children: [jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(AuthProviderIcon, { iconSize: 28 })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress(walletAddress) })] }), walletConnector && (jsx(NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsx(ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxs("div", { className: classNames('collect-user-data__form', {
                     'collect-user-data__form--error': shouldDisplayWrongNetworkState,
                 }), children: [jsx("div", { className: 'collect-user-data__success-icon', children: jsx(Icon, { color: 'text-primary', size: 'large', children: jsx(SvgCheckConnection, {}) }) }), jsx(OnboardingUserDataForm, { disableSubmit: shouldDisplayWrongNetworkState, userProfile: userWithMissingInfo, children: shouldDisplayWrongNetworkState ? (jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', copykey: 'dyn_collect_user_data.not_supported_network.title', children: t('dyn_collect_user_data.not_supported_network.title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_collect_user_data.not_supported_network.description', children: t('dyn_collect_user_data.not_supported_network.description') })] })) : (jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', copykey: 'dyn_collect_user_data.greeting', children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         t('dyn_collect_user_data.greeting', { appName }) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_collect_user_data.description', children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||

package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs

@@ -23,7 +23,6 @@ require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
-var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
@@ -77,6 +76,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');

package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js

@@ -19,7 +19,6 @@ import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
-import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
@@ -73,6 +72,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';