@dynamic-labs/sdk-react-core 4.3.2 → 4.4.0

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

@@ -75,6 +75,8 @@ require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -89,7 +91,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const BottomNavBar = ({ value, onChange, options }) => {
     const isActive = (_value) => _value === value;

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

@@ -71,6 +71,8 @@ import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -85,7 +87,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const BottomNavBar = ({ value, onChange, options }) => {
     const isActive = (_value) => _value === value;

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

@@ -76,6 +76,8 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -90,7 +92,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: index.tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxRuntime.jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();

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

@@ -72,6 +72,8 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -86,7 +88,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const DotsMenuDropdown = ({ options, setShowMenu, }) => (jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();

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

@@ -86,6 +86,7 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');

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

@@ -82,6 +82,7 @@ import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarg
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';

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

@@ -73,6 +73,8 @@ require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -87,7 +89,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 var DynamicWidgetWalletHeader = require('./DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -69,6 +69,8 @@ import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -83,7 +85,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import { DynamicWidgetWalletHeader } from './DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js';
 
 const DynamicWidgetHeader = ({ variant, }) => {

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

@@ -7,13 +7,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
 require('../../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var Alert = require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 var add = require('../../../../../shared/assets/add.cjs');
@@ -82,6 +82,8 @@ var spinner = require('../../../../../components/Spinner/spinner.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../../index.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -97,10 +99,7 @@ require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 var SecureEmbeddedWalletCard = require('../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs');
-var FundingContext = require('../../../../../context/FundingContext/FundingContext.cjs');
-var useFunding = require('../../../../../context/FundingContext/useFunding/useFunding.cjs');
 var SendBalanceContext = require('../../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 var ActiveWalletInformation = require('../../ActiveWalletInformation/ActiveWalletInformation.cjs');
 
@@ -121,12 +120,9 @@ LinkButton.displayName = 'LinkButton';
 const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
-    const { supportsFunding: _supportsFunding, fundingEnabled } = FundingContext.useFundingContext();
-    const { openExternalFunding } = useFunding.useFunding();
     const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const { t } = reactI18next.useTranslation();
-    const supportsFunding = _supportsFunding && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isAvailable);
     const isSendBalanceEnabled = React.useMemo(() => {
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
@@ -150,12 +146,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
             return (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsxRuntime.jsx(UserAvatar.UserAvatar, { user: user }) }));
         }
     };
-    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: () => {
-                                    openExternalFunding({
-                                        onrampProvider: sdkApiCore.OnrampProviders.Banxa,
-                                    });
-                                }, 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) }))] }));
+    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' }), jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: t('dyn_widget_header.buttons.deposit_funds') }), 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: t('dyn_widget_header.buttons.send_funds') })), 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

@@ -3,13 +3,13 @@ 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';
-import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { Alert } from '../../../../../components/Alert/Alert.js';
 import '../../../../../events/dynamicEvents.js';
 import '../../../../../../../_virtual/_tslib.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import { ReactComponent as SvgAdd } from '../../../../../shared/assets/add.js';
@@ -78,6 +78,8 @@ import { Spinner } from '../../../../../components/Spinner/spinner.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../../index.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -93,10 +95,7 @@ import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import { SecureEmbeddedWalletCard } from '../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js';
-import { useFundingContext } from '../../../../../context/FundingContext/FundingContext.js';
-import { useFunding } from '../../../../../context/FundingContext/useFunding/useFunding.js';
 import { useSendBalance } from '../../../../../context/SendBalanceContext/SendBalanceContext.js';
 import { ActiveWalletInformation } from '../../ActiveWalletInformation/ActiveWalletInformation.js';
 
@@ -113,12 +112,9 @@ LinkButton.displayName = 'LinkButton';
 const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { primaryWallet, user } = useInternalDynamicContext();
     const { open: openSendBalanceModal } = useSendBalance();
-    const { supportsFunding: _supportsFunding, fundingEnabled } = useFundingContext();
-    const { openExternalFunding } = useFunding();
     const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
     const { t } = useTranslation();
-    const supportsFunding = _supportsFunding && (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isAvailable);
     const isSendBalanceEnabled = useMemo(() => {
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
@@ -142,12 +138,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
             return (jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsx(UserAvatar, { user: user }) }));
         }
     };
