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

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

@@ -142,6 +142,7 @@ const useAuthLayoutChecks = () => {
         view.type !== 'embedded-wallet-auth-choice' &&
         view.type !== 'wallet-claim-intro' &&
         view.type !== 'passkey-recovery-add-email' &&
+        view.type !== 'global-wallet-confirm' &&
         view.type !== 'mfa-choose-device' &&
         view.type !== 'mfa-verification';
     const showConnectedWalletProgress = isBridgeFlow &&

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

@@ -138,6 +138,7 @@ const useAuthLayoutChecks = () => {
         view.type !== 'embedded-wallet-auth-choice' &&
         view.type !== 'wallet-claim-intro' &&
         view.type !== 'passkey-recovery-add-email' &&
+        view.type !== 'global-wallet-confirm' &&
         view.type !== 'mfa-choose-device' &&
         view.type !== 'mfa-verification';
     const showConnectedWalletProgress = isBridgeFlow &&

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

@@ -17,7 +17,7 @@ import { UserProfile } from '../../../..';
  */
 export declare const useEmbeddedWallet: () => {
     readonly createEmbeddedWallet: (chains?: EmbeddedWalletChainEnum[], options?: {
-        webAuthnAttestation: import("dist/packages/wallet-connector-core/src").WebAuthnAttestation;
+        webAuthnAttestation: import("@dynamic-labs/wallet-connector-core").WebAuthnAttestation;
     } | undefined) => Promise<Wallet | undefined>;
     readonly createEmbeddedWalletAccount: ({ chain }: {
         chain: EmbeddedWalletChainEnum;
@@ -27,7 +27,7 @@ export declare const useEmbeddedWallet: () => {
     } | undefined) => Promise<string | undefined>;
     readonly createPasskey: (options: {
         oneTimeCode: string;
-    } | undefined) => Promise<import("dist/packages/wallet-connector-core/src").WebAuthnAttestation>;
+    } | undefined) => Promise<import("@dynamic-labs/wallet-connector-core").WebAuthnAttestation>;
     readonly createPassword: (showIntro?: boolean | undefined) => Promise<string>;
     readonly getPasskeys: () => Promise<import("@dynamic-labs/sdk-api-core").UserPasskey[]>;
     readonly getWalletVersion: () => import(".").EmbeddedWalletVersion | undefined;

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.cjs

@@ -0,0 +1,105 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
+require('../../shared/consts/index.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../locale/locale.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('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
+require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../components/Input/Input.cjs');
+require('@dynamic-labs/ethereum-core');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../polyfills.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../context/FundingContext/FundingContext.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../context/ConnectWithOtpContext/constants.cjs');
+require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
+
+const GlobalWalletConfirmView = ({ pairingInfo, onConfirm, onCancel }) => {
+    const { t } = reactI18next.useTranslation();
+    const [imageError, setImageError] = React.useState(false);
+    const handleImageError = () => {
+        setImageError(true);
+    };
+    return (jsxRuntime.jsx("div", { className: 'global-wallet-confirm', children: jsxRuntime.jsx("div", { className: 'popup-content', children: jsxRuntime.jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsxRuntime.jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsxRuntime.jsx(Typography.Typography, { className: 'connection-title', variant: 'title', font: 'bold', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', children: t('global_wallet.confirm.cancel_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
+                                    color: 'white',
+                                }, children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
+};
+
+exports.GlobalWalletConfirmView = GlobalWalletConfirmView;
+exports["default"] = GlobalWalletConfirmView;

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface GlobalWalletConfirmViewProps {
+    pairingInfo: {
+        name: string;
+        url: string;
+        icons: string[];
+    };
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const GlobalWalletConfirmView: React.FC<GlobalWalletConfirmViewProps>;
+export default GlobalWalletConfirmView;

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.js

@@ -0,0 +1,100 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
+import '../../shared/consts/index.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../locale/locale.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 '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import { Typography } from '../../components/Typography/Typography.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
+import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../components/Input/Input.js';
+import '@dynamic-labs/ethereum-core';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../polyfills.js';
+import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../context/FundingContext/FundingContext.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../context/ConnectWithOtpContext/constants.js';
+import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
+
+const GlobalWalletConfirmView = ({ pairingInfo, onConfirm, onCancel }) => {
+    const { t } = useTranslation();
+    const [imageError, setImageError] = useState(false);
+    const handleImageError = () => {
+        setImageError(true);
+    };
+    return (jsx("div", { className: 'global-wallet-confirm', children: jsx("div", { className: 'popup-content', children: jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsx(Typography, { className: 'connection-title', variant: 'title', font: 'bold', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsx(Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxs("div", { className: 'button-group', children: [jsx(TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', children: t('global_wallet.confirm.cancel_button') }), jsx(TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
+                                    color: 'white',
+                                }, children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
+};
+
+export { GlobalWalletConfirmView, GlobalWalletConfirmView as default };

package/src/lib/views/GlobalWalletConfirmView/index.d.ts

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

package/src/lib/views/viewToComponentMap.cjs

@@ -128,6 +128,7 @@ var MfaVerificationView = require('./MfaVerificationView/MfaVerificationView.cjs
 var MfaRecoveryView = require('./MfaRecoveryView/MfaRecoveryView.cjs');
 var MfaSecureDeviceHelpView = require('./MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.cjs');
 var SandboxMaximumThresholdReached = require('./SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs');
+var GlobalWalletConfirmView = require('./GlobalWalletConfirmView/GlobalWalletConfirmView.cjs');
 require('../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../context/ConnectWithOtpContext/constants.cjs');
@@ -154,6 +155,7 @@ const viewToComponentMap = {
     'embedded-wallet-auth-choice': EmbeddedAuthChoice.EmbeddedAuthChoice,
     'farcaster-connect-view': FarcasterConnectView.FarcasterConnectView,
     'gate-blocked-wallet': NoAccess.NoAccess,
+    'global-wallet-confirm': GlobalWalletConfirmView.GlobalWalletConfirmView,
     'login-with-email-or-wallet': LoginView.LoginView,
     'login-with-email-or-wallet-full-wallet-list': WalletList.WalletList,
     'login-with-email-verification': EmailVerification.EmailVerification,

package/src/lib/views/viewToComponentMap.d.ts

@@ -19,6 +19,7 @@ export declare const viewToComponentMap: {
     'embedded-wallet-auth-choice': import("react").FC<import("./Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice").EmbeddedAuthChoiceProps>;
     'farcaster-connect-view': ({ url }: import("./FarcasterConnectView/FarcasterConnectView").FarcasterConnectViewProps) => JSX.Element;
     'gate-blocked-wallet': () => JSX.Element;
+    'global-wallet-confirm': import("react").FC<import("./GlobalWalletConfirmView").GlobalWalletConfirmViewProps>;
     'login-with-email-or-wallet': () => JSX.Element;
     'login-with-email-or-wallet-full-wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
     'login-with-email-verification': import("react").FC<import("./EmailVerification/EmailVerification").EmailVerificationProps>;

package/src/lib/views/viewToComponentMap.js

@@ -124,6 +124,7 @@ import { MfaVerificationView } from './MfaVerificationView/MfaVerificationView.j
 import { MfaRecoveryView } from './MfaRecoveryView/MfaRecoveryView.js';
 import { MfaSecureDeviceHelper } from './MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.js';
 import { SandboxMaximumThresholdReached } from './SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js';
+import { GlobalWalletConfirmView } from './GlobalWalletConfirmView/GlobalWalletConfirmView.js';
 import '../context/SendBalanceContext/SendBalanceContext.js';
 import '../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../context/ConnectWithOtpContext/constants.js';
@@ -150,6 +151,7 @@ const viewToComponentMap = {
     'embedded-wallet-auth-choice': EmbeddedAuthChoice,
     'farcaster-connect-view': FarcasterConnectView,
     'gate-blocked-wallet': NoAccess,
+    'global-wallet-confirm': GlobalWalletConfirmView,
     'login-with-email-or-wallet': LoginView,
     'login-with-email-or-wallet-full-wallet-list': WalletList,
     'login-with-email-verification': EmailVerification,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -18,6 +18,7 @@ var logger = require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 var add = require('../../../../../shared/assets/add.cjs');
+var link = require('../../../../../shared/assets/link.cjs');
 var send = require('../../../../../shared/assets/send.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../../utils/constants/colors.cjs');
@@ -104,6 +105,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+const LinkButton = React__default["default"].memo(({ connector }) => {
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const handleOnClickLink = () => {
+        setDynamicWidgetView('global-wallet');
+    };
+    if (!connector.globalWallet)
+        return null;
+    return (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'link-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickLink, startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(link.ReactComponent, {}) }), children: "Connect" }));
+});
+LinkButton.displayName = 'LinkButton';
 const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
@@ -139,11 +150,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" })), jsxRuntime.jsx(LinkButton, { connector: primaryWallet.connector })] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
 };
 React__default["default"].memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -1,5 +1,5 @@
 'use client'
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isSendBalanceWalletConnector } from '@dynamic-labs/wallet-connector-core';
@@ -14,6 +14,7 @@ import { logger } from '../../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../../../../shared/assets/add.js';
+import { ReactComponent as SvgLink } from '../../../../../shared/assets/link.js';
 import { ReactComponent as SvgSend } from '../../../../../shared/assets/send.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../../utils/constants/colors.js';
@@ -96,6 +97,16 @@ import { SecureEmbeddedWalletCard } from '../../../../../components/SecureEmbedd
 import { ActiveWalletInformation } from '../../ActiveWalletInformation/ActiveWalletInformation.js';
 import { UnknownWalletInformation } from '../../UnknownWalletInformation/UnknownWalletInformation.js';
 
+const LinkButton = React__default.memo(({ connector }) => {
+    const { setDynamicWidgetView } = useWidgetContext();
+    const handleOnClickLink = () => {
+        setDynamicWidgetView('global-wallet');
+    };
+    if (!connector.globalWallet)
+        return null;
+    return (jsx(TypographyButton, { expanded: true, dataTestId: 'link-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickLink, startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgLink, {}) }), children: "Connect" }));
+});
+LinkButton.displayName = 'LinkButton';
 const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { primaryWallet, user } = useInternalDynamicContext();
     const { open: openSendBalanceModal } = useSendBalance();
@@ -131,11 +142,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
+    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" })), jsx(LinkButton, { connector: primaryWallet.connector })] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
 };
 React__default.memo(DynamicWidgetWalletHeader);
 

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

@@ -12,9 +12,11 @@ var SendBalanceWidgetView = require('../../views/SendBalanceWidgetView/SendBalan
 var ManagePasskeysWidgetView = require('../../views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs');
 var SettingsView = require('../../views/SettingsView/SettingsView.cjs');
 var ManageMfaWidgetView = require('../../views/ManageMfaWidgetView/ManageMfaWidgetView.cjs');
+var GlobalWalletView = require('../../views/GlobalWalletView/GlobalWalletView.cjs');
 
 const mapViewToComponent = {
     'edit-profile': EditProfileView.EditProfileView,
+    'global-wallet': GlobalWalletView.GlobalWalletView,
     'manage-mfa': ManageMfaWidgetView.ManageMfaWidgetView,
     'manage-passkeys': ManagePasskeysWidgetView.ManagePasskeysWidgetView,
     profile: ProfileView.ProfileView,

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

@@ -8,9 +8,11 @@ import { SendBalanceWidgetView } from '../../views/SendBalanceWidgetView/SendBal
 import { ManagePasskeysWidgetView } from '../../views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js';
 import { SettingsView } from '../../views/SettingsView/SettingsView.js';
 import { ManageMfaWidgetView } from '../../views/ManageMfaWidgetView/ManageMfaWidgetView.js';
+import { GlobalWalletView } from '../../views/GlobalWalletView/GlobalWalletView.js';
 
 const mapViewToComponent = {
     'edit-profile': EditProfileView,
+    'global-wallet': GlobalWalletView,
     'manage-mfa': ManageMfaWidgetView,
     'manage-passkeys': ManagePasskeysWidgetView,
     profile: ProfileView,

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -115,6 +115,8 @@ const DynamicWidgetContextProvider = ({ children, }) => {
             return 'wallets';
         if (dynamicWidgetView === 'edit-profile')
             return 'profile';
+        if (dynamicWidgetView === 'global-wallet')
+            return 'wallets';
         return dynamicWidgetView;
     }, [dynamicWidgetView, isKYCEnabled, multiWallet]);
     useDynamicEvents.useInternalDynamicEvents('logout', () => goToInitialDynamicWidgetView());

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -111,6 +111,8 @@ const DynamicWidgetContextProvider = ({ children, }) => {
             return 'wallets';
         if (dynamicWidgetView === 'edit-profile')
             return 'profile';
+        if (dynamicWidgetView === 'global-wallet')
+            return 'wallets';
         return dynamicWidgetView;
     }, [dynamicWidgetView, isKYCEnabled, multiWallet]);
     useInternalDynamicEvents('logout', () => goToInitialDynamicWidgetView());

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.cjs

@@ -4,10 +4,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const DynamicSettingsViews = ['settings'];
+const DynamicGlobalWalletViews = ['global-wallet'];
 const DynamicPasskeyWidgetViews = ['manage-passkeys'];
 const DynamicMfaWidgetViews = ['manage-mfa'];
 const DynamicTransactionsWidgetViews = ['send-balance'];
 
+exports.DynamicGlobalWalletViews = DynamicGlobalWalletViews;
 exports.DynamicMfaWidgetViews = DynamicMfaWidgetViews;
 exports.DynamicPasskeyWidgetViews = DynamicPasskeyWidgetViews;
 exports.DynamicSettingsViews = DynamicSettingsViews;

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.d.ts

@@ -13,10 +13,12 @@ export interface WidgetContextProps {
 }
 export declare const DynamicSettingsViews: readonly ["settings"];
 export type DynamicSettingsType = typeof DynamicSettingsViews[number];
+export declare const DynamicGlobalWalletViews: readonly ["global-wallet"];
+export type DynamicGlobalWalletType = typeof DynamicGlobalWalletViews[number];
 export declare const DynamicPasskeyWidgetViews: readonly ["manage-passkeys"];
 export declare const DynamicMfaWidgetViews: readonly ["manage-mfa"];
 export type DynamicPasskeyWidgetViewsType = typeof DynamicPasskeyWidgetViews[number];
 export type DynamicMfaWidgetViewsType = typeof DynamicMfaWidgetViews[number];
 export declare const DynamicTransactionsWidgetViews: readonly ["send-balance"];
 export type DynamicTransactionsWidgetViewsType = typeof DynamicTransactionsWidgetViews[number];
-export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType;
+export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType;

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.js

@@ -1,7 +1,8 @@
 'use client'
 const DynamicSettingsViews = ['settings'];
+const DynamicGlobalWalletViews = ['global-wallet'];
 const DynamicPasskeyWidgetViews = ['manage-passkeys'];
 const DynamicMfaWidgetViews = ['manage-mfa'];
 const DynamicTransactionsWidgetViews = ['send-balance'];
 
-export { DynamicMfaWidgetViews, DynamicPasskeyWidgetViews, DynamicSettingsViews, DynamicTransactionsWidgetViews };
+export { DynamicGlobalWalletViews, DynamicMfaWidgetViews, DynamicPasskeyWidgetViews, DynamicSettingsViews, DynamicTransactionsWidgetViews };