@dynamic-labs/sdk-react-core 4.37.1 → 4.37.2

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.cjs

@@ -27,7 +27,6 @@ require('../../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../../shared/logger.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
 var settingsUtils = require('../../../store/utils/settingsUtils/settingsUtils.cjs');
-var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var useDynamicWaas = require('../../../utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
 var WalletIconWithNetwork = require('../../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
 var useWalletDelegation = require('../../../utils/hooks/useWalletDelegation/useWalletDelegation.cjs');
@@ -40,24 +39,24 @@ const WalletDelegationView = ({ wallets, }) => {
     const { setShowAuthFlow, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
     const { user } = useDynamicContext.useDynamicContext();
     const appName = settingsUtils.useAppName();
-    const { userWallets } = UserWalletsContext.useInternalUserWallets();
     const { delegateKeyShares } = useDynamicWaas.useDynamicWaas();
-    const { requiresDelegation } = useWalletDelegation.useWalletDelegation();
+    const { requiresDelegation, denyWalletDelegation, getWalletsDelegatedStatus, } = useWalletDelegation.useWalletDelegation();
     const [selectedWallets, setSelectedWallets] = React.useState(new Set());
     const [showEditView, setShowEditView] = React.useState(false);
     const [agreementChecked, setAgreementChecked] = React.useState(false);
     const [selectionInitialized, setSelectionInitialized] = React.useState(false);
     // Get waas wallets that are not yet delegated or use provided wallets override
     const waasWallets = React.useMemo(() => {
-        const items = wallets && wallets.length > 0
-            ? wallets
-            : userWallets.filter((wallet) => wallet.connector.key.startsWith('dynamicwaas'));
-        const state = utils.StorageService.getItem(localStorage.DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const deniedForUser = new Set(state.denied[userId] || []);
-        const completedForUser = new Set(state.completed[userId] || []);
-        return items.filter((wallet) => !deniedForUser.has(wallet.id) && !completedForUser.has(wallet.id));
-    }, [userWallets, wallets, user === null || user === void 0 ? void 0 : user.userId]);
+        if (wallets && wallets.length > 0) {
+            return wallets;
+        }
+        // Get wallet status from the hook
+        const walletsWithStatus = getWalletsDelegatedStatus();
+        // Filter to only include pending wallets (not delegated or denied)
+        return walletsWithStatus
+            .filter((wallet) => wallet.status === 'pending')
+            .filter((wallet) => wallet.key.startsWith('dynamicwaas'));
+    }, [wallets, getWalletsDelegatedStatus]);
     // Auto-select wallets only on initial load
     React.useEffect(() => {
         if (selectionInitialized)
@@ -96,45 +95,45 @@ const WalletDelegationView = ({ wallets, }) => {
         setSelectionInitialized(true);
         setSelectedWallets(new Set());
     };
-    const persistDeniedWallets = () => {
-        const state = utils.StorageService.getItem(localStorage.DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const existingForUser = new Set(state.denied[userId] || []);
-        selectedWallets.forEach((walletId) => existingForUser.add(walletId));
-        state.denied[userId] = Array.from(existingForUser);
-        utils.StorageService.setItem(localStorage.DELEGATION_STATE, state);
-        // No legacy mirrors; unified state only
-    };
+    const handleDenySelectedWallets = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            // Deny each selected wallet
+            for (const walletId of selectedWallets) {
+                yield denyWalletDelegation(walletId);
+            }
+            // Close the auth flow after successful denial
+            setShowAuthFlow(false);
+        }
+        catch (error) {
+            logger.logger.error('Failed to deny wallet delegation', error);
+            // Still close the flow even on error to avoid blocking the user
+            setShowAuthFlow(false);
+        }
+    });
     const { mutate: handleDelegateWallets, isLoading, error, data: isSuccess, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (selectedWallets.size === 0) {
             throw new utils.DynamicError('No wallets selected for delegation');
         }
         const selectedWalletObjects = waasWallets.filter((wallet) => selectedWallets.has(wallet.id));
-        const delegationPromises = selectedWalletObjects.map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            try {
-                yield delegateKeyShares({
-                    accountAddress: wallet.address,
-                    chainName: wallet.chain,
-                });
-                // Emit success event for each wallet
-                dynamicEvents.dynamicEvents.emit('embeddedWalletDelegationCompleted', wallet);
-                return { success: true, wallet };
-            }
-            catch (error) {
-                logger.logger.error(`Failed to delegate wallet ${wallet.id}`, error);
-                throw error;
-            }
+        // Prepare delegation array
+        const walletsToDelegate = selectedWalletObjects.map((wallet) => ({
+            accountAddress: wallet.address,
+            chainName: wallet.chain,
         }));
-        // Wait for all delegations to complete
-        yield Promise.all(delegationPromises);
-        // Persist completed delegations (unified state + legacy)
-        const state = utils.StorageService.getItem(localStorage.DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const existingForUser = new Set(state.completed[userId] || []);
-        selectedWalletObjects.forEach((wallet) => existingForUser.add(wallet.id));
-        state.completed[userId] = Array.from(existingForUser);
-        utils.StorageService.setItem(localStorage.DELEGATION_STATE, state);
-        // No legacy mirrors; unified state only
+        try {
+            // Delegate all wallets at once
+            yield delegateKeyShares(walletsToDelegate);
+            // Emit success event for each wallet
+            selectedWalletObjects.forEach((wallet) => {
+                dynamicEvents.dynamicEvents.emit('embeddedWalletDelegationCompleted', wallet);
+            });
+        }
+        catch (error) {
+            logger.logger.error('Failed to delegate wallets', error);
+            throw error;
+        }
+        // Delegation completion is tracked by the backend through keyShares
+        // No need to update local storage
         // Emit overall success event
         dynamicEvents.dynamicEvents.emit('embeddedWalletDelegationCompleted', selectedWalletObjects[0]);
         return true;
@@ -195,9 +194,12 @@ const WalletDelegationView = ({ wallets, }) => {
     // Edit view (full wallet selection)
     const displayWaasWallets = () => (jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-selection', children: [jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-selection__header', children: [jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '4px' }, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_delegation.selected_wallets') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'tertiary', children: selectedWallets.size.toString().padStart(2, '0') })] }), jsxRuntime.jsx("button", { onClick: selectedWallets.size === waasWallets.length
                             ? handleDeselectAll
-                            : handleSelectAll, className: 'embedded-delegated-view__wallet-selection__deselect-all', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'tertiary', children: getSelectButtonText() }) })] }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-list', children: waasWallets === null || waasWallets === void 0 ? void 0 : waasWallets.map((wallet) => (jsxRuntime.jsx("div", { className: `embedded-delegated-view__wallet-item${selectedWallets.has(wallet.id)
-                        ? ' embedded-delegated-view__wallet-item--selected'
-                        : ''}`, onClick: () => handleWalletToggle(wallet.id), children: jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', children: [jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__icon', children: jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { walletKey: wallet.key, Icon: null, iconUrl: wallet.connector.metadata.icon, chainName: wallet.chain, iconSize: 24, showNetwork: true }) }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__info', children: jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'medium', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] }) }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__checkbox', children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: selectedWallets.has(wallet.id), onChange: (e) => e.stopPropagation(), value: wallet.id }) })] }) }, wallet.id))) })] }));
+                            : handleSelectAll, className: 'embedded-delegated-view__wallet-selection__deselect-all', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'tertiary', children: getSelectButtonText() }) })] }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-list', children: waasWallets === null || waasWallets === void 0 ? void 0 : waasWallets.map((wallet) => {
+                    var _a, _b;
+                    return (jsxRuntime.jsx("div", { className: `embedded-delegated-view__wallet-item${selectedWallets.has(wallet.id)
+                            ? ' embedded-delegated-view__wallet-item--selected'
+                            : ''}`, onClick: () => handleWalletToggle(wallet.id), children: jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', children: [jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__icon', children: jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { walletKey: wallet.key, Icon: null, iconUrl: (_b = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.icon, chainName: wallet.chain, iconSize: 24, showNetwork: true }) }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__info', children: jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'medium', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] }) }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-item__checkbox', children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: selectedWallets.has(wallet.id), onChange: (e) => e.stopPropagation(), value: wallet.id }) })] }) }, wallet.id));
+                }) })] }));
     const navigationButton = showEditView ? (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
             setShowEditView(false);
             // Reset agreement when coming back from edit view
@@ -261,10 +263,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => handleDelegateWallets(), loading: isLoading, disabled: selectedWallets.size === 0 || !agreementChecked, dataTestId: 'embedded-delegation-button', copykey: 'dyn_wallet_delegation.approve_button', style: { width: '100%' }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.approve_button') }), !isLoading && !requiresDelegation && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
                         color: 'primary',
                         weight: 'bold',
-                    }, onClick: () => {
-                        persistDeniedWallets();
-                        setShowAuthFlow(false);
-                    }, dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
+                    }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
                         backgroundColor: 'white',
                         border: '1px solid var(--dynamic-base-4)',
                         width: '100%',

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { StorageService, DynamicError } from '@dynamic-labs/utils';
+import { DynamicError, StorageService } from '@dynamic-labs/utils';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
@@ -23,7 +23,6 @@ import '../../../context/ViewContext/ViewContext.js';
 import { logger } from '../../../shared/logger.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
 import { useAppName } from '../../../store/utils/settingsUtils/settingsUtils.js';
-import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { useDynamicWaas } from '../../../utils/hooks/useDynamicWaas/useDynamicWaas.js';
 import { WalletIconWithNetwork } from '../../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
 import { useWalletDelegation } from '../../../utils/hooks/useWalletDelegation/useWalletDelegation.js';
@@ -36,24 +35,24 @@ const WalletDelegationView = ({ wallets, }) => {
     const { setShowAuthFlow, handleLogOut } = useInternalDynamicContext();
     const { user } = useDynamicContext();
     const appName = useAppName();
-    const { userWallets } = useInternalUserWallets();
     const { delegateKeyShares } = useDynamicWaas();
-    const { requiresDelegation } = useWalletDelegation();
+    const { requiresDelegation, denyWalletDelegation, getWalletsDelegatedStatus, } = useWalletDelegation();
     const [selectedWallets, setSelectedWallets] = useState(new Set());
     const [showEditView, setShowEditView] = useState(false);
     const [agreementChecked, setAgreementChecked] = useState(false);
     const [selectionInitialized, setSelectionInitialized] = useState(false);
     // Get waas wallets that are not yet delegated or use provided wallets override
     const waasWallets = useMemo(() => {
-        const items = wallets && wallets.length > 0
-            ? wallets
-            : userWallets.filter((wallet) => wallet.connector.key.startsWith('dynamicwaas'));
-        const state = StorageService.getItem(DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const deniedForUser = new Set(state.denied[userId] || []);
-        const completedForUser = new Set(state.completed[userId] || []);
-        return items.filter((wallet) => !deniedForUser.has(wallet.id) && !completedForUser.has(wallet.id));
-    }, [userWallets, wallets, user === null || user === void 0 ? void 0 : user.userId]);
+        if (wallets && wallets.length > 0) {
+            return wallets;
+        }
+        // Get wallet status from the hook
+        const walletsWithStatus = getWalletsDelegatedStatus();
+        // Filter to only include pending wallets (not delegated or denied)
+        return walletsWithStatus
+            .filter((wallet) => wallet.status === 'pending')
+            .filter((wallet) => wallet.key.startsWith('dynamicwaas'));
+    }, [wallets, getWalletsDelegatedStatus]);
     // Auto-select wallets only on initial load
     useEffect(() => {
         if (selectionInitialized)
@@ -92,45 +91,45 @@ const WalletDelegationView = ({ wallets, }) => {
         setSelectionInitialized(true);
         setSelectedWallets(new Set());
     };
-    const persistDeniedWallets = () => {
-        const state = StorageService.getItem(DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const existingForUser = new Set(state.denied[userId] || []);
-        selectedWallets.forEach((walletId) => existingForUser.add(walletId));
-        state.denied[userId] = Array.from(existingForUser);
-        StorageService.setItem(DELEGATION_STATE, state);
-        // No legacy mirrors; unified state only
-    };
+    const handleDenySelectedWallets = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            // Deny each selected wallet
+            for (const walletId of selectedWallets) {
+                yield denyWalletDelegation(walletId);
+            }
+            // Close the auth flow after successful denial
+            setShowAuthFlow(false);
+        }
+        catch (error) {
+            logger.error('Failed to deny wallet delegation', error);
+            // Still close the flow even on error to avoid blocking the user
+            setShowAuthFlow(false);
+        }
+    });
     const { mutate: handleDelegateWallets, isLoading, error, data: isSuccess, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
         if (selectedWallets.size === 0) {
             throw new DynamicError('No wallets selected for delegation');
         }
         const selectedWalletObjects = waasWallets.filter((wallet) => selectedWallets.has(wallet.id));
-        const delegationPromises = selectedWalletObjects.map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                yield delegateKeyShares({
-                    accountAddress: wallet.address,
-                    chainName: wallet.chain,
-                });
-                // Emit success event for each wallet
-                dynamicEvents.emit('embeddedWalletDelegationCompleted', wallet);
-                return { success: true, wallet };
-            }
-            catch (error) {
-                logger.error(`Failed to delegate wallet ${wallet.id}`, error);
-                throw error;
-            }
+        // Prepare delegation array
+        const walletsToDelegate = selectedWalletObjects.map((wallet) => ({
+            accountAddress: wallet.address,
+            chainName: wallet.chain,
         }));
-        // Wait for all delegations to complete
-        yield Promise.all(delegationPromises);
-        // Persist completed delegations (unified state + legacy)
-        const state = StorageService.getItem(DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
-        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
-        const existingForUser = new Set(state.completed[userId] || []);
-        selectedWalletObjects.forEach((wallet) => existingForUser.add(wallet.id));
-        state.completed[userId] = Array.from(existingForUser);
-        StorageService.setItem(DELEGATION_STATE, state);
-        // No legacy mirrors; unified state only
+        try {
+            // Delegate all wallets at once
+            yield delegateKeyShares(walletsToDelegate);
+            // Emit success event for each wallet
+            selectedWalletObjects.forEach((wallet) => {
+                dynamicEvents.emit('embeddedWalletDelegationCompleted', wallet);
+            });
+        }
+        catch (error) {
+            logger.error('Failed to delegate wallets', error);
+            throw error;
+        }
+        // Delegation completion is tracked by the backend through keyShares
+        // No need to update local storage
         // Emit overall success event
         dynamicEvents.emit('embeddedWalletDelegationCompleted', selectedWalletObjects[0]);
         return true;
@@ -191,9 +190,12 @@ const WalletDelegationView = ({ wallets, }) => {
     // Edit view (full wallet selection)
     const displayWaasWallets = () => (jsxs("div", { className: 'embedded-delegated-view__wallet-selection', children: [jsxs("div", { className: 'embedded-delegated-view__wallet-selection__header', children: [jsxs("div", { style: { display: 'flex', gap: '4px' }, children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_delegation.selected_wallets') }), jsx(Typography, { variant: 'body_small', color: 'tertiary', children: selectedWallets.size.toString().padStart(2, '0') })] }), jsx("button", { onClick: selectedWallets.size === waasWallets.length
                             ? handleDeselectAll
-                            : handleSelectAll, className: 'embedded-delegated-view__wallet-selection__deselect-all', children: jsx(Typography, { variant: 'body_small', color: 'tertiary', children: getSelectButtonText() }) })] }), jsx("div", { className: 'embedded-delegated-view__wallet-list', children: waasWallets === null || waasWallets === void 0 ? void 0 : waasWallets.map((wallet) => (jsx("div", { className: `embedded-delegated-view__wallet-item${selectedWallets.has(wallet.id)
-                        ? ' embedded-delegated-view__wallet-item--selected'
-                        : ''}`, onClick: () => handleWalletToggle(wallet.id), children: jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', children: [jsx("div", { className: 'embedded-delegated-view__wallet-item__icon', children: jsx(WalletIconWithNetwork, { walletKey: wallet.key, Icon: null, iconUrl: wallet.connector.metadata.icon, chainName: wallet.chain, iconSize: 24, showNetwork: true }) }), jsx("div", { className: 'embedded-delegated-view__wallet-item__info', children: jsxs(Typography, { variant: 'body_small', weight: 'medium', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] }) }), jsx("div", { className: 'embedded-delegated-view__wallet-item__checkbox', children: jsx(Checkbox, { checked: selectedWallets.has(wallet.id), onChange: (e) => e.stopPropagation(), value: wallet.id }) })] }) }, wallet.id))) })] }));
+                            : handleSelectAll, className: 'embedded-delegated-view__wallet-selection__deselect-all', children: jsx(Typography, { variant: 'body_small', color: 'tertiary', children: getSelectButtonText() }) })] }), jsx("div", { className: 'embedded-delegated-view__wallet-list', children: waasWallets === null || waasWallets === void 0 ? void 0 : waasWallets.map((wallet) => {
+                    var _a, _b;
+                    return (jsx("div", { className: `embedded-delegated-view__wallet-item${selectedWallets.has(wallet.id)
+                            ? ' embedded-delegated-view__wallet-item--selected'
+                            : ''}`, onClick: () => handleWalletToggle(wallet.id), children: jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', children: [jsx("div", { className: 'embedded-delegated-view__wallet-item__icon', children: jsx(WalletIconWithNetwork, { walletKey: wallet.key, Icon: null, iconUrl: (_b = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.icon, chainName: wallet.chain, iconSize: 24, showNetwork: true }) }), jsx("div", { className: 'embedded-delegated-view__wallet-item__info', children: jsxs(Typography, { variant: 'body_small', weight: 'medium', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] }) }), jsx("div", { className: 'embedded-delegated-view__wallet-item__checkbox', children: jsx(Checkbox, { checked: selectedWallets.has(wallet.id), onChange: (e) => e.stopPropagation(), value: wallet.id }) })] }) }, wallet.id));
+                }) })] }));
     const navigationButton = showEditView ? (jsx(IconButton, { onClick: () => {
             setShowEditView(false);
             // Reset agreement when coming back from edit view
@@ -257,10 +259,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => handleDelegateWallets(), loading: isLoading, disabled: selectedWallets.size === 0 || !agreementChecked, dataTestId: 'embedded-delegation-button', copykey: 'dyn_wallet_delegation.approve_button', style: { width: '100%' }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.approve_button') }), !isLoading && !requiresDelegation && (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
                         color: 'primary',
                         weight: 'bold',
-                    }, onClick: () => {
-                        persistDeniedWallets();
-                        setShowAuthFlow(false);
-                    }, dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
+                    }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
                         backgroundColor: 'white',
                         border: '1px solid var(--dynamic-base-4)',
                         width: '100%',

package/src/lib/views/WalletList/data.d.ts

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI" | "SPARK" | "TRON")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ALGO" | "APTOS" | "ATOM" | "BTC" | "COSMOS" | "ECLIPSE" | "ETH" | "EVM" | "FLOW" | "SOL" | "SPARK" | "SUI" | "TRON")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;

package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.cjs

@@ -77,6 +77,7 @@ require('../../components/IconButton/IconButton.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 var useDynamicWaas = require('../../utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
+var useRefreshUser = require('../../utils/hooks/useRefreshUser/useRefreshUser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -103,7 +104,6 @@ require('../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
-var useRefreshUser = require('../../utils/hooks/useRefreshUser/useRefreshUser.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var EmbeddedWalletExport = require('../../components/EmbeddedWalletExport/EmbeddedWalletExport.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.js

@@ -73,6 +73,7 @@ import '../../components/IconButton/IconButton.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import { useDynamicWaas } from '../../utils/hooks/useDynamicWaas/useDynamicWaas.js';
+import { useRefreshUser } from '../../utils/hooks/useRefreshUser/useRefreshUser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -99,7 +100,6 @@ import '../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
-import { useRefreshUser } from '../../utils/hooks/useRefreshUser/useRefreshUser.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { EmbeddedWalletExport } from '../../components/EmbeddedWalletExport/EmbeddedWalletExport.js';
 import '../../components/InlineWidget/InlineWidget.js';