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

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

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 ChooseWalletFundingMethod = require('../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs');
+var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView.cjs');
+var DepositView = require('../../views/DepositView/DepositView.cjs');
+var GlobalWalletView = require('../../views/GlobalWalletView/GlobalWalletView.cjs');
+var ManageMfaWidgetView = require('../../views/ManageMfaWidgetView/ManageMfaWidgetView.cjs');
+var ReceiveExternalWalletFunds = require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+
+const mapViewToComponent = {
+    'choose-wallet-funding-method': ChooseWalletFundingMethod.ChooseWalletFundingMethod,
+    'connected-apps': ConnectedAppsView.ConnectedAppsView,
+    'deposit-view': DepositView.DepositView,
+    'edit-profile': EditProfileView.EditProfileView,
+    'global-wallet': GlobalWalletView.GlobalWalletView,
+    'manage-mfa': ManageMfaWidgetView.ManageMfaWidgetView,
+    'manage-passkeys': ManagePasskeysWidgetView.ManagePasskeysWidgetView,
+    profile: ProfileView.ProfileView,
+    'receive-external-wallet-funds': ReceiveExternalWalletFunds.ReceiveExternalWalletFunds,
+    'send-balance': SendBalanceWidgetView.SendBalanceWidgetView,
+    settings: SettingsView.SettingsView,
+    wallets: WalletsView.WalletsView,
+};
+
+exports.mapViewToComponent = mapViewToComponent;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const mapViewToComponent: {
+    'choose-wallet-funding-method': import("react").FC;
+    'connected-apps': import("react").FC<import("../../views/ConnectedAppsView").ConnectedAppsViewProps>;
+    'deposit-view': () => JSX.Element | null;
+    'edit-profile': import("react").FC<import("../../views/EditProfileView/EditProfileView").EditProfileViewProps>;
+    'global-wallet': import("react").FC<{}>;
+    'manage-mfa': import("react").FC;
+    'manage-passkeys': import("react").FC;
+    profile: import("react").FC;
+    'receive-external-wallet-funds': import("react").FC<import("../../views/ReceiveExternalWalletFunds/types").ReceiveExternalWalletFundsProps>;
+    'send-balance': import("react").FC;
+    settings: import("react").FC;
+    wallets: import("react").FC;
+};

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

@@ -0,0 +1,30 @@
+'use client'
+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 { ChooseWalletFundingMethod } from '../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.js';
+import { ConnectedAppsView } from '../../views/ConnectedAppsView/ConnectedAppsView.js';
+import { DepositView } from '../../views/DepositView/DepositView.js';
+import { GlobalWalletView } from '../../views/GlobalWalletView/GlobalWalletView.js';
+import { ManageMfaWidgetView } from '../../views/ManageMfaWidgetView/ManageMfaWidgetView.js';
+import { ReceiveExternalWalletFunds } from '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+
+const mapViewToComponent = {
+    'choose-wallet-funding-method': ChooseWalletFundingMethod,
+    'connected-apps': ConnectedAppsView,
+    'deposit-view': DepositView,
+    'edit-profile': EditProfileView,
+    'global-wallet': GlobalWalletView,
+    'manage-mfa': ManageMfaWidgetView,
+    'manage-passkeys': ManagePasskeysWidgetView,
+    profile: ProfileView,
+    'receive-external-wallet-funds': ReceiveExternalWalletFunds,
+    'send-balance': SendBalanceWidgetView,
+    settings: SettingsView,
+    wallets: WalletsView,
+};
+
+export { mapViewToComponent };

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

