@dynamic-labs/sdk-react-core 3.0.0-alpha.5 → 3.0.0-alpha.51

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -34,6 +34,7 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -53,7 +54,6 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -63,18 +63,30 @@ import { VerifiedUserFieldIcon } from './components/VerifiedUserFieldIcon/Verifi
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../InlineWidget/InlineWidget.js';
+import '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../IsBrowser/IsBrowser.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const UserProfileField = ({ name, label, value, copykey, autoComplete, }) => {
     var _a, _b;

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -35,6 +35,7 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -55,7 +56,6 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -64,19 +64,31 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../InlineWidget/InlineWidget.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
-const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [title && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
+const UserProfileSection = ({ title, children, action, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [jsxRuntime.jsx("div", { className: 'user-profile-section__header', children: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsxRuntime.jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 
 exports.UserProfileSection = UserProfileSection;

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export type UserProfileSectionProps = {
     children: React.ReactNode;
     title?: string;
+    action?: React.ReactNode;
 };
-export declare const UserProfileSection: ({ title, children, }: UserProfileSectionProps) => JSX.Element;
+export declare const UserProfileSection: ({ title, children, action, }: UserProfileSectionProps) => JSX.Element;

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -1,5 +1,5 @@
 'use client'
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
 import 'react';
@@ -31,6 +31,7 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -51,7 +52,6 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -60,19 +60,31 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../InlineWidget/InlineWidget.js';
+import '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../IsBrowser/IsBrowser.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../InlineWidget/InlineWidget.js';
+import 'qrcode';
 
-const UserProfileSection = ({ title, children, }) => (jsxs("div", { className: 'user-profile-section', children: [title && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
+const UserProfileSection = ({ title, children, action, }) => (jsxs("div", { className: 'user-profile-section', children: [jsx("div", { className: 'user-profile-section__header', children: title && (jsxs(Fragment, { children: [jsx(Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 
 export { UserProfileSection };

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -40,6 +40,7 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useIconThemeVariant = require('../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useSocialAccounts = require('../../../../utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
@@ -59,33 +60,44 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');
-require('formik');
 var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../InlineWidget/InlineWidget.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('@dynamic-labs/types');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;
@@ -102,11 +114,10 @@ const UserProfileSocialAccount = ({ provider, }) => {
             : linkSocialAccount(provider), loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
             color: 'secondary',
             variant: 'button_tertiary',
-            // weight: 'medium',
         }, startSlot: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', children: isProviderLinked ? jsxRuntime.jsx(unlink.ReactComponent, {}) : jsxRuntime.jsx(add.ReactComponent, {}) }), children: isProviderLinked ? null : 'Connect' }));
-    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx("div", { className: 'user-profile-social-account__label', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel.providerLabel(getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(provider)) }) }), !isActiveCredential ? renderButton() : null] }));
+    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', truncate: true, className: 'user-profile-social-account__label', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel.providerLabel(getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(provider)) }), !isActiveCredential ? renderButton() : null] }));
 };
 
 exports.UserProfileSocialAccount = UserProfileSocialAccount;

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -36,6 +36,7 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
@@ -55,33 +56,44 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
+import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';
-import 'formik';
 import { TypographyButton } from '../../../TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../InlineWidget/InlineWidget.js';
+import '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../IsBrowser/IsBrowser.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '@dynamic-labs/types';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;
@@ -98,11 +110,10 @@ const UserProfileSocialAccount = ({ provider, }) => {
             : linkSocialAccount(provider), loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
             color: 'secondary',
             variant: 'button_tertiary',
-            // weight: 'medium',
         }, startSlot: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsx(Icon, { color: 'text-tertiary', size: 'small', children: isProviderLinked ? jsx(SvgUnlink, {}) : jsx(SvgAdd, {}) }), children: isProviderLinked ? null : 'Connect' }));
-    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx("div", { className: 'user-profile-social-account__label', children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel(getSocialSignInProviderForProviderEnum(provider)) }) }), !isActiveCredential ? renderButton() : null] }));
+    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', truncate: true, className: 'user-profile-social-account__label', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel(getSocialSignInProviderForProviderEnum(provider)) }), !isActiveCredential ? renderButton() : null] }));
 };
 
 export { UserProfileSocialAccount };

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -37,6 +37,7 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -71,17 +72,28 @@ require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('yup');
+require('@dynamic-labs/ethereum-core');
 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');
+require('../../../polyfills.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../context/FundingContext/FundingContext.cjs');
+require('../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../context/ConnectWithOtpContext/constants.cjs');
+require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const UserProfileForm = ({ filterFields, formClassName, fieldsContainerStyle, onEditProfileSubmit, onEditProfileCancel, options = {

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -33,6 +33,7 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -67,17 +68,28 @@ import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import 'yup';
+import '@dynamic-labs/ethereum-core';
 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 '../../../polyfills.js';
+import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../context/FundingContext/FundingContext.js';
+import '../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../context/ConnectWithOtpContext/constants.js';
+import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const UserProfileForm = ({ filterFields, formClassName, fieldsContainerStyle, onEditProfileSubmit, onEditProfileCancel, options = {

package/src/lib/components/index.d.ts

@@ -34,7 +34,6 @@ export * from './ModalHeader';
 export * from './ModalHeaderBanner';
 export * from './NeedHelpSection';
 export * from './OTPVerificationView';
-export * from './OptionsSwitcher';
 export * from './PasskeyCreatedSuccessBanner';
 export * from './PhoneNumberField';
 export * from './PinField';
@@ -71,3 +70,4 @@ export * from './TypographyButton';
 export * from './WalletInformationCard';
 export * from './EmailForm';
 export * from './StatusDot';
+export * from './OptionsSwitcher';

package/src/lib/config/ApiEndpoint.cjs

@@ -1,6 +1,8 @@
 'use client'
 'use strict';
 
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -12,9 +14,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new sdkApiCore.Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/config/ApiEndpoint.js

@@ -1,4 +1,6 @@
 'use client'
+import { Configuration } from '@dynamic-labs/sdk-api-core';
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -10,9 +12,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.cjs

@@ -8,14 +8,17 @@ var React = require('react');
 
 const AccessDeniedContext = React.createContext(undefined);
 const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedOauthUsername, setDeniedOauthUsername] = React.useState('');
     const [deniedAddress, setDeniedAddress] = React.useState('');
     const [deniedOauthProvider, setDeniedOauthProvider] = React.useState(undefined);
     const value = React.useMemo(() => ({
         deniedAddress,
         deniedOauthProvider,
+        deniedOauthUsername,
         setDeniedAddress,
         setDeniedOauthProvider,
-    }), [deniedAddress, deniedOauthProvider]);
+        setDeniedOauthUsername,
+    }), [deniedAddress, deniedOauthProvider, deniedOauthUsername]);
     return (jsxRuntime.jsx(AccessDeniedContext.Provider, { value: value, children: children }));
 };
 const useAccessDeniedContext = () => {

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.d.ts

@@ -3,8 +3,10 @@ import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 export type AccessDeniedContextType = {
     deniedAddress: string;
     setDeniedAddress(address: string): void;
+    setDeniedOauthUsername(username: string): void;
     setDeniedOauthProvider(deniedOauthProvider: ProviderEnum | undefined): void;
     deniedOauthProvider: ProviderEnum | undefined;
+    deniedOauthUsername: string;
 };
 export declare const AccessDeniedContext: import("react").Context<AccessDeniedContextType | undefined>;
 export declare const AccessDeniedContextProvider: ({ children, }: {

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -4,14 +4,17 @@ import { createContext, useContext, useState, useMemo } from 'react';
 
 const AccessDeniedContext = createContext(undefined);
 const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedOauthUsername, setDeniedOauthUsername] = useState('');
     const [deniedAddress, setDeniedAddress] = useState('');
     const [deniedOauthProvider, setDeniedOauthProvider] = useState(undefined);
     const value = useMemo(() => ({
         deniedAddress,
         deniedOauthProvider,
+        deniedOauthUsername,
         setDeniedAddress,
         setDeniedOauthProvider,
-    }), [deniedAddress, deniedOauthProvider]);
+        setDeniedOauthUsername,
+    }), [deniedAddress, deniedOauthProvider, deniedOauthUsername]);
     return (jsx(AccessDeniedContext.Provider, { value: value, children: children }));
 };
 const useAccessDeniedContext = () => {

package/src/lib/context/CaptchaContext/CaptchaContext.cjs

@@ -6,37 +6,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-book');
+var localStorage = require('../../utils/constants/localStorage.cjs');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
+var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
 
-const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';
 const CaptchaContext = React.createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { setView } = ViewContext.useViewContext();
-    const [captchaToken, setCaptchaToken] = React.useState(undefined);
+    const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage.useLocalStorage(localStorage.CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = React.useState();
-    const setCaptchaTokenInLS = React.useCallback((token) => localStorage.setItem(CaptchaTokenLocalStorageKey, token), []);
     const engageCaptcha = React.useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
         setView('captcha');
     }, [setView, setCaptchaAuthState]);
     const getCaptchaToken = React.useCallback(() => {
-        var _a;
-        return (_a = captchaToken !== null && captchaToken !== void 0 ? captchaToken : localStorage.getItem(CaptchaTokenLocalStorageKey)) !== null && _a !== void 0 ? _a : undefined;
-    }, [captchaToken]);
+        const token = captchaToken;
+        removeCaptchaToken();
+        return token;
+    }, [captchaToken, removeCaptchaToken]);
     const value = React.useMemo(() => ({
         captchaAuthState,
-        captchaToken,
         engageCaptcha,
         getCaptchaToken,
+        removeCaptchaToken,
         setCaptchaAuthState,
         setCaptchaToken,
-        setCaptchaTokenInLS,
     }), [
         captchaAuthState,
-        captchaToken,
+        getCaptchaToken,
         engageCaptcha,
         setCaptchaAuthState,
-        setCaptchaTokenInLS,
-        getCaptchaToken,
+        setCaptchaToken,
+        removeCaptchaToken,
     ]);
     return (jsxRuntime.jsx(CaptchaContext.Provider, { value: value, children: children }));
 };
@@ -50,5 +61,4 @@ const useCaptchaContext = () => {
 
 exports.CaptchaContext = CaptchaContext;
 exports.CaptchaContextProvider = CaptchaContextProvider;
-exports.CaptchaTokenLocalStorageKey = CaptchaTokenLocalStorageKey;
 exports.useCaptchaContext = useCaptchaContext;