@dynamic-labs/sdk-react-core 4.36.1 → 4.37.0

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

@@ -95,3 +95,4 @@ export { usePromptMfaAuth } from './usePromptMfaAuth';
 export { useUpgradeToDynamicWaasFlow } from './useUpgradeToDynamicWaasFlow';
 export { useGetMfaToken } from './useGetMfaToken';
 export { useIsMfaRequiredForAction } from './useIsMfaRequiredForAction';
+export { useWalletDelegation } from './useWalletDelegation';

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

@@ -155,7 +155,29 @@ const useWalletDelegation = () => {
             dynamicEvents.dynamicEvents.once('embeddedWalletDelegationFailed', (error) => reject(error));
         });
     }), [primaryWallet, setShowAuthFlow, pushView, user]);
+    const getWalletsDelegatedStatus = React.useCallback(() => {
+        var _a, _b;
+        if (!primaryWallet) {
+            return [];
+        }
+        const state = utils.StorageService.getItem(localStorage.DELEGATION_STATE);
+        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
+        const completedForUser = new Set(((_a = state === null || state === void 0 ? void 0 : state.completed) === null || _a === void 0 ? void 0 : _a[userId]) || []);
+        const deniedForUser = new Set(((_b = state === null || state === void 0 ? void 0 : state.denied) === null || _b === void 0 ? void 0 : _b[userId]) || []);
+        return userWallets.map((wallet) => {
+            let status = 'pending';
+            if (completedForUser.has(wallet.id)) {
+                status = 'delegated';
+            }
+            else if (deniedForUser.has(wallet.id)) {
+                status = 'denied';
+            }
+            return Object.assign(Object.assign({}, wallet), { status });
+        });
+    }, [primaryWallet, user === null || user === void 0 ? void 0 : user.userId, userWallets]);
     return {
+        delegatedAccessEnabled,
+        getWalletsDelegatedStatus,
         initDelegationProcess,
         requiresDelegation,
         shouldPromptWalletDelegation,

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

@@ -1,5 +1,11 @@
 import { Wallet } from '../../../shared';
+export type WalletDelegationStatus = 'delegated' | 'denied' | 'pending';
+export type WalletWithStatus = Wallet & {
+    status: WalletDelegationStatus;
+};
 export declare const useWalletDelegation: () => {
+    readonly delegatedAccessEnabled: boolean | undefined;
+    readonly getWalletsDelegatedStatus: () => WalletWithStatus[];
     readonly initDelegationProcess: (options?: {
         wallets?: Wallet[];
     }) => Promise<void>;

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

@@ -151,7 +151,29 @@ const useWalletDelegation = () => {
             dynamicEvents.once('embeddedWalletDelegationFailed', (error) => reject(error));
         });
     }), [primaryWallet, setShowAuthFlow, pushView, user]);
+    const getWalletsDelegatedStatus = useCallback(() => {
+        var _a, _b;
+        if (!primaryWallet) {
+            return [];
+        }
+        const state = StorageService.getItem(DELEGATION_STATE);
+        const userId = (user === null || user === void 0 ? void 0 : user.userId) || 'anonymous';
+        const completedForUser = new Set(((_a = state === null || state === void 0 ? void 0 : state.completed) === null || _a === void 0 ? void 0 : _a[userId]) || []);
+        const deniedForUser = new Set(((_b = state === null || state === void 0 ? void 0 : state.denied) === null || _b === void 0 ? void 0 : _b[userId]) || []);
+        return userWallets.map((wallet) => {
+            let status = 'pending';
+            if (completedForUser.has(wallet.id)) {
+                status = 'delegated';
+            }
+            else if (deniedForUser.has(wallet.id)) {
+                status = 'denied';
+            }
+            return Object.assign(Object.assign({}, wallet), { status });
+        });
+    }, [primaryWallet, user === null || user === void 0 ? void 0 : user.userId, userWallets]);
     return {
+        delegatedAccessEnabled,
+        getWalletsDelegatedStatus,
         initDelegationProcess,
         requiresDelegation,
         shouldPromptWalletDelegation,

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

@@ -0,0 +1,28 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
+var Typography = require('../../../components/Typography/Typography.cjs');
+
+const AgreementSection = ({ checked, onToggle, text, className, }) => {
+    const handleKeyDown = (event) => {
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            onToggle();
+        }
+    };
+    const handleCheckboxClick = (event) => {
+        // Prevent the container onClick from firing twice
+        event.stopPropagation();
+        onToggle();
+    };
+    const containerClassName = className
+        ? `embedded-delegated-view__agreement-section ${className}`
+        : 'embedded-delegated-view__agreement-section';
+    return (jsxRuntime.jsxs("div", { className: containerClassName, onClick: onToggle, role: 'checkbox', "aria-checked": checked, tabIndex: 0, onKeyDown: handleKeyDown, children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: checked, onChange: handleCheckboxClick, value: 'agreement' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: text })] }));
+};
+
+exports.AgreementSection = AgreementSection;