@@ -81,6 +81,8 @@ require('../../../../components/MenuList/Dropdown/Dropdown.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');
@@ -96,7 +98,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 DynamicWidgetWallets = () => {
     const { t } = reactI18next.useTranslation();

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

@@ -77,6 +77,8 @@ import '../../../../components/MenuList/Dropdown/Dropdown.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';
@@ -92,7 +94,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 DynamicWidgetWallets = () => {
     const { t } = useTranslation();

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.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 EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxRuntime.jsxs("div", { className: 'email-connector-pending-sign-modal-content', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxRuntime.jsxs("div", { className: 'email-connector-pending-sign-modal-content__body', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title', children: "Confirm your email" }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', children: ["We\u2019ve sent a verification email to", ' ', jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span', children: emailWalletConnector.email })] }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: "Note: it might take a few seconds to proceed after clicking the link in your email" })] })] }));
 

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.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 EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxs("div", { className: 'email-connector-pending-sign-modal-content', children: [jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxs("div", { className: 'email-connector-pending-sign-modal-content__body', children: [jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title', children: "Confirm your email" }), jsxs(Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', children: ["We\u2019ve sent a verification email to", ' ', jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span', children: emailWalletConnector.email })] }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: "Note: it might take a few seconds to proceed after clicking the link in your email" })] })] }));
 

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

@@ -77,6 +77,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');
@@ -93,7 +95,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 EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
     const { setSelectedWalletWithAction, selectedWalletWithAction, setMultiWalletWidgetState, } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -73,6 +73,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';
@@ -89,7 +91,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 EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
     const { setSelectedWalletWithAction, selectedWalletWithAction, setMultiWalletWidgetState, } = useInternalDynamicContext();

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

@@ -78,6 +78,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');
@@ -92,7 +94,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 EmptyWallets = ({ text, copykey }) => {
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();

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

@@ -74,6 +74,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';
@@ -88,7 +90,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 EmptyWallets = ({ text, copykey }) => {
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();

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

@@ -77,6 +77,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');
@@ -91,7 +93,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 PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';

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

@@ -73,6 +73,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';
@@ -87,7 +89,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 PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';

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

@@ -77,6 +77,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');
@@ -91,7 +93,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 SingleWalletButtons = () => {
     var _a;

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

@@ -73,6 +73,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';
@@ -87,7 +89,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 SingleWalletButtons = () => {
     var _a;

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

@@ -95,6 +95,7 @@ require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var useSwitchWallet = require('../../../../utils/hooks/useSwitchWallet/useSwitchWallet.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/Wallet/Wallet.js

@@ -91,6 +91,7 @@ import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { useSwitchWallet } from '../../../../utils/hooks/useSwitchWallet/useSwitchWallet.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/WalletDetailsCard/WalletDetailsCard.cjs

@@ -76,6 +76,9 @@ var OverlayCard = 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');
+var CopyButton = require('../../../../components/CopyButton/CopyButton.cjs');
+require('qrcode');
 require('../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -86,12 +89,10 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var CopyButton = require('../../../../components/CopyButton/CopyButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 /** Component for wallet detail overlays */
 const WalletDetailsCard = ({ address, open, onClose, }) => {

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

@@ -72,6 +72,9 @@ import { OverlayCard } from '../../../../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 { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
+import 'qrcode';
 import '../../views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -82,12 +85,10 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 /** Component for wallet detail overlays */
 const WalletDetailsCard = ({ address, open, onClose, }) => {

package/src/lib/widgets/DynamicWidget/components/WidgetPortal/WidgetPortal.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 WidgetPortal = ({ children, onClose, disablePadding, portalClassName, portalContainerClassName, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(portalClassName, 'widget-portal'), onClick: onClose, "data-testid": 'backdrop', children: jsxRuntime.jsxs("div", { className: classNames.classNames(portalContainerClassName, 'widget-portal__container', {
             'widget-portal__container--no-padding': disablePadding,

package/src/lib/widgets/DynamicWidget/components/WidgetPortal/WidgetPortal.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 WidgetPortal = ({ children, onClose, disablePadding, portalClassName, portalContainerClassName, }) => (jsx("div", { className: classNames(portalClassName, 'widget-portal'), onClick: onClose, "data-testid": 'backdrop', children: jsxs("div", { className: classNames(portalContainerClassName, 'widget-portal__container', {
             'widget-portal__container--no-padding': disablePadding,

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

@@ -86,6 +86,7 @@ require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget
 require('../components/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');
@@ -100,16 +101,32 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const { view: dynamicWidgetView, setView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController.useViewController(isKYCEnabled && !multiWallet ? 'profile' : 'wallets');
+    const [headerAlert, _setHeaderAlert] = React.useState(null);
+    const headerAlertTimeoutRef = React.useRef(null);
+    const clearHeaderAlert = React.useCallback(() => {
+        _setHeaderAlert(null);
+        if (headerAlertTimeoutRef.current) {
+            clearTimeout(headerAlertTimeoutRef.current);
+            headerAlertTimeoutRef.current = null;
+        }
+    }, []);
+    const setHeaderAlert = React.useCallback((alert) => {
+        var _a;
+        const timeout = (_a = alert === null || alert === void 0 ? void 0 : alert.timeout) !== null && _a !== void 0 ? _a : 6000;
+        _setHeaderAlert(alert);
+        headerAlertTimeoutRef.current = setTimeout(clearHeaderAlert, timeout);
+    }, [clearHeaderAlert]);
     const [viewProps, setViewProps] = React.useState({});
     const setDynamicWidgetView = React.useCallback((view, props) => {
         setView(view);
         setViewProps(props || {});
-    }, [setView]);
+        clearHeaderAlert();
+    }, [clearHeaderAlert, setView]);
     const goToProfileView = React.useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
-    }, [isKYCEnabled, multiWallet]);
+    }, [isKYCEnabled, setDynamicWidgetView]);
     const overridenWidgetView = React.useMemo(() => {
         if (dynamicWidgetView === 'manage-passkeys' ||
             dynamicWidgetView === 'manage-mfa')
@@ -131,10 +148,12 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         dynamicWidgetView,
         goToInitialDynamicWidgetView,
         goToProfileView,
+        headerAlert,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
         overridenWidgetView,
         setDynamicWidgetView,
+        setHeaderAlert,
         setIsOpen: setShowDynamicUserProfile,
         viewProps,
         widgetRef,
@@ -147,6 +166,8 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         setShowDynamicUserProfile,
         overridenWidgetView,
         viewProps,
+        headerAlert,
+        setHeaderAlert,
     ]);
     return (jsxRuntime.jsx(DynamicWidgetContext.Provider, { value: value, children: children }));
 };

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

@@ -82,6 +82,7 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
 import '../components/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';
@@ -96,16 +97,32 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile, multiWallet } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const { view: dynamicWidgetView, setView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController(isKYCEnabled && !multiWallet ? 'profile' : 'wallets');
+    const [headerAlert, _setHeaderAlert] = useState(null);
+    const headerAlertTimeoutRef = useRef(null);
+    const clearHeaderAlert = useCallback(() => {
+        _setHeaderAlert(null);
+        if (headerAlertTimeoutRef.current) {
+            clearTimeout(headerAlertTimeoutRef.current);
+            headerAlertTimeoutRef.current = null;
+        }
+    }, []);
+    const setHeaderAlert = useCallback((alert) => {
+        var _a;
+        const timeout = (_a = alert === null || alert === void 0 ? void 0 : alert.timeout) !== null && _a !== void 0 ? _a : 6000;
+        _setHeaderAlert(alert);
+        headerAlertTimeoutRef.current = setTimeout(clearHeaderAlert, timeout);
+    }, [clearHeaderAlert]);
     const [viewProps, setViewProps] = useState({});
     const setDynamicWidgetView = useCallback((view, props) => {
         setView(view);
         setViewProps(props || {});
-    }, [setView]);
+        clearHeaderAlert();
+    }, [clearHeaderAlert, setView]);
     const goToProfileView = useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
-    }, [isKYCEnabled, multiWallet]);
+    }, [isKYCEnabled, setDynamicWidgetView]);
     const overridenWidgetView = useMemo(() => {
         if (dynamicWidgetView === 'manage-passkeys' ||
             dynamicWidgetView === 'manage-mfa')
@@ -127,10 +144,12 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         dynamicWidgetView,
         goToInitialDynamicWidgetView,
         goToProfileView,
+        headerAlert,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
         overridenWidgetView,
         setDynamicWidgetView,
+        setHeaderAlert,
         setIsOpen: setShowDynamicUserProfile,
         viewProps,
         widgetRef,
@@ -143,6 +162,8 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         setShowDynamicUserProfile,
         overridenWidgetView,
         viewProps,
+        headerAlert,
+        setHeaderAlert,
     ]);
     return (jsx(DynamicWidgetContext.Provider, { value: value, children: children }));
 };

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

@@ -1,5 +1,6 @@
-import { Dispatch, RefObject, SetStateAction } from 'react';
-import { ConnectedAppsViewProps } from '../views/ConnectedAppsView/ConnectedAppsView';
+import { ComponentProps, Dispatch, FC, RefObject, SetStateAction } from 'react';
+import { mapViewToComponent } from '../components/DynamicWidgetViews/mapViewToComponent';
+import { AlertProps } from '../../../components/Alert';
 export declare const DynamicSettingsViews: readonly ["settings"];
 export type DynamicSettingsType = typeof DynamicSettingsViews[number];
 export declare const DynamicGlobalWalletViews: readonly ["global-wallet", "connected-apps"];
@@ -10,10 +11,10 @@ export type DynamicPasskeyWidgetViewsType = typeof DynamicPasskeyWidgetViews[num
 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' | 'receive-external-wallet-funds' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | 'connected-apps';
-export type ViewProps = {
-    'connected-apps': ConnectedAppsViewProps;
-};
+export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | 'choose-wallet-funding-method' | 'receive-external-wallet-funds' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | 'connected-apps' | 'deposit-view';
+export type DynamicWidgetViewMapConstraint = Record<DynamicWidgetViews, FC<any>>;
+export type DynamicWidgetViewMap = typeof mapViewToComponent;
+export type SetDynamicWidgetView = <T extends DynamicWidgetViews>(view: T, props?: ComponentProps<DynamicWidgetViewMap[T]>) => void;
 export type WidgetContextProps = {
     availableWalletsContainerRef: RefObject<HTMLDivElement>;
     dynamicWidgetView: DynamicWidgetViews;
@@ -22,8 +23,17 @@ export type WidgetContextProps = {
     inlineControlsRef: RefObject<HTMLDivElement>;
     isOpen: boolean;
     overridenWidgetView: DynamicWidgetViews;
-    setDynamicWidgetView: <T extends DynamicWidgetViews>(view: T, props?: T extends keyof ViewProps ? ViewProps[T] : never) => void;
+    setDynamicWidgetView: SetDynamicWidgetView;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     widgetRef: RefObject<HTMLDivElement>;
     viewProps: Record<string, unknown>;
+    headerAlert: WidgetHeaderAlert | null;
+    setHeaderAlert: SetHeaderAlert;
+};
+export type WidgetHeaderAlert = {
+    variant: AlertProps['variant'];
+    copykey: string;
 };
+export type SetHeaderAlert = (alert: WidgetHeaderAlert & {
+    timeout?: number;
+}) => void;

package/src/lib/widgets/DynamicWidget/hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs

@@ -84,6 +84,7 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
 require('../../components/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/hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js

@@ -80,6 +80,7 @@ import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarg
 import '../../components/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/hooks/useFetchBalance/useFetchBalance.cjs

@@ -85,6 +85,7 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
 require('../../components/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');