@dynamic-labs/sdk-react-core 4.12.0 → 4.12.2-preview.0

package/src/lib/utils/functions/usingV3Wallets/usingV3Wallets.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+
+const usingV3Wallets = (projectSettings) => {
+    var _a, _b;
+    return Boolean(((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.defaultWalletVersion) ===
+        sdkApiCore.EmbeddedWalletVersionEnum.V3);
+};
+
+exports.usingV3Wallets = usingV3Wallets;

package/src/lib/utils/functions/usingV3Wallets/usingV3Wallets.d.ts

@@ -0,0 +1,2 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+export declare const usingV3Wallets: (projectSettings?: ProjectSettings) => boolean;

package/src/lib/utils/functions/usingV3Wallets/usingV3Wallets.js

@@ -0,0 +1,10 @@
+'use client'
+import { EmbeddedWalletVersionEnum } from '@dynamic-labs/sdk-api-core';
+
+const usingV3Wallets = (projectSettings) => {
+    var _a, _b;
+    return Boolean(((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.defaultWalletVersion) ===
+        EmbeddedWalletVersionEnum.V3);
+};
+
+export { usingV3Wallets };

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

@@ -0,0 +1,110 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var usingV3Wallets = require('../../functions/usingV3Wallets/usingV3Wallets.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+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('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/user/user.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.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/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/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../store/state/connectorsInitializing/connectorsInitializing.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/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../../index.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const useIsLoadingEmbeddedWallet = () => {
+    const { user } = useInternalDynamicContext.useInternalDynamicContext();
+    const projectSettings$1 = projectSettings.getProjectSettings();
+    const isLoadingEmbeddedWallet = React.useMemo(() => {
+        var _a;
+        return usingV3Wallets.usingV3Wallets(projectSettings$1) &&
+            !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletProvider }) => walletProvider === 'embeddedWallet'));
+    }, [projectSettings$1, user]);
+    return { isLoadingEmbeddedWallet };
+};
+
+exports.useIsLoadingEmbeddedWallet = useIsLoadingEmbeddedWallet;

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

@@ -0,0 +1,3 @@
+export declare const useIsLoadingEmbeddedWallet: () => {
+    isLoadingEmbeddedWallet: boolean;
+};

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