package/src/lib/views/WalletDelegation/WalletDelegationView/AgreementSection.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type AgreementSectionProps = {
+    checked: boolean;
+    onToggle: () => void;
+    text: string;
+    className?: string;
+};
+export declare const AgreementSection: FC<AgreementSectionProps>;
+export {};

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

@@ -0,0 +1,24 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
+import { Typography } from '../../../components/Typography/Typography.js';
+
+const AgreementSection = ({ checked, onToggle, text, className, }) => {
+    const handleKeyDown = (event) => {
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            onToggle();
+        }
+    };
+    const handleCheckboxClick = (event) => {
+        // Prevent the container onClick from firing twice
+        event.stopPropagation();
+        onToggle();
+    };
+    const containerClassName = className
+        ? `embedded-delegated-view__agreement-section ${className}`
+        : 'embedded-delegated-view__agreement-section';
+    return (jsxs("div", { className: containerClassName, onClick: onToggle, role: 'checkbox', "aria-checked": checked, tabIndex: 0, onKeyDown: handleKeyDown, children: [jsx(Checkbox, { checked: checked, onChange: handleCheckboxClick, value: 'agreement' }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: text })] }));
+};
+
+export { AgreementSection };

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

@@ -18,6 +18,7 @@ var useDynamicContext = require('../../../context/DynamicContext/useDynamicConte
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
+var arrowLeft = require('../../../shared/assets/arrow-left.cjs');
 var check = require('../../../shared/assets/check.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var switchHorizontal = require('../../../shared/assets/switch-horizontal.cjs');
@@ -33,6 +34,7 @@ var useWalletDelegation = require('../../../utils/hooks/useWalletDelegation/useW
 var localStorage = require('../../../utils/constants/localStorage.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
+var AgreementSection = require('./AgreementSection.cjs');
 
 const WalletDelegationView = ({ wallets, }) => {
     const { setShowAuthFlow, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
@@ -42,6 +44,9 @@ const WalletDelegationView = ({ wallets, }) => {
     const { delegateKeyShares } = useDynamicWaas.useDynamicWaas();
     const { requiresDelegation } = 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
@@ -53,11 +58,25 @@ const WalletDelegationView = ({ wallets, }) => {
         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]);
+    // Auto-select wallets only on initial load
+    React.useEffect(() => {
+        if (selectionInitialized)
+            return;
+        if (waasWallets.length === 1) {
+            setSelectedWallets(new Set([waasWallets[0].id]));
+            setSelectionInitialized(true);
+        }
+        else if (waasWallets.length > 1) {
+            setSelectedWallets(new Set(waasWallets.map((w) => w.id)));
+            setSelectionInitialized(true);
+        }
+    }, [waasWallets, selectionInitialized]);
     const handleWalletToggle = (walletId, event) => {
         // Prevent event propagation if called from checkbox
         if (event) {
             event.stopPropagation();
         }
+        setSelectionInitialized(true);
         setSelectedWallets((prev) => {
             const newSet = new Set(prev);
             if (newSet.has(walletId)) {
@@ -70,9 +89,11 @@ const WalletDelegationView = ({ wallets, }) => {
         });
     };
     const handleSelectAll = () => {
+        setSelectionInitialized(true);
         setSelectedWallets(new Set(waasWallets.map((wallet) => wallet.id)));
     };
     const handleDeselectAll = () => {
+        setSelectionInitialized(true);
         setSelectedWallets(new Set());
     };
     const persistDeniedWallets = () => {
@@ -160,10 +181,28 @@ const WalletDelegationView = ({ wallets, }) => {
                         : t('dyn_wallet_delegation.approval_requested') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'embedded-delegated-view__approval-description', copykey: 'dyn_wallet_delegation.approval_description', children: t('dyn_wallet_delegation.approval_description', {
                         appName,
                     }) })] }) }));
-    const displayWaasWallets = () => (jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-selection', children: [jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-selection__header', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', children: t('dyn_wallet_delegation.select_wallets') }), jsxRuntime.jsx("button", { onClick: selectedWallets.size === waasWallets.length
+    // Single wallet view
+    const displaySingleWallet = () => {
+        const [wallet] = waasWallets;
+        if (!wallet)
+            return null;
+        return (jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-card-container', children: [jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-card', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'primary', children: t('dyn_wallet_delegation.my_wallet') }), jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-address', children: [jsxRuntime.jsx("div", { className: 'embedded-delegated-view__wallet-address-dot' }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] })] })] }), jsxRuntime.jsx(AgreementSection.AgreementSection, { checked: agreementChecked, onToggle: () => setAgreementChecked(!agreementChecked), text: t('dyn_wallet_delegation.agreement_text') })] }));
+    };
+    // Multi-wallet initial view
+    const displayMultiWalletSummary = () => (jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-card-container', children: [jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-card', children: [jsxRuntime.jsxs("div", { style: { alignItems: 'baseline', display: 'flex', gap: '4px' }, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'primary', children: t(selectedWallets.size === waasWallets.length
+                                    ? 'dyn_wallet_delegation.all_wallets'
+                                    : 'dyn_wallet_delegation.selected_wallets') }), selectedWallets.size !== waasWallets.length && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'tertiary', children: selectedWallets.size.toString().padStart(2, '0') }))] }), jsxRuntime.jsx("button", { onClick: () => setShowEditView(true), className: 'embedded-delegated-view__edit-selections-button', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_delegation.edit_selections') }) })] }), jsxRuntime.jsx(AgreementSection.AgreementSection, { checked: agreementChecked, onToggle: () => setAgreementChecked(!agreementChecked), text: t('dyn_wallet_delegation.agreement_text') })] }));
+    // 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: 'secondary', 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', children: jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', onClick: () => handleWalletToggle(wallet.id), style: { cursor: 'pointer' }, 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: () => { }, value: wallet.id }) })] }) }, wallet.id))) })] }));
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
+                            : 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))) })] }));
+    const navigationButton = showEditView ? (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
+            setShowEditView(false);
+            // Reset agreement when coming back from edit view
+            setAgreementChecked(false);
+        }, type: 'button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) })) : (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
             // Mark prompt as dismissed until logout (unified state + legacy)
             const state = utils.StorageService.getItem(localStorage.DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
             state.dismissed = true;
@@ -203,9 +242,23 @@ const WalletDelegationView = ({ wallets, }) => {
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
         }
+        // If in edit view, show Done button
+        if (showEditView) {
+            return (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'secondary', typographyProps: {
+                    color: 'primary',
+                    weight: 'medium',
+                }, onClick: () => {
+                    setShowEditView(false);
+                    setAgreementChecked(false);
+                }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
+                    backgroundColor: 'white',
+                    border: '1px solid var(--dynamic-base-4)',
+                    width: '100%',
+                }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
+        }
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
                         color: 'inherit',
-                    }, onClick: () => handleDelegateWallets(), loading: isLoading, disabled: selectedWallets.size === 0, 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: {
+                    }, 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: () => {
@@ -226,7 +279,27 @@ const WalletDelegationView = ({ wallets, }) => {
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: !requiresDelegation ? closeButton : undefined }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view', children: jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__body', children: [getContentHeader(), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), !isLoading && !isSuccess && !error && (jsxRuntime.jsx("div", { className: 'embedded-delegated-view__body__card', children: displayWaasWallets() })), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__body__button_section', children: getButtons() })] }) })] }));
+    // Header configuration
+    let headerLeading;
+    if (showEditView) {
+        headerLeading = navigationButton;
+    }
+    else if (!requiresDelegation) {
+        headerLeading = navigationButton;
+    }
+    else {
+        headerLeading = undefined;
+    }
+    const headerChildren = showEditView ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'primary', children: t('dyn_wallet_delegation.edit_wallets_to_delegate') })) : undefined;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: headerLeading, children: headerChildren }), jsxRuntime.jsx("div", { className: 'embedded-delegated-view', children: jsxRuntime.jsxs("div", { className: 'embedded-delegated-view__body', children: [!showEditView && getContentHeader(), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), !isLoading && !isSuccess && !error && (jsxRuntime.jsx("div", { className: 'embedded-delegated-view__body__card', children: (() => {
+                                if (showEditView)
+                                    return displayWaasWallets();
+                                if (waasWallets.length === 1)
+                                    return displaySingleWallet();
+                                if (waasWallets.length > 1)
+                                    return displayMultiWalletSummary();
+                                return null;
+                            })() })), jsxRuntime.jsx("div", { className: 'embedded-delegated-view__body__button_section', children: getButtons() })] }) })] }));
 };
 
 exports.WalletDelegationView = WalletDelegationView;

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StorageService, DynamicError } from '@dynamic-labs/utils';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
@@ -14,6 +14,7 @@ import { useDynamicContext } from '../../../context/DynamicContext/useDynamicCon
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
+import { ReactComponent as SvgArrowLeft } from '../../../shared/assets/arrow-left.js';
 import { ReactComponent as SvgCheck } from '../../../shared/assets/check.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgSwitchHorizontal } from '../../../shared/assets/switch-horizontal.js';
