@dynamic-labs/sdk-react-core 3.0.0-alpha.37 → 3.0.0-alpha.39

package/src/lib/utils/constants/localStorage.cjs

@@ -20,6 +20,7 @@ const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
 const EMBEDDED_WALLET_SESSION_SETTINGS = 'dynamic_embedded_wallet_session_settings';
 const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
+const CAPTCHA_TOKEN = 'dynamic_captcha_token';
 /**
  * Used to identify the purpose of a signature after phantom redirects back to the app in mobile
  */
@@ -31,6 +32,7 @@ exports.AUTH_MIN_TOKEN = AUTH_MIN_TOKEN;
 exports.AUTH_MODE = AUTH_MODE;
 exports.AUTH_TOKEN = AUTH_TOKEN;
 exports.BRIDGE_ONBOARDING_COMPLETED = BRIDGE_ONBOARDING_COMPLETED;
+exports.CAPTCHA_TOKEN = CAPTCHA_TOKEN;
 exports.CONNECTED_WALLETS_INFO = CONNECTED_WALLETS_INFO;
 exports.CONNECTED_WALLET_NAME_SERVICE = CONNECTED_WALLET_NAME_SERVICE;
 exports.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS;

package/src/lib/utils/constants/localStorage.d.ts

@@ -17,6 +17,7 @@ export declare const WAGMI_LAST_SESSION_SETTINGS = "dynamic_wagmi_session_settin
 export declare const EMBEDDED_WALLET_SESSION_SETTINGS = "dynamic_embedded_wallet_session_settings";
 export declare const EMBEDDED_WALLET_SECURE_BANNER = "dynamic_embedded_secure_banner";
 export declare const PHONE_INPUT_DEFAULT_COUNTRY = "dynamic_phone_input_default_country";
+export declare const CAPTCHA_TOKEN = "dynamic_captcha_token";
 export type PhantomSignatureState = {
     /**
      * Whether the user has agreed to transfer a wallet even if that means

package/src/lib/utils/constants/localStorage.js

@@ -16,10 +16,11 @@ const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
 const EMBEDDED_WALLET_SESSION_SETTINGS = 'dynamic_embedded_wallet_session_settings';
 const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
+const CAPTCHA_TOKEN = 'dynamic_captcha_token';
 /**
  * Used to identify the purpose of a signature after phantom redirects back to the app in mobile
  */
 const PHANTOM_SIGNATURE_STATE = 'phantom_verification_type';
 const STORE_STORAGE_KEY = 'dynamic_store';
 
-export { AUTH_EXPIRES_AT, AUTH_MIN_TOKEN, AUTH_MODE, AUTH_TOKEN, BRIDGE_ONBOARDING_COMPLETED, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, STORE_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };
+export { AUTH_EXPIRES_AT, AUTH_MIN_TOKEN, AUTH_MODE, AUTH_TOKEN, BRIDGE_ONBOARDING_COMPLETED, CAPTCHA_TOKEN, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, STORE_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };

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

@@ -130,7 +130,7 @@ const useMfa = () => {
         });
         return { id, secret, uri };
     });
-    const authDevice = (code_1, ...args_2) => _tslib.__awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp) {
+    const authDevice = (code_1, ...args_2) => _tslib.__awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp, deviceId) {
         try {
             if (!verifiedUser) {
                 throw new Error(errors.USER_NOT_LOGGED_IN);
@@ -146,6 +146,7 @@ const useMfa = () => {
                         createMfaToken: {
                             singleUse: true,
                         },
+                        deviceId,
                         environmentId,
                         type,
                     });

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

@@ -5,7 +5,7 @@ export declare const useMfa: () => {
         secret: string;
         uri: string;
     }>;
-    readonly authDevice: (code: string, type?: MFADeviceType) => Promise<boolean>;
+    readonly authDevice: (code: string, type?: MFADeviceType, deviceId?: string) => Promise<boolean>;
     readonly authRecoveryCode: (code: string) => Promise<boolean>;
     readonly deleteUserDevice: (deviceId: string) => Promise<void>;
     readonly getRecoveryCodes: (generateNewCodes?: boolean) => Promise<string[]>;

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

@@ -126,7 +126,7 @@ const useMfa = () => {
         });
         return { id, secret, uri };
     });
