@dynamic-labs/sdk-react-core 0.19.0-alpha.8 → 0.19.0-alpha.9

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

@@ -36,6 +36,7 @@ var api = require('../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
+var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
@@ -60,7 +61,6 @@ require('formik');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
@@ -84,7 +84,6 @@ var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-var OAuthIFrameContainer = require('../../widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var WalletContext = require('../WalletContext/WalletContext.cjs');
@@ -712,7 +711,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }) }, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(OAuthIFrameContainer.OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
+                            }) }, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -32,6 +32,7 @@ import { revokeSession, sendDynamicProps } from '../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
+import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
@@ -56,7 +57,6 @@ import 'formik';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
@@ -80,7 +80,6 @@ import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import { OAuthIFrameContainer } from '../../widgets/OAuthIFrameContainer/OAuthIFrameContainer.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
@@ -708,7 +707,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }) }, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
+                            }) }, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -17,6 +17,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, setLoginWithEmail] = React.useState(isEmailProviderEnabled.isEmailProviderEnabled(providers));

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

@@ -13,6 +13,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
+import '../../../../config/ApiEndpoint.js';
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, setLoginWithEmail] = useState(isEmailProviderEnabled(providers));

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

@@ -17,6 +17,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
+require('../../../config/ApiEndpoint.cjs');
 var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {

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

@@ -13,6 +13,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
+import '../../../config/ApiEndpoint.js';
 import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -20,6 +20,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
+require('../../config/ApiEndpoint.cjs');
 
 const FundingContext = React.createContext(undefined);
 const FundingContextProvider = ({ children, }) => {

package/src/lib/context/FundingContext/FundingContext.js

@@ -16,6 +16,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
+import '../../config/ApiEndpoint.js';
 
 const FundingContext = createContext(undefined);
 const FundingContextProvider = ({ children, }) => {

package/src/lib/context/MockContext/MockContext.cjs

@@ -21,13 +21,13 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('react-dom');
 require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -17,13 +17,13 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import 'react-dom';
 import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -4,32 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
 
 const ViewContext = React.createContext(undefined);
 const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
-    const [view, setView] = React.useState(initialView);
-    const previousInitialView = usePrevious.usePrevious(initialView);
+    const [_view, setView] = React.useState(null);
+    const view = _view || initialView;
     const goToInitialView = React.useCallback(() => {
-        setView(initialView);
+        setView(null);
     }, [initialView]);
-    React.useEffect(() => {
-        if (!initialView)
-            return;
-        const isInInitialView = view === previousInitialView || !previousInitialView;
-        if (!isInInitialView)
-            return;
-        setView((currentView) => {
-            const wasViewSetDuringRender = currentView !== previousInitialView;
-            if (wasViewSetDuringRender) {
-                return currentView;
-            }
-            return initialView;
-        });
-    }, [initialView, view]);
     const value = React.useMemo(() => ({
         goToInitialView,
-        setView,
+        setView: setView,
         view,
     }), [view, goToInitialView]);
     return jsxRuntime.jsx(ViewContext.Provider, Object.assign({ value: value }, { children: children }));

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

@@ -1,5 +1,5 @@
 import { SetStateAction, Dispatch, PropsWithChildren, FC } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-success';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/context/ViewContext/ViewContext.js

@@ -1,31 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
-import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
+import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 
 const ViewContext = createContext(undefined);
 const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
-    const [view, setView] = useState(initialView);
-    const previousInitialView = usePrevious(initialView);
+    const [_view, setView] = useState(null);
+    const view = _view || initialView;
     const goToInitialView = useCallback(() => {
-        setView(initialView);
+        setView(null);
     }, [initialView]);
-    useEffect(() => {
-        if (!initialView)
-            return;
-        const isInInitialView = view === previousInitialView || !previousInitialView;
-        if (!isInInitialView)
-            return;
-        setView((currentView) => {
-            const wasViewSetDuringRender = currentView !== previousInitialView;
-            if (wasViewSetDuringRender) {
-                return currentView;
-            }
-            return initialView;
-        });
-    }, [initialView, view]);
     const value = useMemo(() => ({
         goToInitialView,
-        setView,
+        setView: setView,
         view,
     }), [view, goToInitialView]);
     return jsx(ViewContext.Provider, Object.assign({ value: value }, { children: children }));

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -17,8 +17,8 @@ require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../ErrorContext/ErrorContext.cjs');
 require('../../config/ApiEndpoint.cjs');
+require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/WalletContext/WalletContext.js

@@ -13,8 +13,8 @@ import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '../ErrorContext/ErrorContext.js';
 import '../../config/ApiEndpoint.js';
+import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/data/api.cjs

@@ -188,11 +188,12 @@ const unlinkWallet = ({ environmentId, primaryWalletId, walletId, }, userJwt) =>
         return undefined;
     }
 });
-const transferWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const transferWallet = (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         skipEmptyAccountCheck,
@@ -340,19 +341,6 @@ const updateUserProfileFields = (jwt, environmentId, fields) => _tslib.__awaiter
         throw e;
     }
 });