@@ -29,6 +30,7 @@ import { useWalletDelegation } from '../../../utils/hooks/useWalletDelegation/us
 import { DELEGATION_STATE } from '../../../utils/constants/localStorage.js';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
+import { AgreementSection } from './AgreementSection.js';
 
 const WalletDelegationView = ({ wallets, }) => {
     const { setShowAuthFlow, handleLogOut } = useInternalDynamicContext();
@@ -38,6 +40,9 @@ const WalletDelegationView = ({ wallets, }) => {
     const { delegateKeyShares } = useDynamicWaas();
     const { requiresDelegation } = 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
@@ -49,11 +54,25 @@ const WalletDelegationView = ({ wallets, }) => {
         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]);
+    // Auto-select wallets only on initial load
+    useEffect(() => {
+        if (selectionInitialized)
+            return;
+        if (waasWallets.length === 1) {
+            setSelectedWallets(new Set([waasWallets[0].id]));
+            setSelectionInitialized(true);
+        }
+        else if (waasWallets.length > 1) {
+            setSelectedWallets(new Set(waasWallets.map((w) => w.id)));
+            setSelectionInitialized(true);
+        }
+    }, [waasWallets, selectionInitialized]);
     const handleWalletToggle = (walletId, event) => {
         // Prevent event propagation if called from checkbox
         if (event) {
             event.stopPropagation();
         }
+        setSelectionInitialized(true);
         setSelectedWallets((prev) => {
             const newSet = new Set(prev);
             if (newSet.has(walletId)) {
@@ -66,9 +85,11 @@ const WalletDelegationView = ({ wallets, }) => {
         });
     };
     const handleSelectAll = () => {
+        setSelectionInitialized(true);
         setSelectedWallets(new Set(waasWallets.map((wallet) => wallet.id)));
     };
     const handleDeselectAll = () => {
+        setSelectionInitialized(true);
         setSelectedWallets(new Set());
     };
     const persistDeniedWallets = () => {
@@ -156,10 +177,28 @@ const WalletDelegationView = ({ wallets, }) => {
                         : t('dyn_wallet_delegation.approval_requested') }), jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'embedded-delegated-view__approval-description', copykey: 'dyn_wallet_delegation.approval_description', children: t('dyn_wallet_delegation.approval_description', {
                         appName,
                     }) })] }) }));
