@dynamic-labs/sdk-react-core 2.1.0-alpha.27 → 2.1.0-alpha.28

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

@@ -34,22 +34,6 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             copykey: 'dyn_login.helper.wallet_only',
             heading: t('dyn_login.helper.wallet_only'),
         },
-        'mfa-choose-device': {
-            copykey: 'dyn_mfa.choose_device_view.title',
-            heading: t('dyn_mfa.choose_device_view.title'),
-        },
-        'mfa-recovery': {
-            copykey: 'dyn_mfa.recovery_view.helper.title',
-            heading: t('dyn_mfa.recovery_view.helper.title'),
-        },
-        'mfa-secure-device': {
-            copykey: 'dyn_mfa.secure_device_view.helper.title',
-            heading: t('dyn_mfa.secure_device_view.helper.title'),
-        },
-        'mfa-verification': {
-            copykey: 'dyn_mfa.otp_verification_view.title',
-            heading: t('dyn_mfa.otp_verification_view.title'),
-        },
         'passkey-intro': {
             copykey: 'dyn_passkey_intro.helper.title',
             heading: t('dyn_passkey_intro.helper.title'),

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

@@ -30,22 +30,6 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             copykey: 'dyn_login.helper.wallet_only',
             heading: t('dyn_login.helper.wallet_only'),
         },
-        'mfa-choose-device': {
-            copykey: 'dyn_mfa.choose_device_view.title',
-            heading: t('dyn_mfa.choose_device_view.title'),
-        },
-        'mfa-recovery': {
-            copykey: 'dyn_mfa.recovery_view.helper.title',
-            heading: t('dyn_mfa.recovery_view.helper.title'),
-        },
-        'mfa-secure-device': {
-            copykey: 'dyn_mfa.secure_device_view.helper.title',
-            heading: t('dyn_mfa.secure_device_view.helper.title'),
-        },
-        'mfa-verification': {
-            copykey: 'dyn_mfa.otp_verification_view.title',
-            heading: t('dyn_mfa.otp_verification_view.title'),
-        },
         'passkey-intro': {
             copykey: 'dyn_passkey_intro.helper.title',
             heading: t('dyn_passkey_intro.helper.title'),

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

@@ -29,7 +29,6 @@ require('../../../config/ApiEndpoint.cjs');
 var embeddedWallets = require('../../../data/api/embeddedWallets/embeddedWallets.cjs');
 require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
-var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -81,7 +80,7 @@ require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCa
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useEmbeddedWalletPassword = () => {
-    const { primaryWallet, setShowAuthFlow, environmentId, setUser } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const createPassword = React.useCallback((isClaim, isSignUp) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: false });
@@ -113,19 +112,12 @@ const useEmbeddedWalletPassword = () => {
                 logger.logger.error('Error updating jwt after claiming wallet');
                 return;
             }
-            try {
-                const user = updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(refreshedToken.jwt, refreshedToken.minifiedJwt);
-                setUser(user);
-            }
-            catch (error) {
-                logger.logger.error('Error updating jwt after claiming wallet', error);
-            }
         }
         catch (error) {
             logger.logger.error('Error claiming wallet', error);
             throw new Error('Error claiming wallet');
         }
-    }), [environmentId, primaryWallet, setUser]);
+    }), [environmentId, primaryWallet]);
     return {
         claimWallet,
         createPassword,

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

@@ -25,7 +25,6 @@ import '../../../config/ApiEndpoint.js';
 import { claimEmbeddedWallet } from '../../../data/api/embeddedWallets/embeddedWallets.js';
 import '@dynamic-labs/store';
 import '../../../locale/locale.js';
-import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -77,7 +76,7 @@ import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCar
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useEmbeddedWalletPassword = () => {
-    const { primaryWallet, setShowAuthFlow, environmentId, setUser } = useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const createPassword = useCallback((isClaim, isSignUp) => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: false });
@@ -109,19 +108,12 @@ const useEmbeddedWalletPassword = () => {
                 logger.error('Error updating jwt after claiming wallet');
                 return;
             }
-            try {
-                const user = updateJWTAndCreateUserProfile(refreshedToken.jwt, refreshedToken.minifiedJwt);
-                setUser(user);
-            }
-            catch (error) {
-                logger.error('Error updating jwt after claiming wallet', error);
-            }
         }
         catch (error) {
             logger.error('Error claiming wallet', error);
             throw new Error('Error claiming wallet');
         }