-    const authDevice = (code_1, ...args_2) => __awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = MFADeviceType.Totp) {
+    const authDevice = (code_1, ...args_2) => __awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = MFADeviceType.Totp, deviceId) {
         try {
             if (!verifiedUser) {
                 throw new Error(USER_NOT_LOGGED_IN);
@@ -142,6 +142,7 @@ const useMfa = () => {
                         createMfaToken: {
                             singleUse: true,
                         },
+                        deviceId,
                         environmentId,
                         type,
                     });

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

@@ -96,7 +96,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 // Hook exposed to customers and used internally to handle social account linking
 const useSocialAccounts = ({ sessionTimeout } = {
-    sessionTimeout: 10000,
+    sessionTimeout: 20000,
 }) => {
     var _a;
     const { environmentId, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -92,7 +92,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 // Hook exposed to customers and used internally to handle social account linking
 const useSocialAccounts = ({ sessionTimeout } = {
-    sessionTimeout: 10000,
+    sessionTimeout: 20000,
 }) => {
     var _a;
     const { environmentId, user, projectSettings } = useInternalDynamicContext();

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

@@ -197,11 +197,12 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             provider,
             type: 'social',
         });
-        if (provider === sdkApiCore.ProviderEnum.Farcaster)
+        if (provider === sdkApiCore.ProviderEnum.Farcaster) {
             return connectWithFarcaster(authMode, {
                 captchaToken,
                 redirectUrl,
             });
+        }
         const state = randomString.randomString(32);
         const verifier = randomString.randomString(43);
         const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _b !== void 0 ? _b : [], provider);

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

@@ -193,11 +193,12 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             provider,
             type: 'social',
         });
