@dynamic-labs/sdk-react-core 2.1.0-alpha.3 → 2.1.0-alpha.31

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,24 @@ 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('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ environmentId, user }) => {
     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]);
+        // should only store the selected wallet if the user is authenticated
+        if (user) {
+            yield wallets.storeSelectedWallet({ environmentId, walletId });
+        }
+    }), [environmentId, setPrimaryWalletIdState, user]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -1,5 +1,11 @@
-export declare const usePrimaryWalletId: () => {
+import { UserProfile } from '../../../..';
+type Props = {
+    environmentId: string;
+    user: UserProfile | undefined;
+};
+export declare const usePrimaryWalletId: ({ environmentId, user }: 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,24 @@ 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 '@dynamic-labs/store';
 import '../../../locale/locale.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ environmentId, user }) => {
     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]);
+        // should only store the selected wallet if the user is authenticated
+        if (user) {
+            yield storeSelectedWallet({ environmentId, walletId });
+        }
+    }), [environmentId, setPrimaryWalletIdState, user]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -19,6 +19,12 @@ 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');
+require('@dynamic-labs/store');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
 
@@ -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,6 +15,12 @@ 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 '@dynamic-labs/store';
 import { sendDynamicProps } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
 
@@ -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/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs

@@ -3,30 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-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');
-
-const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
-        return;
-    const decodedJwt = decodeJwt.decodeJwt(authToken);
-    if (!decodedJwt) {
+const useSetWalletConnectorVerifiedCredentials = (user, walletOptions) => {
+    if (!user || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    }
     walletOptions.forEach((walletOption) => {
-        walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        walletOption.walletConnector.setVerifiedCredentials(user.verifiedCredentials);
     });
 };
 

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

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

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

@@ -1,28 +1,9 @@
 'use client'
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-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';
-
-const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
-        return;
-    const decodedJwt = decodeJwt(authToken);
-    if (!decodedJwt) {
+const useSetWalletConnectorVerifiedCredentials = (user, walletOptions) => {
+    if (!user || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    }
     walletOptions.forEach((walletOption) => {
-        walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        walletOption.walletConnector.setVerifiedCredentials(user.verifiedCredentials);
     });
 };
 

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,31 +24,32 @@ 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');
+require('@dynamic-labs/store');
 var oauth = require('../../../data/api/oauth/oauth.cjs');
 require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
-var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useSocialAuth = require('../useSocialAuth/useSocialAuth.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.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');
@@ -74,6 +75,8 @@ require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -86,14 +89,12 @@ const useSocialAccounts = ({ sessionTimeout } = {
     sessionTimeout: 10000,
 }) => {
     var _a;
-    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
-    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
+    const { environmentId, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
     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 : [];
@@ -105,36 +106,41 @@ const useSocialAccounts = ({ sessionTimeout } = {
             ];
         })));
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
-    const checkValidOAuthLinking = (provider) => {
+    const checkValidOAuthLinking = React.useCallback((provider) => {
         if (!isSocialKycEnabled.isSocialKycEnabled(projectSettings)) {
-            handleError(types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard');
+            handleError(provider, types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard', { raiseAuthFailure: false });
             return false;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
         if (verifiedCredential) {
-            handleError(types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`);
+            handleError(provider, types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`, { raiseAuthFailure: false });
             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}`);
+            handleError(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`, { raiseAuthFailure: false });
             return false;
         }
         return true;
-    };
-    const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        connectSocialAccount({ provider, validator: checkValidOAuthLinking });
-    });
-    const unlinkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    }, [handleError, projectSettings, verifiedOAuthCredentialsMap]);
+    const linkSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        connectSocialAccount({
+            authMode: 'link',
+            provider,
+            validator: checkValidOAuthLinking,
+        });
+    }), [checkValidOAuthLinking, connectSocialAccount]);
+    const unlinkSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setError(undefined);
         setIsProcessing(true);
-        if (!checkValidProvider(provider)) {
+        if (!checkValidProvider(provider, 'unlink')) {
             return;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
         if (!verifiedCredential) {
-            handleError(types.SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`);
+            handleError(provider, types.SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`, { raiseAuthFailure: false });
             return;
         }
         try {
@@ -143,20 +149,26 @@ const useSocialAccounts = ({ sessionTimeout } = {
                 environmentId,
                 primaryWalletId,
                 verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
-            }, String(userJwt));
+            });
             if (!response) {
-                handleError(types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+                handleError(provider, types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`, { raiseAuthFailure: false });
                 return;
             }
-            yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             setIsProcessing(false);
         }
         catch (err) {
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+            handleError(provider, types.SocialOAuthErrorCode.GENERAL_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`, { raiseAuthFailure: false });
         }
-    });
-    const isLinked = (provider) => Boolean(verifiedOAuthCredentialsMap[provider]);
-    const getLinkedAccountInformation = (provider) => {
+    }), [
+        checkValidProvider,
+        environmentId,
+        handleError,
+        setError,
+        setIsProcessing,
+        verifiedOAuthCredentialsMap,
+    ]);
+    const isLinked = React.useCallback((provider) => Boolean(verifiedOAuthCredentialsMap[provider]), [verifiedOAuthCredentialsMap]);
+    const getLinkedAccountInformation = React.useCallback((provider) => {
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
         if (!verifiedCredential) {
             return;
@@ -172,15 +184,40 @@ const useSocialAccounts = ({ sessionTimeout } = {
             publicIdentifier,
             username: oauthUsername,
         };
-    };
-    return {
+    }, [verifiedOAuthCredentialsMap]);
+    const checkValidOAuthSignIn = React.useCallback((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(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled for sign-in on the dashboard: ${provider}`, { raiseAuthFailure: true });
+            return false;
+        }
+        return true;
+    }, [handleError, (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers]);
+    const signInWithSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return connectSocialAccount({
+            authMode: 'signin',
+            provider,
+            validator: checkValidOAuthSignIn,
+        });
+    }), [checkValidOAuthSignIn, connectSocialAccount]);
+    return React.useMemo(() => ({
+        error,
+        getLinkedAccountInformation,
+        isLinked,
+        isProcessing,
+        linkSocialAccount,
+        signInWithSocialAccount,
+        unlinkSocialAccount,
+    }), [
         error,
         getLinkedAccountInformation,
         isLinked,
         isProcessing,
         linkSocialAccount,
+        signInWithSocialAccount,
         unlinkSocialAccount,
-    };
+    ]);
 };
 
 exports.useSocialAccounts = useSocialAccounts;

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