@dynamic-labs/sdk-react-core 4.68.0 → 4.70.0

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

@@ -112,6 +112,8 @@ require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs')
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
@@ -214,7 +216,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth, onSettled]);
-    const completeConnection = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, }) {
+    const completeConnection = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, requestedScopes, }) {
         try {
             let sessionPublicKey = undefined;
             utils.tracing.logEvent('oauth', 'completeConnection', utils.tracing.formatObject({
@@ -261,6 +263,15 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
                     yield signInAccount(provider, apiCall);
                 }
             }
+            else if (authMode === 'stepup') {
+                const apiCall = () => oauth.verifyOAuth(environmentId, provider, {
+                    code: authCode,
+                    codeVerifier: verifier,
+                    requestedScopes,
+                    state,
+                });
+                yield linkAccount(provider, apiCall);
+            }
             else {
                 if (provider === sdkApiCore.ProviderEnum.Telegram) {
                     const apiCall = () => oauth.telegramVerify(environmentId, {
@@ -385,12 +396,12 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, }) {
+    const connectSocialAccount = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, requestedScopes, }) {
         var _g, _h, _j, _k, _l;
         clearError();
         setIsProcessing(true);
         if (!authMode) {
-            logger.logger.error('Auth mode is required. Please use either "link" or "signin"');
+            logger.logger.error('Auth mode is required. Please use either "link", "signin", or "stepup"');
             return;
         }
         if (!checkValidProvider(provider, authMode)) {
@@ -422,6 +433,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             isHeadlessSocialSignIn,
             mode: authMode,
             payingWithDynamic,
+            requestedScopes,
             showWidgetAfterConnection,
             state,
             triggerFundFromExchangeOnSuccess,
@@ -442,7 +454,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         }
         const isMobile = utils.isMobile();
         try {
-            const effectiveStrategy = forcePopup ? 'popup' : strategy;
+            const effectiveStrategy = authMode === 'stepup' || forcePopup ? 'popup' : strategy;
             const authCode = yield utils.Oauth2Service.getOauthCode({
                 apiProvider: getProviderByType.getProviderByType((_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _l !== void 0 ? _l : [], provider),
                 getOAuthResultFromApi: () => oauth.getOAuthResult(environmentId, provider, {
@@ -468,6 +480,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
                 authMode,
                 captchaToken,
                 provider,
+                requestedScopes,
                 ssoProviderId,
                 state,
                 telegramAuthToken,
@@ -505,7 +518,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         if (props.authMode === 'signin' && client.getDynamicClient().user) {
             throw new utils.DynamicError('User is already logged in');
         }
-        else if (props.authMode === 'link' && !client.getDynamicClient().user) {
+        else if ((props.authMode === 'link' || props.authMode === 'stepup') &&
+            !client.getDynamicClient().user) {
             throw new utils.DynamicError('User is not logged in');
         }
         if (!((_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _m === void 0 ? void 0 : _m.enabled)) {

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ExchangeKeyEnum, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { ExchangeKeyEnum, ProviderEnum, TokenScope } from '@dynamic-labs/sdk-api-core';
 import { SocialOAuthError, SocialOAuthErrorCode } from '@dynamic-labs/types';
 import { PayWithDynamicProps } from '../usePayWithDynamic/usePayWithDynamic';
-export type SocialAuthMode = 'link' | 'signin' | 'unlink';
+export type SocialAuthMode = 'link' | 'signin' | 'stepup' | 'unlink';
 type UseSocialAuthProps = {
     onSettled?: () => void;
     onError?: (error: unknown) => void;
@@ -23,10 +23,12 @@ export type ConnectSocialAccountProps = {
     isHeadlessSocialSignIn?: boolean;
     /** SSO provider ID for social authentication */
     ssoProviderId?: string;
+    /** OAuth scopes to request; only used when authMode is 'stepup' */
+    requestedScopes?: TokenScope[];
 };
 export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum, authMode: SocialAuthMode) => boolean;
-    readonly completeConnection: ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser, ssoProviderId, }: {
+    readonly completeConnection: ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser, ssoProviderId, requestedScopes, }: {
         authMode: SocialAuthMode;
         provider: ProviderEnum;
         state: string;
@@ -36,6 +38,7 @@ export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: Us
         telegramAuthToken?: string | undefined;
         forceCreateUser?: boolean | undefined;
         ssoProviderId?: string | undefined;
+        requestedScopes?: TokenScope[] | undefined;
     }) => Promise<void>;
     readonly connectSocialAccount: (props: ConnectSocialAccountProps) => Promise<void>;
     readonly error: SocialOAuthError | undefined;

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

@@ -31,7 +31,7 @@ import { randomString } from '../../functions/randomString/randomString.js';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
-import { telegramSignIn, signInOAuth, telegramVerify, verifyOAuth, getOAuthResult, initAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
+import { telegramSignIn, signInOAuth, verifyOAuth, telegramVerify, getOAuthResult, initAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
 import '@dynamic-labs/locale';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -108,6 +108,8 @@ import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
@@ -210,7 +212,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth$1, onSettled]);
-    const completeConnection = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, }) {
+    const completeConnection = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, requestedScopes, }) {
         try {
             let sessionPublicKey = undefined;
             tracing.logEvent('oauth', 'completeConnection', tracing.formatObject({
@@ -257,6 +259,15 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
                     yield signInAccount(provider, apiCall);
                 }
             }
+            else if (authMode === 'stepup') {
+                const apiCall = () => verifyOAuth(environmentId, provider, {
+                    code: authCode,
+                    codeVerifier: verifier,
+                    requestedScopes,
+                    state,
+                });
+                yield linkAccount(provider, apiCall);
+            }
             else {
                 if (provider === ProviderEnum.Telegram) {
                     const apiCall = () => telegramVerify(environmentId, {
@@ -381,12 +392,12 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, }) {
+    const connectSocialAccount = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, requestedScopes, }) {
         var _g, _h, _j, _k, _l;
         clearError();
         setIsProcessing(true);
         if (!authMode) {
-            logger.error('Auth mode is required. Please use either "link" or "signin"');
+            logger.error('Auth mode is required. Please use either "link", "signin", or "stepup"');
             return;
         }
         if (!checkValidProvider(provider, authMode)) {
@@ -418,6 +429,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             isHeadlessSocialSignIn,
             mode: authMode,
             payingWithDynamic,
+            requestedScopes,
             showWidgetAfterConnection,
             state,
             triggerFundFromExchangeOnSuccess,
@@ -438,7 +450,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         }
         const isMobile$1 = isMobile();
         try {
-            const effectiveStrategy = forcePopup ? 'popup' : strategy;
+            const effectiveStrategy = authMode === 'stepup' || forcePopup ? 'popup' : strategy;
             const authCode = yield Oauth2Service.getOauthCode({
                 apiProvider: getProviderByType((_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _l !== void 0 ? _l : [], provider),
                 getOAuthResultFromApi: () => getOAuthResult(environmentId, provider, {
@@ -464,6 +476,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
                 authMode,
                 captchaToken,
                 provider,
+                requestedScopes,
                 ssoProviderId,
                 state,
                 telegramAuthToken,
@@ -501,7 +514,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         if (props.authMode === 'signin' && getDynamicClient().user) {
             throw new DynamicError('User is already logged in');
         }
-        else if (props.authMode === 'link' && !getDynamicClient().user) {
+        else if ((props.authMode === 'link' || props.authMode === 'stepup') &&
+            !getDynamicClient().user) {
             throw new DynamicError('User is not logged in');
         }
         if (!((_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _m === void 0 ? void 0 : _m.enabled)) {

package/src/lib/utils/hooks/useStepUpAuthentication/index.d.ts

@@ -1,2 +1,2 @@
 export { useStepUpAuthentication } from './useStepUpAuthentication';
-export type { IsStepUpRequiredParams, PromptMfaParams, PromptReauthParams, PromptStepUpAuthParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyRecoveryCodeParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication.types';
+export type { IsStepUpRequiredParams, PromptMfaParams, PromptReauthParams, PromptStepUpAuthParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyRecoveryCodeParams, VerifySocialParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication.types';

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

@@ -33,6 +33,7 @@ var getProjectSettings = require('../../../client/extension/projectSettings/getP
 var hasElevatedAccessToken = require('../../../client/extension/functions/hasElevatedAccessToken/hasElevatedAccessToken.cjs');
 var useStepUpState = require('./useStepUpState.cjs');
 var useStepUpOtp = require('./useStepUpOtp.cjs');
+var useStepUpSocial = require('./useStepUpSocial.cjs');
 var useStepUpWallet = require('./useStepUpWallet.cjs');
 var useStepUpMfa = require('./useStepUpMfa.cjs');
 var useStepUpPromptMfa = require('./useStepUpPromptMfa.cjs');
@@ -51,6 +52,7 @@ const parseSdkVersionNum = (version) => parseInt(version.replace(/\D/g, ''), 10)
  * - **TOTP MFA**: `verifyTotpMfa()` for authenticator app codes
  * - **Recovery codes**: `verifyRecoveryCode()` for backup recovery codes
  * - **Prompt MFA**: `promptMfa()` to show Dynamic's built-in MFA UI
+ * - **Social/OAuth**: `verifySocial()` for OAuth provider reauthentication
  *
  * For OTP and wallet methods, automatically selects the first sign-in enabled
  * credential, or targets a specific one when `credentialId` is provided.
@@ -88,6 +90,7 @@ const useStepUpAuthentication = ({ credentialId, } = {}) => {
     const { verifyPasskeyMfa, verifyRecoveryCode, verifyTotpMfa } = useStepUpMfa.useStepUpMfa({
         stateActions,
     });
+    const { verifySocial } = useStepUpSocial.useStepUpSocial({ stateActions });
     const { promptMfa } = useStepUpPromptMfa.useStepUpPromptMfa();
     const { promptReauthenticate } = useStepUpPromptReauth.useStepUpPromptReauth();
     const { promptStepUpAuth } = usePromptStepUpAuth.usePromptStepUpAuth();
@@ -115,6 +118,7 @@ const useStepUpAuthentication = ({ credentialId, } = {}) => {
         verifyOtp,
         verifyPasskeyMfa,
         verifyRecoveryCode,
+        verifySocial,
         verifyTotpMfa,
         verifyWallet,
     };

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

@@ -9,6 +9,7 @@ import type { UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn } fro
  * - **TOTP MFA**: `verifyTotpMfa()` for authenticator app codes
  * - **Recovery codes**: `verifyRecoveryCode()` for backup recovery codes
  * - **Prompt MFA**: `promptMfa()` to show Dynamic's built-in MFA UI
+ * - **Social/OAuth**: `verifySocial()` for OAuth provider reauthentication
  *
  * For OTP and wallet methods, automatically selects the first sign-in enabled
  * credential, or targets a specific one when `credentialId` is provided.

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

@@ -29,6 +29,7 @@ import { getProjectSettings } from '../../../client/extension/projectSettings/ge
 import { hasElevatedAccessToken } from '../../../client/extension/functions/hasElevatedAccessToken/hasElevatedAccessToken.js';
 import { useStepUpState } from './useStepUpState.js';
 import { useStepUpOtp } from './useStepUpOtp.js';
+import { useStepUpSocial } from './useStepUpSocial.js';
 import { useStepUpWallet } from './useStepUpWallet.js';
 import { useStepUpMfa } from './useStepUpMfa.js';
 import { useStepUpPromptMfa } from './useStepUpPromptMfa.js';
@@ -47,6 +48,7 @@ const parseSdkVersionNum = (version) => parseInt(version.replace(/\D/g, ''), 10)
  * - **TOTP MFA**: `verifyTotpMfa()` for authenticator app codes
  * - **Recovery codes**: `verifyRecoveryCode()` for backup recovery codes
  * - **Prompt MFA**: `promptMfa()` to show Dynamic's built-in MFA UI
+ * - **Social/OAuth**: `verifySocial()` for OAuth provider reauthentication
  *
  * For OTP and wallet methods, automatically selects the first sign-in enabled
  * credential, or targets a specific one when `credentialId` is provided.
@@ -84,6 +86,7 @@ const useStepUpAuthentication = ({ credentialId, } = {}) => {
     const { verifyPasskeyMfa, verifyRecoveryCode, verifyTotpMfa } = useStepUpMfa({
         stateActions,
     });
+    const { verifySocial } = useStepUpSocial({ stateActions });
     const { promptMfa } = useStepUpPromptMfa();
     const { promptReauthenticate } = useStepUpPromptReauth();
     const { promptStepUpAuth } = usePromptStepUpAuth();
@@ -111,6 +114,7 @@ const useStepUpAuthentication = ({ credentialId, } = {}) => {
         verifyOtp,
         verifyPasskeyMfa,
         verifyRecoveryCode,
+        verifySocial,
         verifyTotpMfa,
         verifyWallet,
     };

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpAuthentication.types.d.ts

@@ -1,5 +1,5 @@
 import type { OTPVerification } from '@dynamic-labs-sdk/client';
-import type { TokenScope, VerifyResponse } from '@dynamic-labs/sdk-api-core';
+import type { ProviderEnum, TokenScope, VerifyResponse } from '@dynamic-labs/sdk-api-core';
 export type StepUpAuthenticationState = {
     error: string | null;
     isLoading: boolean;
@@ -24,6 +24,10 @@ export type VerifyRecoveryCodeParams = {
     code: string;
     requestedScopes?: TokenScope[];
 };
+export type VerifySocialParams = {
+    provider: ProviderEnum;
+    requestedScopes?: TokenScope[];
+};
 export type IsStepUpRequiredParams = {
     scope: TokenScope;
 };
@@ -54,5 +58,6 @@ export type UseStepUpAuthenticationReturn = {
     verifyPasskeyMfa: (params: VerifyPasskeyMfaParams) => Promise<VerifyResponse | null>;
     verifyRecoveryCode: (params: VerifyRecoveryCodeParams) => Promise<VerifyResponse | null>;
     verifyTotpMfa: (params: VerifyTotpMfaParams) => Promise<VerifyResponse | null>;
+    verifySocial: (params: VerifySocialParams) => Promise<void>;
     verifyWallet: (params: VerifyWalletParams) => Promise<void>;
 };

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpPromptMfa.cjs

@@ -103,6 +103,8 @@ require('../../../views/TransactionConfirmationView/TransactionConfirmationView.
 require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpPromptMfa.js

@@ -99,6 +99,8 @@ import '../../../views/TransactionConfirmationView/TransactionConfirmationView.j
 import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpPromptReauth.cjs

@@ -104,6 +104,8 @@ require('../../../views/TransactionConfirmationView/TransactionConfirmationView.
 require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
@@ -169,11 +171,26 @@ const useStepUpPromptReauth = () => {
                 type: 'wallet',
             });
         });
+        credentials
+            .filter((cred) => cred.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Oauth &&
+            cred.oauthProvider !== null &&
+            cred.oauthProvider !== undefined &&
+            cred.signInEnabled === true)
+            .forEach((cred) => {
+            var _a;
+            const label = (_a = cred.oauthDisplayName) !== null && _a !== void 0 ? _a : String(cred.oauthProvider);
+            opts.push({
+                credentialId: cred.id,
+                label,
+                oauthProvider: cred.oauthProvider,
+                type: 'oauth',
+            });
+        });
         return opts;
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials, userWallets]);
     const promptReauthenticate = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (options.length === 0) {
-            return Promise.reject(new Error('No reauthentication methods available. Add email, SMS, or a wallet to your account.'));
+            return Promise.reject(new Error('No reauthentication methods available. Add email, SMS, wallet, or a social account to your account.'));
         }
         const deferred = new utils.DeferredPromise();
         const onSuccess = () => deferred.resolve(undefined);
@@ -191,6 +208,14 @@ const useStepUpPromptReauth = () => {
                     type: onlyOption.type,
                 });
             }
+            else if (onlyOption.type === 'oauth' && onlyOption.oauthProvider) {
+                pushView('step-up-reauth-social', {
+                    onError,
+                    onSuccess,
+                    provider: onlyOption.oauthProvider,
+                    requestedScopes: props === null || props === void 0 ? void 0 : props.requestedScopes,
+                });
+            }
             else {
                 pushView('step-up-reauth-wallet', {
                     credentialId: onlyOption.credentialId,

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpPromptReauth.js

@@ -100,6 +100,8 @@ import '../../../views/TransactionConfirmationView/TransactionConfirmationView.j
 import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
@@ -165,11 +167,26 @@ const useStepUpPromptReauth = () => {
                 type: 'wallet',
             });
         });
+        credentials
+            .filter((cred) => cred.format === JwtVerifiedCredentialFormatEnum.Oauth &&
+            cred.oauthProvider !== null &&
+            cred.oauthProvider !== undefined &&
+            cred.signInEnabled === true)
+            .forEach((cred) => {
+            var _a;
+            const label = (_a = cred.oauthDisplayName) !== null && _a !== void 0 ? _a : String(cred.oauthProvider);
+            opts.push({
+                credentialId: cred.id,
+                label,
+                oauthProvider: cred.oauthProvider,
+                type: 'oauth',
+            });
+        });
         return opts;
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials, userWallets]);
     const promptReauthenticate = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
         if (options.length === 0) {
-            return Promise.reject(new Error('No reauthentication methods available. Add email, SMS, or a wallet to your account.'));
+            return Promise.reject(new Error('No reauthentication methods available. Add email, SMS, wallet, or a social account to your account.'));
         }
         const deferred = new DeferredPromise();
         const onSuccess = () => deferred.resolve(undefined);
@@ -187,6 +204,14 @@ const useStepUpPromptReauth = () => {
                     type: onlyOption.type,
                 });
             }
+            else if (onlyOption.type === 'oauth' && onlyOption.oauthProvider) {
+                pushView('step-up-reauth-social', {
+                    onError,
+                    onSuccess,
+                    provider: onlyOption.oauthProvider,
+                    requestedScopes: props === null || props === void 0 ? void 0 : props.requestedScopes,
+                });
+            }
             else {
                 pushView('step-up-reauth-wallet', {
                     credentialId: onlyOption.credentialId,

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpSocial.cjs

@@ -0,0 +1,46 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useSocialAuth = require('../useSocialAuth/useSocialAuth.cjs');
+
+const useStepUpSocial = ({ stateActions }) => {
+    const { setError, setLoading, setSuccess } = stateActions;
+    const socialErrorRef = React.useRef(null);
+    const { connectSocialAccount } = useSocialAuth.useSocialAuth({
+        onError: (error) => {
+            socialErrorRef.current = error;
+        },
+    });
+    const verifySocial = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ provider, requestedScopes, }) {
+        socialErrorRef.current = null;
+        setLoading();
+        try {
+            yield connectSocialAccount({
+                authMode: 'stepup',
+                provider,
+                requestedScopes,
+            });
+            if (socialErrorRef.current) {
+                const errorMessage = socialErrorRef.current instanceof Error
+                    ? socialErrorRef.current.message
+                    : 'Social authentication failed';
+                setError(errorMessage);
+                return;
+            }
+            setSuccess();
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error
+                ? error.message
+                : 'Social authentication failed';
+            setError(errorMessage);
+        }
+    }), [connectSocialAccount, setError, setLoading, setSuccess]);
+    return { verifySocial };
+};
+
+exports.useStepUpSocial = useStepUpSocial;

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpSocial.d.ts

@@ -0,0 +1,10 @@
+import type { VerifySocialParams } from './useStepUpAuthentication.types';
+import type { useStepUpState } from './useStepUpState';
+type StepUpStateActions = ReturnType<typeof useStepUpState>;
+type UseStepUpSocialParams = {
+    stateActions: StepUpStateActions;
+};
+export declare const useStepUpSocial: ({ stateActions }: UseStepUpSocialParams) => {
+    verifySocial: ({ provider, requestedScopes, }: VerifySocialParams) => Promise<void>;
+};
+export {};

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpSocial.js

@@ -0,0 +1,42 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useCallback } from 'react';
+import { useSocialAuth } from '../useSocialAuth/useSocialAuth.js';
+
+const useStepUpSocial = ({ stateActions }) => {
+    const { setError, setLoading, setSuccess } = stateActions;
+    const socialErrorRef = useRef(null);
+    const { connectSocialAccount } = useSocialAuth({
+        onError: (error) => {
+            socialErrorRef.current = error;
+        },
+    });
+    const verifySocial = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ provider, requestedScopes, }) {
+        socialErrorRef.current = null;
+        setLoading();
+        try {
+            yield connectSocialAccount({
+                authMode: 'stepup',
+                provider,
+                requestedScopes,
+            });
+            if (socialErrorRef.current) {
+                const errorMessage = socialErrorRef.current instanceof Error
+                    ? socialErrorRef.current.message
+                    : 'Social authentication failed';
+                setError(errorMessage);
+                return;
+            }
+            setSuccess();
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error
+                ? error.message
+                : 'Social authentication failed';
+            setError(errorMessage);
+        }
+    }), [connectSocialAccount, setError, setLoading, setSuccess]);
+    return { verifySocial };
+};
+
+export { useStepUpSocial };

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpWallet.cjs

@@ -102,6 +102,8 @@ require('../../../views/TransactionConfirmationView/TransactionConfirmationView.
 require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpWallet.js

@@ -98,6 +98,8 @@ import '../../../views/TransactionConfirmationView/TransactionConfirmationView.j
 import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';

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

@@ -91,6 +91,8 @@ require('../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../index.cjs');
 require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

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

@@ -87,6 +87,8 @@ import '../../../context/OnrampContext/OnrampContext.js';
 import '../../../../index.js';
 import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

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

@@ -102,6 +102,8 @@ require('../../../views/TransactionConfirmationView/TransactionConfirmationView.
 require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');

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

@@ -98,6 +98,8 @@ import '../../../views/TransactionConfirmationView/TransactionConfirmationView.j
 import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';

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

@@ -101,6 +101,8 @@ require('../../../views/TransactionConfirmationView/TransactionConfirmationView.
 require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');

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

@@ -97,6 +97,8 @@ import '../../../views/TransactionConfirmationView/TransactionConfirmationView.j
 import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';