@@ -0,0 +1,106 @@
+'use client'
+import { useMemo } from 'react';
+import { usingV3Wallets } from '../../functions/usingV3Wallets/usingV3Wallets.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+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 '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import '../../../events/dynamicEvents.js';
+import '../../../../../_virtual/_tslib.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import { getProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../store/state/user/user.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.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/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/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../store/state/connectorsInitializing/connectorsInitializing.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/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../../index.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const useIsLoadingEmbeddedWallet = () => {
+    const { user } = useInternalDynamicContext();
+    const projectSettings = getProjectSettings();
+    const isLoadingEmbeddedWallet = useMemo(() => {
+        var _a;
+        return usingV3Wallets(projectSettings) &&
+            !((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletProvider }) => walletProvider === 'embeddedWallet'));
+    }, [projectSettings, user]);
+    return { isLoadingEmbeddedWallet };
+};
+
+export { useIsLoadingEmbeddedWallet };

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -7,6 +7,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -15,7 +16,6 @@ var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 var check = require('../../shared/assets/check.cjs');
@@ -166,7 +166,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
     });
     const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequest();
     const completeSignInFlow = React.useCallback((updateUserProfileResponse) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f, _g, _h, _j, _k;
+        var _e, _f, _g, _h, _j, _k, _l, _m;
         if (updateUserProfileResponse.nextView === 'verified-and-transferred') {
             setShowTransferMessage === null || setShowTransferMessage === void 0 ? void 0 : setShowTransferMessage(true);
         }
@@ -198,8 +198,11 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
             const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
             const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
                 (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
-            const isUsingPregeneratedWallets = Boolean(isAutomaticWalletCreation &&
-                (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
+            const usingV3Wallets = Boolean(((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.defaultWalletVersion) ===
+                sdkApiCore.EmbeddedWalletVersionEnum.V3);
+            const isUsingPregeneratedWallets = Boolean(!usingV3Wallets &&
+                isAutomaticWalletCreation &&
+                (!((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _k === void 0 ? void 0 : _k.embeddedWallets) === null || _l === void 0 ? void 0 : _l.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
                 const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
@@ -221,7 +224,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                     connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: false,
-                    key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
+                    key: (_m = embeddedWalletVerifiedCredential.walletName) !== null && _m !== void 0 ? _m : '',
                 });
                 updatePrimaryWalletId.updatePrimaryWalletId(embeddedWalletVerifiedCredential.id);
                 dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', wallet, embeddedWalletVerifiedCredential, user);

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -3,6 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { EmbeddedWalletVersionEnum } from '@dynamic-labs/sdk-api-core';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -11,7 +12,6 @@ import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
@@ -162,7 +162,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
     });
     const { verifyOtp } = useOtpVerificationRequest();
     const completeSignInFlow = useCallback((updateUserProfileResponse) => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f, _g, _h, _j, _k;
+        var _e, _f, _g, _h, _j, _k, _l, _m;
         if (updateUserProfileResponse.nextView === 'verified-and-transferred') {
             setShowTransferMessage === null || setShowTransferMessage === void 0 ? void 0 : setShowTransferMessage(true);
         }
@@ -194,8 +194,11 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
             const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
             const isSessionKeyCompatible = (primaryWallet && isSessionKeyCompatibleWallet(primaryWallet)) ||
                 (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
-            const isUsingPregeneratedWallets = Boolean(isAutomaticWalletCreation &&
-                (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
+            const usingV3Wallets = Boolean(((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.defaultWalletVersion) ===
+                EmbeddedWalletVersionEnum.V3);
+            const isUsingPregeneratedWallets = Boolean(!usingV3Wallets &&
+                isAutomaticWalletCreation &&
+                (!((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _k === void 0 ? void 0 : _k.embeddedWallets) === null || _l === void 0 ? void 0 : _l.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
                 const primaryChain = findPrimaryEmbeddedChain(projectSettings);
@@ -217,7 +220,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                     connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: false,
-                    key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
+                    key: (_m = embeddedWalletVerifiedCredential.walletName) !== null && _m !== void 0 ? _m : '',
                 });
                 updatePrimaryWalletId(embeddedWalletVerifiedCredential.id);
                 dynamicEvents.emit('embeddedWalletCreated', wallet, embeddedWalletVerifiedCredential, user);

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -15,7 +15,7 @@ require('../../../../_virtual/_tslib.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-connector-core');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
@@ -103,7 +103,7 @@ var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/Dy
 var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 
 const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
-    const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, sdkHasLoaded, primaryWallet, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { t } = reactI18next.useTranslation();
     const closeOnOutsideClick = React.useCallback((e) => {
@@ -116,6 +116,39 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chai
         }
     }, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
     index.useOnClickOutside(widgetRef, closeOnOutsideClick);
+    React.useEffect(() => {
+        // no need to update primary wallet if it's already set to the correct chain
+        if (!primaryWallet ||
+            !bridgeChains ||
+            connectedWallets.length <= 1 ||
+            primaryWallet.chain === bridgeChains[0].chain) {
+            return;
+        }
+        // find a connected wallet that matches the primary bridge chain
+        const newPrimaryWallet = connectedWallets.find((wallet) => wallet.chain === bridgeChains[0].chain);
+        // if a new primary wallet is found, update the primary wallet
+        if (newPrimaryWallet) {
+            logger.logger.debug('[DynamicBridgeWidget] bridgeChains changed - updating primary wallet', {
+                bridgeChains,
+                connectedWallets: connectedWallets.map((wallet) => ({
+                    address: wallet.address,
+                    chain: wallet.chain,
+                    id: wallet.id,
+                })),
+                newPrimaryWallet: {
+                    address: newPrimaryWallet.address,
+                    chain: newPrimaryWallet.chain,
+                    id: newPrimaryWallet.id,
+                },
+                oldPrimaryWallet: {
+                    address: primaryWallet.address,
+                    chain: primaryWallet.chain,
+                    id: primaryWallet.id,
+                },
+            });
+            setPrimaryWallet(newPrimaryWallet.id);
+        }
+    }, [bridgeChains, primaryWallet, connectedWallets, setPrimaryWallet]);
     return (jsxRuntime.jsxs(ShadowDOM.ShadowDOM, { id: 'dynamic-bridge-widget', className: 'dynamic-widget__container', children: [jsxRuntime.jsx(InlineWidget.InlineWidget, { ref: inlineControlsRef, className: className, dataTestId: 'BridgeWidgetNav', children: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains.map(({ chain }) => {
                     const ChainIcon = getChainIcon.getChainIcon(chain);
                     if (!sdkHasLoaded) {

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -11,7 +11,7 @@ import '../../../../_virtual/_tslib.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-connector-core';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
@@ -99,7 +99,7 @@ import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/
 import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 
 const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
-    const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, sdkHasLoaded, } = useInternalDynamicContext();
+    const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, sdkHasLoaded, primaryWallet, setPrimaryWallet, } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useDynamicBridgeWidgetContext();
     const { t } = useTranslation();
     const closeOnOutsideClick = useCallback((e) => {
@@ -112,6 +112,39 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chai
         }
     }, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
     useOnClickOutside(widgetRef, closeOnOutsideClick);
+    useEffect(() => {
+        // no need to update primary wallet if it's already set to the correct chain
+        if (!primaryWallet ||
+            !bridgeChains ||
+            connectedWallets.length <= 1 ||
+            primaryWallet.chain === bridgeChains[0].chain) {
+            return;
+        }
+        // find a connected wallet that matches the primary bridge chain
+        const newPrimaryWallet = connectedWallets.find((wallet) => wallet.chain === bridgeChains[0].chain);
+        // if a new primary wallet is found, update the primary wallet
+        if (newPrimaryWallet) {
+            logger.debug('[DynamicBridgeWidget] bridgeChains changed - updating primary wallet', {
+                bridgeChains,
+                connectedWallets: connectedWallets.map((wallet) => ({
+                    address: wallet.address,
+                    chain: wallet.chain,
+                    id: wallet.id,
+                })),
+                newPrimaryWallet: {
+                    address: newPrimaryWallet.address,
+                    chain: newPrimaryWallet.chain,
+                    id: newPrimaryWallet.id,
+                },
+                oldPrimaryWallet: {
+                    address: primaryWallet.address,
+                    chain: primaryWallet.chain,
+                    id: primaryWallet.id,
+                },
+            });
+            setPrimaryWallet(newPrimaryWallet.id);
+        }
+    }, [bridgeChains, primaryWallet, connectedWallets, setPrimaryWallet]);
     return (jsxs(ShadowDOM, { id: 'dynamic-bridge-widget', className: 'dynamic-widget__container', children: [jsx(InlineWidget, { ref: inlineControlsRef, className: className, dataTestId: 'BridgeWidgetNav', children: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains.map(({ chain }) => {
                     const ChainIcon = getChainIcon(chain);
                     if (!sdkHasLoaded) {

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.cjs

@@ -105,7 +105,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     }
     const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon.getChainIcon(chain);
-    return (jsxRuntime.jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
+    return (jsxRuntime.jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', "data-testid": 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);
             setShowAuthFlow(true);
         }, children: [jsxRuntime.jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', copykey: 'dyn_bridge.widget.connect_with_network', children: t('dyn_bridge.widget.connect_with_network', {

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.js

@@ -101,7 +101,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     }
     const chainInfo = getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon(chain);
-    return (jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
+    return (jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', "data-testid": 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);
             setShowAuthFlow(true);
         }, children: [jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', copykey: 'dyn_bridge.widget.connect_with_network', children: t('dyn_bridge.widget.connect_with_network', {

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs

@@ -105,10 +105,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const SecondaryWallets = ({ hideUnlinkAction = false }) => {
     const { disconnectWallet, bridgeChains, connectedWallets, primaryWalletId } = useInternalDynamicContext.useInternalDynamicContext();
-    const secondaryWallet = connectedWallets.find((wallet) => wallet.id !== primaryWalletId);
+    const secondaryChain = React.useMemo(() => { var _a; return (_a = bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1]) === null || _a === void 0 ? void 0 : _a.chain; }, [bridgeChains]);
+    const secondaryWallet = React.useMemo(() => connectedWallets.find((wallet) => wallet.id !== primaryWalletId && wallet.chain === secondaryChain), [connectedWallets, primaryWalletId, secondaryChain]);
     const NetworkIcon = secondaryWallet && getChainIcon.getChainIcon(secondaryWallet === null || secondaryWallet === void 0 ? void 0 : secondaryWallet.chain);
     const networkInfo = secondaryWallet && walletConnectorCore.getChainInfoWithOverrides(secondaryWallet === null || secondaryWallet === void 0 ? void 0 : secondaryWallet.chain);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!secondaryWallet && (jsxRuntime.jsx(DynamicBridgeWidgetEmptyCard.DynamicBridgeWidgetEmptyCard, { chain: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1].chain })), secondaryWallet && NetworkIcon && (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, { networkIcon: jsxRuntime.jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletKey: secondaryWallet.connector.key, walletAddress: secondaryWallet.address, walletBalance: 
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!secondaryWallet && (jsxRuntime.jsx(DynamicBridgeWidgetEmptyCard.DynamicBridgeWidgetEmptyCard, { chain: secondaryChain })), secondaryWallet && NetworkIcon && (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, { networkIcon: jsxRuntime.jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletKey: secondaryWallet.connector.key, walletAddress: secondaryWallet.address, walletBalance: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsxRuntime.jsx(Balance.Balance, { wallet: secondaryWallet, network: secondaryWallet.chain }), onDisconnectClick: !hideUnlinkAction
                         ? () => disconnectWallet(secondaryWallet.id)

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
+import React__default, { useMemo } from 'react';
 import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../../../shared/logger.js';
@@ -97,10 +97,11 @@ import { DynamicBridgeWidgetEmptyCard } from '../../../../components/DynamicBrid
 
 const SecondaryWallets = ({ hideUnlinkAction = false }) => {
     const { disconnectWallet, bridgeChains, connectedWallets, primaryWalletId } = useInternalDynamicContext();
-    const secondaryWallet = connectedWallets.find((wallet) => wallet.id !== primaryWalletId);
+    const secondaryChain = useMemo(() => { var _a; return (_a = bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1]) === null || _a === void 0 ? void 0 : _a.chain; }, [bridgeChains]);
+    const secondaryWallet = useMemo(() => connectedWallets.find((wallet) => wallet.id !== primaryWalletId && wallet.chain === secondaryChain), [connectedWallets, primaryWalletId, secondaryChain]);
     const NetworkIcon = secondaryWallet && getChainIcon(secondaryWallet === null || secondaryWallet === void 0 ? void 0 : secondaryWallet.chain);
     const networkInfo = secondaryWallet && getChainInfoWithOverrides(secondaryWallet === null || secondaryWallet === void 0 ? void 0 : secondaryWallet.chain);
-    return (jsxs(Fragment, { children: [!secondaryWallet && (jsx(DynamicBridgeWidgetEmptyCard, { chain: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1].chain })), secondaryWallet && NetworkIcon && (jsx(DynamicBridgeWalletCard, { networkIcon: jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsx(DynamicBridgeWalletCardBody, { walletKey: secondaryWallet.connector.key, walletAddress: secondaryWallet.address, walletBalance: 
+    return (jsxs(Fragment, { children: [!secondaryWallet && (jsx(DynamicBridgeWidgetEmptyCard, { chain: secondaryChain })), secondaryWallet && NetworkIcon && (jsx(DynamicBridgeWalletCard, { networkIcon: jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsx(DynamicBridgeWalletCardBody, { walletKey: secondaryWallet.connector.key, walletAddress: secondaryWallet.address, walletBalance: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsx(Balance, { wallet: secondaryWallet, network: secondaryWallet.chain }), onDisconnectClick: !hideUnlinkAction
                         ? () => disconnectWallet(secondaryWallet.id)

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs

@@ -101,7 +101,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 var TokenBalanceList = require('./TokenBalanceList/TokenBalanceList.cjs');
 
 /** Component to display token balances for the primary wallet */
-const ActiveWalletBalance = () => {
+const ActiveWalletBalance = ({ isLoading = false, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     /** Controls for the multi asset balance accordion */
@@ -142,14 +142,14 @@ const ActiveWalletBalance = () => {
         }
     };
     const primaryWalletNativeBalance = () => {
-        if (!primaryWallet || isLoadingTokenBalances) {
+        if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-container__skeleton' });
         }
         return canShowFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_display', color: 'primary', children: totalValue === 0 || totalValue >= 0.01
                 ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                 : '<$0.01' })) : (jsxRuntime.jsx(Balance.Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
     };
-    const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') }), jsxRuntime.jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
+    const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-header__title-skeleton' })) : (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') })), jsxRuntime.jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
     const toggleBalanceAccordion = React.useCallback(() => {
         if (!isLoadingTokenBalances) {
             setBalanceIsExpanded(!balanceIsExpanded);

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
+type ActiveWalletBalanceProps = {
+    isLoading?: boolean;
+};
 /** Component to display token balances for the primary wallet */
-export declare const ActiveWalletBalance: () => JSX.Element;
+export declare const ActiveWalletBalance: ({ isLoading, }: ActiveWalletBalanceProps) => JSX.Element;
+export {};

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.js

@@ -97,7 +97,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { TokenBalanceList } from './TokenBalanceList/TokenBalanceList.js';
 
 /** Component to display token balances for the primary wallet */
-const ActiveWalletBalance = () => {
+const ActiveWalletBalance = ({ isLoading = false, }) => {
     var _a;
     const { t } = useTranslation();
     /** Controls for the multi asset balance accordion */
@@ -138,14 +138,14 @@ const ActiveWalletBalance = () => {
         }
     };
     const primaryWalletNativeBalance = () => {
-        if (!primaryWallet || isLoadingTokenBalances) {
+        if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsx(Skeleton, { className: 'balance-container__skeleton' });
         }
         return canShowFiat ? (jsx(Typography, { variant: 'numbers_display', color: 'primary', children: totalValue === 0 || totalValue >= 0.01
                 ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                 : '<$0.01' })) : (jsx(Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
     };
-    const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [jsx(Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') }), jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
+    const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsx(Skeleton, { className: 'balance-header__title-skeleton' })) : (jsx(Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') })), jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
     const toggleBalanceAccordion = useCallback(() => {
         if (!isLoadingTokenBalances) {
             setBalanceIsExpanded(!balanceIsExpanded);