-const getOauthLoginUrl = (environmentId, providerType, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const { url } = yield sdkApi(userJwt).oauthLoginUrl({
-            environmentId,
-            providerType,
-        });
-        return url;
-    }
-    catch (e) {
-        logger.logger.error(e);
-        return undefined;
-    }
-});
 const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const oauthRequest = {
         code,
@@ -376,11 +364,12 @@ const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state },
         return undefined;
     }
 });
-const unlinkOAuth = ({ environmentId, verifiedCrentialId, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const unlinkOAuth = ({ environmentId, primaryWalletId, verifiedCrentialId, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const { jwt } = yield sdkApi(userJwt).verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
+                primaryWalletId,
                 verifiedCrentialId,
             },
         });
@@ -418,6 +407,23 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state })
         return undefined;
     }
 });
+const getOAuthResult = (environmentId, providerType, { state }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const oauthResultRequest = {
+        state,
+    };
+    try {
+        const result = yield sdkApi().oauthResult({
+            environmentId,
+            oauthResultRequest,
+            providerType,
+        });
+        return result;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        return undefined;
+    }
+});
 const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddress, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const { onramps } = yield sdkApi().getSupportedOnramps({
         chain,
@@ -472,7 +478,7 @@ exports.fetchNetworkSettings = fetchNetworkSettings;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;
-exports.getOauthLoginUrl = getOauthLoginUrl;
+exports.getOAuthResult = getOAuthResult;
 exports.getOnrampProviders = getOnrampProviders;
 exports.linkWallet = linkWallet;
 exports.mapAuthModeTypeToEnum = mapAuthModeTypeToEnum;

package/src/lib/data/api.d.ts

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, NetworkConfigurationResponse, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, NetworkConfigurationResponse, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse } from '@dynamic-labs/sdk-api';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
 export declare const getEmailProvider: ({ email, environmentId, }: {
@@ -34,7 +34,7 @@ export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId,
     primaryWalletId: string | undefined;
     walletId: string;
 }, userJwt: string) => Promise<string | undefined>;
-export declare const transferWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
+export declare const transferWallet: (environmentId: string, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
 export declare const mapChainToChainEnum: (chain: string) => ChainEnum;
 export declare const mapProviderToProviderEnum: (provider: string) => WalletProviderEnum;
 export declare const mapAuthModeTypeToEnum: (authMode: string) => AuthModeEnum;
@@ -52,11 +52,13 @@ export declare const fetchProjectSettings: (environmentId: string) => Promise<Pr
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum, userJwt: string) => Promise<string | undefined>;
 export declare const verifyOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state }: OauthRequest, userJwt: string) => Promise<string | undefined>;
-export declare const unlinkOAuth: ({ environmentId, verifiedCrentialId, }: {
+export declare const unlinkOAuth: ({ environmentId, primaryWalletId, verifiedCrentialId, }: {
     environmentId: string;
+    primaryWalletId: string | undefined;
     verifiedCrentialId: string;
 }, userJwt: string) => Promise<string | undefined>;
 export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state }: OauthRequest) => Promise<string | undefined>;
+export declare const getOAuthResult: (environmentId: string, providerType: ProviderEnum, { state }: OauthResultRequest) => Promise<OauthResultResponse | undefined>;
 export declare const getOnrampProviders: ({ chain, environmentId, networkId, token, walletAddress, }: {
     chain: string;
     environmentId: string;

package/src/lib/data/api.js

@@ -184,11 +184,12 @@ const unlinkWallet = ({ environmentId, primaryWalletId, walletId, }, userJwt) =>
         return undefined;
     }
 });
-const transferWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+const transferWallet = (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         skipEmptyAccountCheck,
@@ -336,19 +337,6 @@ const updateUserProfileFields = (jwt, environmentId, fields) => __awaiter(void 0
         throw e;
     }
 });
-const getOauthLoginUrl = (environmentId, providerType, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const { url } = yield sdkApi(userJwt).oauthLoginUrl({
-            environmentId,
-            providerType,
-        });
-        return url;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     const oauthRequest = {
         code,
@@ -372,11 +360,12 @@ const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state },
         return undefined;
     }
 });
-const unlinkOAuth = ({ environmentId, verifiedCrentialId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+const unlinkOAuth = ({ environmentId, primaryWalletId, verifiedCrentialId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const { jwt } = yield sdkApi(userJwt).verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
+                primaryWalletId,
                 verifiedCrentialId,
             },
         });
@@ -414,6 +403,23 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state })
         return undefined;
     }
 });