-    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: () => {
-                                    openExternalFunding({
-                                        onrampProvider: OnrampProviders.Banxa,
-                                    });
-                                }, 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) }))] }));
+    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' }), jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: t('dyn_widget_header.buttons.deposit_funds') }), 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: t('dyn_widget_header.buttons.send_funds') })), 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/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -85,6 +85,7 @@ require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayC
 require('../../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../../../index.cjs');
 require('../../../../../../store/state/tokenBalances.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -81,6 +81,7 @@ import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCa
 import '../../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../../../index.js';
 import '../../../../../../store/state/tokenBalances.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -75,6 +75,8 @@ require('../../../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../../../index.cjs');
 require('../../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -89,7 +91,6 @@ require('../../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
     usePreventPageScroll.usePreventPageScroll(Boolean(isShown));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -71,6 +71,8 @@ import '../../../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../../../index.js';
 import '../../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -85,7 +87,6 @@ import '../../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
     usePreventPageScroll(Boolean(isShown));

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

@@ -5,130 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
-var WalletsView = require('../../views/WalletsView/WalletsView.cjs');
-var ProfileView = require('../../views/ProfileView/ProfileView.cjs');
-var EditProfileView = require('../../views/EditProfileView/EditProfileView.cjs');
-var SendBalanceWidgetView = require('../../views/SendBalanceWidgetView/SendBalanceWidgetView.cjs');
-var ManagePasskeysWidgetView = require('../../views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs');
-var SettingsView = require('../../views/SettingsView/SettingsView.cjs');
-var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView.cjs');
-var GlobalWalletView = require('../../views/GlobalWalletView/GlobalWalletView.cjs');
-var ManageMfaWidgetView = require('../../views/ManageMfaWidgetView/ManageMfaWidgetView.cjs');
-var ReceiveExternalWalletFunds = require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
-require('react');
-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('@dynamic-labs/utils');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../utils/constants/values.cjs');
-require('../../../../store/state/loadingAndLifecycle.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');
-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('../../../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/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('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../../store/state/sendBalances.cjs');
-require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../../../index.cjs');
-require('../../../../store/state/tokenBalances.cjs');
-require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var mapViewToComponent = require('./mapViewToComponent.cjs');
 
-/**
- * View for testing the receive funds view.
- * Will be removed once we have a flow to reach this view with the adequate props passed in via user interaction.
- *
- * Right now, this is unreachable from the widget.
- */
-const TemporaryReceiveFundsViewForQA = () => {
-    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!primaryWallet)
-        return null;
-    return (jsxRuntime.jsx(ReceiveExternalWalletFunds.ReceiveExternalWalletFunds, { externalWallet: primaryWallet, 
-        // token={{ rule: 'exact-with-amount', value: 'ETH' }}
-        amount: { rule: 'recommended', value: 100 } }));
-};
-const mapViewToComponent = {
-    'connected-apps': ConnectedAppsView.ConnectedAppsView,
-    'edit-profile': EditProfileView.EditProfileView,
-    'global-wallet': GlobalWalletView.GlobalWalletView,
-    'manage-mfa': ManageMfaWidgetView.ManageMfaWidgetView,
-    'manage-passkeys': ManagePasskeysWidgetView.ManagePasskeysWidgetView,
-    profile: ProfileView.ProfileView,
-    'receive-external-wallet-funds': TemporaryReceiveFundsViewForQA,
-    'send-balance': SendBalanceWidgetView.SendBalanceWidgetView,
-    settings: SettingsView.SettingsView,
-    wallets: WalletsView.WalletsView,
-};
 const DynamicWidgetViews = () => {
     const { dynamicWidgetView, viewProps } = DynamicWidgetContext.useWidgetContext();
-    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ViewComponent = mapViewToComponent.mapViewToComponent[dynamicWidgetView] || mapViewToComponent.mapViewToComponent.wallets;
     return jsxRuntime.jsx(ViewComponent, Object.assign({}, viewProps));
 };
 
 exports.DynamicWidgetViews = DynamicWidgetViews;
-exports.mapViewToComponent = mapViewToComponent;

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

@@ -1,4 +1,2 @@
-import React, { FC } from 'react';
-import { DynamicWidgetViews as DynamicWidgetViewsTypes } from '../../context/DynamicWidgetContext.types';
-export declare const mapViewToComponent: Record<DynamicWidgetViewsTypes, React.ComponentType>;
+import { FC } from 'react';
 export declare const DynamicWidgetViews: FC;

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

@@ -1,129 +1,13 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
-import { WalletsView } from '../../views/WalletsView/WalletsView.js';
-import { ProfileView } from '../../views/ProfileView/ProfileView.js';
-import { EditProfileView } from '../../views/EditProfileView/EditProfileView.js';
-import { SendBalanceWidgetView } from '../../views/SendBalanceWidgetView/SendBalanceWidgetView.js';
-import { ManagePasskeysWidgetView } from '../../views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js';
-import { SettingsView } from '../../views/SettingsView/SettingsView.js';
-import { ConnectedAppsView } from '../../views/ConnectedAppsView/ConnectedAppsView.js';
-import { GlobalWalletView } from '../../views/GlobalWalletView/GlobalWalletView.js';
-import { ManageMfaWidgetView } from '../../views/ManageMfaWidgetView/ManageMfaWidgetView.js';
-import { ReceiveExternalWalletFunds } from '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
-import 'react';
-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 '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
-import '../../../../store/state/loadingAndLifecycle.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 '../../../../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 '../../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import '@dynamic-labs/types';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../../context/LoadingContext/LoadingContext.js';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/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 '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../store/state/sendBalances.js';
-import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../../../index.js';
-import '../../../../store/state/tokenBalances.js';
-import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { mapViewToComponent } from './mapViewToComponent.js';
 
-/**
- * View for testing the receive funds view.
- * Will be removed once we have a flow to reach this view with the adequate props passed in via user interaction.
- *
- * Right now, this is unreachable from the widget.
- */
-const TemporaryReceiveFundsViewForQA = () => {
-    const { primaryWallet } = useInternalDynamicContext();
-    if (!primaryWallet)
-        return null;
-    return (jsx(ReceiveExternalWalletFunds, { externalWallet: primaryWallet, 
-        // token={{ rule: 'exact-with-amount', value: 'ETH' }}
-        amount: { rule: 'recommended', value: 100 } }));
-};
-const mapViewToComponent = {
-    'connected-apps': ConnectedAppsView,
-    'edit-profile': EditProfileView,
-    'global-wallet': GlobalWalletView,
-    'manage-mfa': ManageMfaWidgetView,
-    'manage-passkeys': ManagePasskeysWidgetView,
-    profile: ProfileView,
-    'receive-external-wallet-funds': TemporaryReceiveFundsViewForQA,
-    'send-balance': SendBalanceWidgetView,
-    settings: SettingsView,
-    wallets: WalletsView,
-};
 const DynamicWidgetViews = () => {
     const { dynamicWidgetView, viewProps } = useWidgetContext();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
     return jsx(ViewComponent, Object.assign({}, viewProps));
 };
 
-export { DynamicWidgetViews, mapViewToComponent };
+export { DynamicWidgetViews };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/index.d.ts

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