@dynamic-labs/sdk-react-core 4.10.1 → 4.10.3

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -92,11 +92,11 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 
 const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {
     var _a;

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -88,11 +88,11 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 
 const LoginEmailForm = ({ isLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {
     var _a;

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.cjs

@@ -96,9 +96,9 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var MfaRecoveryIcon = require('../../components/MfaRecoveryIcon/MfaRecoveryIcon.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
+var MfaRecoveryIcon = require('../../components/MfaRecoveryIcon/MfaRecoveryIcon.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 

package/src/lib/views/MfaRecoveryView/MfaRecoveryView.js

@@ -92,9 +92,9 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { MfaRecoveryScreenIcon } from '../../components/MfaRecoveryIcon/MfaRecoveryIcon.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
+import { MfaRecoveryScreenIcon } from '../../components/MfaRecoveryIcon/MfaRecoveryIcon.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 

package/src/lib/views/Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.cjs

@@ -99,11 +99,11 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 
 const AddRecoveryEmail = ({ canSkipAddingEmail = true, shouldInitRecovery = false, authenticatorType, currentAction, isFromEmailVerification = false, }) => {
     const { user, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.js

@@ -95,11 +95,11 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 
 const AddRecoveryEmail = ({ canSkipAddingEmail = true, shouldInitRecovery = false, authenticatorType, currentAction, isFromEmailVerification = false, }) => {
     const { user, setShowAuthFlow } = useInternalDynamicContext();

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -57,6 +57,7 @@ require('../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
@@ -72,7 +73,6 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -53,6 +53,7 @@ import '../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
+import '../../../context/WalletContext/WalletContext.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/InlineWidget/InlineWidget.js';
@@ -68,7 +69,6 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../context/WalletContext/WalletContext.js';
 import 'formik';
 import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -29,6 +29,7 @@ require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
+var blockaid = require('../../data/api/transactions/blockaid.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -43,7 +44,6 @@ var useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cj
 var useInterval = require('../../utils/hooks/useInterval/useInterval.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
-var blockaid = require('../../data/api/transactions/blockaid.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -25,6 +25,7 @@ import '../../store/state/projectSettings/projectSettings.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
+import { simulateBlockaidUserOperation, simulateBlockaidSVMTransaction, simulateBlockaidEVMTransaction } from '../../data/api/transactions/blockaid.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -39,7 +40,6 @@ import { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.
 import { useInterval } from '../../utils/hooks/useInterval/useInterval.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
-import { simulateBlockaidUserOperation, simulateBlockaidSVMTransaction, simulateBlockaidEVMTransaction } from '../../data/api/transactions/blockaid.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/views/WalletList/hooks/useTabState.cjs

@@ -4,19 +4,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+var logger = require('../../../shared/logger.cjs');
 
 const useTabState = ({ settingsOverrides, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const walletListViewSettings = (_a = settingsOverrides === null || settingsOverrides === void 0 ? void 0 : settingsOverrides.views) === null || _a === void 0 ? void 0 : _a.find((view) => view.type === 'wallet-list');
-    const [selectedTabIndex, setSelectedTabIndex] = React.useState(0);
+    const [selectedTabIndex, _setSelectedTabIndex] = React.useState(0);
+    const setSelectedTabIndex = React.useCallback((value) => {
+        const validateSelectedTabIndex = (index) => {
+            var _a, _b;
+            const tab = (_a = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _a === void 0 ? void 0 : _a.items[index];
+            if (!tab) {
+                logger.logger.error(`Tab with index ${index} not found. Available tabs: ${JSON.stringify((_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items)}`);
+                return;
+            }
+            dynamicEvents.dynamicEvents.emit('walletTabSelected', { index, tab });
+            return index;
+        };
+        if (typeof value === 'number') {
+            const newIndex = validateSelectedTabIndex(value);
+            if (newIndex !== undefined)
+                _setSelectedTabIndex(newIndex);
+            return;
+        }
+        _setSelectedTabIndex((current) => {
+            var _a;
+            const newIndex = value(current);
+            return (_a = validateSelectedTabIndex(newIndex)) !== null && _a !== void 0 ? _a : current;
+        });
+    }, [(_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items]);
     const selectedTabSettings = selectedTabIndex === null
         ? undefined
-        : (_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items[selectedTabIndex];
+        : (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items[selectedTabIndex];
     return {
         selectedTabIndex,
         selectedTabSettings,
         setSelectedTabIndex,
-        tabsItems: (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items,
+        tabsItems: (_d = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _d === void 0 ? void 0 : _d.items,
     };
 };
 

package/src/lib/views/WalletList/hooks/useTabState.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import { Dispatch, SetStateAction } from 'react';
 import { SettingsOverrides } from '../../../context/DynamicContext/types';
 export declare const useTabState: ({ settingsOverrides, }: {
     settingsOverrides: SettingsOverrides | undefined;
 }) => {
     selectedTabIndex: number;
     selectedTabSettings: import("../../../shared").WalletListViewTabItem | undefined;
-    setSelectedTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setSelectedTabIndex: Dispatch<SetStateAction<number>>;
     tabsItems: import("../../../shared").WalletListViewTabItem[] | undefined;
 };

package/src/lib/views/WalletList/hooks/useTabState.js

@@ -1,18 +1,43 @@
 'use client'
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import { logger } from '../../../shared/logger.js';
 
 const useTabState = ({ settingsOverrides, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const walletListViewSettings = (_a = settingsOverrides === null || settingsOverrides === void 0 ? void 0 : settingsOverrides.views) === null || _a === void 0 ? void 0 : _a.find((view) => view.type === 'wallet-list');
-    const [selectedTabIndex, setSelectedTabIndex] = useState(0);
+    const [selectedTabIndex, _setSelectedTabIndex] = useState(0);
+    const setSelectedTabIndex = useCallback((value) => {
+        const validateSelectedTabIndex = (index) => {
+            var _a, _b;
+            const tab = (_a = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _a === void 0 ? void 0 : _a.items[index];
+            if (!tab) {
+                logger.error(`Tab with index ${index} not found. Available tabs: ${JSON.stringify((_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items)}`);
+                return;
+            }
+            dynamicEvents.emit('walletTabSelected', { index, tab });
+            return index;
+        };
+        if (typeof value === 'number') {
+            const newIndex = validateSelectedTabIndex(value);
+            if (newIndex !== undefined)
+                _setSelectedTabIndex(newIndex);
+            return;
+        }
+        _setSelectedTabIndex((current) => {
+            var _a;
+            const newIndex = value(current);
+            return (_a = validateSelectedTabIndex(newIndex)) !== null && _a !== void 0 ? _a : current;
+        });
+    }, [(_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items]);
     const selectedTabSettings = selectedTabIndex === null
         ? undefined
-        : (_b = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _b === void 0 ? void 0 : _b.items[selectedTabIndex];
+        : (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items[selectedTabIndex];
     return {
         selectedTabIndex,
         selectedTabSettings,
         setSelectedTabIndex,
-        tabsItems: (_c = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _c === void 0 ? void 0 : _c.items,
+        tabsItems: (_d = walletListViewSettings === null || walletListViewSettings === void 0 ? void 0 : walletListViewSettings.tabs) === null || _d === void 0 ? void 0 : _d.items,
     };
 };
 

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -60,8 +60,8 @@ require('../../components/Alert/Alert.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
-require('../../components/IconButton/IconButton.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -56,8 +56,8 @@ import '../../components/Alert/Alert.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
-import '../../components/IconButton/IconButton.js';
 import { iconRatio, IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';

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

@@ -97,9 +97,9 @@ require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
+var OptionsSwitcher = require('../../../../components/OptionsSwitcher/OptionsSwitcher.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-var OptionsSwitcher = require('../../../../components/OptionsSwitcher/OptionsSwitcher.cjs');
 
 const options = [
     {

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

@@ -93,9 +93,9 @@ import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
+import { OptionsSwitcher } from '../../../../components/OptionsSwitcher/OptionsSwitcher.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import { OptionsSwitcher } from '../../../../components/OptionsSwitcher/OptionsSwitcher.js';
 
 const options = [
     {

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

@@ -62,6 +62,7 @@ var classNames = require('../../../../utils/functions/classNames/classNames.cjs'
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
+var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
@@ -77,7 +78,6 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');

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

@@ -58,6 +58,7 @@ import { classNames } from '../../../../utils/functions/classNames/classNames.js
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
+import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
@@ -73,7 +74,6 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs

@@ -229,7 +229,7 @@ const AccountAndSecuritySettingsView = () => {
                                             // eslint-disable-next-line react/jsx-wrap-multilines
                                             jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                                             // eslint-disable-next-line react/jsx-wrap-multilines
-                                            jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }) }), jsxRuntime.jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, dataTestId: 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', children: t('dyn_settings.delete_account.title') }) })] }));
+                                            jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }) }), jsxRuntime.jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, "data-testid": 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', children: t('dyn_settings.delete_account.title') }) })] }));
 };
 
 exports.AccountAndSecuritySettingsView = AccountAndSecuritySettingsView;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js

@@ -225,7 +225,7 @@ const AccountAndSecuritySettingsView = () => {
                                             // eslint-disable-next-line react/jsx-wrap-multilines
                                             jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                                             // eslint-disable-next-line react/jsx-wrap-multilines
-                                            jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }) }), jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsx(Typography, { onClick: handleDeleteAccountClick, dataTestId: 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', children: t('dyn_settings.delete_account.title') }) })] }));
+                                            jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }) }), jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsx(Typography, { onClick: handleDeleteAccountClick, "data-testid": 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', children: t('dyn_settings.delete_account.title') }) })] }));
 };
 
 export { AccountAndSecuritySettingsView };

package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs

@@ -103,12 +103,15 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 const ChooseOnrampProviderView = () => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { enabledOnrampProviders } = OnrampContext.useOnrampContext();
+    const { enabledOnrampProviders, selectOnrampProvider } = OnrampContext.useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const onrampOptions = React.useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => !isPaymentMethod), [enabledOnrampProviders]);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     return (jsxRuntime.jsxs("div", { className: 'deposit-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, description: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'choose-onramp-provider__header-description', children: t('dyn_wallet_funding.onramp_provider_selection.description') }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t('dyn_wallet_funding.onramp_provider_selection.title') }) }), jsxRuntime.jsx("div", { className: 'choose-wallet-funding-method__options', children: primaryWallet &&
-                    onrampOptions.map((option) => (jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => option.onClick({ wallet: primaryWallet }), leading: jsxRuntime.jsx(Icon.Icon, { className: 'choose-onramp-provider__options__option__icon', children: jsxRuntime.jsx("img", { src: option.iconUrl, alt: option.displayName }) }), typographyProps: { variant: 'body_normal', weight: 'medium' }, buttonVariant: 'card', className: 'choose-wallet-funding-method__options__option', description: option.description, children: option.displayName }, option.id))) })] }));
+                    onrampOptions.map((option) => (jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => selectOnrampProvider({
+                            provider: option,
+                            wallet: primaryWallet,
+                        }), leading: jsxRuntime.jsx(Icon.Icon, { className: 'choose-onramp-provider__options__option__icon', children: jsxRuntime.jsx("img", { src: option.iconUrl, alt: option.displayName }) }), typographyProps: { variant: 'body_normal', weight: 'medium' }, buttonVariant: 'card', className: 'choose-wallet-funding-method__options__option', description: option.description, children: option.displayName }, option.id))) })] }));
 };
 
 exports.ChooseOnrampProviderView = ChooseOnrampProviderView;

package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.js

@@ -99,12 +99,15 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 const ChooseOnrampProviderView = () => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
-    const { enabledOnrampProviders } = useOnrampContext();
+    const { enabledOnrampProviders, selectOnrampProvider } = useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext();
     const onrampOptions = useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => !isPaymentMethod), [enabledOnrampProviders]);
     const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
     return (jsxs("div", { className: 'deposit-view', children: [jsx(ModalHeader, { leading: backButton, description: jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'choose-onramp-provider__header-description', children: t('dyn_wallet_funding.onramp_provider_selection.description') }), children: jsx(Typography, { variant: 'title', children: t('dyn_wallet_funding.onramp_provider_selection.title') }) }), jsx("div", { className: 'choose-wallet-funding-method__options', children: primaryWallet &&
-                    onrampOptions.map((option) => (jsx(TypographyButton, { onClick: () => option.onClick({ wallet: primaryWallet }), leading: jsx(Icon, { className: 'choose-onramp-provider__options__option__icon', children: jsx("img", { src: option.iconUrl, alt: option.displayName }) }), typographyProps: { variant: 'body_normal', weight: 'medium' }, buttonVariant: 'card', className: 'choose-wallet-funding-method__options__option', description: option.description, children: option.displayName }, option.id))) })] }));
+                    onrampOptions.map((option) => (jsx(TypographyButton, { onClick: () => selectOnrampProvider({
+                            provider: option,
+                            wallet: primaryWallet,
+                        }), leading: jsx(Icon, { className: 'choose-onramp-provider__options__option__icon', children: jsx("img", { src: option.iconUrl, alt: option.displayName }) }), typographyProps: { variant: 'body_normal', weight: 'medium' }, buttonVariant: 'card', className: 'choose-wallet-funding-method__options__option', description: option.description, children: option.displayName }, option.id))) })] }));
 };
 
 export { ChooseOnrampProviderView };

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

