@dynamic-labs/sdk-react-core 1.1.0-alpha.5 → 1.1.0-alpha.7

package/src/lib/context/ConnectWithEmailOtpContext/constants.js

@@ -0,0 +1,10 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: ProviderEnum.Dynamic,
+    emailOnly: ProviderEnum.EmailOnly,
+    magicLink: ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+
+export { allSupportedProviders, mapEmailProviderToProviderEnum };

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

@@ -0,0 +1,2 @@
+export { ConnectWithEmailOtpProvider } from './ConnectWithEmailOtpProvider';
+export { useConnectWithEmailOtp } from './useConnectWithEmailOtp';

package/src/lib/context/ConnectWithEmailOtpContext/types.d.ts

@@ -0,0 +1,13 @@
+export type EmailProviders = 'magicLink' | 'dynamic' | 'emailOnly';
+export type ConnectWithEmailOtpOptions = {
+    provider?: EmailProviders;
+};
+export type ConnectWithEmailOtpContext = {
+    connectWithEmail: (email: string, options?: ConnectWithEmailOtpOptions) => Promise<void>;
+    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
+};
+export type ProviderVerificationHandler = (oneTimePassword: string) => Promise<{
+    email: string;
+    verified: boolean;
+}>;
+export type ProviderHandler = (email: string) => Promise<ProviderVerificationHandler>;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var connectWithEmailOtpContext = require('./connectWithEmailOtpContext.cjs');
+
+const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
+    const context = React.useContext(connectWithEmailOtpContext.connectWithEmailOtpContext);
+    if (!context) {
+        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+    }
+    return {
+        connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        verifyOneTimePassword: context.verifyOneTimePassword,
+    };
+};
+
+exports.useConnectWithEmailOtp = useConnectWithEmailOtp;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.d.ts

@@ -0,0 +1,6 @@
+import { EmailProviders, ConnectWithEmailOtpContext } from './types';
+type UseConnectWithEmailOtpProps = {
+    provider?: EmailProviders;
+};
+export declare const useConnectWithEmailOtp: ({ provider: defaultProvider, }?: UseConnectWithEmailOtpProps) => ConnectWithEmailOtpContext;
+export {};

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';
+
+const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
+    const context = useContext(connectWithEmailOtpContext);
+    if (!context) {
+        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+    }
+    return {
+        connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        verifyOneTimePassword: context.verifyOneTimePassword,
+    };
+};
+
+export { useConnectWithEmailOtp };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../../../data/api.cjs');
+
+const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { verificationUUID } = yield api.createEmailVerification({
+        email,
+        environmentId,
+    });
+    return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { jwt } = yield api.signInWithEmailVerification({
+            environmentId,
+            verificationToken: oneTimePassword,
+            verificationUUID,
+        });
+        yield createUserProfileByJWT(jwt);
+        return {
+            email,
+            verified: Boolean(jwt),
+        };
+    });
+});
+
+exports.createEmailHandler = createEmailHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.d.ts

@@ -0,0 +1,2 @@
+import { ProviderHandler } from '../types';
+export declare const createEmailHandler: (environmentId: string, createUserProfileByJWT: (jwt: string) => Promise<void>) => ProviderHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.js

@@ -0,0 +1,23 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { createEmailVerification, signInWithEmailVerification } from '../../../data/api.js';
+
+const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) => __awaiter(void 0, void 0, void 0, function* () {
+    const { verificationUUID } = yield createEmailVerification({
+        email,
+        environmentId,
+    });
+    return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+        const { jwt } = yield signInWithEmailVerification({
+            environmentId,
+            verificationToken: oneTimePassword,
+            verificationUUID,
+        });
+        yield createUserProfileByJWT(jwt);
+        return {
+            email,
+            verified: Boolean(jwt),
+        };
+    });
+});
+
+export { createEmailHandler };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+
+const createMagicHandler = (connector, handleInstalledExtensionClick) => (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!connector) {
+        throw new Error('OTP wallet connector was not found');
+    }
+    connector.setEmail(email);
+    handleInstalledExtensionClick(connector);
+    return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return ({
+            email,
+            verified: yield connector.verifyOneTimePassword(oneTimePassword),
+        });
+    });
+});
+
+exports.createMagicHandler = createMagicHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.d.ts

@@ -0,0 +1,3 @@
+import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProviderHandler } from '../types';
+export declare const createMagicHandler: (connector: IEmailOTPWalletConnector | undefined, handleInstalledExtensionClick: (connector: IEmailOTPWalletConnector) => void) => ProviderHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.js

