@dynamic-labs/sdk-react-core 4.74.1 → 4.76.0

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

@@ -14,6 +14,11 @@ const useTransition = (_a) => {
     const [stage, setStage] = useState(initialStage);
     const [mount, setMount] = useState(!animateOnMount);
     const [currentDuration, setCurrentDuration] = useState(duration);
+    // Track current stage in a ref so the transition effect doesn't need `stage`
+    // as a dependency. This prevents the effect's cleanup from cancelling an
+    // in-flight rAF every time stage changes (the race condition).
+    const stageRef = useRef(initialStage);
+    stageRef.current = stage;
     const performTransition = (runTransition, transitionDelay) => {
         if (transitionDelay) {
             timeoutIdRef.current = animationFrameTimeout(runTransition, transitionDelay);
@@ -41,11 +46,14 @@ const useTransition = (_a) => {
         }, animationDuration);
     }, [duration, outDuration]);
     useEffect(() => {
-        if (isShown && stage !== 'ENTERED') {
+        const currentStage = stageRef.current;
+        if (isShown && currentStage !== 'ENTERED' && currentStage !== 'ENTERING') {
             const enterDelay = inDelay || delay;
             performTransition(performEnter, enterDelay);
         }
-        else if (!isShown && stage !== 'UNMOUNT') {
+        else if (!isShown &&
+            currentStage !== 'UNMOUNT' &&
+            currentStage !== 'EXITING') {
             const exitDelay = outDelay || delay;
             performTransition(performExit, exitDelay);
         }
@@ -53,7 +61,10 @@ const useTransition = (_a) => {
             clearAnimationFrameTimeout(animationFrameTimeoutIdRef.current);
             clearAnimationFrameTimeout(timeoutIdRef.current);
         };
-    }, [inDelay, outDelay, performEnter, performExit, isShown, delay, stage]);
+        // `stage` is intentionally excluded from deps — we read it via stageRef to
+        // prevent the cleanup from cancelling an in-flight rAF on every stage change.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inDelay, outDelay, performEnter, performExit, isShown, delay]);
     useTransitionEvents(stage, events);
     return { currentDuration, mount, stage };
 };

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

@@ -186,6 +186,10 @@ const useUserAuth = ({ authMethod, }) => {
             (error === null || error === void 0 ? void 0 : error.code) === 'ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED') {
             throw error;
         }
+        if (error.code === utils.ErrorCode.CREDENTIAL_NOT_ENABLED_FOR_SIGN_IN) {
+            setError(error.message, error.code);
+            return;
+        }
         if (onError) {
             onError === null || onError === void 0 ? void 0 : onError(error);
             return;

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

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { MfaInvalidOtpError, MfaRateLimitedError, SandboxMaximumThresholdReachedError as SandboxMaximumThresholdReachedError$1 } from '@dynamic-labs-sdk/client';
 import { WalletProviderEnum, EmbeddedWalletVersionEnum, MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
-import { EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, DynamicError, sleep } from '@dynamic-labs/utils';
+import { EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, ErrorCode, DynamicError, sleep } from '@dynamic-labs/utils';
 import '@dynamic-labs-sdk/client/core';
 import '../../../client/client.js';
 import '../../../config/ApiEndpoint.js';
@@ -182,6 +182,10 @@ const useUserAuth = ({ authMethod, }) => {
             (error === null || error === void 0 ? void 0 : error.code) === 'ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED') {
             throw error;
         }
+        if (error.code === ErrorCode.CREDENTIAL_NOT_ENABLED_FOR_SIGN_IN) {
+            setError(error.message, error.code);
+            return;
+        }
         if (onError) {
             onError === null || onError === void 0 ? void 0 : onError(error);
             return;

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

@@ -266,6 +266,12 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             pushView('account-exists');
             return;
         }
+        if (e.code === utils.ErrorCode.CREDENTIAL_NOT_ENABLED_FOR_SIGN_IN) {
+            handleDisconnectWallet({ walletConnector });
+            clearStackAndPushInitialView();
+            setError(e.message, e.code);
+            return;
+        }
         const authMode$1 = authMode.getAuthMode();
         if (connectedWallets.length && authMode$1 === 'connect-only') {
             throw new utils.DynamicError(e.message);

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { DynamicError, StorageService, EmbeddedWalletExistsError, WalletUsedError, MergeAccountsConfirmationError, ChainalysisError, GateBlockedError, SandboxMaximumThresholdReachedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { DynamicError, StorageService, EmbeddedWalletExistsError, WalletUsedError, MergeAccountsConfirmationError, ChainalysisError, GateBlockedError, SandboxMaximumThresholdReachedError, NoAccessError, AccountExistsError, ErrorCode } from '@dynamic-labs/utils';
 import { getWalletProvider, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
@@ -262,6 +262,12 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             pushView('account-exists');
             return;
         }
+        if (e.code === ErrorCode.CREDENTIAL_NOT_ENABLED_FOR_SIGN_IN) {
+            handleDisconnectWallet({ walletConnector });
+            clearStackAndPushInitialView();
+            setError(e.message, e.code);
+            return;
+        }
         const authMode = getAuthMode();
         if (connectedWallets.length && authMode === 'connect-only') {
             throw new DynamicError(e.message);

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -89,6 +89,7 @@ require('../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
 require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
+var useStepUpAuthentication = require('../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -114,9 +115,7 @@ require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds
 var useNetworkDataFromWallet = require('../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs');
 var useTokenBalances = require('../../utils/hooks/useTokenBalances/useTokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
-var usePromptMfaAuth = require('../../utils/hooks/usePromptMfaAuth/usePromptMfaAuth.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useIsMfaRequiredForAction = require('../../utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const usingNative = (token) => Boolean(token.isNative);
@@ -148,8 +147,7 @@ const getSupportedChainName = (connectedChain) => {
 const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBack, onClickClose, onError, onSuccess, onDone, displayPoweredByDynamicFooter = false, }) => {
     const [stage, setStage] = React.useState('form');
     const { primaryWallet, walletUiUtils } = useInternalDynamicContext.useInternalDynamicContext();
-    const isMfaRequiredForAction = useIsMfaRequiredForAction.useIsMfaRequiredForAction();
-    const promptMfaAuth = usePromptMfaAuth.usePromptMfaAuth();
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication.useStepUpAuthentication();
     const { t } = reactI18next.useTranslation();
     const [isNativeToken, setIsNativeToken] = React.useState(false);
     const [currentToken, setCurrentToken] = React.useState(undefined);
@@ -238,11 +236,13 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress.shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
     const buildTransactionStage = () => (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, transaction: transaction, mutation: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             if (primaryWallet.connector.key === 'dynamicwaas') {
-                const isMfaRequired = yield isMfaRequiredForAction({
-                    mfaAction: sdkApiCore.MFAAction.WalletWaasSign,
+                const requiresStepUp = yield isStepUpRequired({
+                    scope: sdkApiCore.TokenScope.Walletsign,
                 });
-                if (isMfaRequired) {
-                    yield promptMfaAuth({ createMfaToken: true });
+                if (requiresStepUp) {
+                    yield promptStepUpAuth({
+                        requestedScopes: [sdkApiCore.TokenScope.Walletsign],
+                    });
                 }
             }
             walletUiUtils.disabledConfirmationOnce();

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ChainEnum, MFAAction } from '@dynamic-labs/sdk-api-core';
+import { ChainEnum, TokenScope } from '@dynamic-labs/sdk-api-core';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isSendBalanceWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ChainIcon } from '../../components/ChainIcon/ChainIcon.js';
@@ -85,6 +85,7 @@ import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../utils/hooks/useWalletBackup/types.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
+import { useStepUpAuthentication } from '../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -110,9 +111,7 @@ import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.
 import { useNetworkDataFromWallet } from '../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.js';
 import { useTokenBalances } from '../../utils/hooks/useTokenBalances/useTokenBalances.js';
 import '../../store/state/multichainBalances.js';
-import { usePromptMfaAuth } from '../../utils/hooks/usePromptMfaAuth/usePromptMfaAuth.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useIsMfaRequiredForAction } from '../../utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const usingNative = (token) => Boolean(token.isNative);
@@ -144,8 +143,7 @@ const getSupportedChainName = (connectedChain) => {
 const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBack, onClickClose, onError, onSuccess, onDone, displayPoweredByDynamicFooter = false, }) => {
     const [stage, setStage] = useState('form');
     const { primaryWallet, walletUiUtils } = useInternalDynamicContext();
-    const isMfaRequiredForAction = useIsMfaRequiredForAction();
-    const promptMfaAuth = usePromptMfaAuth();
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication();
     const { t } = useTranslation();
     const [isNativeToken, setIsNativeToken] = useState(false);
     const [currentToken, setCurrentToken] = useState(undefined);
@@ -234,11 +232,13 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
     const buildTransactionStage = () => (jsx(TransactionConfirmationView, { walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, transaction: transaction, mutation: () => __awaiter(void 0, void 0, void 0, function* () {
             if (primaryWallet.connector.key === 'dynamicwaas') {
-                const isMfaRequired = yield isMfaRequiredForAction({
-                    mfaAction: MFAAction.WalletWaasSign,
+                const requiresStepUp = yield isStepUpRequired({
+                    scope: TokenScope.Walletsign,
                 });
-                if (isMfaRequired) {
-                    yield promptMfaAuth({ createMfaToken: true });
+                if (requiresStepUp) {
+                    yield promptStepUpAuth({
+                        requestedScopes: [TokenScope.Walletsign],
+                    });
                 }
             }
             walletUiUtils.disabledConfirmationOnce();

package/src/lib/views/WalletList/data.d.ts

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("ALEO" | "STARK" | "STELLAR" | "TEMPO" | "ALGO" | "APTOS" | "ATOM" | "BTC" | "COSMOS" | "ECLIPSE" | "ETH" | "EVM" | "FLOW" | "SOL" | "SPARK" | "SUI" | "TRON" | "TON")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("ALEO" | "STARK" | "STELLAR" | "TEMPO" | "ALGO" | "APTOS" | "ATOM" | "BTC" | "COSMOS" | "ECLIPSE" | "ETH" | "EVM" | "FLOW" | "MIDNIGHT" | "SOL" | "SPARK" | "SUI" | "TRON" | "TON")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs

@@ -120,7 +120,7 @@ var TokenBalanceList = require('./TokenBalanceList/TokenBalanceList.cjs');
 
 /** Component to display token balances for the primary wallet */
 const ActiveWalletBalance = ({ isLoading = false, }) => {
-    var _a;
+    var _a, _b, _c;
     const { t } = reactI18next.useTranslation();
     /** Controls for the multi asset balance accordion */
     const [balanceIsExpanded, setBalanceIsExpanded] = React.useState(false);
@@ -132,14 +132,13 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
     const successTimeoutRef = React.useRef(null);
     const refreshTimeoutRef = React.useRef(null);
     const { primaryWallet, network, showFiat, multiAsset } = useInternalDynamicContext.useInternalDynamicContext();
-    // Tempo has no native token, so always need fiat values to show aggregated token balance
-    const isTempo = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain) === 'TEMPO';
+    const hasNativeToken = (_b = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.hasNativeToken) !== null && _b !== void 0 ? _b : true;
     const authMode$1 = authMode.useAuthMode();
     const projectSettings = useProjectSettings.useProjectSettings();
     const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
     const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, fetchAccountBalances, } = useTokenBalances.useTokenBalances({
         chainName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
-        includeFiat: showFiat || isTempo,
+        includeFiat: showFiat || !hasNativeToken,
         includeNativeBalance: true,
     });
     const filteredTokenBalances = React.useMemo(() => (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => token.name)) || [], [tokenBalances]);
@@ -152,7 +151,7 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
             multiAsset;
     }, [
         authMode$1,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.connectOnlyMultiAsset,
+        (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _c === void 0 ? void 0 : _c.connectOnlyMultiAsset,
         multiAsset,
     ]);
     const isTooManyRequests = errorTokenBalances === 'Too many requests fetching balances';
@@ -202,8 +201,8 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
         if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-container__skeleton' });
         }
-        // Tempo has no native token - always show aggregated token values
-        if (isTempo) {
+        // Chain has no native token - show aggregated fiat token values
+        if (!hasNativeToken) {
             return (jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_display', color: 'primary', children: totalValue === 0 || totalValue >= 0.01
                     ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                     : '<$0.01' }));

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.js

@@ -116,7 +116,7 @@ import { TokenBalanceList } from './TokenBalanceList/TokenBalanceList.js';
 
 /** Component to display token balances for the primary wallet */
 const ActiveWalletBalance = ({ isLoading = false, }) => {
-    var _a;
+    var _a, _b, _c;
     const { t } = useTranslation();
     /** Controls for the multi asset balance accordion */
     const [balanceIsExpanded, setBalanceIsExpanded] = useState(false);
@@ -128,14 +128,13 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
     const successTimeoutRef = useRef(null);
     const refreshTimeoutRef = useRef(null);
     const { primaryWallet, network, showFiat, multiAsset } = useInternalDynamicContext();
-    // Tempo has no native token, so always need fiat values to show aggregated token balance
-    const isTempo = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain) === 'TEMPO';
+    const hasNativeToken = (_b = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.hasNativeToken) !== null && _b !== void 0 ? _b : true;
     const authMode = useAuthMode();
     const projectSettings = useProjectSettings();
     const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
     const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, fetchAccountBalances, } = useTokenBalances({
         chainName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
-        includeFiat: showFiat || isTempo,
+        includeFiat: showFiat || !hasNativeToken,
         includeNativeBalance: true,
     });
     const filteredTokenBalances = useMemo(() => (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => token.name)) || [], [tokenBalances]);
@@ -148,7 +147,7 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
             multiAsset;
     }, [
         authMode,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.connectOnlyMultiAsset,
+        (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _c === void 0 ? void 0 : _c.connectOnlyMultiAsset,
         multiAsset,
     ]);
     const isTooManyRequests = errorTokenBalances === 'Too many requests fetching balances';
@@ -198,8 +197,8 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
         if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsx(Skeleton, { className: 'balance-container__skeleton' });
         }
-        // Tempo has no native token - always show aggregated token values
-        if (isTempo) {
+        // Chain has no native token - show aggregated fiat token values
+        if (!hasNativeToken) {
             return (jsx(Typography, { variant: 'numbers_display', color: 'primary', children: totalValue === 0 || totalValue >= 0.01
                     ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                     : '<$0.01' }));