-    const displayWaasWallets = () => (jsxs("div", { className: 'embedded-delegated-view__wallet-selection', children: [jsxs("div", { className: 'embedded-delegated-view__wallet-selection__header', children: [jsx(Typography, { variant: 'body_normal', weight: 'bold', children: t('dyn_wallet_delegation.select_wallets') }), jsx("button", { onClick: selectedWallets.size === waasWallets.length
+    // Single wallet view
+    const displaySingleWallet = () => {
+        const [wallet] = waasWallets;
+        if (!wallet)
+            return null;
+        return (jsxs("div", { className: 'embedded-delegated-view__wallet-card-container', children: [jsxs("div", { className: 'embedded-delegated-view__wallet-card', children: [jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'primary', children: t('dyn_wallet_delegation.my_wallet') }), jsxs("div", { className: 'embedded-delegated-view__wallet-address', children: [jsx("div", { className: 'embedded-delegated-view__wallet-address-dot' }), jsxs(Typography, { variant: 'body_small', color: 'secondary', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] })] })] }), jsx(AgreementSection, { checked: agreementChecked, onToggle: () => setAgreementChecked(!agreementChecked), text: t('dyn_wallet_delegation.agreement_text') })] }));
+    };
+    // Multi-wallet initial view
+    const displayMultiWalletSummary = () => (jsxs("div", { className: 'embedded-delegated-view__wallet-card-container', children: [jsxs("div", { className: 'embedded-delegated-view__wallet-card', children: [jsxs("div", { style: { alignItems: 'baseline', display: 'flex', gap: '4px' }, children: [jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'primary', children: t(selectedWallets.size === waasWallets.length
+                                    ? 'dyn_wallet_delegation.all_wallets'
+                                    : 'dyn_wallet_delegation.selected_wallets') }), selectedWallets.size !== waasWallets.length && (jsx(Typography, { variant: 'body_normal', color: 'tertiary', children: selectedWallets.size.toString().padStart(2, '0') }))] }), jsx("button", { onClick: () => setShowEditView(true), className: 'embedded-delegated-view__edit-selections-button', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_delegation.edit_selections') }) })] }), jsx(AgreementSection, { checked: agreementChecked, onToggle: () => setAgreementChecked(!agreementChecked), text: t('dyn_wallet_delegation.agreement_text') })] }));
+    // 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: 'secondary', 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', children: jsxs("div", { className: 'embedded-delegated-view__wallet-item__content', onClick: () => handleWalletToggle(wallet.id), style: { cursor: 'pointer' }, 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: () => { }, value: wallet.id }) })] }) }, wallet.id))) })] }));
-    const closeButton = (jsx(IconButton, { onClick: () => {
+                            : 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))) })] }));
+    const navigationButton = showEditView ? (jsx(IconButton, { onClick: () => {
+            setShowEditView(false);
+            // Reset agreement when coming back from edit view
+            setAgreementChecked(false);
+        }, type: 'button', children: jsx(SvgArrowLeft, {}) })) : (jsx(IconButton, { onClick: () => {
             // Mark prompt as dismissed until logout (unified state + legacy)
             const state = StorageService.getItem(DELEGATION_STATE) || { completed: {}, denied: {}, dismissed: false };
             state.dismissed = true;
@@ -199,9 +238,23 @@ const WalletDelegationView = ({ wallets, }) => {
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
         }
+        // If in edit view, show Done button
+        if (showEditView) {
+            return (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'secondary', typographyProps: {
+                    color: 'primary',
+                    weight: 'medium',
+                }, onClick: () => {
+                    setShowEditView(false);
+                    setAgreementChecked(false);
+                }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
+                    backgroundColor: 'white',
+                    border: '1px solid var(--dynamic-base-4)',
+                    width: '100%',
+                }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
+        }
         return (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
                         color: 'inherit',
-                    }, onClick: () => handleDelegateWallets(), loading: isLoading, disabled: selectedWallets.size === 0, 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: {
+                    }, 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: () => {
@@ -222,7 +275,27 @@ const WalletDelegationView = ({ wallets, }) => {
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));
     };
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: !requiresDelegation ? closeButton : undefined }), jsx("div", { className: 'embedded-delegated-view', children: jsxs("div", { className: 'embedded-delegated-view__body', children: [getContentHeader(), errorText && jsx(ErrorContainer, { children: errorText }), !isLoading && !isSuccess && !error && (jsx("div", { className: 'embedded-delegated-view__body__card', children: displayWaasWallets() })), jsx("div", { className: 'embedded-delegated-view__body__button_section', children: getButtons() })] }) })] }));
+    // Header configuration
+    let headerLeading;
+    if (showEditView) {
+        headerLeading = navigationButton;
+    }
+    else if (!requiresDelegation) {
+        headerLeading = navigationButton;
+    }
+    else {
+        headerLeading = undefined;
+    }
+    const headerChildren = showEditView ? (jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'primary', children: t('dyn_wallet_delegation.edit_wallets_to_delegate') })) : undefined;
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: headerLeading, children: headerChildren }), jsx("div", { className: 'embedded-delegated-view', children: jsxs("div", { className: 'embedded-delegated-view__body', children: [!showEditView && getContentHeader(), errorText && jsx(ErrorContainer, { children: errorText }), !isLoading && !isSuccess && !error && (jsx("div", { className: 'embedded-delegated-view__body__card', children: (() => {
+                                if (showEditView)
+                                    return displayWaasWallets();
+                                if (waasWallets.length === 1)
+                                    return displaySingleWallet();
+                                if (waasWallets.length > 1)
+                                    return displayMultiWalletSummary();
+                                return null;
+                            })() })), jsx("div", { className: 'embedded-delegated-view__body__button_section', children: getButtons() })] }) })] }));
 };
 
 export { WalletDelegationView };

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

