@dynamic-labs/sdk-react-core 0.17.0-RC.17 → 0.17.0-RC.19

package/src/lib/components/Portal/Portal.cjs

@@ -31,6 +31,8 @@ require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../SendBalanceForm/SendBalanceForm.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/components/Portal/Portal.js

@@ -27,6 +27,8 @@ import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../SendBalanceForm/SendBalanceForm.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+require('react/jsx-runtime');
+require('formik');
+var yup = require('yup');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+
+yup.object().shape({
+    amount: yup.string()
+        .required('required')
+        .matches(/^\d+(\.\d{1,8})?$/, 'invalidFormat'),
+    recipient: yup.string()
+        .required('required')
+        .matches(/^0x[0-9a-fA-F]{40}$/, 'invalidFormat'),
+});

package/src/lib/components/SendBalanceForm/SendBalanceForm.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export type SendBalanceFormValues = {
+    amount: string;
+    recipient: string;
+};
+export type Props = {
+    initialValues?: SendBalanceFormValues;
+    onSubmit: (formValues: SendBalanceFormValues) => void;
+};
+export declare const SendBalanceForm: FC<Props>;

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -0,0 +1,22 @@
+import 'react/jsx-runtime';
+import 'formik';
+import { object, string } from 'yup';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+
+object().shape({
+    amount: string()
+        .required('required')
+        .matches(/^\d+(\.\d{1,8})?$/, 'invalidFormat'),
+    recipient: string()
+        .required('required')
+        .matches(/^0x[0-9a-fA-F]{40}$/, 'invalidFormat'),
+});

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.d.ts

@@ -0,0 +1,16 @@
+import { FC, MouseEventHandler } from 'react';
+import { SendBalanceFormValues } from '../SendBalanceForm/SendBalanceForm';
+export type SendBalancePageLayoutProps = {
+    balance: string | undefined;
+    chain: string;
+    currencySymbol: string;
+    displayPoweredByDynamicFooter?: boolean;
+    error?: string;
+    isLoading: boolean;
+    onClickBack?: MouseEventHandler<HTMLButtonElement>;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onSubmit: (formValues: SendBalanceFormValues) => void;
+    walletAddress: string;
+    walletName: string;
+};
+export declare const SendBalancePageLayout: FC<SendBalancePageLayoutProps>;

package/src/lib/components/SendBalancePageLayout/components/TokenBalanceCard/TokenBalanceCard.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type TokenBalanceCardProps = {
+    balance?: string;
+    chain: string;
+    currencySymbol: string;
+};
+export declare const TokenBalanceCard: FC<TokenBalanceCardProps>;
+export {};

package/src/lib/components/SendBalancePageLayout/components/TokenBalanceCard/index.d.ts

@@ -0,0 +1 @@
+export { TokenBalanceCard } from './TokenBalanceCard';

package/src/lib/components/SendBalancePageLayout/components/index.d.ts

@@ -0,0 +1 @@
+export * from './TokenBalanceCard';

package/src/lib/components/SendBalancePageLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { SendBalancePageLayout } from './SendBalancePageLayout';
+export type { SendBalancePageLayoutProps } from './SendBalancePageLayout';

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -35,6 +35,8 @@ require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../SendBalanceForm/SendBalanceForm.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/components/Tooltip/Tooltip.js

@@ -31,6 +31,8 @@ import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../SendBalanceForm/SendBalanceForm.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.d.ts

