@dynamic-labs/sdk-react-core 2.1.0-alpha.2 → 2.1.0-alpha.21

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

@@ -44,13 +44,15 @@ import '../../../context/ThemeContext/ThemeContext.js';
 import { iframeContainerId, iframeElementId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
 import { useInitEmbeddedWalletAuthMethod } from '../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/store';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -68,11 +70,11 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -87,7 +89,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const usePasskeyRecovery = () => {
     var _a, _b;
     const { authToken, environmentId, primaryWallet, projectSettings, setShowAuthFlow, user, setUser, } = useInternalDynamicContext();
-    const iframeContainerRef = useElementById(iframeContainerId);
+    const { createRootElement } = useElementById();
+    const iframeContainerRef = createRootElement(iframeContainerId);
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod();
@@ -103,10 +106,10 @@ const usePasskeyRecovery = () => {
         const sessionExpiration = getEmbeddedWalletSessionExpiration(projectSettings.sdk.embeddedWallets.sessionKeyDuration);
         try {
             return yield restoreEmbeddedWalletSession({
-                authToken,
                 iframeContainer: iframeContainerRef.current,
                 iframeElementId,
                 sessionExpiration,
+                user,
                 wallet: primaryWallet,
             });
         }
@@ -115,7 +118,7 @@ const usePasskeyRecovery = () => {
         }
         return false;
     }), [
-        authToken,
+        user,
         iframeContainerRef,
         primaryWallet,
         (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration,
@@ -142,9 +145,8 @@ const usePasskeyRecovery = () => {
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
             const { passkeyRecoveryResponse } = yield addNewPasskeyAuthenticator({
-                authToken,
                 environmentId,
-                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                user,
                 wallet,
             });
             setUser(updateJWTAndCreateUserProfile(passkeyRecoveryResponse.jwt, passkeyRecoveryResponse.minifiedJwt));
@@ -228,7 +230,7 @@ const usePasskeyRecovery = () => {
     });
     const updateUserProfile = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const { nextView, emailVerification, jwt } = yield updateUserProfileFields(authToken, environmentId, {
+            const { nextView, emailVerification, jwt } = yield updateUserProfileFields(environmentId, {
                 email: emailInput,
             });
             if (nextView === NextViewEnum.Done) {

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

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
@@ -19,19 +20,29 @@ var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLo
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
-require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var userActions = require('../../../store/actions/userActions/userActions.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
+require('@dynamic-labs/store');
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
-    const setPrimaryWalletId = React.useCallback((walletId) => {
+    const setPrimaryWalletId = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield wallets.storeSelectedWallet({ environmentId, walletId });
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                userActions.setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -1,5 +1,10 @@
-export declare const usePrimaryWalletId: () => {
+type Props = {
+    environmentId: string;
+    minAuthToken: string | undefined;
+};
+export declare const usePrimaryWalletId: ({ minAuthToken, environmentId }: Props) => {
     clearPrimaryWalletId: () => void;
     primaryWalletId: string | undefined;
-    setPrimaryWalletId: (walletId: string) => void;
+    setPrimaryWalletId: (walletId: string) => Promise<void>;
 };
+export {};

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

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
@@ -15,19 +16,29 @@ import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/use
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
-import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { setUser } from '../../../store/actions/userActions/userActions.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
+import '@dynamic-labs/store';
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
-    const setPrimaryWalletId = useCallback((walletId) => {
+    const setPrimaryWalletId = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield storeSelectedWallet({ environmentId, walletId });
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                setUser(updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -19,8 +19,14 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+var serializeWalletConnectors = require('../../functions/serializeWalletConnectors/serializeWalletConnectors.cjs');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 
 const useSendDynamicProps = ({ settings: settings$1, environmentId, }) => {
     useEffectOnce.useEffectOnce(() => {
@@ -32,7 +38,7 @@ const useSendDynamicProps = ({ settings: settings$1, environmentId, }) => {
             settings: Object.assign(Object.assign({}, settings$1), { customPrivacyPolicy: Boolean(settings$1.customPrivacyPolicy), customTermsOfServices: Boolean(settings$1.customTermsOfServices), policiesConsentInnerComponent: Boolean(settings$1.policiesConsentInnerComponent) }),
         };
         const serializedEventsCallbacks = serializeEventsCallbacks(settings$1.events);
-        const serializedWalletConnectors = serializeWalletConnectors(settings$1.walletConnectors);
+        const serializedWalletConnectors = serializeWalletConnectors.serializeWalletConnectors(settings$1.walletConnectors);
         const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { events: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
         settings.sendDynamicProps(environmentId, {
             dynamicContextProps: serializedDynamicContextProps,
@@ -58,17 +64,6 @@ const serializeEventsCallbacks = (events) => {
         return undefined;
     }
 };
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        logger.logger.error('error serializing walletConnectors', error);
-        return undefined;
-    }
-};
 const getFrameworkSettings = () => {
     var _a;
     return ({
@@ -84,5 +79,4 @@ const getFrameworkSettings = () => {
 };
 
 exports.serializeEventsCallbacks = serializeEventsCallbacks;
-exports.serializeWalletConnectors = serializeWalletConnectors;
 exports.useSendDynamicProps = useSendDynamicProps;

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

@@ -1,5 +1,4 @@
-import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
-import { DynamicContextProps } from '../../../..';
+import { DynamicContextProps } from '../../../context/DynamicContext';
 import { DynamicEventsCallbacks } from '../../../shared';
 type UseSendDynamicHookProps = {
     settings: DynamicContextProps['settings'];
@@ -7,5 +6,4 @@ type UseSendDynamicHookProps = {
 };
 export declare const useSendDynamicProps: ({ settings, environmentId, }: UseSendDynamicHookProps) => void;
 export declare const serializeEventsCallbacks: (events: DynamicEventsCallbacks | undefined) => string[] | undefined;
-export declare const serializeWalletConnectors: (walletConnectors?: WalletConnectorsMethod[]) => string[] | undefined;
 export {};

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

@@ -15,8 +15,14 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import { serializeWalletConnectors } from '../../functions/serializeWalletConnectors/serializeWalletConnectors.js';
 import { sendDynamicProps } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 
 const useSendDynamicProps = ({ settings, environmentId, }) => {
     useEffectOnce(() => {
@@ -54,17 +60,6 @@ const serializeEventsCallbacks = (events) => {
         return undefined;
     }
 };
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        logger.error('error serializing walletConnectors', error);
-        return undefined;
-    }
-};
 const getFrameworkSettings = () => {
     var _a;
     return ({
@@ -79,4 +74,4 @@ const getFrameworkSettings = () => {
     });
 };
 
-export { serializeEventsCallbacks, serializeWalletConnectors, useSendDynamicProps };
+export { serializeEventsCallbacks, useSendDynamicProps };

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

@@ -5,6 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
+require('../../constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
@@ -12,21 +16,17 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 var getCoinbaseMPCConnectorFetchers = require('../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.cjs');
 
-const useSetWalletConnectorFetchers = (authToken, walletOptions, environmentId) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+const useSetWalletConnectorFetchers = (walletOptions, environmentId) => {
+    if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({ authToken, environmentId });
+    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({ environmentId });
     walletOptions.forEach((walletOption) => {
         if (walletConnectorCore.isCoinbaseMpcWalletConnector(walletOption.walletConnector)) {
             walletOption.walletConnector.setAuthTokenFetcher(fetchAuthToken);

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

@@ -1,2 +1,2 @@
 import { WalletOption } from '../../../shared';
-export declare const useSetWalletConnectorFetchers: (authToken: string | undefined, walletOptions: WalletOption[] | undefined, environmentId: string) => void;
+export declare const useSetWalletConnectorFetchers: (walletOptions: WalletOption[] | undefined, environmentId: string) => void;

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

@@ -1,6 +1,10 @@
 'use client'
 import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
+import '../../constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -8,21 +12,17 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
-import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import { getCoinbaseMPCConnectorFetchers } from '../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js';
 
-const useSetWalletConnectorFetchers = (authToken, walletOptions, environmentId) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+const useSetWalletConnectorFetchers = (walletOptions, environmentId) => {
+    if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers({ authToken, environmentId });
+    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers({ environmentId });
     walletOptions.forEach((walletOption) => {
         if (isCoinbaseMpcWalletConnector(walletOption.walletConnector)) {
             walletOption.walletConnector.setAuthTokenFetcher(fetchAuthToken);

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

@@ -12,7 +12,7 @@ require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
@@ -24,15 +24,16 @@ require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-var getMinAuthToken = require('../../functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 var index = require('../../functions/getEnabledOAuthProviders/index.cjs');
+var getEnabledSocialSignInProvidersAsProviderEnum = require('../../functions/getEnabledSocialSignInProvidersAsProviderEnum/getEnabledSocialSignInProvidersAsProviderEnum.cjs');
 var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 var oauth = require('../../../data/api/oauth/oauth.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -44,11 +45,11 @@ require('../../../context/ThemeContext/ThemeContext.cjs');
 var useSocialAuth = require('../useSocialAuth/useSocialAuth.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
@@ -66,6 +67,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -85,15 +87,13 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useSocialAccounts = ({ sessionTimeout } = {
     sessionTimeout: 10000,
 }) => {
-    var _a;
-    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { handleError, setError, setIsProcessing, checkValidProvider, error, isProcessing, connectSocialAccount, } = useSocialAuth.useSocialAuth({
-        authMode: 'link',
+        onFarcasterUrl: (url) => setView('farcaster-connect-view', { url }),
         sessionTimeout,
     });
-    const userJwt = (_a = getMinAuthToken.getMinAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-    const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const verifiedOAuthCredentialsMap = React.useMemo(() => {
         var _a, _b;
         const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
@@ -115,6 +115,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
             handleError(types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`);
             return false;
         }
+        const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
         const oauthProvider = oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
             handleError(types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`);
@@ -123,10 +124,14 @@ const useSocialAccounts = ({ sessionTimeout } = {
         return true;
     };
     const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        connectSocialAccount({ provider, validator: checkValidOAuthLinking });
+        connectSocialAccount({
+            authMode: 'link',
+            provider,
+            validator: checkValidOAuthLinking,
+        });
     });
     const unlinkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+        var _a;
         setError(undefined);
         setIsProcessing(true);
         if (!checkValidProvider(provider)) {
@@ -142,8 +147,8 @@ const useSocialAccounts = ({ sessionTimeout } = {
             const response = yield oauth.unlinkOAuth({
                 environmentId,
                 primaryWalletId,
-                verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
-            }, String(userJwt));
+                verifiedCrentialId: (_a = verifiedCredential.id) !== null && _a !== void 0 ? _a : '',
+            });
             if (!response) {
                 handleError(types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
                 return;
@@ -173,12 +178,29 @@ const useSocialAccounts = ({ sessionTimeout } = {
             username: oauthUsername,
         };
     };
+    const checkValidOAuthSignIn = (provider) => {
+        var _a;
+        const oauthProvider = getEnabledSocialSignInProvidersAsProviderEnum.getEnabledSocialSignInProvidersAsProviderEnum((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers).find((socialProvider) => socialProvider === provider);
+        if (!oauthProvider) {
+            handleError(types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled for sign-in on the dashboard: ${provider}`);
+            return false;
+        }
+        return true;
+    };
+    const signInWithSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        connectSocialAccount({
+            authMode: 'signin',
+            provider,
+            validator: checkValidOAuthSignIn,
+        });
+    });
     return {
         error,
         getLinkedAccountInformation,
         isLinked,
         isProcessing,
         linkSocialAccount,
+        signInWithSocialAccount,
         unlinkSocialAccount,
     };
 };

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

@@ -9,6 +9,7 @@ export declare const useSocialAccounts: ({ sessionTimeout }?: UseSocialAccountsP
     readonly isLinked: (provider: ProviderEnum) => boolean;
     readonly isProcessing: boolean;
     readonly linkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+    readonly signInWithSocialAccount: (provider: ProviderEnum) => Promise<void>;
     readonly unlinkSocialAccount: (provider: ProviderEnum) => Promise<void>;
 };
 export {};

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

@@ -8,7 +8,7 @@ import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
@@ -20,15 +20,16 @@ import '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { getMinAuthToken } from '../../functions/getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import { getEnabledOAuthProviders } from '../../functions/getEnabledOAuthProviders/index.js';
+import { getEnabledSocialSignInProvidersAsProviderEnum } from '../../functions/getEnabledSocialSignInProvidersAsProviderEnum/getEnabledSocialSignInProvidersAsProviderEnum.js';
 import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import { unlinkOAuth } from '../../../data/api/oauth/oauth.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -40,11 +41,11 @@ import '../../../context/ThemeContext/ThemeContext.js';
 import { useSocialAuth } from '../useSocialAuth/useSocialAuth.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -62,6 +63,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -81,15 +83,13 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useSocialAccounts = ({ sessionTimeout } = {
     sessionTimeout: 10000,
 }) => {
-    var _a;
-    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext();
+    const { environmentId, user, projectSettings } = useInternalDynamicContext();
+    const { setView } = useViewContext();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { handleError, setError, setIsProcessing, checkValidProvider, error, isProcessing, connectSocialAccount, } = useSocialAuth({
-        authMode: 'link',
+        onFarcasterUrl: (url) => setView('farcaster-connect-view', { url }),
         sessionTimeout,
     });
-    const userJwt = (_a = getMinAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-    const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const verifiedOAuthCredentialsMap = useMemo(() => {
         var _a, _b;
         const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
@@ -111,6 +111,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
             handleError(SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`);
             return false;
         }
+        const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
         const oauthProvider = oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
             handleError(SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`);
@@ -119,10 +120,14 @@ const useSocialAccounts = ({ sessionTimeout } = {
         return true;
     };
     const linkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
-        connectSocialAccount({ provider, validator: checkValidOAuthLinking });
+        connectSocialAccount({
+            authMode: 'link',
+            provider,
+            validator: checkValidOAuthLinking,
+        });
     });
     const unlinkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+        var _a;
         setError(undefined);
         setIsProcessing(true);
         if (!checkValidProvider(provider)) {
@@ -138,8 +143,8 @@ const useSocialAccounts = ({ sessionTimeout } = {
             const response = yield unlinkOAuth({
                 environmentId,
                 primaryWalletId,
-                verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
-            }, String(userJwt));
+                verifiedCrentialId: (_a = verifiedCredential.id) !== null && _a !== void 0 ? _a : '',
+            });
             if (!response) {
                 handleError(SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
                 return;
@@ -169,12 +174,29 @@ const useSocialAccounts = ({ sessionTimeout } = {
             username: oauthUsername,
         };
     };
+    const checkValidOAuthSignIn = (provider) => {
+        var _a;
+        const oauthProvider = getEnabledSocialSignInProvidersAsProviderEnum((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers).find((socialProvider) => socialProvider === provider);
+        if (!oauthProvider) {
+            handleError(SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled for sign-in on the dashboard: ${provider}`);
+            return false;
+        }
+        return true;
+    };
+    const signInWithSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
+        connectSocialAccount({
+            authMode: 'signin',
+            provider,
+            validator: checkValidOAuthSignIn,
+        });
+    });
     return {
         error,
         getLinkedAccountInformation,
         isLinked,
         isProcessing,
         linkSocialAccount,
+        signInWithSocialAccount,
         unlinkSocialAccount,
     };
 };