-    }), [environmentId, primaryWallet, setUser]);
+    }), [environmentId, primaryWallet]);
     return {
         claimWallet,
         createPassword,

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

@@ -370,12 +370,12 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
     });
     const connectWithFarcaster = (authMode_1, _g) => _tslib.__awaiter(void 0, [authMode_1, _g], void 0, function* (authMode, { captchaToken }) {
         const dynamicNonce = consumeNonce();
-        const domain = window.location.host;
+        const domain = utils.PlatformService.getHost();
         const data = yield farcaster.connect({
             domain,
             nonce: dynamicNonce,
             redirectUrl,
-            siweUri: window.location.origin,
+            siweUri: utils.PlatformService.getOrigin(),
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {
             handleError(sdkApiCore.ProviderEnum.Farcaster, types.SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.", { raiseAuthFailure: authMode === 'signin' });

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

@@ -366,12 +366,12 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
     });
     const connectWithFarcaster = (authMode_1, _g) => __awaiter(void 0, [authMode_1, _g], void 0, function* (authMode, { captchaToken }) {
         const dynamicNonce = consumeNonce();
-        const domain = window.location.host;
+        const domain = PlatformService.getHost();
         const data = yield connect({
             domain,
             nonce: dynamicNonce,
             redirectUrl,
-            siweUri: window.location.origin,
+            siweUri: PlatformService.getOrigin(),
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {
             handleError(ProviderEnum.Farcaster, SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.", { raiseAuthFailure: authMode === 'signin' });

package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/index.d.ts

@@ -0,0 +1 @@
+export { useSyncEmbeddedWalletFlow } from './useSyncEmbeddedWalletFlow';

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

@@ -0,0 +1,139 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.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('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.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('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.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('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useSyncEmbeddedWalletFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
+    const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const triggeredCreate = React.useRef(false);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login,
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    React.useEffect(() => {
+        const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
+            try {
+                yield createEmbeddedWallet();
+            }
+            catch (error) {
+                if (error instanceof utils.EmbeddedWalletException) {
+                    logger.logger.debug('Error creating embedded wallet', error);
+                }
+                else {
+                    logger.logger.error('Error creating embedded wallet', error);
+                }
+                setShowAuthFlow(false);
+            }
+        });
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
+            isLoadingEmbeddedWallet || // already has a wallet
+            globalLoading || // this will be true if auth is in progress
+            triggeredCreate.current // already triggered
+        ) {
+            return;
+        }
+        createWallet();
+    }, [
+        user,
+        isProjectSettingsLoading,
+        projectSettings,
+        primaryWalletId,
+        createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
+        setShowAuthFlow,
+    ]);
+};
+
+exports.useSyncEmbeddedWalletFlow = useSyncEmbeddedWalletFlow;

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

@@ -0,0 +1 @@
+export declare const useSyncEmbeddedWalletFlow: () => void;

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

@@ -0,0 +1,135 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { EmbeddedWalletException } from '@dynamic-labs/utils';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../context/DynamicContext/DynamicContext.js';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.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 '@dynamic-labs/store';
+import '../../../locale/locale.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import { useLoadingContext } from '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.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 '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
+import 'formik';
+import '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.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 '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useSyncEmbeddedWalletFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = useWalletContext();
+    const { loading: globalLoading } = useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
+    const triggeredCreate = useRef(false);
+    useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login,
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    useEffect(() => {
+        const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
+            try {
+                yield createEmbeddedWallet();
+            }
+            catch (error) {
+                if (error instanceof EmbeddedWalletException) {
+                    logger.debug('Error creating embedded wallet', error);
+                }
+                else {
+                    logger.error('Error creating embedded wallet', error);
+                }
+                setShowAuthFlow(false);
+            }
+        });
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
+            isLoadingEmbeddedWallet || // already has a wallet
+            globalLoading || // this will be true if auth is in progress
+            triggeredCreate.current // already triggered
+        ) {
+            return;
+        }
+        createWallet();
+    }, [
+        user,
+        isProjectSettingsLoading,
+        projectSettings,
+        primaryWalletId,
+        createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
+        setShowAuthFlow,
+    ]);
+};
+
+export { useSyncEmbeddedWalletFlow };

package/src/lib/utils/hooks/useWalletsConnectionState/index.d.ts

@@ -0,0 +1 @@
+export { useWalletsConnectionState } from './useWalletsConnectionState';

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.cjs

@@ -4,11 +4,93 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.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('@dynamic-labs/store');
+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('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../components/Alert/Alert.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.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('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../views/WalletList/WalletList.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var DynamicEmbeddedAuthFlow = require('./DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.cjs');
 var DynamicEmbeddedUserProfile = require('./DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.cjs');
 
-const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => (
-// Only one of these 2 show at any given time, due these components' own definitions
-jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicEmbeddedAuthFlow.DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsxRuntime.jsx(DynamicEmbeddedUserProfile.DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => {
+    const { setDynamicWidgetHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
+    React.useEffect(() => {
+        setDynamicWidgetHasLoaded(true);
+        return () => {
+            setDynamicWidgetHasLoaded(false);
+        };
+    }, [setDynamicWidgetHasLoaded]);
+    return (
+    // Only one of these 2 show at any given time, due these components' own definitions
+    jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicEmbeddedAuthFlow.DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsxRuntime.jsx(DynamicEmbeddedUserProfile.DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+};
 
 exports.DynamicEmbeddedWidget = DynamicEmbeddedWidget;

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.js

@@ -1,10 +1,92 @@
 'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.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 '@dynamic-labs/store';
+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 '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.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 '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../views/WalletList/WalletList.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/FooterAnimationContext/index.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { DynamicEmbeddedAuthFlow } from './DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js';
 import { DynamicEmbeddedUserProfile } from './DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js';
 
-const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => (
-// Only one of these 2 show at any given time, due these components' own definitions
-jsxs(Fragment, { children: [jsx(DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsx(DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => {
+    const { setDynamicWidgetHasLoaded } = useInternalDynamicContext();
+    useEffect(() => {
+        setDynamicWidgetHasLoaded(true);
+        return () => {
+            setDynamicWidgetHasLoaded(false);
+        };
+    }, [setDynamicWidgetHasLoaded]);
+    return (
+    // Only one of these 2 show at any given time, due these components' own definitions
+    jsxs(Fragment, { children: [jsx(DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsx(DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+};
 
 export { DynamicEmbeddedWidget };