-        if (provider === ProviderEnum.Farcaster)
+        if (provider === ProviderEnum.Farcaster) {
             return connectWithFarcaster(authMode, {
                 captchaToken,
                 redirectUrl,
             });
+        }
         const state = randomString(32);
         const verifier = randomString(43);
         const loginUrlString = getOauthLoginUrl((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _b !== void 0 ? _b : [], provider);

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -91,9 +91,10 @@ require('qrcode');
 
 const CaptchaVerifyUser = () => {
     const { t } = reactI18next.useTranslation();
-    const { captchaAuthState } = CaptchaContext.useCaptchaContext();
+    const { captchaAuthState, setCaptchaToken } = CaptchaContext.useCaptchaContext();
     const handleSuccess = (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        setCaptchaToken(captchaToken);
         yield ((_a = captchaAuthState === null || captchaAuthState === void 0 ? void 0 : captchaAuthState.onCaptchaSuccess) === null || _a === void 0 ? void 0 : _a.call(captchaAuthState, captchaToken));
     });
     return (jsxRuntime.jsxs("div", { className: 'captcha-verify-user__container', children: [jsxRuntime.jsx(iconic.CaptchaWaveIcon, { className: 'captcha-verify-user__icon' }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'captcha-verify-user__title', copykey: 'dyn_captcha.verify_user_title', children: t('dyn_captcha.verify_user_title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'captcha-verify-user__subtitle', copykey: 'dyn_captcha.verify_user_subtitle', children: t('dyn_captcha.verify_user_subtitle') }), jsxRuntime.jsx(Captcha.Captcha, { handleSuccess: handleSuccess }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'captcha-verify-user__dynamic-logo' })] }));

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -87,9 +87,10 @@ import 'qrcode';
 
 const CaptchaVerifyUser = () => {
     const { t } = useTranslation();
-    const { captchaAuthState } = useCaptchaContext();
+    const { captchaAuthState, setCaptchaToken } = useCaptchaContext();
     const handleSuccess = (captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        setCaptchaToken(captchaToken);
         yield ((_a = captchaAuthState === null || captchaAuthState === void 0 ? void 0 : captchaAuthState.onCaptchaSuccess) === null || _a === void 0 ? void 0 : _a.call(captchaAuthState, captchaToken));
     });
     return (jsxs("div", { className: 'captcha-verify-user__container', children: [jsx(CaptchaWaveIcon, { className: 'captcha-verify-user__icon' }), jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'captcha-verify-user__title', copykey: 'dyn_captcha.verify_user_title', children: t('dyn_captcha.verify_user_title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'captcha-verify-user__subtitle', copykey: 'dyn_captcha.verify_user_subtitle', children: t('dyn_captcha.verify_user_subtitle') }), jsx(Captcha, { handleSuccess: handleSuccess }), jsx(PoweredByDynamic, { classNameRoot: 'captcha-verify-user__dynamic-logo' })] }));

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -66,8 +66,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -62,8 +62,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../components/Input/Input.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -64,8 +64,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../useFields.cjs');
-var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
+var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('yup');
 require('../../../components/Input/Input.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -60,8 +60,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../useFields.js';
-import { UserDataFields } from '../UserDataFields/UserDataFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
+import { UserDataFields } from '../UserDataFields/UserDataFields.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import 'yup';
 import '../../../components/Input/Input.js';

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.cjs

@@ -68,8 +68,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var Input = require('../../../components/Input/Input.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.js

@@ -64,8 +64,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { Input } from '../../../components/Input/Input.js';

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.cjs

@@ -69,8 +69,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var Input = require('../../../components/Input/Input.cjs');

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.js

@@ -65,8 +65,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { Input } from '../../../components/Input/Input.js';

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

@@ -73,8 +73,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../components/Input/Input.cjs');

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

@@ -69,8 +69,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../components/Input/Input.js';

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

@@ -66,8 +66,8 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var Input = require('../../components/Input/Input.cjs');

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

@@ -62,8 +62,8 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { Input } from '../../components/Input/Input.js';

package/src/lib/views/FarcasterQrCodeView/FarcasterQrCodeView.cjs

@@ -21,7 +21,6 @@ require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
 
 /**
  * This view is used to display the QR code for the farcaster connection.
@@ -29,17 +28,15 @@ var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
  */
 const FarcasterQrCodeView = () => {
     const { setError } = ErrorContext.useErrorContext();
-    const { captchaToken } = CaptchaContext.useCaptchaContext();
     const [url, setUrl] = React.useState(undefined);
     const { connectSocialAccount } = useSocialAuth.useSocialAuth({
         onError: () => setError('Something went wrong'),
         onFarcasterUrl: (url) => setUrl(url),
-        sessionTimeout: 10000,
+        sessionTimeout: 20000,
     });
     useEffectOnce.useEffectOnce(() => {
         connectSocialAccount({
             authMode: 'signin',
-            captchaToken: captchaToken,
             provider: sdkApiCore.ProviderEnum.Farcaster,
         });
     });

package/src/lib/views/FarcasterQrCodeView/FarcasterQrCodeView.js

@@ -17,7 +17,6 @@ import '../../shared/utils/classes/storage/sessionStorage.js';
 import { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.js';
 
 /**
  * This view is used to display the QR code for the farcaster connection.
@@ -25,17 +24,15 @@ import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.j
  */
 const FarcasterQrCodeView = () => {
     const { setError } = useErrorContext();
-    const { captchaToken } = useCaptchaContext();
     const [url, setUrl] = useState(undefined);
     const { connectSocialAccount } = useSocialAuth({
         onError: () => setError('Something went wrong'),
         onFarcasterUrl: (url) => setUrl(url),
-        sessionTimeout: 10000,
+        sessionTimeout: 20000,
     });
     useEffectOnce(() => {
         connectSocialAccount({
             authMode: 'signin',
-            captchaToken: captchaToken,
             provider: ProviderEnum.Farcaster,
         });
     });

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

@@ -66,8 +66,8 @@ require('react-focus-lock');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

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

@@ -62,8 +62,8 @@ import 'react-focus-lock';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

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

@@ -104,12 +104,13 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         onSettled: () => {
             setSocialProvider(undefined);
         },
-        sessionTimeout: 10000,
+        sessionTimeout: 20000,
     });
     const onSelectProvider = (provider) => {
         var _a;
         const providerEnum = getProviderEnumForSocialSignInProvider.getProviderEnumForSocialSignInProvider(provider);
         setSocialProvider(provider);
+        // Captcha Enabled
         if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
             engageCaptcha({
                 authMethod: 'social',
@@ -125,6 +126,7 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
             });
             return;
         }
+        // No Captcha enabled
         setView('social-redirect-view');
         setShowAuthFlow(true);
         connectSocialAccount({

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

@@ -100,12 +100,13 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         onSettled: () => {
             setSocialProvider(undefined);
         },
-        sessionTimeout: 10000,
+        sessionTimeout: 20000,
     });
     const onSelectProvider = (provider) => {
         var _a;
         const providerEnum = getProviderEnumForSocialSignInProvider(provider);
         setSocialProvider(provider);
+        // Captcha Enabled
         if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
             engageCaptcha({
                 authMethod: 'social',
@@ -121,6 +122,7 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
             });
             return;
         }
+        // No Captcha enabled
         setView('social-redirect-view');
         setShowAuthFlow(true);
         connectSocialAccount({

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

@@ -93,14 +93,13 @@ var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { socialProvider, setSocialProvider, socialWalletConnector, enabledSocialProviders, } = SocialRedirectContext.useSocialRedirectContext();
-    const { engageCaptcha, setCaptchaTokenInLS } = CaptchaContext.useCaptchaContext();
+    const { engageCaptcha } = CaptchaContext.useCaptchaContext();
     const { mutate: onClickProvider, isLoading } = useMutation.useMutation((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
             engageCaptcha({
                 authMethod: 'social',
                 onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                    setCaptchaTokenInLS(captchaToken);
                     setSocialProvider(provider);
                     yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
                     return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(provider);

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

@@ -89,14 +89,13 @@ import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignI
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { projectSettings } = useInternalDynamicContext();
     const { socialProvider, setSocialProvider, socialWalletConnector, enabledSocialProviders, } = useSocialRedirectContext();
-    const { engageCaptcha, setCaptchaTokenInLS } = useCaptchaContext();
+    const { engageCaptcha } = useCaptchaContext();
     const { mutate: onClickProvider, isLoading } = useMutation((provider) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
             engageCaptcha({
                 authMethod: 'social',
                 onCaptchaSuccess: (captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
-                    setCaptchaTokenInLS(captchaToken);
                     setSocialProvider(provider);
                     yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
                     return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(provider);

package/src/lib/views/MergeUserAccountsConflictsView/MergeUserAccountsConflictsView.cjs

@@ -62,8 +62,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/MergeUserAccountsConflictsView/MergeUserAccountsConflictsView.js

@@ -58,8 +58,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs

@@ -68,8 +68,8 @@ var Icon = require('../../components/Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js

@@ -64,8 +64,8 @@ import { Icon } from '../../components/Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -63,8 +63,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var Button = require('../../components/Button/Button.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -59,8 +59,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { Button } from '../../components/Button/Button.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../components/Input/Input.js';

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs

@@ -68,8 +68,8 @@ var Icon = require('../../components/Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var spinner = require('../../components/Spinner/spinner.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js

@@ -64,8 +64,8 @@ import { Icon } from '../../components/Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { Spinner } from '../../components/Spinner/spinner.js';
 import '../../components/Input/Input.js';

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.cjs

@@ -65,8 +65,8 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var Button = require('../../components/Button/Button.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var Input = require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.js

@@ -61,8 +61,8 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { Button } from '../../components/Button/Button.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { Input } from '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.cjs

@@ -63,8 +63,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var spinner = require('../../components/Spinner/spinner.cjs');
 require('../../components/Input/Input.cjs');
@@ -103,7 +103,7 @@ const MfaSecureDeviceView = ({ type }) => {
         const onMfaVerificationBackClick = () => {
             setView('mfa-secure-device', { type });
         };
-        setView('mfa-verification', { showBackButton: true, type }, {
+        setView('mfa-verification', { deviceId: data === null || data === void 0 ? void 0 : data.id, showBackButton: true, type }, {
             onBackClick: onMfaVerificationBackClick,
         });
     };