@dynamic-labs/sdk-react-core 0.19.0-alpha.13 → 0.19.0-alpha.15

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UserProfile, WalletOption } from '../../../../shared';
+import { IDynamicContext } from '../../types';
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
  * before we can connect a wallet. The goal here is that when a user clicks
@@ -8,8 +9,9 @@ import { UserProfile, WalletOption } from '../../../../shared';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }: {
+export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
     wallets: WalletOption[];
     user?: UserProfile | undefined;
     isMultiWalletEnabled?: boolean | undefined;

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.js

@@ -8,12 +8,15 @@ import { useCallback } from 'react';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
     const setShowAuthFlowWithInit = useCallback((value) => {
         var _a;
         if (value) {
-            // if the uer is already signed in but multiwallet is not enabled, do not change state
-            if (user && !isMultiWalletEnabled)
+            // Do not change state if:
+            // 1. The user is already signed in and multi-wallet is not enabled
+            // 2. An embedded auth flow is already being rendered
+            if ((user && !isMultiWalletEnabled) ||
+                isRenderingEmbeddedAuthFlow.current)
                 return;
             (_a = wallets
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();

package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts

@@ -1,10 +1,12 @@
 import EventEmitter from 'eventemitter3';
+import { Wallet } from '../../../shared';
 /** Maps internal event names to their listeners */
 export type InternalEventMap = {
     emailVerificationResult: (param: boolean, email: string) => void;
     clearPrimaryWallet: () => void;
-    embeddedWalletCreated: (id: string) => void;
+    embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;
+    logout: () => void;
 };
 export type InternalEventEmitter = EventEmitter<InternalEventMap>;
 export declare const getInternalEvents: () => InternalEventEmitter;

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -11,7 +11,6 @@ import { SetCallbackType } from '../useCustomerCallbacks';
 import { InternalEventEmitter } from '../internalEvents';
 export type ChainsToConnect = {
     chain: Chain;
-    numberOfWallets: number;
     chainId?: number;
 };
 export interface IDynamicContext {
@@ -152,4 +151,6 @@ export interface IDynamicContext {
     setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
     /** Temporary workaround, until QNTM-180 is complete */
     internalEvents: MutableRefObject<InternalEventEmitter>;
+    /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
+    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
 }

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs

@@ -25,7 +25,6 @@ require('../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../AccountExistsContext/AccountExistsContext.cjs');
 var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.cjs');
 require('react-dom');
-require('react-i18next');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -41,10 +40,19 @@ require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../FooterAnimationContext/index.cjs');
 require('../../MockContext/MockContext.cjs');
+require('../../QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../LoadingContext/LoadingContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js

@@ -21,7 +21,6 @@ import '../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../AccountExistsContext/AccountExistsContext.js';
 import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.js';
 import 'react-dom';
-import 'react-i18next';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -37,10 +36,19 @@ import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
-import '../../../views/CollectUserDataView/fieldsConfig.js';
+import '../../FooterAnimationContext/index.js';
 import '../../MockContext/MockContext.js';
+import '../../QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../WalletGroupContext/WalletGroupContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../LoadingContext/LoadingContext.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/CollectUserDataView/fieldsConfig.js';
+import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../UserFieldEditorContext/UserFieldEditorContext.js';

package/src/lib/context/FooterAnimationContext/index.cjs

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 
-const FooterAnimationContext = React.createContext({});
+const FooterAnimationContext = React.createContext(undefined);
 const FooterAnimationContextProvider = ({ children, }) => {
     const { view } = ViewContext.useViewContext();
     const [isFooterExpanded, setIsFooterExpanded] = React.useState(false);
@@ -19,7 +19,12 @@ const FooterAnimationContextProvider = ({ children, }) => {
     }), [isFooterExpanded]);
     return (jsxRuntime.jsx(FooterAnimationContext.Provider, { value: value, children: jsxRuntime.jsx("div", { children: children }) }));
 };
-const useFooterAnimationContext = () => React.useContext(FooterAnimationContext);
+const useFooterAnimationContext = () => {
+    const context = React.useContext(FooterAnimationContext);
+    if (!context)
+        throw new Error('Can only call useFooterAnimationContext inside FooterAnimationContextProvider');
+    return context;
+};
 
 exports.FooterAnimationContext = FooterAnimationContext;
 exports.FooterAnimationContextProvider = FooterAnimationContextProvider;

package/src/lib/context/FooterAnimationContext/index.d.ts

@@ -3,9 +3,9 @@ interface FooterAnimationContextProps {
     isFooterExpanded: boolean;
     setIsFooterExpanded: Dispatch<SetStateAction<boolean>>;
 }
-export declare const FooterAnimationContext: React.Context<FooterAnimationContextProps | Record<string, never>>;
+export declare const FooterAnimationContext: React.Context<FooterAnimationContextProps | undefined>;
 export declare const FooterAnimationContextProvider: ({ children, }: {
     children: JSX.Element;
 }) => JSX.Element;
-export declare const useFooterAnimationContext: () => FooterAnimationContextProps | Record<string, never>;
+export declare const useFooterAnimationContext: () => FooterAnimationContextProps;
 export {};

package/src/lib/context/FooterAnimationContext/index.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useEffect, useMemo, useContext } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';
 
-const FooterAnimationContext = createContext({});
+const FooterAnimationContext = createContext(undefined);
 const FooterAnimationContextProvider = ({ children, }) => {
     const { view } = useViewContext();
     const [isFooterExpanded, setIsFooterExpanded] = useState(false);
@@ -15,6 +15,11 @@ const FooterAnimationContextProvider = ({ children, }) => {
     }), [isFooterExpanded]);
     return (jsx(FooterAnimationContext.Provider, { value: value, children: jsx("div", { children: children }) }));
 };
-const useFooterAnimationContext = () => useContext(FooterAnimationContext);
+const useFooterAnimationContext = () => {
+    const context = useContext(FooterAnimationContext);
+    if (!context)
+        throw new Error('Can only call useFooterAnimationContext inside FooterAnimationContextProvider');
+    return context;
+};
 
 export { FooterAnimationContext, FooterAnimationContextProvider, useFooterAnimationContext };

package/src/lib/context/MockContext/MockContext.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletBook = require('@dynamic-labs/wallet-book');
-var DynamicAuthLayout = require('../../layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var index = require('../FooterAnimationContext/index.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
@@ -32,9 +31,10 @@ require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
+var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('react-i18next');
 require('formik');
 require('yup');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
@@ -72,7 +72,7 @@ const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, wal
         sdk: { walletConnect: { projectId: '', v2Enabled: false } },
         security: {},
     };
-    return (jsxRuntime.jsx("div", { className: 'mock-ctx__container', style: { position: 'relative' }, children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, { className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
+    return (jsxRuntime.jsx("div", { className: 'mock-ctx__container', style: { position: 'relative' }, children: jsxRuntime.jsx(DynamicAuthModal.DynamicAuthModal, { className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
                 isShown: true,
             }, walletConnector: mockedWalletConnector !== null && mockedWalletConnector !== void 0 ? mockedWalletConnector : {
                 canConnectViaQrCode: true,

package/src/lib/context/MockContext/MockContext.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext } from 'react';
 import { WalletBookContextProvider } from '@dynamic-labs/wallet-book';
-import { DynamicAuthLayout } from '../../layout/DynamicAuthLayout/DynamicAuthLayout.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import { FooterAnimationContextProvider } from '../FooterAnimationContext/index.js';
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
@@ -28,9 +27,10 @@ import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
+import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import 'react-i18next';
 import 'formik';
 import 'yup';
 import '../../views/CollectUserDataView/fieldsConfig.js';
@@ -68,7 +68,7 @@ const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, wal
         sdk: { walletConnect: { projectId: '', v2Enabled: false } },
         security: {},
     };
-    return (jsx("div", { className: 'mock-ctx__container', style: { position: 'relative' }, children: jsx(DynamicAuthLayout, { className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
+    return (jsx("div", { className: 'mock-ctx__container', style: { position: 'relative' }, children: jsx(DynamicAuthModal, { className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
                 isShown: true,
             }, walletConnector: mockedWalletConnector !== null && mockedWalletConnector !== void 0 ? mockedWalletConnector : {
                 canConnectViaQrCode: true,

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -24,7 +24,6 @@ require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
-require('react-i18next');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -40,14 +39,22 @@ require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../FooterAnimationContext/index.cjs');
 require('../MockContext/MockContext.cjs');
-var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
+require('react-i18next');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 
 const QrCodeContext = React.createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -20,7 +20,6 @@ import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
-import 'react-i18next';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -36,14 +35,22 @@ import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../FooterAnimationContext/index.js';
 import '../MockContext/MockContext.js';
-import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
+import 'react-i18next';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 
 const QrCodeContext = createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -25,7 +25,6 @@ require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
-require('react-i18next');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -42,14 +41,23 @@ require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../FooterAnimationContext/index.cjs');
 require('../MockContext/MockContext.cjs');
+require('../QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
 
 const sendBalanceContext = React.createContext(undefined);

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -21,7 +21,6 @@ import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/useConfirmationModal.js';
-import 'react-i18next';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -38,14 +37,23 @@ import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../FooterAnimationContext/index.js';
 import '../MockContext/MockContext.js';
+import '../QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';
 
 const sendBalanceContext = createContext(undefined);

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -24,7 +24,6 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('react-dom');
-require('react-i18next');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -40,11 +39,22 @@ require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../FooterAnimationContext/index.cjs');
 require('../MockContext/MockContext.cjs');
+require('../QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../AccountExistsContext/AccountExistsContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../LoadingContext/LoadingContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react';
+import { createContext, useState, useMemo, useCallback, useEffect, useContext } from 'react';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../ViewContext/ViewContext.js';
@@ -20,7 +20,6 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
 import 'react-dom';
-import 'react-i18next';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -36,11 +35,22 @@ import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../FooterAnimationContext/index.js';
 import '../MockContext/MockContext.js';
+import '../QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../AccountExistsContext/AccountExistsContext.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../LoadingContext/LoadingContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -26,7 +26,6 @@ require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
-require('react-i18next');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -43,12 +42,21 @@ require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../FooterAnimationContext/index.cjs');
 require('../MockContext/MockContext.cjs');
+require('../QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
 
 const UserFieldEditorContext = React.createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -22,7 +22,6 @@ import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/useConfirmationModal.js';
-import 'react-i18next';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -39,12 +38,21 @@ import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
+import '../FooterAnimationContext/index.js';
 import '../MockContext/MockContext.js';
+import '../QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../views/CollectUserDataView/fieldsConfig.js';
 
 const UserFieldEditorContext = createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../context/FooterAnimationContext/index.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-var useDynamicLayoutData = require('../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
 require('react');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
@@ -32,45 +30,52 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');
+var index = require('../../context/FooterAnimationContext/index.cjs');
+var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
+var useDynamicLayoutData = require('../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
+var header = require('./Header/header.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+var HelpContent = require('./HelpContent/HelpContent.cjs');
 require('react-i18next');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../views/CollectUserDataView/fieldsConfig.cjs');
-require('../../context/MockContext/MockContext.cjs');
+var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
+var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 var VerticalAccordion = require('../../components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs');
 var AccordionItem = require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-var Modal = require('../../components/Modal/Modal.cjs');
-var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
-var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');
-var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
-var header = require('./Header/header.cjs');
-var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-var HelpContent = require('./HelpContent/HelpContent.cjs');
-var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 
-const DynamicAuthLayout = ({ children, onClose, transitionProps, projectSettings, walletConnector, }) => {
+const DynamicAuthLayout = ({ children, className, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
-    const { authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { walletConnector, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isFooterExpanded } = index.useFooterAnimationContext();
+    const { showHeader, showHelpContent, showToSFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const { headerData, helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({
         authMode,
         view,
     });
-    const { isFooterExpanded } = index.useFooterAnimationContext();
-    const { showHeader, showHelpContent, showToSFooter, showConnectedWalletProgress, } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    return (jsxRuntime.jsxs(Modal.Modal, { isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown), children: [showConnectedWalletProgress && (jsxRuntime.jsx(ModalCard.ModalCard, { borderRadius: 'small', children: jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {}) })), jsxRuntime.jsx(ModalCard.ModalCard, { dataTestId: 'dynamic-auth-modal', children: jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }) })] }));
+    const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;