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

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

@@ -0,0 +1,119 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api-core');
+require('../../../config/ApiEndpoint.cjs');
+require('../../constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../shared/logger.cjs');
+require('../../constants/colors.cjs');
+require('react-international-phone');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../shared/consts/index.cjs');
+require('../../../store/state/nonce/nonce.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
+var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/user/user.cjs');
+require('../../../locale/locale.cjs');
+var user = require('../../../data/api/user/user.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
+require('../../../store/state/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.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('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+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('../../../../index.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useDeleteUserAccount = () => {
+    const environmentId = dynamicContextProps.useEnvironmentId();
+    const { handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const deleteUser = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsLoading(true);
+            setError(null);
+            yield user.hardDeleteUser(environmentId);
+            yield handleLogOut();
+        }
+        catch (err) {
+            setError(err);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    return { deleteUser, error, isLoading };
+};
+
+exports.useDeleteUserAccount = useDeleteUserAccount;

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

@@ -0,0 +1,7 @@
+type UseDeleteUserAccountReturn = {
+    deleteUser: () => Promise<void>;
+    error: Error | null;
+    isLoading: boolean;
+};
+export declare const useDeleteUserAccount: () => UseDeleteUserAccountReturn;
+export {};

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

@@ -0,0 +1,115 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState } from 'react';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api-core';
+import '../../../config/ApiEndpoint.js';
+import '../../constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../shared/logger.js';
+import '../../constants/colors.js';
+import 'react-international-phone';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../shared/consts/index.js';
+import '../../../store/state/nonce/nonce.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import { useEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/user/user.js';
+import '../../../locale/locale.js';
+import { hardDeleteUser } from '../../../data/api/user/user.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
+import '../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.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 '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+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 '../../../../index.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useDeleteUserAccount = () => {
+    const environmentId = useEnvironmentId();
+    const { handleLogOut } = useInternalDynamicContext();
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const deleteUser = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsLoading(true);
+            setError(null);
+            yield hardDeleteUser(environmentId);
+            yield handleLogOut();
+        }
+        catch (err) {
+            setError(err);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    return { deleteUser, error, isLoading };
+};
+
+export { useDeleteUserAccount };

package/src/lib/utils/hooks/useFundWithWallet/useConnectWalletForFunding/useConnectWalletForFunding.cjs

@@ -93,6 +93,7 @@ require('../../../../context/OnrampContext/OnrampContext.cjs');
 var rejectPromiseRef = require('../../../functions/rejectPromiseRef/rejectPromiseRef.cjs');
 var resolvePromiseRef = require('../../../functions/resolvePromiseRef/resolvePromiseRef.cjs');
 var useWalletOptions = require('../../useWalletOptions/useWalletOptions.cjs');
+var FilterWalletsForExternalFunding = require('../utils/FilterWalletsForExternalFunding.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
@@ -107,6 +108,13 @@ const useConnectWalletForFunding = () => {
     const internalConnectionPromiseRef = React.useRef(null);
     const connectWalletPromiseRef = React.useRef(null);
     const handleWalletMethod = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        // This is for phantom redirect: store the reason for this connection
+        // so we don't lose the flow when redirected back
+        const connectionType = {
+            connectorConsumed: false,
+            type: 'external-wallet-funding',
+        };
+        utils.StorageService.setItem(utils.PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
         const address = yield props.walletConnector.getAddress(props.getAddressOpts);
         if (!address) {
             rejectPromiseRef.rejectPromiseRef(internalConnectionPromiseRef, new utils.DynamicError('No wallet address found'));
@@ -182,9 +190,7 @@ const useConnectWalletForFunding = () => {
                 }
             }),
             showDefaultFooter: true,
-            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-                ? index.FilterChain(primaryWallet.chain)
-                : undefined,
+            viewWalletsFilter: utils.pipe(FilterWalletsForExternalFunding.FilterWalletsForExternalFunding).pipe(index.FilterChain(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)),
         });
         setShowAuthFlow(true, {
             emitCancelAuth: false,

package/src/lib/utils/hooks/useFundWithWallet/useConnectWalletForFunding/useConnectWalletForFunding.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
-import { DynamicError, DeferredPromise } from '@dynamic-labs/utils';
+import { StorageService, PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, DynamicError, DeferredPromise, pipe } from '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
@@ -89,6 +89,7 @@ import '../../../../context/OnrampContext/OnrampContext.js';
 import { rejectPromiseRef } from '../../../functions/rejectPromiseRef/rejectPromiseRef.js';
 import { resolvePromiseRef } from '../../../functions/resolvePromiseRef/resolvePromiseRef.js';
 import { useWalletOptions } from '../../useWalletOptions/useWalletOptions.js';
+import { FilterWalletsForExternalFunding } from '../utils/FilterWalletsForExternalFunding.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
@@ -103,6 +104,13 @@ const useConnectWalletForFunding = () => {
     const internalConnectionPromiseRef = useRef(null);
     const connectWalletPromiseRef = useRef(null);
     const handleWalletMethod = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        // This is for phantom redirect: store the reason for this connection
+        // so we don't lose the flow when redirected back
+        const connectionType = {
+            connectorConsumed: false,
+            type: 'external-wallet-funding',
+        };
+        StorageService.setItem(PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
         const address = yield props.walletConnector.getAddress(props.getAddressOpts);
         if (!address) {
             rejectPromiseRef(internalConnectionPromiseRef, new DynamicError('No wallet address found'));
@@ -178,9 +186,7 @@ const useConnectWalletForFunding = () => {
                 }
             }),
             showDefaultFooter: true,
-            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-                ? FilterChain(primaryWallet.chain)
-                : undefined,
+            viewWalletsFilter: pipe(FilterWalletsForExternalFunding).pipe(FilterChain(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)),
         });
         setShowAuthFlow(true, {
             emitCancelAuth: false,

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.cjs

@@ -0,0 +1,27 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+
+const SPECIFIC_WALLETS_WITHOUT_REDIRECTS = [
+    'coinbase',
+    'phantomevm',
+    'magiceden',
+];
+const FilterWalletsForExternalFunding = (wallets) => {
+    if (!utils.isMobile()) {
+        return wallets;
+    }
+    return wallets.filter((wallet) => {
+        if (SPECIFIC_WALLETS_WITHOUT_REDIRECTS.includes(wallet.key)) {
+            return false;
+        }
+        const mobileCondition = wallet.walletConnector.isWalletConnect ||
+            wallet.walletConnector.mobileExperience !== 'in-app-browser';
+        return mobileCondition;
+    });
+};
+
+exports.FilterWalletsForExternalFunding = FilterWalletsForExternalFunding;

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.d.ts

@@ -0,0 +1,2 @@
+import { WalletOption } from '../../../../shared';
+export declare const FilterWalletsForExternalFunding: (wallets: WalletOption[]) => WalletOption[];

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.js

@@ -0,0 +1,23 @@
+'use client'
+import { isMobile } from '@dynamic-labs/utils';
+
+const SPECIFIC_WALLETS_WITHOUT_REDIRECTS = [
+    'coinbase',
+    'phantomevm',
+    'magiceden',
+];
+const FilterWalletsForExternalFunding = (wallets) => {
+    if (!isMobile()) {
+        return wallets;
+    }
+    return wallets.filter((wallet) => {
+        if (SPECIFIC_WALLETS_WITHOUT_REDIRECTS.includes(wallet.key)) {
+            return false;
+        }
+        const mobileCondition = wallet.walletConnector.isWalletConnect ||
+            wallet.walletConnector.mobileExperience !== 'in-app-browser';
+        return mobileCondition;
+    });
+};
+
+export { FilterWalletsForExternalFunding };

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

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

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -114,6 +114,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
                     provider: sdkApiCore.ProviderEnum.Farcaster,
                     type: 'social',
                 }, 'user-cancelled');
+                // Navigate back to the initial login view.
+                clearStackAndPushInitialView();
             },
         }),
         onSettled: () => {

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -110,6 +110,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
                     provider: ProviderEnum.Farcaster,
                     type: 'social',
                 }, 'user-cancelled');