@@ -12,6 +12,7 @@ var ManagePasskeysWidgetView = require('../../views/ManagePasskeysWidgetView/Man
 var SettingsView = require('../../views/SettingsView/SettingsView.cjs');
 var AccountAndSecuritySettingsView = require('../../views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs');
 var SessionManagementView = require('../../views/SessionManagementView/SessionManagementView.cjs');
+var WalletsDelegatedSettingsView = require('../../views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView.cjs');
 var ChooseLinkedWalletView = require('../../views/ChooseLinkedWalletView/ChooseLinkedWalletView.cjs');
 var ChooseOnrampProviderView = require('../../views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs');
 var ChooseWalletFundingMethod = require('../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs');
@@ -51,6 +52,7 @@ const mapViewToComponent = {
     settings: SettingsView.SettingsView,
     'wallet-delegation': WalletDelegationView.WalletDelegationView,
     wallets: WalletsView.WalletsView,
+    'wallets-delegated-settings': WalletsDelegatedSettingsView.WalletsDelegatedSettingsView,
 };
 
 exports.mapViewToComponent = mapViewToComponent;

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

@@ -36,4 +36,5 @@ export declare const mapViewToComponent: {
         wallets?: import("dist/packages/wallet-connector-core/src").Wallet<import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector>[] | undefined;
     }>;
     wallets: import("react").FC;
+    'wallets-delegated-settings': import("react").FC<import("../../views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView").WalletsDelegatedSettingsViewProps>;
 };

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