+const getOAuthResult = (environmentId, providerType, { state }) => __awaiter(void 0, void 0, void 0, function* () {
+    const oauthResultRequest = {
+        state,
+    };
+    try {
+        const result = yield sdkApi().oauthResult({
+            environmentId,
+            oauthResultRequest,
+            providerType,
+        });
+        return result;
+    }
+    catch (e) {
+        logger.error(e);
+        return undefined;
+    }
+});
 const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddress, }) => __awaiter(void 0, void 0, void 0, function* () {
     const { onramps } = yield sdkApi().getSupportedOnramps({
         chain,
@@ -462,4 +468,4 @@ const mergeUserAccounts = (userJwt, environmentId) => __awaiter(void 0, void 0,
     }
 });
 
-export { createEmailVerification, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOauthLoginUrl, getOnrampProviders, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { createEmailVerification, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -17,8 +17,9 @@ require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
@@ -58,11 +58,14 @@ var header = require('./Header/header.cjs');
 var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 var HelpContent = require('./HelpContent/HelpContent.cjs');
+require('react-i18next');
 var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 
 const DynamicAuthLayout = ({ children, onClose, transitionProps, projectSettings, walletConnector, }) => {
     const { view } = ViewContext.useViewContext();
+    const { authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { headerData, helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({
+        authMode,
         view,
     });
     const { isFooterExpanded } = index.useFooterAnimationContext();

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -13,8 +13,9 @@ import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';
-import '../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
@@ -54,11 +54,14 @@ import { Header } from './Header/header.js';
 import { ToSFooter } from './ToSFooter/ToSFooter.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import { HelpContent } from './HelpContent/HelpContent.js';
+import 'react-i18next';
 import { WalletProgressStepper } from './WalletProgressStepper/WalletProgressStepper.js';
 
 const DynamicAuthLayout = ({ children, onClose, transitionProps, projectSettings, walletConnector, }) => {
     const { view } = useViewContext();
+    const { authMode } = useInternalDynamicContext();
     const { headerData, helpHeaderData } = useDynamicLayoutData({
+        authMode,
         view,
     });
     const { isFooterExpanded } = useFooterAnimationContext();

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -22,6 +22,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -29,7 +30,6 @@ require('react-focus-lock');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -18,6 +18,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../config/ApiEndpoint.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -25,7 +26,6 @@ import 'react-focus-lock';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs

@@ -10,6 +10,7 @@ var WalletListHelpContent = require('./WalletListHelpContent/WalletListHelpConte
 var WalletMoreInfoContent = require('./WalletMoreInfoContent/WalletMoreInfoContent.cjs');
 var EmptyHelpContent = require('./EmptyHelpContent/EmptyHelpContent.cjs');
 var HelpHeader = require('./HelpHeader/HelpHeader.cjs');
+var PasskeyInfoHelper = require('./PasskeyInfoHelper/PasskeyInfoHelper.cjs');
 
 const HelpContent = () => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(HelpHeader.HelpHeader, {}), jsxRuntime.jsx(HelpContentSwitch, {})] }));
 const HelpContentSwitch = () => {
@@ -22,6 +23,7 @@ const HelpContentSwitch = () => {
     const isPendingSignatureTypeView = React.useMemo(() => view === 'pending-signature-without-back-button' ||
         view === 'pending-signature', [view]);
     const isPendingConnectTypeView = React.useMemo(() => view === 'pending-connect' || view === 'qr-code', [view]);
+    const isPasskeyIntroView = React.useMemo(() => view === 'passkey-intro', [view]);
     if (isWalletListTypeView) {
         return (jsxRuntime.jsx(WalletListHelpContent.WalletListHelpContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
     }
@@ -31,6 +33,9 @@ const HelpContentSwitch = () => {
     if (isPendingConnectTypeView) {
         return jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { variant: 'connect' });
     }
+    if (isPasskeyIntroView) {
+        return jsxRuntime.jsx(PasskeyInfoHelper.PasskeyInfoHelper, {});
+    }
     return jsxRuntime.jsx(EmptyHelpContent.EmptyHelpContent, {});
 };
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js

@@ -6,6 +6,7 @@ import { WalletListHelpContent } from './WalletListHelpContent/WalletListHelpCon
 import { WalletMoreInfoContent } from './WalletMoreInfoContent/WalletMoreInfoContent.js';
 import { EmptyHelpContent } from './EmptyHelpContent/EmptyHelpContent.js';
 import { HelpHeader } from './HelpHeader/HelpHeader.js';
+import { PasskeyInfoHelper } from './PasskeyInfoHelper/PasskeyInfoHelper.js';
 
 const HelpContent = () => (jsxs("div", { children: [jsx(HelpHeader, {}), jsx(HelpContentSwitch, {})] }));
 const HelpContentSwitch = () => {
@@ -18,6 +19,7 @@ const HelpContentSwitch = () => {
     const isPendingSignatureTypeView = useMemo(() => view === 'pending-signature-without-back-button' ||
         view === 'pending-signature', [view]);
     const isPendingConnectTypeView = useMemo(() => view === 'pending-connect' || view === 'qr-code', [view]);
+    const isPasskeyIntroView = useMemo(() => view === 'passkey-intro', [view]);
     if (isWalletListTypeView) {
         return (jsx(WalletListHelpContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
     }
@@ -27,6 +29,9 @@ const HelpContentSwitch = () => {
     if (isPendingConnectTypeView) {
         return jsx(WalletMoreInfoContent, { variant: 'connect' });
     }
+    if (isPasskeyIntroView) {
+        return jsx(PasskeyInfoHelper, {});
+    }
     return jsx(EmptyHelpContent, {});
 };