+                // Navigate back to the initial login view.
+                clearStackAndPushInitialView();
             },
         }),
         onSettled: () => {

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs

@@ -42,6 +42,7 @@ require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('bs58');
+var usePromise = require('../../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
@@ -91,6 +92,7 @@ require('../../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+var useWalletConnectorNetwork = require('../../../../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
@@ -115,9 +117,20 @@ const getNameIfNoIcon = (wallet) => {
 const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth = false, isLoading = false, }) => {
     const { showAlert } = PasskeyContext.usePasskeyContext();
     const header = nameServiceName || getNameIfNoIcon(wallet);
+    const { network } = useWalletConnectorNetwork.useWalletConnectorNetwork(wallet === null || wallet === void 0 ? void 0 : wallet.connector);
+    const { data: address } = usePromise.usePromise(() => {
+        // COSMOS wallet address changes based on which network is selected
+        if ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.connectedChain) === 'COSMOS') {
+            return wallet === null || wallet === void 0 ? void 0 : wallet.connector.getAddress();
+        }
+        return wallet === null || wallet === void 0 ? void 0 : wallet.address;
+    }, {
+        deps: [wallet, network],
+        enabled: Boolean(wallet),
+    });
     return (jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: fullWidth
                             ? 'active-wallet-information__handle--full-width'
-                            : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', children: header }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(wallet === null || wallet === void 0 ? void 0 : wallet.address, 4, 4)) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', iconOverride: showAlert() ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: () => jsxRuntime.jsx(gear.ReactComponent, { width: 16, height: 16 }), variant: 'yellow' })) : (jsxRuntime.jsx(gear.ReactComponent, { width: 16, height: 16 })) })] }));
+                            : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(address, 4, 4)) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', iconOverride: showAlert() ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: () => jsxRuntime.jsx(gear.ReactComponent, { width: 16, height: 16 }), variant: 'yellow' })) : (jsxRuntime.jsx(gear.ReactComponent, { width: 16, height: 16 })) })] }));
 };
 
 exports.ActiveWalletAddress = ActiveWalletAddress;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js