@@ -8,6 +8,7 @@ import { ManagePasskeysWidgetView } from '../../views/ManagePasskeysWidgetView/M
 import { SettingsView } from '../../views/SettingsView/SettingsView.js';
 import { AccountAndSecuritySettingsView } from '../../views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js';
 import { SessionManagementView } from '../../views/SessionManagementView/SessionManagementView.js';
+import { WalletsDelegatedSettingsView } from '../../views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView.js';
 import { ChooseLinkedWalletView } from '../../views/ChooseLinkedWalletView/ChooseLinkedWalletView.js';
 import { ChooseOnrampProviderView } from '../../views/ChooseOnrampProviderView/ChooseOnrampProviderView.js';
 import { ChooseWalletFundingMethod } from '../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.js';
@@ -47,6 +48,7 @@ const mapViewToComponent = {
     settings: SettingsView,
     'wallet-delegation': WalletDelegationView,
     wallets: WalletsView,
+    'wallets-delegated-settings': WalletsDelegatedSettingsView,
 };
 
 export { mapViewToComponent };

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

@@ -13,7 +13,7 @@ export declare const DynamicSessionManagementViews: readonly ["session-managemen
 export type DynamicSessionManagementViewsType = typeof DynamicSessionManagementViews[number];
 export declare const DynamicTransactionsWidgetViews: readonly ["send-balance"];
 export type DynamicTransactionsWidgetViewsType = typeof DynamicTransactionsWidgetViews[number];
-export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | 'choose-wallet-funding-method' | 'receive-wallet-funds' | 'deposited-exchange' | 'receive-exchange-funds' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | DynamicSessionManagementViewsType | 'connected-apps' | 'deposit-view' | 'confirm-exchange-transfer' | 'choose-onramp-provider' | 'choose-linked-wallet' | 'wallet-delegation';
+export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | 'choose-wallet-funding-method' | 'receive-wallet-funds' | 'deposited-exchange' | 'receive-exchange-funds' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | DynamicSessionManagementViewsType | 'connected-apps' | 'deposit-view' | 'confirm-exchange-transfer' | 'choose-onramp-provider' | 'choose-linked-wallet' | 'wallet-delegation' | 'wallets-delegated-settings';
 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;

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

@@ -35,7 +35,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-var useProjectSettings = require('../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -90,7 +89,6 @@ require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
-var EmbeddedDelegatedSection = require('./EmbeddedDelegatedSection/EmbeddedDelegatedSection.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -110,16 +108,14 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const ConnectedAppsView = ({ name }) => {
-    var _a, _b, _c, _d;
+    var _a;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet } = useDynamicContext.useDynamicContext();
     const [connectedApps, setConnectedApps] = React.useState([]);
     const [refreshing, setRefreshing] = React.useState(false);
     const [showSuccessMessage, setShowSuccessMessage] = React.useState(false);
-    const projectSettings = useProjectSettings.useProjectSettings();
     const { globalWallet } = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _a !== void 0 ? _a : {};
-    const isWalletDelegationEnabled = (_d = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.waas) === null || _c === void 0 ? void 0 : _c.delegatedAccess) === null || _d === void 0 ? void 0 : _d.enabled;
     React.useEffect(() => {
         const fetchConnectedApps = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -187,7 +183,7 @@ const ConnectedAppsView = ({ name }) => {
                                     }, dataTestId: 'open-app-button' }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => handleDisconnect(app.topic), buttonVariant: 'tertiary', buttonPadding: 'none', startSlot: jsxRuntime.jsx(unlink.ReactComponent, {}), typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_secondary',
-                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxRuntime.jsxs("div", { className: 'success-message', children: [jsxRuntime.jsx(check.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] })), isWalletDelegationEnabled && jsxRuntime.jsx(EmbeddedDelegatedSection.EmbeddedDelegatedSection, {})] }));
+                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxRuntime.jsxs("div", { className: 'success-message', children: [jsxRuntime.jsx(check.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] }))] }));
 };
 
 exports.ConnectedAppsView = ConnectedAppsView;

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

