@dynamic-labs/sdk-react-core 4.6.0 → 4.6.2

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

@@ -91,7 +91,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -151,10 +151,17 @@ const UserProfile = ({ rootClassName }) => {
                             // Use name instead of label here because the back-end doesn't set label
                             let fieldLabel = name;
                             if (name === NAME_SERVICE_FIELD_NAME) {
+                                // Field should not render if ENS domain is not set
+                                if (!ensDomain) {
+                                    return null;
+                                }
                                 fieldLabel = t('dyn_subdomain_field.label');
-                                if (ensDomain) {
+                                if (fieldValue !== '') {
                                     fieldValue = `${fieldValue}.${ensDomain}`;
                                 }
+                                else {
+                                    fieldValue = '';
+                                }
                             }
                             return (jsx(UserProfileField, { name: name, label: fieldLabel, value: fieldValue }, name));
                         }

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

@@ -90,7 +90,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -86,7 +86,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

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

@@ -81,7 +81,7 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

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

@@ -77,7 +77,7 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

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

@@ -78,7 +78,7 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

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

@@ -74,7 +74,7 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

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

@@ -86,7 +86,7 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -82,7 +82,7 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -95,7 +95,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -91,7 +91,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../context/OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/components/UserWalletsList/UserWallet/UserWallet.cjs

@@ -0,0 +1,18 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var walletBook = require('@dynamic-labs/wallet-book');
+var shortenWalletAddress = require('../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+var useFetchNameService = require('../../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
+var Button = require('../../Button/Button.cjs');
+var Typography = require('../../Typography/Typography.cjs');
+
+const UserWallet = ({ wallet, onSelect }) => {
+    const nameService = useFetchNameService.useFetchNameService(wallet);
+    return (jsxRuntime.jsx(Button.Button, { buttonClassName: 'user-wallet', buttonVariant: 'card', onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(), children: jsxRuntime.jsxs("div", { className: 'user-wallet__info', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) && (jsxRuntime.jsx("div", { className: 'user-wallet__info__icon user-wallet__info__icon--avatar', children: jsxRuntime.jsx("img", { src: nameService.avatar, alt: '' }) })), !(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) && (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: wallet.key, icon: wallet.connector.metadata.icon, className: 'user-wallet__info__icon' })), jsxRuntime.jsxs("div", { className: 'user-wallet__info__address', children: [!(nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', children: shortenWalletAddress.shortenWalletAddress(wallet.address) })), (nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', children: nameService.name }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', children: shortenWalletAddress.shortenWalletAddress(wallet.address) })] }))] })] }) }, wallet.id));
+};
+
+exports.UserWallet = UserWallet;

package/src/lib/components/UserWalletsList/UserWallet/UserWallet.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Wallet } from '../../../shared/types/wallets';
+type UserWalletProps = {
+    wallet: Wallet;
+    onSelect?: () => void;
+};
+export declare const UserWallet: FC<UserWalletProps>;
+export {};

package/src/lib/components/UserWalletsList/UserWallet/UserWallet.js

@@ -0,0 +1,14 @@
+'use client'
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import { useFetchNameService } from '../../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
+import { Button } from '../../Button/Button.js';
+import { Typography } from '../../Typography/Typography.js';
+
+const UserWallet = ({ wallet, onSelect }) => {
+    const nameService = useFetchNameService(wallet);
+    return (jsx(Button, { buttonClassName: 'user-wallet', buttonVariant: 'card', onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(), children: jsxs("div", { className: 'user-wallet__info', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) && (jsx("div", { className: 'user-wallet__info__icon user-wallet__info__icon--avatar', children: jsx("img", { src: nameService.avatar, alt: '' }) })), !(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) && (jsx(WalletIcon, { walletKey: wallet.key, icon: wallet.connector.metadata.icon, className: 'user-wallet__info__icon' })), jsxs("div", { className: 'user-wallet__info__address', children: [!(nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsx(Typography, { weight: 'medium', variant: 'body_normal', children: shortenWalletAddress(wallet.address) })), (nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxs(Fragment, { children: [jsx(Typography, { weight: 'medium', variant: 'body_normal', children: nameService.name }), jsx(Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', children: shortenWalletAddress(wallet.address) })] }))] })] }) }, wallet.id));
+};
+
+export { UserWallet };

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

@@ -0,0 +1 @@
+export * from './UserWallet';

package/src/lib/components/UserWalletsList/UserWalletsList.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var UserWalletsContext = require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+var UserWallet = require('./UserWallet/UserWallet.cjs');
+
+const UserWalletsList = ({ onSelectWallet, wallets: providedWallets, }) => {
+    const allWallets = UserWalletsContext.useUserWallets();
+    const wallets = providedWallets !== null && providedWallets !== void 0 ? providedWallets : allWallets;
+    return (jsxRuntime.jsx("div", { className: 'user-wallets-list', children: wallets.map((wallet) => (jsxRuntime.jsx(UserWallet.UserWallet, { wallet: wallet, onSelect: () => onSelectWallet === null || onSelectWallet === void 0 ? void 0 : onSelectWallet(wallet) }, wallet.id))) }));
+};
+
+exports.UserWalletsList = UserWalletsList;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+type UserWalletsListProps = {
+    onSelectWallet: (wallet: Wallet) => void;
+    /**
+     * When unspecified, all user wallets are shown.
+     */
+    wallets?: Wallet[];
+};
+export declare const UserWalletsList: FC<UserWalletsListProps>;
+export {};

package/src/lib/components/UserWalletsList/UserWalletsList.js

@@ -0,0 +1,12 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { useUserWallets } from '../../context/UserWalletsContext/UserWalletsContext.js';
+import { UserWallet } from './UserWallet/UserWallet.js';
+
+const UserWalletsList = ({ onSelectWallet, wallets: providedWallets, }) => {
+    const allWallets = useUserWallets();
+    const wallets = providedWallets !== null && providedWallets !== void 0 ? providedWallets : allWallets;
+    return (jsx("div", { className: 'user-wallets-list', children: wallets.map((wallet) => (jsx(UserWallet, { wallet: wallet, onSelect: () => onSelectWallet === null || onSelectWallet === void 0 ? void 0 : onSelectWallet(wallet) }, wallet.id))) }));
+};
+
+export { UserWalletsList };

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

@@ -0,0 +1 @@
+export * from './UserWalletsList';

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -89,7 +89,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -85,7 +85,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../context/OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -93,7 +93,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -89,7 +89,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

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

@@ -126,7 +126,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var OnrampContext = require('../OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var WidgetRegistryContextProvider = require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
 var OnrampWidget = require('../../widgets/OnrampWidget/OnrampWidget.cjs');
 var ErrorBoundary = require('../ErrorBoundary/ErrorBoundary.cjs');
@@ -153,6 +153,7 @@ var useRegisterStorageService = require('./hooks/useRegisterStorageService/useRe
 var useShowEmbeddedWalletActionsUI = require('./hooks/useShowEmbeddedWalletActionsUI/useShowEmbeddedWalletActionsUI.cjs');
 var useShowFiat = require('./hooks/useShowFiat/useShowFiat.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
+var useShowDynamicUserProfile = require('./hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = React.createContext(undefined);
@@ -198,9 +199,8 @@ const InnerDynamicContextProvider = (props) => {
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage.BRIDGE_ONBOARDING_COMPLETED, false);
-    // Allows clients to control widget flow without need to click on AccountControl
-    const [showDynamicUserProfile, setShowDynamicUserProfile] = React.useState(false);
-    // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
+    const { setShowDynamicUserProfile, showDynamicUserProfile } = useShowDynamicUserProfile.useShowDynamicUserProfile();
+    // Allows clients to control the Bridge Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
     const { user: user$1, userWithMissingInfo } = user.useUser();
@@ -314,7 +314,6 @@ const InnerDynamicContextProvider = (props) => {
     useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user$1 !== null && user$1 !== void 0 ? user$1 : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId, projectSettings$1);
     const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
-        authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         primaryWalletId: primaryWalletId$1,
@@ -725,18 +724,6 @@ const InnerDynamicContextProvider = (props) => {
         id: `project-settings-${environmentId}`,
         type: 'application/json',
     });
-    // DYN-1140 - Opens Widget when multiWalletWidgetState changes
-    React.useEffect(() => {
-        // If statement to secure SingleWallet widget
-        if (!multiWallet && multiWalletWidgetState !== 'awaiting_account_switch') {
-            return;
-        }
-        // We need to make sure that the user is logged in so that we do not try to display the widget before authorization
-        if (user$1 && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
-            setShowDynamicUserProfile(true);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
     return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_p = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _p === void 0 ? void 0 : _p.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: helpers.getInitialViewType({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,

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

@@ -122,7 +122,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { OnrampContextProvider } from '../OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { WidgetRegistryContextProvider } from '../WidgetRegistry/WidgetRegistryContextProvider.js';
 import { OnrampWidget } from '../../widgets/OnrampWidget/OnrampWidget.js';
 import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.js';
@@ -149,6 +149,7 @@ import { useRegisterStorageService } from './hooks/useRegisterStorageService/use
 import { useShowEmbeddedWalletActionsUI } from './hooks/useShowEmbeddedWalletActionsUI/useShowEmbeddedWalletActionsUI.js';
 import { useShowFiat } from './hooks/useShowFiat/useShowFiat.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
+import { useShowDynamicUserProfile } from './hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = createContext(undefined);
@@ -194,9 +195,8 @@ const InnerDynamicContextProvider = (props) => {
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage(BRIDGE_ONBOARDING_COMPLETED, false);
-    // Allows clients to control widget flow without need to click on AccountControl
-    const [showDynamicUserProfile, setShowDynamicUserProfile] = useState(false);
-    // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
+    const { setShowDynamicUserProfile, showDynamicUserProfile } = useShowDynamicUserProfile();
+    // Allows clients to control the Bridge Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = useState(false);
     const { user, userWithMissingInfo } = useUser();
@@ -310,7 +310,6 @@ const InnerDynamicContextProvider = (props) => {
     useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId, projectSettings);
     const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
-        authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         primaryWalletId,
@@ -721,18 +720,6 @@ const InnerDynamicContextProvider = (props) => {
         id: `project-settings-${environmentId}`,
         type: 'application/json',
     });
-    // DYN-1140 - Opens Widget when multiWalletWidgetState changes
-    useEffect(() => {
-        // If statement to secure SingleWallet widget
-        if (!multiWallet && multiWalletWidgetState !== 'awaiting_account_switch') {
-            return;
-        }
-        // We need to make sure that the user is logged in so that we do not try to display the widget before authorization
-        if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
-            setShowDynamicUserProfile(true);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
     return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _p === void 0 ? void 0 : _p.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: getInitialViewType({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,

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

@@ -90,7 +90,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../OnrampContext/OnrampContext.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -86,7 +86,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../OnrampContext/OnrampContext.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/DynamicContext/hooks/useShowDynamicUserProfile/index.d.ts

@@ -0,0 +1 @@
+export * from './useShowDynamicUserProfile';

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

@@ -0,0 +1,23 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
+
+const useShowDynamicUserProfile = () => {
+    const [showDynamicUserProfile, _setShowDynamicUserProfile] = React.useState(false);
+    const setShowDynamicUserProfile = React.useCallback((value) => {
+        _setShowDynamicUserProfile(value);
+        if (!showDynamicUserProfile && value) {
+            dynamicEvents.dynamicEvents.emit('userProfileOpen');
+        }
+        else if (showDynamicUserProfile && !value) {
+            dynamicEvents.dynamicEvents.emit('userProfileClose');
+        }
+    }, [showDynamicUserProfile]);
+    return { setShowDynamicUserProfile, showDynamicUserProfile };
+};
+
+exports.useShowDynamicUserProfile = useShowDynamicUserProfile;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useShowDynamicUserProfile: () => {
+    setShowDynamicUserProfile: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    showDynamicUserProfile: boolean;
+};

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

@@ -0,0 +1,19 @@
+'use client'
+import { useState, useCallback } from 'react';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+
+const useShowDynamicUserProfile = () => {
+    const [showDynamicUserProfile, _setShowDynamicUserProfile] = useState(false);
+    const setShowDynamicUserProfile = useCallback((value) => {
+        _setShowDynamicUserProfile(value);
+        if (!showDynamicUserProfile && value) {
+            dynamicEvents.emit('userProfileOpen');
+        }
+        else if (showDynamicUserProfile && !value) {
+            dynamicEvents.emit('userProfileClose');
+        }
+    }, [showDynamicUserProfile]);
+    return { setShowDynamicUserProfile, showDynamicUserProfile };
+};
+
+export { useShowDynamicUserProfile };

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

@@ -88,7 +88,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../OnrampContext/OnrampContext.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -84,7 +84,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../OnrampContext/OnrampContext.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

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

@@ -88,7 +88,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../OnrampContext/OnrampContext.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -84,7 +84,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../OnrampContext/OnrampContext.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -87,7 +87,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -83,7 +83,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -87,7 +87,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var rejectPromiseRef = require('../../utils/functions/rejectPromiseRef/rejectPromiseRef.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/context/OnrampContext/OnrampContext.js

@@ -83,7 +83,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { rejectPromiseRef } from '../../utils/functions/rejectPromiseRef/rejectPromiseRef.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -93,7 +93,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -89,7 +89,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../OnrampContext/OnrampContext.js';
-import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -87,7 +87,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../OnrampContext/OnrampContext.cjs');
-require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');