@@ -38,6 +38,7 @@ import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import 'bs58';
+import { usePromise } from '../../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
@@ -87,6 +88,7 @@ import '../../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import { useWalletConnectorNetwork } from '../../../../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
@@ -111,9 +113,20 @@ const getNameIfNoIcon = (wallet) => {
 const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth = false, isLoading = false, }) => {
     const { showAlert } = usePasskeyContext();
     const header = nameServiceName || getNameIfNoIcon(wallet);
+    const { network } = useWalletConnectorNetwork(wallet === null || wallet === void 0 ? void 0 : wallet.connector);
+    const { data: address } = usePromise(() => {
+        // COSMOS wallet address changes based on which network is selected
+        if ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.connectedChain) === 'COSMOS') {
+            return wallet === null || wallet === void 0 ? void 0 : wallet.connector.getAddress();
+        }
+        return wallet === null || wallet === void 0 ? void 0 : wallet.address;
+    }, {
+        deps: [wallet, network],
+        enabled: Boolean(wallet),
+    });
     return (jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: fullWidth
                             ? 'active-wallet-information__handle--full-width'
-                            : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', children: header }), jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(wallet === null || wallet === void 0 ? void 0 : wallet.address, 4, 4)) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', iconOverride: showAlert() ? (jsx(IconWithStatus, { Icon: () => jsx(SvgGear, { width: 16, height: 16 }), variant: 'yellow' })) : (jsx(SvgGear, { width: 16, height: 16 })) })] }));
+                            : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(address, 4, 4)) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', iconOverride: showAlert() ? (jsx(IconWithStatus, { Icon: () => jsx(SvgGear, { width: 16, height: 16 }), variant: 'yellow' })) : (jsx(SvgGear, { width: 16, height: 16 })) })] }));
 };
 
 export { ActiveWalletAddress, getNameIfNoIcon };

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/getPromptAmountParams/getPromptAmountParams.cjs