@@ -2,7 +2,7 @@ import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
 type TransactionConfirmationPageLayoutProps = {
     appLogoUrl?: string;
     appName?: string;
-    appOrigin: string;
+    appOrigin?: string;
     disableSendButton?: boolean;
     displayPoweredByDynamicFooter?: boolean;
     error?: string;

package/src/lib/components/TransactionOriginDestination/TransactionOriginDestination.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+export type Props = {
+    arrowIconClassName?: string;
+    className?: string;
+    destinationAddress: string;
+    originAddress: string;
+    textClassName?: string;
+    walletIconClassName?: string;
+    walletName?: string;
+};
+export declare const TransactionOriginDestination: FC<Props>;

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+export type Props = {
+    NetworkIcon?: ReactNode;
+    amount: string;
+    destinationAddress: string;
+    displayPoweredByDynamicFooter?: boolean;
+    networkCurrency: string;
+    networkName: string;
+    onDone: () => void;
+};
+export declare const TransactionStatusLayout: FC<Props>;

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -33,6 +33,8 @@ require('../../IconButton/IconButton.cjs');
 require('../../Alert/Alert.cjs');
 require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../SendBalanceForm/SendBalanceForm.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -29,6 +29,8 @@ import '../../IconButton/IconButton.js';
 import '../../Alert/Alert.js';
 import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../SendBalanceForm/SendBalanceForm.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -33,6 +33,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../SendBalanceForm/SendBalanceForm.cjs');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 
 const UserProfileField = ({ name, label, value, }) => {

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -29,6 +29,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../SendBalanceForm/SendBalanceForm.js';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 
 const UserProfileField = ({ name, label, value, }) => {

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -33,6 +33,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../SendBalanceForm/SendBalanceForm.cjs');
 
 const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -29,6 +29,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../SendBalanceForm/SendBalanceForm.js';
 
 const UserProfileSection = ({ title, children, }) => (jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsx(Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -38,6 +38,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../SendBalanceForm/SendBalanceForm.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -34,6 +34,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../SendBalanceForm/SendBalanceForm.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import { useUpdateUserProfileByJWTCallback } from '../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';

package/src/lib/components/index.d.ts

@@ -36,3 +36,4 @@ export * from './IconListTile';
 export * from './Transition';
 export * from './Popper';
 export * from './TransactionConfirmationPageLayout';
+export * from './SendBalancePageLayout';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -16,6 +16,7 @@ var ViewContext = require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('ethers');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 require('../../shared/consts/index.cjs');
 var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
 var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
@@ -59,9 +60,9 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
-var FundingContext = require('../FundingContext/FundingContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
+var FundingContext = require('../FundingContext/FundingContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -12,6 +12,7 @@ import { ViewContextProvider } from '../ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import 'ethers';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import '../../shared/consts/index.js';
 import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
 import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
@@ -55,9 +56,9 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
-import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
+import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
 import '../../views/CollectUserDataView/fieldsConfig.js';

package/src/lib/context/DynamicContext/hooks/useEmailLoginState/useEmailLoginState.cjs

@@ -14,6 +14,7 @@ require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('ethers');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
+require('../../../../shared/consts/index.cjs');
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, setLoginWithEmail] = React.useState(isEmailProviderEnabled.isEmailProviderEnabled(providers));

package/src/lib/context/DynamicContext/hooks/useEmailLoginState/useEmailLoginState.js

@@ -10,6 +10,7 @@ import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import 'ethers';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
+import '../../../../shared/consts/index.js';
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, setLoginWithEmail] = useState(isEmailProviderEnabled(providers));

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs

@@ -30,6 +30,8 @@ require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js

@@ -26,6 +26,8 @@ import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/SendBalanceForm/SendBalanceForm.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -29,6 +29,8 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -25,6 +25,8 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 import '../MockContext/MockContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -17,6 +17,7 @@ require('../../utils/constants/colors.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 require('@dynamic-labs/rpc-providers');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('react-dom');
@@ -30,6 +31,8 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 require('../MockContext/MockContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
@@ -38,7 +41,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 const SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
@@ -56,12 +59,11 @@ const SocialRedirectContextProvider = ({ children, }) => {
         .find(walletConnectorCore.isSocialWalletConnector);
     const [redirectStatus, setRedirectStatus] = React.useState('idle');
     const [socialProvider, setSocialProvider] = React.useState();
+    const wallet = secondaryWallets.find((wallet) => wallet.connector.key === (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.key));
+    const socialAccount = React.useMemo(() => (wallet ? getReferencedAccount.getReferencedAccount(authToken, wallet.id) : undefined), [authToken, wallet]);
     React.useEffect(() => {
         var _a;
-        if (!projectSettings) {
-            return;
-        }
-        if (!socialWalletConnector) {
+        if (!projectSettings || !socialWalletConnector || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
@@ -71,42 +73,79 @@ const SocialRedirectContextProvider = ({ children, }) => {
             setRedirectStatus('loading');
             setView('social-redirect-view');
             setShowAuthFlow(true);
-            setSelectedWalletConnector(socialWalletConnector);
+            if (!isAuthenticated) {
+                setSelectedWalletConnector(socialWalletConnector);
+            }
             (_a = socialWalletConnector
                 .getSession) === null || _a === void 0 ? void 0 : _a.call(socialWalletConnector).then((session) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                const address = yield socialWalletConnector.fetchPublicAddress();
-                if (!address) {
-                    return;
+                /**
+                 * If the user is already authenticated, that means that they are in the process
+                 * of setting their social wallet as their primary wallet. At this point, they
+                 * have successfully re-authenticated with the social provider. We can now finish
+                 * the setPrimaryWallet flow
+                 */
+                if (isAuthenticated) {
+                    if (!socialAccount) {
+                        throw new Error('Social account not found');
+                    }
+                    if (socialAccount.oauthAccountId === session.oauthId) {
+                        // justification: socialAccount is defined if and only if wallet is also defined
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                        setPrimaryWalletId(wallet.id);
+                        setShowAuthFlow(false);
+                        setShowDynamicUserProfile(true);
+                    }
+                    else {
+                        yield socialWalletConnector.endSession();
+                        setView('social-wrong-account');
+                    }
+                }
+                else {
+                    const address = yield socialWalletConnector.fetchPublicAddress();
+                    walletUiUtils.disabledConfirmationOnce();
+                    yield verifyWallet({
+                        oauth: {
+                            accessToken: session.accessToken,
+                            didToken: session.didToken,
+                            provider: providerFromParams,
+                        },
+                        /**
+                         * justification: if the user just successfully authenticated their social,
+                         * then the social connector must return an address
+                         */
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                        publicWalletAddress: address,
+                        walletConnector: socialWalletConnector,
+                    });
                 }
-                walletUiUtils.enableInternalSign();
-                yield verifyWallet({
-                    oauth: {
-                        accessToken: session.accessToken,
-                        didToken: session.didToken,
-                        provider: providerFromParams,
-                    },
-                    publicWalletAddress: address,
-                    walletConnector: socialWalletConnector,
-                });
                 setSocialProvider(undefined);
                 setRedirectStatus('success');
-            })).catch(() => {
+            })).catch((error) => {
                 setRedirectStatus('error');
             });
         }
     }, [
+        socialAccount,
+        authToken,
+        isAuthenticated,
         projectSettings,
+        sdkHasLoaded,
+        secondaryWallets,
+        setPrimaryWalletId,
         setSelectedWalletConnector,
         setShowAuthFlow,
+        setShowDynamicUserProfile,
         setView,
         socialWalletConnector,
         verifyWallet,
         walletUiUtils,
+        wallet,
     ]);
     return (jsxRuntime.jsx(SocialRedirectContext.Provider, Object.assign({ value: {
             enabledSocialProviders,
             redirectStatus,
             setSocialProvider,
+            socialAccount,
             socialProvider,
             socialWalletConnector,
         } }, { children: children })));

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.d.ts

@@ -1,11 +1,13 @@
 import { ReactNode } from 'react';
 import { SocialOAuthProvider } from '@dynamic-labs/types';
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
 import { WalletConnector } from '../../..';
 type SocialRedirectStatus = 'idle' | 'loading' | 'success' | 'error';
-type SocialContextReturnType = {
+export type SocialContextReturnType = {
     enabledSocialProviders: SocialOAuthProvider[];
     redirectStatus: SocialRedirectStatus;
     setSocialProvider: (val: SocialOAuthProvider) => void;
+    socialAccount: JwtVerifiedCredential | undefined;
     socialProvider: SocialOAuthProvider | undefined;
     socialWalletConnector: WalletConnector | undefined;
 };