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

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -2,36 +2,37 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { DynamicError } from '@dynamic-labs/utils';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
 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 '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import { logger } from '../../shared/logger.js';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
-import '@dynamic-labs/sdk-api';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getVerifyArgs } from '../../utils/functions/getVerifyArgs/getVerifyArgs.js';
-import { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
+import 'viem';
 import 'viem/chains';
-import { transferWallet } from '../../data/api.js';
+import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
+import { transferWallet } from '../../data/api/wallets/wallets.js';
+import { updateJWTAndCreateUserProfile } from '../../utils/functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';
+import { useInternalUserWallets } from '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
@@ -39,47 +40,44 @@ import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../../components/Typography/Typography.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Alert/Alert.js';
+import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import 'qrcode';
 import '../WalletList/WalletList.js';
-import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../config/ApiEndpoint.js';
-import '../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const WalletUsedView = () => {
     const [isChecked, setIsChecked] = useState(false);
@@ -87,7 +85,8 @@ const WalletUsedView = () => {
     const { setErrorMessage } = useErrorContext();
     const { loading, setLoading } = useLoadingContext();
     const { setView, goToInitialView } = useViewContext();
-    const { environmentId, displaySiweStatement, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext();
+    const { environmentId, displaySiweStatement, authToken, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext();
+    const { addedWalletsIds } = useInternalUserWallets();
     const { data: walletAddress } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const accounts = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getConnectedAccounts());
         return accounts === null || accounts === void 0 ? void 0 : accounts[0];
@@ -144,19 +143,14 @@ const WalletUsedView = () => {
                 walletConnector,
                 walletProvider,
             });
-            const jwt = yield transferWallet(environmentId, verifyArgs, authToken);
-            if (!jwt)
-                throw new DynamicError('Invalid JWT!');
-            const decodedJwt = decodeJwt(jwt);
-            if (!decodedJwt)
-                throw new DynamicError('Invalid token!');
-            const userProfile = createUserProfile(decodedJwt);
+            const response = yield transferWallet(environmentId, verifyArgs, authToken);
+            const userProfile = updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
             updatePrimaryWalletId(walletConnector, userProfile);
-            storeAuthToken(jwt);
             setUser(userProfile);
-            setCallback('linkSuccess', {
-                walletId: decodedJwt.lastVerifiedCredentialId,
-            });
+            const walletId = userProfile.lastVerifiedCredentialId;
+            if (walletId) {
+                addedWalletsIds.current.push(walletId);
+            }
             setShowAuthFlow(false);
         }
         catch (error) {

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

@@ -5,5 +5,6 @@ export { NoAccess } from './NoAccess';
 export { PendingSignatureView } from './PendingSignatureView';
 export { QrCodeView } from './QrCodeView';
 export { WalletList } from './WalletList';
+export { FarcasterConnectView } from './FarcasterConnectView';
 export { NetworkNotSupportedSwitchManual } from './NetworkNotSupportedSwitchManual';
 export { viewToComponentMap } from './viewToComponentMap';

package/src/lib/views/viewToComponentMap.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var AccountExistsView = require('./AccountExistsView/AccountExistsView.cjs');
 var BridgeNextWalletConnectionView = require('./BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs');
 var BridgeSummaryView = require('./BridgeSummaryView/BridgeSummaryView.cjs');
@@ -16,6 +17,7 @@ var EmailUpdate = require('./EmailUpdate/EmailUpdate.cjs');
 var EmailVerification = require('./EmailVerification/EmailVerification.cjs');
 var EmailWalletOTPVerificationView = require('./EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs');
 var EmbeddedRevealView = require('./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs');
+var FarcasterConnectView = require('./FarcasterConnectView/FarcasterConnectView.cjs');
 var LoginView = require('./LoginView/LoginView.cjs');
 var MergeUserAccountsView = require('./MergeUserAccountsView/MergeUserAccountsView.cjs');
 var NetworkNotSupported = require('./NetworkNotSupported/NetworkNotSupported.cjs');
@@ -23,19 +25,19 @@ var NetworkNotSupportedSwitchManual = require('./NetworkNotSupportedSwitchManual
 var NoAccess = require('./NoAccess/NoAccess.cjs');
 var NoQrNotInstalledView = require('./NoQrNotInstalledView/NoQrNotInstalledView.cjs');
 var PasskeyIntroView = require('./Passkey/PasskeyIntroView/PasskeyIntroView.cjs');
+var AddRecoveryEmail = require('./Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.cjs');
 var PasskeyBundleRecovery = require('./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs');
 var PasskeyCompleteRecovery = require('./Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs');
 var PasskeyInitRecovery = require('./Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs');
 var RenamePasskeyView = require('./Passkey/RenamePasskeyView/RenamePasskeyView.cjs');
 var EmbeddedAuthChoice = require('./Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.cjs');
-require('react/jsx-runtime');
 require('react-i18next');
 require('react');
 require('../events/dynamicEvents.cjs');
 require('../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/sdk-api');
+require('@dynamic-labs/sdk-api-core');
 require('../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -44,54 +46,55 @@ require('@dynamic-labs/wallet-book');
 require('../utils/constants/colors.cjs');
 require('../utils/constants/values.cjs');
 require('../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../shared/consts/index.cjs');
 require('../context/CaptchaContext/CaptchaContext.cjs');
 require('../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('viem');
 require('viem/chains');
 require('../config/ApiEndpoint.cjs');
+require('../locale/locale.cjs');
 require('../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../context/WalletContext/WalletContext.cjs');
 require('../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../context/MockContext/MockContext.cjs');
 require('../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../context/FooterAnimationContext/index.cjs');
 require('../components/ShadowDOM/ShadowDOM.cjs');
 require('../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../context/FooterAnimationContext/index.cjs');
+require('../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
-require('qrcode');
 require('../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../components/IconButton/IconButton.cjs');
 require('../components/MenuList/Dropdown/Dropdown.cjs');
-require('../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
+require('./TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../components/Alert/Alert.cjs');
+require('../components/Input/Input.cjs');
 require('../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../context/PasskeyContext/PasskeyContext.cjs');
-require('./TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../components/InlineWidget/InlineWidget.cjs');
-require('../components/Input/Input.cjs');
 require('../components/IsBrowser/IsBrowser.cjs');
 require('../components/Popper/Popper/Popper.cjs');
 require('../components/Popper/PopperContext/PopperContext.cjs');
+require('qrcode');
 var PendingSignatureView = require('./PendingSignatureView/PendingSignatureView.cjs');
 var QrCodeView = require('./QrCodeView/QrCodeView.cjs');
 var WalletList = require('./WalletList/WalletList.cjs');
@@ -123,6 +126,7 @@ const viewToComponentMap = {
     'embedded-reveal-account-view': EmbeddedRevealView.EmbeddedRevealView,
     'embedded-reveal-view': EmbeddedRevealView.EmbeddedRevealView,
     'embedded-wallet-auth-choice': EmbeddedAuthChoice.EmbeddedAuthChoice,
+    'farcaster-connect-view': FarcasterConnectView.FarcasterConnectView,
     'gate-blocked-wallet': NoAccess.NoAccess,
     'login-with-email-or-wallet': LoginView.LoginView,
     'login-with-email-or-wallet-full-wallet-list': LoginView.LoginView,
@@ -137,6 +141,7 @@ const viewToComponentMap = {
     'no-qr-not-installed': NoQrNotInstalledView.NoQrNotInstalledView,
     'passkey-intro': PasskeyIntroView.PasskeyIntroView,
     'passkey-new-domain-detected': PasskeyNewDomainDetectedView.PasskeyNewDomainDetectedView,
+    'passkey-recovery-add-email': AddRecoveryEmail.AddRecoveryEmail,
     'passkey-recovery-bundle': PasskeyBundleRecovery.PasskeyBundleRecovery,
     'passkey-recovery-complete': PasskeyCompleteRecovery.PasskeyCompleteRecovery,
     'passkey-recovery-start': PasskeyInitRecovery.PasskeyInitRecovery,
@@ -151,10 +156,11 @@ const viewToComponentMap = {
     'social-wrong-account': SocialWrongAccountView.SocialWrongAccountView,
     'update-email': EmailUpdate.EmailUpdate,
     'verify-email': EmailVerification.EmailVerification,
+    'verify-sms': SmsVerification.SmsVerification,
     'wait-for-email-confirmation-view': EmailConfirmationWaitingView.EmailConfirmationWaitingView,
     'wallet-cannot-be-transferred': WalletCannotBeTransferredView.WalletCannotBeTransferredView,
     'wallet-claim-intro': CoinbaseMPCClaimIntro.CoinbaseMPCClaimIntro,
-    'wallet-connect-mobile-wallets-list': WalletList.WalletList,
+    'wallet-connect-mobile-wallets-list': () => (jsxRuntime.jsx(WalletList.WalletList, { isWalletConnectList: true })),
     'wallet-group': WalletGroupView.WalletGroupView,
     'wallet-list': WalletList.WalletList,
     'wallet-locked-view': WalletLockedView.WalletLockedView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -8,7 +8,7 @@ export declare const viewToComponentMap: {
     'chainalysis-blocked-wallet': () => JSX.Element;
     'collect-user-data': () => JSX.Element | null;
     'collect-user-data-login-no-wallet': import("react").FC<{
-        userIdentification: keyof import("@dynamic-labs/sdk-api").UserFields | "chain" | "ens" | "environmentId" | "isAuthenticatedWithAWallet" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "wallet" | "scope";
+        userIdentification: keyof import("@dynamic-labs/sdk-api-core").UserFields | "chain" | "ens" | "environmentId" | "isAuthenticatedWithAWallet" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "wallet" | "scope";
         userIdentificationOverride?: string | undefined;
     }>;
     'create-password-view': import("react").FC<import("./CreatePasswordView/CreatePasswordView").CreatePasswordViewProps>;
@@ -16,13 +16,14 @@ export declare const viewToComponentMap: {
     'embedded-reveal-account-view': import("react").FC<import("./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView").EmbeddedRevealViewProps>;
     'embedded-reveal-view': import("react").FC<import("./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView").EmbeddedRevealViewProps>;
     'embedded-wallet-auth-choice': import("react").FC<import("./Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice").EmbeddedAuthChoiceProps>;
+    'farcaster-connect-view': ({ url }: import("./FarcasterConnectView/FarcasterConnectView").FarcasterConnectViewProps) => JSX.Element;
     'gate-blocked-wallet': () => JSX.Element;
     'login-with-email-or-wallet': () => JSX.Element;
     'login-with-email-or-wallet-full-wallet-list': () => JSX.Element;
-    'login-with-email-verification': () => JSX.Element;
+    'login-with-email-verification': import("react").FC<import("./EmailVerification/EmailVerification").EmailVerificationProps>;
     'login-with-sms-verification': import("react").FC;
     'login-with-wallet-only': () => JSX.Element;
-    'merge-user-accounts': () => JSX.Element;
+    'merge-user-accounts': import("react").FC<import("./MergeUserAccountsView/MergeUserAccountsView").MergeUserAccountsViewProps>;
     'multi-wallet-wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
     'network-not-supported': () => JSX.Element | null;
     'network-not-supported-manual': import("react").FC;
@@ -30,6 +31,7 @@ export declare const viewToComponentMap: {
     'no-qr-not-installed': () => JSX.Element | null;
     'passkey-intro': import("react").FC;
     'passkey-new-domain-detected': import("react").FC;
+    'passkey-recovery-add-email': import("react").FC<import("./Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail").AddRecoveryEmailProps>;
     'passkey-recovery-bundle': import("react").FC<import("./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery").PasskeyBundleValidationProps>;
     'passkey-recovery-complete': import("react").FC;
     'passkey-recovery-start': import("react").FC<import("./Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery").PasskeyInitRecoveryProps>;
@@ -46,11 +48,12 @@ export declare const viewToComponentMap: {
     'social-redirect-view': () => JSX.Element;
     'social-wrong-account': () => JSX.Element | null;
     'update-email': () => JSX.Element;
-    'verify-email': () => JSX.Element;
+    'verify-email': import("react").FC<import("./EmailVerification/EmailVerification").EmailVerificationProps>;
+    'verify-sms': import("react").FC;
     'wait-for-email-confirmation-view': () => JSX.Element;
     'wallet-cannot-be-transferred': () => JSX.Element;
     'wallet-claim-intro': () => JSX.Element;
-    'wallet-connect-mobile-wallets-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
+    'wallet-connect-mobile-wallets-list': () => JSX.Element;
     'wallet-group': import("react").FC;
     'wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
     'wallet-locked-view': () => JSX.Element | null;

package/src/lib/views/viewToComponentMap.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import { AccountExistsView } from './AccountExistsView/AccountExistsView.js';
 import { BridgeNextWalletConnectionView } from './BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js';
 import { BridgeSummaryView } from './BridgeSummaryView/BridgeSummaryView.js';
@@ -12,6 +13,7 @@ import { EmailUpdate } from './EmailUpdate/EmailUpdate.js';
 import { EmailVerification } from './EmailVerification/EmailVerification.js';
 import { EmailWalletOTPVerificationView } from './EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js';
 import { EmbeddedRevealView } from './EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js';
+import { FarcasterConnectView } from './FarcasterConnectView/FarcasterConnectView.js';
 import { LoginView } from './LoginView/LoginView.js';
 import { MergeUserAccountsView } from './MergeUserAccountsView/MergeUserAccountsView.js';
 import { NetworkNotSupported } from './NetworkNotSupported/NetworkNotSupported.js';
@@ -19,19 +21,19 @@ import { NetworkNotSupportedSwitchManual } from './NetworkNotSupportedSwitchManu
 import { NoAccess } from './NoAccess/NoAccess.js';
 import { NoQrNotInstalledView } from './NoQrNotInstalledView/NoQrNotInstalledView.js';
 import { PasskeyIntroView } from './Passkey/PasskeyIntroView/PasskeyIntroView.js';
+import { AddRecoveryEmail } from './Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.js';
 import { PasskeyBundleRecovery } from './Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js';
 import { PasskeyCompleteRecovery } from './Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js';
 import { PasskeyInitRecovery } from './Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js';
 import { RenamePasskeyView } from './Passkey/RenamePasskeyView/RenamePasskeyView.js';
 import { EmbeddedAuthChoice } from './Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.js';
-import 'react/jsx-runtime';
 import 'react-i18next';
 import 'react';
 import '../events/dynamicEvents.js';
 import '../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api';
+import '@dynamic-labs/sdk-api-core';
 import '../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -40,54 +42,55 @@ import '@dynamic-labs/wallet-book';
 import '../utils/constants/colors.js';
 import '../utils/constants/values.js';
 import '../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '../shared/consts/index.js';
 import '../context/CaptchaContext/CaptchaContext.js';
 import '../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
 import '../config/ApiEndpoint.js';
+import '../locale/locale.js';
 import '../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../context/AccountExistsContext/AccountExistsContext.js';
+import '../context/UserWalletsContext/UserWalletsContext.js';
 import '../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../context/WalletContext/WalletContext.js';
 import '../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../context/FieldsStateContext/FieldsStateContext.js';
 import '../context/MockContext/MockContext.js';
 import '../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../context/UserWalletsContext/UserWalletsContext.js';
+import '../context/FooterAnimationContext/index.js';
 import '../components/ShadowDOM/ShadowDOM.js';
 import '../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../context/FooterAnimationContext/index.js';
+import '../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../context/WalletGroupContext/WalletGroupContext.js';
 import '../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../context/LoadingContext/LoadingContext.js';
-import 'i18next';
-import 'qrcode';
 import '../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../components/IconButton/IconButton.js';
 import '../components/MenuList/Dropdown/Dropdown.js';
-import '../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
+import './TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../components/Alert/Alert.js';
+import '../components/Input/Input.js';
 import '../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../context/PasskeyContext/PasskeyContext.js';
-import './TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../components/InlineWidget/InlineWidget.js';
-import '../components/Input/Input.js';
 import '../components/IsBrowser/IsBrowser.js';
 import '../components/Popper/Popper/Popper.js';
 import '../components/Popper/PopperContext/PopperContext.js';
+import 'qrcode';
 import { PendingSignatureView } from './PendingSignatureView/PendingSignatureView.js';
 import { QrCodeView } from './QrCodeView/QrCodeView.js';
 import { WalletList } from './WalletList/WalletList.js';
@@ -119,6 +122,7 @@ const viewToComponentMap = {
     'embedded-reveal-account-view': EmbeddedRevealView,
     'embedded-reveal-view': EmbeddedRevealView,
     'embedded-wallet-auth-choice': EmbeddedAuthChoice,
+    'farcaster-connect-view': FarcasterConnectView,
     'gate-blocked-wallet': NoAccess,
     'login-with-email-or-wallet': LoginView,
     'login-with-email-or-wallet-full-wallet-list': LoginView,
@@ -133,6 +137,7 @@ const viewToComponentMap = {
     'no-qr-not-installed': NoQrNotInstalledView,
     'passkey-intro': PasskeyIntroView,
     'passkey-new-domain-detected': PasskeyNewDomainDetectedView,
+    'passkey-recovery-add-email': AddRecoveryEmail,
     'passkey-recovery-bundle': PasskeyBundleRecovery,
     'passkey-recovery-complete': PasskeyCompleteRecovery,
     'passkey-recovery-start': PasskeyInitRecovery,
@@ -147,10 +152,11 @@ const viewToComponentMap = {
     'social-wrong-account': SocialWrongAccountView,
     'update-email': EmailUpdate,
     'verify-email': EmailVerification,
+    'verify-sms': SmsVerification,
     'wait-for-email-confirmation-view': EmailConfirmationWaitingView,
     'wallet-cannot-be-transferred': WalletCannotBeTransferredView,
     'wallet-claim-intro': CoinbaseMPCClaimIntro,
-    'wallet-connect-mobile-wallets-list': WalletList,
+    'wallet-connect-mobile-wallets-list': () => (jsx(WalletList, { isWalletConnectList: true })),
     'wallet-group': WalletGroupView,
     'wallet-list': WalletList,
     'wallet-locked-view': WalletLockedView,

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -9,7 +9,7 @@ require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/sdk-api');
+require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -18,7 +18,6 @@ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAd
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 var index = require('../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('@dynamic-labs/iconic');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -28,54 +27,55 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
+require('../../context/FooterAnimationContext/index.cjs');
 var ShadowDOM = require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('../DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var InlineWidgetButton = require('../../components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.cjs');
 var InlineWidget = require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/Input/Input.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
-require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('./views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
 var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -5,7 +5,7 @@ import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api';
+import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -14,7 +14,6 @@ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWallet
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import { useOnClickOutside } from '../../shared/utils/hooks/useOnClickOutside/index.js';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
@@ -24,54 +23,55 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
+import '../../context/FooterAnimationContext/index.js';
 import { ShadowDOM } from '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import '../DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Alert/Alert.js';
+import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { InlineWidgetButton } from '../../components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.js';
 import { InlineWidget } from '../../components/InlineWidget/InlineWidget.js';
-import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import 'qrcode';
 import '../../views/WalletList/WalletList.js';
-import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import './views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
 import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';