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

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -75,6 +75,7 @@ import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const EmailWalletOTPVerificationView = () => {
     const { setView } = useViewContext();
@@ -92,6 +93,11 @@ const EmailWalletOTPVerificationView = () => {
         emailWalletConnector.clearEmail();
         clearStatesOnBackClick();
         setView('login-with-email-or-wallet');
+        dynamicEvents.emit('authFailure', {
+            email,
+            option: email,
+            type: 'email',
+        }, 'user-cancelled');
     };
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {
         onFailure: (error) => {

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -12,11 +12,10 @@ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var exportEmbeddedHero = require('../../../shared/assets/export-embedded-hero.cjs');
 var eyeOffIcon = require('../../../shared/assets/eye-off-icon.cjs');
@@ -93,17 +92,18 @@ require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secon
 require('@hcaptcha/react-hcaptcha');
 var constants = require('../constants.cjs');
 require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     var _a, _b, _c;
-    const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { shadowRoot } = ShadowDOM.useShadowDOMContext();
+    const { setView } = ViewContext.useViewContext();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
     const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = React.useState(false);
     const iframeContainerRef = React.useRef(null);
-    const decodedJwt = decodeJwt.decodeJwt(authToken);
-    const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const walletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
     const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     const isCoinbaseMpcWallet = wallet && walletConnectorCore.isCoinbaseMpcWalletConnector(wallet.connector);
@@ -140,9 +140,8 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
         if (isTurnkeyWallet) {
             return turnkeyExport.exportCredential({
                 address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                authToken,
                 environmentId,
-                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                user,
                 wallet,
             });
         }
@@ -171,8 +170,16 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
         if (error instanceof utils.DynamicError) {
             return error.message;
         }
-        return getProperErrorMessage.getProperErrorMessage(error);
-    }, [error]);
+        try {
+            return getProperErrorMessage.getProperErrorMessage(error);
+        }
+        catch (e) {
+            if (e instanceof utils.AccessBlockedError) {
+                setView('access-blocked');
+            }
+            return;
+        }
+    }, [error, setView]);
     const { t } = reactI18next.useTranslation();
     const contentHeader = (jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__description', children: !isLoading && data && !error ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_embedded_reveal.reveal_description') })) : (jsxRuntime.jsx("div", { className: 'embedded-reveal-view__header', children: jsxRuntime.jsx(exportEmbeddedHero.ReactComponent, {}) })) }));
     React.useEffect(() => {

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -3,16 +3,15 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { DynamicError } from '@dynamic-labs/utils';
+import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
 import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgExportEmbeddedHero } from '../../../shared/assets/export-embedded-hero.js';
 import { ReactComponent as SvgEyeOffIcon } from '../../../shared/assets/eye-off-icon.js';
@@ -89,17 +88,18 @@ import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Second
 import '@hcaptcha/react-hcaptcha';
 import { iframeContainerId, iframeElementId } from '../constants.js';
 import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     var _a, _b, _c;
-    const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
+    const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { shadowRoot } = useShadowDOMContext();
+    const { setView } = useViewContext();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
     const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = useState(false);
     const iframeContainerRef = useRef(null);
-    const decodedJwt = decodeJwt(authToken);
-    const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const walletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
     const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     const isCoinbaseMpcWallet = wallet && isCoinbaseMpcWalletConnector(wallet.connector);
@@ -136,9 +136,8 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
         if (isTurnkeyWallet) {
             return exportCredential({
                 address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                authToken,
                 environmentId,
-                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                user,
                 wallet,
             });
         }
@@ -167,8 +166,16 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
         if (error instanceof DynamicError) {
             return error.message;
         }
-        return getProperErrorMessage(error);
-    }, [error]);
+        try {
+            return getProperErrorMessage(error);
+        }
+        catch (e) {
+            if (e instanceof AccessBlockedError) {
+                setView('access-blocked');
+            }
+            return;
+        }
+    }, [error, setView]);
     const { t } = useTranslation();
     const contentHeader = (jsx("div", { className: 'embedded-reveal-view__body__description', children: !isLoading && data && !error ? (jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_embedded_reveal.reveal_description') })) : (jsx("div", { className: 'embedded-reveal-view__header', children: jsx(SvgExportEmbeddedHero, {}) })) }));
     useEffect(() => {

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -42,14 +41,10 @@ const initExport = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ i
     }
     return turnkeyExportHandler;
 });
-const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
+const handleExportInitCheck = ({ user, wallet, }) => {
     var _a, _b;
-    if (!authToken) {
-        throw new utils.DynamicError('User must be logged in');
-    }
-    const decodedJwt = decodeJwt.decodeJwt(authToken);
-    if (!decodedJwt) {
-        throw new utils.DynamicError('User must be logged in with a valid token');
+    if (!user) {
+        throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
     }
     if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
         !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
@@ -57,8 +52,8 @@ const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
         throw new utils.DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings');
     }
     const connector = wallet.connector;
-    connector.setEmail(userEmail);
-    const walletProperties = (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    connector.setEmail(user.email);
+    const walletProperties = (_b = (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
     const privateKeyId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyPrivateKeyId;
     const organizationId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeySubOrganizationId;
@@ -83,10 +78,9 @@ const extractExportBundle = ({ address, privateKeyId, activity, }) => {
         : exportWalletResult;
     return result === null || result === void 0 ? void 0 : result.exportBundle;
 };
-const exportCredential = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authToken, userEmail, wallet, environmentId, address, }) {
+const exportCredential = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ user, wallet, environmentId, address, }) {
     const { connector, turnkeyHDWalletId, privateKeyId, organizationId } = handleExportInitCheck({
-        authToken,
-        userEmail,
+        user,
         wallet,
     });
     const turnkeyExportHandler = connector.getExportHandler();

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.d.ts

@@ -1,4 +1,5 @@
 import { Wallet } from '../../../../shared';
+import { UserProfile } from '../../../../..';
 export declare const initExport: ({ iframeContainer, iframeElementId, wallet, }: {
     iframeContainer: HTMLElement;
     iframeElementId: string;
@@ -9,9 +10,8 @@ export declare const extractExportBundle: ({ address, privateKeyId, activity, }:
     privateKeyId?: string;
     activity: any;
 }) => any;
-export declare const exportCredential: ({ authToken, userEmail, wallet, environmentId, address, }: {
-    authToken: string | undefined;
-    userEmail: string | undefined;
+export declare const exportCredential: ({ user, wallet, environmentId, address, }: {
+    user: UserProfile | undefined;
     wallet: Wallet | null;
     environmentId: string;
     address?: string;

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js

@@ -2,7 +2,6 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { isPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError } from '@dynamic-labs/utils';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -15,7 +14,7 @@ import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/consts/index.js';
 import '../../../../config/ApiEndpoint.js';
-import { INVALID_WALLET_DATA, ERROR_PROCESSING_REVEAL_REQUEST } from '../../../../utils/constants/errors.js';
+import { INVALID_WALLET_DATA, ERROR_PROCESSING_REVEAL_REQUEST, USER_NOT_LOGGED_IN } from '../../../../utils/constants/errors.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
@@ -38,14 +37,10 @@ const initExport = (_a) => __awaiter(void 0, [_a], void 0, function* ({ iframeCo
     }
     return turnkeyExportHandler;
 });
-const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
+const handleExportInitCheck = ({ user, wallet, }) => {
     var _a, _b;
-    if (!authToken) {
-        throw new DynamicError('User must be logged in');
-    }
-    const decodedJwt = decodeJwt(authToken);
-    if (!decodedJwt) {
-        throw new DynamicError('User must be logged in with a valid token');
+    if (!user) {
+        throw new DynamicError(USER_NOT_LOGGED_IN);
     }
     if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
         !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
@@ -53,8 +48,8 @@ const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
         throw new DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings');
     }
     const connector = wallet.connector;
-    connector.setEmail(userEmail);
-    const walletProperties = (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    connector.setEmail(user.email);
+    const walletProperties = (_b = (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
     const privateKeyId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyPrivateKeyId;
     const organizationId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeySubOrganizationId;
@@ -79,10 +74,9 @@ const extractExportBundle = ({ address, privateKeyId, activity, }) => {
         : exportWalletResult;
     return result === null || result === void 0 ? void 0 : result.exportBundle;
 };
-const exportCredential = (_c) => __awaiter(void 0, [_c], void 0, function* ({ authToken, userEmail, wallet, environmentId, address, }) {
+const exportCredential = (_c) => __awaiter(void 0, [_c], void 0, function* ({ user, wallet, environmentId, address, }) {
     const { connector, turnkeyHDWalletId, privateKeyId, organizationId } = handleExportInitCheck({
-        authToken,
-        userEmail,
+        user,
         wallet,
     });
     const turnkeyExportHandler = connector.getExportHandler();

package/src/lib/views/EnterPasswordView/EnterPasswordView.cjs

@@ -82,6 +82,7 @@ require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var ToggleVisibilityButton = require('../../components/ToggleVisibilityButton/ToggleVisibilityButton.cjs');
 
 const EnterPasswordView = ({ mutation, onSuccess, onError, closeView = true, }) => {

package/src/lib/views/EnterPasswordView/EnterPasswordView.js

@@ -78,6 +78,7 @@ import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { ToggleVisibilityButton } from '../../components/ToggleVisibilityButton/ToggleVisibilityButton.js';
 
 const EnterPasswordView = ({ mutation, onSuccess, onError, closeView = true, }) => {

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.cjs

@@ -76,6 +76,7 @@ require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const FarcasterConnectView = ({ url }) => {
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.js

@@ -72,6 +72,7 @@ import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const FarcasterConnectView = ({ url }) => {
     const iconThemeVariant = useIconThemeVariant();

package/src/lib/views/LoginView/LoginView.cjs

@@ -23,35 +23,17 @@ var showFarcasterQrCodeView = require('./utils/showFarcasterQrCodeView/showFarca
 const LoginView = () => {
     var _a;
     const { error } = ErrorContext.useErrorContext();
-    const { view, setView } = ViewContext.useViewContext();
+    const { setView } = ViewContext.useViewContext();
     const { isWalletOnly, loginViewSections } = useLoginView.useLoginView();
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
-    const [showWalletList, setShowWalletList] = React.useState(isWalletOnly);
-    React.useEffect(() => {
-        // toolkit log in with email was set to false
-        if (isWalletOnly) {
-            setView('login-with-wallet-only');
-            setShowWalletList(true);
-        }
-        // returning from 'View all wallets' button
-        if (!isWalletOnly && view.type === 'login-with-email-or-wallet') {
-            setShowWalletList(false);
-        }
-        // toolkit log in with email was set back to true
-        if (!isWalletOnly &&
-            (!showWalletList || view.type === 'login-with-wallet-only')) {
-            setView('login-with-email-or-wallet');
-            setShowWalletList(false);
-        }
-    }, [isWalletOnly, view.type]);
     const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
     const numOfWallets = ((_a = loginViewSections.find((section) => section.type === sdkApiCore.SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
-    const renderViewSections = React.useMemo(() => loginViewSections.map((viewSection, index) => (jsxRuntime.jsx("div", { className: classNames.classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsxRuntime.jsx(LoginViewSection.LoginViewSection, { gotToWalletList: () => setShowWalletList(true), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
+    const renderViewSections = React.useMemo(() => loginViewSections.map((viewSection, index) => (jsxRuntime.jsx("div", { className: classNames.classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsxRuntime.jsx(LoginViewSection.LoginViewSection, { gotToWalletList: () => setView('login-with-email-or-wallet-full-wallet-list'), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
     const errorElement = error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'login-view__error-container', withIcon: false, children: error }));
     if (showFarcasterQrCodeView.showFarcasterQrCodeView(loginViewSections, enabledSocialProviders)) {
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [errorElement, jsxRuntime.jsx(FarcasterQrCodeView.FarcasterQrCodeView, {})] }));
     }
-    if (showWalletList) {
+    if (isWalletOnly) {
         return jsxRuntime.jsx(WalletList.WalletList, {});
     }
     const shouldShowFooter = utils.isMobile() && showDefaultFooter;

package/src/lib/views/LoginView/LoginView.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo } from 'react';
+import { useMemo } from 'react';
 import { SdkViewSectionType } from '@dynamic-labs/sdk-api-core';
 import { isMobile } from '@dynamic-labs/utils';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
@@ -19,35 +19,17 @@ import { showFarcasterQrCodeView } from './utils/showFarcasterQrCodeView/showFar
 const LoginView = () => {
     var _a;
     const { error } = useErrorContext();
-    const { view, setView } = useViewContext();
+    const { setView } = useViewContext();
     const { isWalletOnly, loginViewSections } = useLoginView();
     const { enabledSocialProviders } = useSocialRedirectContext();
-    const [showWalletList, setShowWalletList] = useState(isWalletOnly);
-    useEffect(() => {
-        // toolkit log in with email was set to false
-        if (isWalletOnly) {
-            setView('login-with-wallet-only');
-            setShowWalletList(true);
-        }
-        // returning from 'View all wallets' button
-        if (!isWalletOnly && view.type === 'login-with-email-or-wallet') {
-            setShowWalletList(false);
-        }
-        // toolkit log in with email was set back to true
-        if (!isWalletOnly &&
-            (!showWalletList || view.type === 'login-with-wallet-only')) {
-            setView('login-with-email-or-wallet');
-            setShowWalletList(false);
-        }
-    }, [isWalletOnly, view.type]);
     const { showDefaultFooter } = useAuthLayoutChecks();
     const numOfWallets = ((_a = loginViewSections.find((section) => section.type === SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
-    const renderViewSections = useMemo(() => loginViewSections.map((viewSection, index) => (jsx("div", { className: classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsx(LoginViewSection, { gotToWalletList: () => setShowWalletList(true), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
+    const renderViewSections = useMemo(() => loginViewSections.map((viewSection, index) => (jsx("div", { className: classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsx(LoginViewSection, { gotToWalletList: () => setView('login-with-email-or-wallet-full-wallet-list'), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
     const errorElement = error && (jsx(ErrorContainer, { className: 'login-view__error-container', withIcon: false, children: error }));
     if (showFarcasterQrCodeView(loginViewSections, enabledSocialProviders)) {
         return (jsxs(Fragment, { children: [errorElement, jsx(FarcasterQrCodeView, {})] }));
     }
-    if (showWalletList) {
+    if (isWalletOnly) {
         return jsx(WalletList, {});
     }
     const shouldShowFooter = isMobile() && showDefaultFooter;

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.cjs

@@ -80,6 +80,7 @@ var PhoneNumberSignInSection = require('../sections/PhoneNumberSignInSection/Pho
 var SocialSignInSection = require('../sections/SocialSignInSection/SocialSignInSection.cjs');
 var ToggleableSection = require('../sections/ToggleableSection/ToggleableSection.cjs');
 var WalletSignInSection = require('../sections/WalletSignInSection/WalletSignInSection.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, }) => {
     const { loading } = LoadingContext.useLoadingContext();

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.js

@@ -76,6 +76,7 @@ import { PhoneNumberSignInSection } from '../sections/PhoneNumberSignInSection/P
 import { SocialSignInSection } from '../sections/SocialSignInSection/SocialSignInSection.js';
 import { ToggleableSection } from '../sections/ToggleableSection/ToggleableSection.js';
 import { WalletSignInSection } from '../sections/WalletSignInSection/WalletSignInSection.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, }) => {
     const { loading } = useLoadingContext();

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -78,6 +78,7 @@ var useEmailProvider = require('../../../../utils/hooks/useEmailProvider/useEmai
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -74,6 +74,7 @@ import { useEmailProvider } from '../../../../utils/hooks/useEmailProvider/useEm
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs

@@ -80,6 +80,7 @@ require('qrcode');
 require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var useSubmitPhoneNumber = require('./useSubmitPhoneNumber/useSubmitPhoneNumber.cjs');
 
 // For login, we always want to use only countries with verification supported

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js

@@ -76,6 +76,7 @@ import 'qrcode';
 import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { useSubmitPhoneNumber } from './useSubmitPhoneNumber/useSubmitPhoneNumber.js';
 
 // For login, we always want to use only countries with verification supported

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.cjs

@@ -21,7 +21,7 @@ require('../../../../../utils/constants/colors.cjs');
 require('../../../../../utils/constants/values.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../../shared/consts/index.cjs');
-require('../../../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var formatPhone = require('../../../../../utils/functions/formatPhone/formatPhone.cjs');
@@ -72,6 +72,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../PhoneNumberSignInSection.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -111,6 +112,16 @@ const useSubmitPhoneNumber = ({ onSubmit, onSubmitError, country, phone, setInva
             setView('login-with-sms-verification');
             setDisplayedDestination(formatPhone.formatPhone(phone));
             setVerificationUUID(verificationUUID);
+            const phoneData = {
+                dialCode: country.dialCode,
+                iso2: country.iso2,
+                phone: phoneNumber,
+            };
+            dynamicEvents.dynamicEvents.emit('authInit', {
+                option: phoneData,
+                phone: phoneData,
+                type: 'sms',
+            });
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
         }
         catch (error) {

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.js

@@ -17,7 +17,7 @@ import '../../../../../utils/constants/colors.js';
 import '../../../../../utils/constants/values.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../../shared/consts/index.js';
-import '../../../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../../../events/dynamicEvents.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { formatPhone } from '../../../../../utils/functions/formatPhone/formatPhone.js';
@@ -68,6 +68,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../PhoneNumberSignInSection.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -107,6 +108,16 @@ const useSubmitPhoneNumber = ({ onSubmit, onSubmitError, country, phone, setInva
             setView('login-with-sms-verification');
             setDisplayedDestination(formatPhone(phone));
             setVerificationUUID(verificationUUID);
+            const phoneData = {
+                dialCode: country.dialCode,
+                iso2: country.iso2,
+                phone: phoneNumber,
+            };
+            dynamicEvents.emit('authInit', {
+                option: phoneData,
+                phone: phoneData,
+                type: 'sms',
+            });
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
         }
         catch (error) {

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -77,6 +77,7 @@ require('../../../../WalletList/WalletList.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -73,6 +73,7 @@ import '../../../../WalletList/WalletList.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs

@@ -76,6 +76,7 @@ require('../../../../WalletList/WalletList.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
 
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js

@@ -72,6 +72,7 @@ import '../../../../WalletList/WalletList.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
 
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -73,6 +73,7 @@ require('../PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 var MagicSocialSignIn = require('./MagicSocialSignIn/MagicSocialSignIn.cjs');
 var DynamicSocialSignIn = require('./DynamicSocialSignIn/DynamicSocialSignIn.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -69,6 +69,7 @@ import '../PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.cjs

@@ -75,6 +75,7 @@ require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const ToggleableSection = ({ sections }) => {
     /** When true, shows first section. When false, shows second */

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.js

@@ -71,6 +71,7 @@ import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const ToggleableSection = ({ sections }) => {
     /** When true, shows first section. When false, shows second */