@dynamic-labs/sdk-react-core 2.3.8 → 2.3.10

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

@@ -1,10 +1,10 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
-import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isCoinbaseMpcWalletConnector, isSmartWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -17,6 +17,7 @@ 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';
+import { ReactComponent as SvgInfo } from '../../../shared/assets/info.js';
 import { ReactComponent as SvgWalletV2 } from '../../../shared/assets/wallet-v2.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
@@ -67,7 +68,7 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { useWidgetContext } from '../../../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';
@@ -97,6 +98,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { shadowRoot } = useShadowDOMContext();
+    const { setDynamicWidgetView } = useWidgetContext();
     const { setView } = useViewContext();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
     const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = useState(false);
@@ -179,7 +181,14 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
         }
     }, [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, {}) })) }));
+    const contentHeader = (jsxs("div", { children: [(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
+                isSmartWalletConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
+                !isLoading &&
+                data &&
+                !error && (jsxs("div", { className: 'embedded-reveal-view__zerodev-warning', children: [jsxs("div", { className: 'embedded-reveal-view__zerodev-warning__title-row', children: [jsx(SvgInfo, { className: 'embedded-reveal-view__zerodev-warning__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'bold', copykey: 'dyn_embedded_reveal.aa_warning.title', children: t('dyn_embedded_reveal.aa_warning.title') })] }), jsxs(Typography, { variant: 'body_normal', weight: 'regular', copykey: 'dyn_embedded_reveal.aa_warning.subtitle', children: [t('dyn_embedded_reveal.aa_warning.subtitle'), jsx("button", { onClick: () => {
+                                    setShowAuthFlow(false);
+                                    setDynamicWidgetView('send-balance');
+                                }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'primary', className: 'underline', copykey: 'dyn_embedded_reveal.aa_warning.button', children: t('dyn_embedded_reveal.aa_warning.button') }) })] })] })), 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(() => {
         var _a;
         if (((_a = iframeContainerRef === null || iframeContainerRef === void 0 ? void 0 : iframeContainerRef.current) === null || _a === void 0 ? void 0 : _a.children) && data) {

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

@@ -21,7 +21,6 @@ var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnc
 require('@dynamic-labs/logger');
 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 { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectO
 import '@dynamic-labs/logger';
 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/LoginViewSection/LoginViewSection.cjs

@@ -98,22 +98,26 @@ const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, })
         case sdkApiCore.SdkViewSectionType.Phone:
             return (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading }));
         case sdkApiCore.SdkViewSectionType.EmailAndPhone:
-            return (jsxRuntime.jsx(ToggleableSection.ToggleableSection, { sections: [
-                    {
-                        button: t('dyn_login.email_or_phone.use_phone'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
-                        component: (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_phone'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
-                    },
-                    {
-                        button: t('dyn_login.email_or_phone.use_email'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_email',
-                        component: (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_email'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
-                    },
-                ] }));
+            // eslint-disable-next-line no-case-declarations
+            const sections = [
+                {
+                    button: t('dyn_login.email_or_phone.use_phone'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
+                    component: (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_phone'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
+                },
+                {
+                    button: t('dyn_login.email_or_phone.use_email'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_email',
+                    component: (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_email'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
+                },
+            ];
+            if (viewSection.defaultItem === 'phone')
+                sections.reverse();
+            return jsxRuntime.jsx(ToggleableSection.ToggleableSection, { sections: sections });
         case sdkApiCore.SdkViewSectionType.Wallet:
             return (jsxRuntime.jsx(WalletSignInSection.WalletSignInSection, { numberOfItensToShow: viewSection.numOfItemsToDisplay || 0, onSubmit: () => {
                     // this view is just to show the back button

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

@@ -94,22 +94,26 @@ const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, })
         case SdkViewSectionType.Phone:
             return (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading }));
         case SdkViewSectionType.EmailAndPhone:
-            return (jsx(ToggleableSection, { sections: [
-                    {
-                        button: t('dyn_login.email_or_phone.use_phone'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
-                        component: (jsx(LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_phone'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
-                    },
-                    {
-                        button: t('dyn_login.email_or_phone.use_email'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_email',
-                        component: (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_email'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
-                    },
-                ] }));
+            // eslint-disable-next-line no-case-declarations
+            const sections = [
+                {
+                    button: t('dyn_login.email_or_phone.use_phone'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
+                    component: (jsx(LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_phone'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
+                },
+                {
+                    button: t('dyn_login.email_or_phone.use_email'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_email',
+                    component: (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_email'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
+                },
+            ];
+            if (viewSection.defaultItem === 'phone')
+                sections.reverse();
+            return jsx(ToggleableSection, { sections: sections });
         case SdkViewSectionType.Wallet:
             return (jsx(WalletSignInSection, { numberOfItensToShow: viewSection.numOfItemsToDisplay || 0, onSubmit: () => {
                     // this view is just to show the back button

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

@@ -71,13 +71,13 @@ require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components
 require('../../../../../locale/locale.cjs');
 var translation = require('../../../../../locale/en/translation.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

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

@@ -67,13 +67,13 @@ import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/
 import '../../../../../locale/locale.js';
 import { translation } from '../../../../../locale/en/translation.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

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

@@ -95,12 +95,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',
@@ -116,6 +117,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

@@ -91,12 +91,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',
@@ -112,6 +113,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

@@ -84,14 +84,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

@@ -80,14 +80,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/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -70,6 +70,7 @@ require('../../../WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 var MagicSocialSignIn = require('./MagicSocialSignIn/MagicSocialSignIn.cjs');
 var DynamicSocialSignIn = require('./DynamicSocialSignIn/DynamicSocialSignIn.cjs');
@@ -78,7 +79,6 @@ require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

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

@@ -66,6 +66,7 @@ import '../../../WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
@@ -74,7 +75,6 @@ import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.d.ts

@@ -6,8 +6,7 @@ export type Section = {
     buttonCopyKey?: string;
     labelCopyKey?: string;
 };
-type ToggleableSectionProps = {
+export type ToggleableSectionProps = {
     sections: [Section, Section];
 };
 export declare const ToggleableSection: FC<ToggleableSectionProps>;
-export {};

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -70,6 +70,7 @@ require('../../../../WalletList/WalletList.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 var WalletListItem = require('../../../../WalletList/WalletListItem/WalletListItem.cjs');
 var ListItemButton = require('../ListItemButton/ListItemButton.cjs');
@@ -79,7 +80,6 @@ require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cj
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -66,6 +66,7 @@ import '../../../../WalletList/WalletList.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import { WalletListItem } from '../../../../WalletList/WalletListItem/WalletListItem.js';
 import { ListItemButton } from '../ListItemButton/ListItemButton.js';
@@ -75,7 +76,6 @@ import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js'
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

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

@@ -70,6 +70,7 @@ require('../../WalletList/WalletList.cjs');
 var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var getLoginViewStructure = require('./getLoginViewStructure/getLoginViewStructure.cjs');
@@ -77,7 +78,6 @@ require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useViewSettings = require('../../../utils/hooks/useViewSettings/useViewSettings.cjs');

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

@@ -66,6 +66,7 @@ import '../../WalletList/WalletList.js';
 import { useSocialRedirectContext } from '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import { getLoginViewStructure } from './getLoginViewStructure/getLoginViewStructure.js';
@@ -73,7 +74,6 @@ import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useViewSettings } from '../../../utils/hooks/useViewSettings/useViewSettings.js';

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs

@@ -70,13 +70,13 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useMergeUserAccounts = require('../../utils/hooks/useMergeUserAccounts/useMergeUserAccounts.cjs');

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js

@@ -66,13 +66,13 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useMergeUserAccounts } from '../../utils/hooks/useMergeUserAccounts/useMergeUserAccounts.js';

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -71,6 +71,7 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 var useMfa = require('../../utils/hooks/useMfa/useMfa.cjs');
@@ -78,7 +79,6 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -67,6 +67,7 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import { useMfa } from '../../utils/hooks/useMfa/useMfa.js';
@@ -74,7 +75,6 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 

package/src/lib/views/NoAccess/useNoAccessText.cjs

@@ -68,13 +68,13 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

package/src/lib/views/NoAccess/useNoAccessText.js

@@ -64,13 +64,13 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.cjs

@@ -78,6 +78,7 @@ require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
@@ -86,7 +87,6 @@ var PasskeyDeviceIcon = require('../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 var AuthChoiceInfo = require('../EmbeddedAuthChoice/AuthChoiceInfo/AuthChoiceInfo.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.js

@@ -74,6 +74,7 @@ import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
@@ -82,7 +83,6 @@ import { PasskeyDeviceIcon } from '../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import { AuthChoiceInfo } from '../EmbeddedAuthChoice/AuthChoiceInfo/AuthChoiceInfo.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

package/src/lib/views/Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.cjs

@@ -77,6 +77,7 @@ require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
@@ -84,7 +85,6 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');