@@ -31,7 +31,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -86,7 +85,6 @@ import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
-import { EmbeddedDelegatedSection } from './EmbeddedDelegatedSection/EmbeddedDelegatedSection.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -106,16 +104,14 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 
 const ConnectedAppsView = ({ name }) => {
-    var _a, _b, _c, _d;
+    var _a;
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet } = useDynamicContext();
     const [connectedApps, setConnectedApps] = useState([]);
     const [refreshing, setRefreshing] = useState(false);
     const [showSuccessMessage, setShowSuccessMessage] = useState(false);
-    const projectSettings = useProjectSettings();
     const { globalWallet } = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _a !== void 0 ? _a : {};
-    const isWalletDelegationEnabled = (_d = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.waas) === null || _c === void 0 ? void 0 : _c.delegatedAccess) === null || _d === void 0 ? void 0 : _d.enabled;
     useEffect(() => {
         const fetchConnectedApps = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -183,7 +179,7 @@ const ConnectedAppsView = ({ name }) => {
                                     }, dataTestId: 'open-app-button' }), jsx(TypographyButton, { onClick: () => handleDisconnect(app.topic), buttonVariant: 'tertiary', buttonPadding: 'none', startSlot: jsx(SvgUnlink, {}), typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_secondary',
-                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxs("div", { className: 'success-message', children: [jsx(SvgCheck, {}), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] })), isWalletDelegationEnabled && jsx(EmbeddedDelegatedSection, {})] }));
+                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxs("div", { className: 'success-message', children: [jsx(SvgCheck, {}), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] }))] }));
 };
 
 export { ConnectedAppsView, ConnectedAppsView as default };