@@ -0,0 +1,17 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+
+const createMagicHandler = (connector, handleInstalledExtensionClick) => (email) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!connector) {
+        throw new Error('OTP wallet connector was not found');
+    }
+    connector.setEmail(email);
+    handleInstalledExtensionClick(connector);
+    return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+        return ({
+            email,
+            verified: yield connector.verifyOneTimePassword(oneTimePassword),
+        });
+    });
+});
+
+export { createMagicHandler };

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../../../data/api.cjs');
+var constants = require('../constants.cjs');
+
+const findEmailProvider = (environmentId, email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { emailProvider } = yield api.getEmailProvider({
+        email,
+        environmentId,
+    });
+    if (!constants.allSupportedProviders.includes(emailProvider)) {
+        throw new Error('Email provider is not supported');
+    }
+    return emailProvider;
+});
+
+exports.findEmailProvider = findEmailProvider;

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.d.ts

@@ -0,0 +1,2 @@
+import { EmailProviders } from '../types';
+export declare const findEmailProvider: (environmentId: string, email: string) => Promise<EmailProviders>;

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.js

@@ -0,0 +1,16 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getEmailProvider } from '../../../data/api.js';
+import { allSupportedProviders } from '../constants.js';
+
+const findEmailProvider = (environmentId, email) => __awaiter(void 0, void 0, void 0, function* () {
+    const { emailProvider } = yield getEmailProvider({
+        email,
+        environmentId,
+    });
+    if (!allSupportedProviders.includes(emailProvider)) {
+        throw new Error('Email provider is not supported');
+    }
+    return emailProvider;
+});
+
+export { findEmailProvider };

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

@@ -87,8 +87,8 @@ require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../views/WalletList/WalletList.cjs');
@@ -99,6 +99,8 @@ var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs')
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var UserWalletsContext = require('../UserWalletsContext/UserWalletsContext.cjs');
 var WalletContext = require('../WalletContext/WalletContext.cjs');
+var ConnectWithEmailOtpProvider = require('../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs');
+require('../ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
 var handleDisconnectWallet = require('./handleDisconnectWallet/handleDisconnectWallet.cjs');
 var helpers = require('./helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
@@ -728,7 +730,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
+                                }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsxs(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));

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

@@ -83,8 +83,8 @@ import '../SocialRedirectContext/SocialRedirectContext.js';
 import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../views/WalletList/WalletList.js';
@@ -95,6 +95,8 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
+import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
+import '../ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
 import { initExpirationTime, getInitialView } from './helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
@@ -724,7 +726,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
+                                }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsxs(ConnectWithEmailOtpProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -53,8 +53,8 @@ require('../../../FooterAnimationContext/index.cjs');
 require('../../../QrCodeContext/QrCodeContext.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -49,8 +49,8 @@ import '../../../FooterAnimationContext/index.js';
 import '../../../QrCodeContext/QrCodeContext.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -53,8 +53,8 @@ require('../../FooterAnimationContext/index.cjs');
 require('../../QrCodeContext/QrCodeContext.cjs');
 require('../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -49,8 +49,8 @@ import '../../FooterAnimationContext/index.js';
 import '../../QrCodeContext/QrCodeContext.js';
 import '../../WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -52,8 +52,8 @@ require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -48,8 +48,8 @@ import '../../components/OverlayCard/OverlayCard.context.js';
 import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -54,8 +54,8 @@ require('../FooterAnimationContext/index.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -50,8 +50,8 @@ import '../FooterAnimationContext/index.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -55,8 +55,8 @@ require('../QrCodeContext/QrCodeContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -51,8 +51,8 @@ import '../QrCodeContext/QrCodeContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -54,8 +54,8 @@ require('../FooterAnimationContext/index.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -50,8 +50,8 @@ import '../FooterAnimationContext/index.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/data/api.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { EmailVerificationError, NoAccessError, AccountExistsError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import { UnprocessableEntityErrorCode, SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';

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

@@ -53,9 +53,10 @@ var HelpContent = require('./HelpContent/HelpContent.cjs');
 var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
 var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('qrcode');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -67,7 +68,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -49,9 +49,10 @@ import { HelpContent } from './HelpContent/HelpContent.js';
 import { ToSFooter } from './ToSFooter/ToSFooter.js';
 import { WalletProgressStepper } from './WalletProgressStepper/WalletProgressStepper.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'qrcode';
 import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -63,7 +64,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();

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

@@ -51,8 +51,9 @@ var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -66,7 +67,6 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -47,8 +47,9 @@ import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -62,7 +63,6 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext();

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

@@ -47,8 +47,9 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -62,7 +63,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const HelpHeader = () => {
     const { authMode, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -43,8 +43,9 @@ import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -58,7 +59,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const HelpHeader = () => {
     const { authMode, selectedWalletConnector } = useInternalDynamicContext();

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

@@ -46,8 +46,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -62,7 +63,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const PasskeyInfoHelper = () => {
     const { t } = reactI18next.useTranslation();

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -42,8 +42,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -58,7 +59,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const PasskeyInfoHelper = () => {
     const { t } = useTranslation();