@@ -116,7 +116,7 @@ const useFundingMethods = () => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { externalWalletFundingEnabled } = useFundWithWallet.useInternalFundWithWallet();
-    const { enabledOnrampProviders } = OnrampContext.useOnrampContext();
+    const { enabledOnrampProviders, selectOnrampProvider } = OnrampContext.useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const viewWalletsFilter = React.useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
         ? index.FilterChain(primaryWallet.chain)
@@ -136,8 +136,16 @@ const useFundingMethods = () => {
         }
         onrampOptions.length > 1
             ? setDynamicWidgetView('choose-onramp-provider')
-            : onrampOptions[0].onClick({ wallet: primaryWallet });
-    }, [onrampOptions, setDynamicWidgetView, primaryWallet]);
+            : selectOnrampProvider({
+                provider: onrampOptions[0],
+                wallet: primaryWallet,
+            });
+    }, [
+        onrampOptions,
+        setDynamicWidgetView,
+        primaryWallet,
+        selectOnrampProvider,
+    ]);
     const previewWalletIcons = React.useMemo(() => {
         if (!externalWalletFundingEnabled)
             return [];
@@ -162,12 +170,16 @@ const useFundingMethods = () => {
             },
         ];
         if (primaryWallet) {
-            paymentMethods.forEach(({ id, iconUrl, displayName, onClick }) => {
+            paymentMethods.forEach((option) => {
+                const { id, iconUrl, displayName } = option;
                 methods.push({
                     icon: jsxRuntime.jsx("img", { src: iconUrl, alt: displayName }),
                     key: id,
                     label: displayName,
-                    onClick: () => onClick({ wallet: primaryWallet }),
+                    onClick: () => selectOnrampProvider({
+                        provider: option,
+                        wallet: primaryWallet,
+                    }),
                     showChevron: false,
                 });
             });
@@ -210,6 +222,7 @@ const useFundingMethods = () => {
         filteredLinkedWallets.length,
         externalWalletFundingEnabled,
         paymentMethods,
+        selectOnrampProvider,
         handleBuyCryptoClick,
         previewOnrampIcons,
         startLinkedWalletFunding,

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

@@ -112,7 +112,7 @@ const useFundingMethods = () => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const { externalWalletFundingEnabled } = useInternalFundWithWallet();
-    const { enabledOnrampProviders } = useOnrampContext();
+    const { enabledOnrampProviders, selectOnrampProvider } = useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext();
     const viewWalletsFilter = useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
         ? FilterChain(primaryWallet.chain)
@@ -132,8 +132,16 @@ const useFundingMethods = () => {
         }
         onrampOptions.length > 1
             ? setDynamicWidgetView('choose-onramp-provider')
-            : onrampOptions[0].onClick({ wallet: primaryWallet });
-    }, [onrampOptions, setDynamicWidgetView, primaryWallet]);
+            : selectOnrampProvider({
+                provider: onrampOptions[0],
+                wallet: primaryWallet,
+            });
+    }, [
+        onrampOptions,
+        setDynamicWidgetView,
+        primaryWallet,
+        selectOnrampProvider,
+    ]);
     const previewWalletIcons = useMemo(() => {
         if (!externalWalletFundingEnabled)
             return [];
@@ -158,12 +166,16 @@ const useFundingMethods = () => {
             },
         ];
         if (primaryWallet) {
-            paymentMethods.forEach(({ id, iconUrl, displayName, onClick }) => {
+            paymentMethods.forEach((option) => {
+                const { id, iconUrl, displayName } = option;
                 methods.push({
                     icon: jsx("img", { src: iconUrl, alt: displayName }),
                     key: id,
                     label: displayName,
-                    onClick: () => onClick({ wallet: primaryWallet }),
+                    onClick: () => selectOnrampProvider({
+                        provider: option,
+                        wallet: primaryWallet,
+                    }),
                     showChevron: false,
                 });
             });
@@ -206,6 +218,7 @@ const useFundingMethods = () => {
         filteredLinkedWallets.length,
         externalWalletFundingEnabled,
         paymentMethods,
+        selectOnrampProvider,
         handleBuyCryptoClick,
         previewOnrampIcons,
         startLinkedWalletFunding,

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.cjs

@@ -37,6 +37,7 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
+var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -48,7 +49,6 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
 require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.js

@@ -33,6 +33,7 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
+import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -44,7 +45,6 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
 import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.cjs

@@ -13,9 +13,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+var accountAndSecurity = require('../../../../shared/assets/account-and-security.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var connectedApps = require('../../../../shared/assets/connected-apps.cjs');
-var accountAndSecurity = require('../../../../shared/assets/account-and-security.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -132,7 +132,7 @@ const SettingsView = () => {
     const isMfaEnabled = Boolean((_c = (_b = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.security) === null || _b === void 0 ? void 0 : _b.mfa) === null || _c === void 0 ? void 0 : _c.enabled);
     const isEmbeddedWallet = Boolean(wallet && ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('turnkey')));
     const shouldShowAccountAndSecuritySettings = isMfaEnabled || isEmbeddedWallet;
-    return (jsxRuntime.jsxs("div", { className: 'settings-view', children: [jsxRuntime.jsx("div", { className: 'settings-view__body', children: shouldShowAccountAndSecuritySettings || globalWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [(shouldShowAccountAndSecuritySettings || globalWallet) && (jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.general_section.title', 'General') })), shouldShowAccountAndSecuritySettings && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'account-and-security-button', buttonClassName: 'settings-view__body__section__button', onClick: handleAccountSecurityClick, startSlot: jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(accountAndSecurity.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }), globalWallet && (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleConnectedAppsClick, dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(connectedApps.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_connectivity_section.connected_apps_button', children: t('dyn_settings.global_connectivity_section.connected_apps_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }))] })) : (jsxRuntime.jsx(EmptyScreen.EmptyScreen, {})) }), jsxRuntime.jsx("div", { className: 'settings-view__logout-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', children: t('dyn_settings.button_logout') }) }), !shouldShowAccountAndSecuritySettings && (jsxRuntime.jsx("div", { className: 'settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, dataTestId: 'delete-account-button', copykey: 'dyn_settings.delete_account.title', color: 'error-1', variant: 'body_small', className: 'settings-view__delete-account-container__delete-button', weight: 'medium', children: t('dyn_settings.delete_account.title') }) }))] }));
+    return (jsxRuntime.jsxs("div", { className: 'settings-view', children: [jsxRuntime.jsx("div", { className: 'settings-view__body', children: shouldShowAccountAndSecuritySettings || globalWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [(shouldShowAccountAndSecuritySettings || globalWallet) && (jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.general_section.title', 'General') })), shouldShowAccountAndSecuritySettings && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'account-and-security-button', buttonClassName: 'settings-view__body__section__button', onClick: handleAccountSecurityClick, startSlot: jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(accountAndSecurity.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }), globalWallet && (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleConnectedAppsClick, dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(connectedApps.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_connectivity_section.connected_apps_button', children: t('dyn_settings.global_connectivity_section.connected_apps_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }))] })) : (jsxRuntime.jsx(EmptyScreen.EmptyScreen, {})) }), jsxRuntime.jsx("div", { className: 'settings-view__logout-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', children: t('dyn_settings.button_logout') }) }), !shouldShowAccountAndSecuritySettings && (jsxRuntime.jsx("div", { className: 'settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, "data-testid": 'delete-account-button', copykey: 'dyn_settings.delete_account.title', color: 'error-1', variant: 'body_small', className: 'settings-view__delete-account-container__delete-button', weight: 'medium', children: t('dyn_settings.delete_account.title') }) }))] }));
 };
 
 exports.SettingsView = SettingsView;