@@ -0,0 +1,25 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+var projectSettings = require('../../../../../../../store/state/projectSettings/projectSettings.cjs');
+
+const getPromptAmountParams = ({ externalWallet, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const walletChain = externalWallet.connector.connectedChain;
+    const chainSettings = (_e = (_d = (_c = (_b = (_a = projectSettings.getProjectSettings()) === null || _a === void 0 ? void 0 : _a.sdk.funding) === null || _b === void 0 ? void 0 : _b.externalWallets) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.chainSettings) === null || _e === void 0 ? void 0 : _e.find(({ chain }) => chain === walletChain);
+    // This is always supposed to be present, otherwise there's some backend error
+    if (!((_f = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _f === void 0 ? void 0 : _f.value) || !((_g = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _g === void 0 ? void 0 : _g.rule))
+        throw new utils.DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
+    return {
+        externalWallet,
+        token: {
+            rule: chainSettings.token.rule,
+            value: chainSettings.token.value,
+        },
+    };
+};
+
+exports.getPromptAmountParams = getPromptAmountParams;

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/getPromptAmountParams/getPromptAmountParams.d.ts

@@ -0,0 +1,7 @@
+import { Wallet } from '../../../../../../../shared/types/wallets';
+import { ReceiveExternalWalletFundsProps } from '../../../../ReceiveExternalWalletFunds/types';
+type GetPromptAmountParamsProps = {
+    externalWallet: Wallet;
+};
+export declare const getPromptAmountParams: ({ externalWallet, }: GetPromptAmountParamsProps) => ReceiveExternalWalletFundsProps;
+export {};

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/getPromptAmountParams/getPromptAmountParams.js

@@ -0,0 +1,21 @@
+'use client'
+import { DynamicError } from '@dynamic-labs/utils';
+import { getProjectSettings } from '../../../../../../../store/state/projectSettings/projectSettings.js';
+
+const getPromptAmountParams = ({ externalWallet, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const walletChain = externalWallet.connector.connectedChain;
+    const chainSettings = (_e = (_d = (_c = (_b = (_a = getProjectSettings()) === null || _a === void 0 ? void 0 : _a.sdk.funding) === null || _b === void 0 ? void 0 : _b.externalWallets) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.chainSettings) === null || _e === void 0 ? void 0 : _e.find(({ chain }) => chain === walletChain);
+    // This is always supposed to be present, otherwise there's some backend error
+    if (!((_f = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _f === void 0 ? void 0 : _f.value) || !((_g = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _g === void 0 ? void 0 : _g.rule))
+        throw new DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
+    return {
+        externalWallet,
+        token: {
+            rule: chainSettings.token.rule,
+            value: chainSettings.token.value,
+        },
+    };
+};
+
+export { getPromptAmountParams };

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/getPromptAmountParams/index.d.ts

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

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.cjs

@@ -5,39 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var utils = require('@dynamic-labs/utils');
-var projectSettings = require('../../../../../../store/state/projectSettings/projectSettings.cjs');
 var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
+var getPromptAmountParams = require('./getPromptAmountParams/getPromptAmountParams.cjs');
 
 const useStartExternalWalletFunding = () => {
-    var _a, _b, _c;
     const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet.useFundWithWallet();
-    const settings = projectSettings.useProjectSettings();
     return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e, _f, _g, _h, _j;
         try {
             const externalWallet = yield connectWalletForFunding();
-            const walletChain = externalWallet.connector.connectedChain;
-            const chainSettings = (_g = (_f = (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _d === void 0 ? void 0 : _d.externalWallets) === null || _e === void 0 ? void 0 : _e.defaultSettings) === null || _f === void 0 ? void 0 : _f.chainSettings) === null || _g === void 0 ? void 0 : _g.find(({ chain }) => chain === walletChain);
-            // This is always supposed to be present, otherwise there's some backend error
-            if (!((_h = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _h === void 0 ? void 0 : _h.value) || !((_j = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _j === void 0 ? void 0 : _j.rule))
-                throw new utils.DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
-            promptAmountAndFund({
-                externalWallet,
-                token: {
-                    rule: chainSettings.token.rule,
-                    value: chainSettings.token.value,
-                },
-            });
+            const props = getPromptAmountParams.getPromptAmountParams({ externalWallet });
+            promptAmountAndFund(props);
         }
-        catch (_k) {
+        catch (_a) {
             /* empty */
         }
-    }), [
-        connectWalletForFunding,
-        promptAmountAndFund,
-        (_c = (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.defaultSettings) === null || _c === void 0 ? void 0 : _c.chainSettings,
-    ]);
+    }), [connectWalletForFunding, promptAmountAndFund]);
 };
 
 exports.useStartExternalWalletFunding = useStartExternalWalletFunding;