@dynamic-labs/sdk-react-core 4.39.0 → 4.40.0

package/src/lib/widgets/DynamicWidget/views/WalletsDelegatedSettingsView/WalletsDelegatedSettingsView.d.ts

@@ -1,4 +1,6 @@
 import { FC } from 'react';
+import { WalletWithStatus } from '../../../../utils/hooks/useWalletDelegation/useWalletDelegation';
+import { ChainEnum } from '../../../../..';
 export interface WalletsDelegatedSettings {
     name: string;
     url: string;
@@ -8,5 +10,18 @@ export interface WalletsDelegatedSettings {
 export type WalletsDelegatedSettingsViewProps = {
     name?: string;
 };
+export declare const mapWalletsForRevoke: (wallets: WalletWithStatus[]) => {
+    accountAddress: string;
+    chainName: ChainEnum;
+    status: "delegated";
+}[];
+export declare const mapWalletsForDelegate: (wallets: WalletWithStatus[]) => {
+    accountAddress: string;
+    chainName: ChainEnum;
+}[];
+export declare const createHandleRevoke: (revokeDelegation: (wallets: any[]) => Promise<void>) => (walletWithStatus: WalletWithStatus[]) => Promise<boolean>;
+export declare const createHandleDelegate: (delegateKeyShares: (wallets: any[]) => Promise<void>) => (walletWithStatus: WalletWithStatus[]) => Promise<boolean>;
+export declare const createHandleWalletStatusChange: (handleRevoke: (wallets: WalletWithStatus[]) => Promise<boolean>, handleDelegate: (wallets: WalletWithStatus[]) => Promise<boolean>) => (wallet: WalletWithStatus) => Promise<void>;
+export declare const createHandleRevokeAll: (handleRevoke: (wallets: WalletWithStatus[]) => Promise<boolean>, walletsWithStatus: WalletWithStatus[]) => () => Promise<void>;
 export declare const WalletsDelegatedSettingsView: FC<WalletsDelegatedSettingsViewProps>;
 export default WalletsDelegatedSettingsView;

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

@@ -10,7 +10,7 @@ import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
@@ -71,6 +71,7 @@ import { WalletIconWithNetwork } from '../../components/WalletIconWithNetwork/Wa
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import { useDynamicWaas } from '../../../../utils/hooks/useDynamicWaas/useDynamicWaas.js';
 import { useWalletDelegation } from '../../../../utils/hooks/useWalletDelegation/useWalletDelegation.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
@@ -82,9 +83,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -104,11 +105,58 @@ import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 
+// Exported helper functions for testing
+const mapWalletsForRevoke = (wallets) => wallets
+    .filter((w) => w.status === 'delegated')
+    .map((wallet) => ({
+    accountAddress: wallet.address,
+    chainName: wallet.chain,
+    status: wallet.status,
+}));
+const mapWalletsForDelegate = (wallets) => wallets.map((wallet) => ({
+    accountAddress: wallet.address,
+    chainName: wallet.chain,
+}));
+// Exported handler factory functions for testing
+const createHandleRevoke = (revokeDelegation) => (walletWithStatus) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const formattedWallets = mapWalletsForRevoke(walletWithStatus);
+        yield revokeDelegation(formattedWallets);
+        return true;
+    }
+    catch (error) {
+        logger.warn('Error revoking delegation:', error);
+        return false;
+    }
+});
+const createHandleDelegate = (delegateKeyShares) => (walletWithStatus) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const formattedWallets = mapWalletsForDelegate(walletWithStatus);
+        yield delegateKeyShares(formattedWallets);
+        return true;
+    }
+    catch (error) {
+        logger.warn('Error delegating key shares:', error);
+        return false;
+    }
+});
+const createHandleWalletStatusChange = (handleRevoke, handleDelegate) => (wallet) => __awaiter(void 0, void 0, void 0, function* () {
+    if (wallet.status === 'delegated') {
+        yield handleRevoke([wallet]);
+    }
+    else {
+        yield handleDelegate([wallet]);
+    }
+});
+const createHandleRevokeAll = (handleRevoke, walletsWithStatus) => () => __awaiter(void 0, void 0, void 0, function* () {
+    yield handleRevoke(walletsWithStatus);
+});
 const WalletsDelegatedSettingsView = ({ name }) => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const [showSuccessMessage, setShowSuccessMessage] = useState(false);
     const { getWalletsDelegatedStatus } = useWalletDelegation();
+    const { revokeDelegation, delegateKeyShares } = useDynamicWaas();
     const walletsWithStatus = getWalletsDelegatedStatus();
     useEffect(() => {
         if (!name)
@@ -119,27 +167,31 @@ const WalletsDelegatedSettingsView = ({ name }) => {
         }, 3000);
         return () => clearTimeout(timer);
     }, [name]);
-    const handleRevoke = (walletId) => __awaiter(void 0, void 0, void 0, function* () { });
+    const handleRevoke = createHandleRevoke(revokeDelegation);
+    const handleDelegate = createHandleDelegate(delegateKeyShares);
+    const handleWalletStatusChange = createHandleWalletStatusChange(handleRevoke, handleDelegate);
+    const handleRevokeAll = createHandleRevokeAll(handleRevoke, walletsWithStatus);
     return (jsxs("div", { className: 'wallets-delegated-settings-view', children: [jsxs("div", { className: 'header', children: [jsx(IconButton, { onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', className: 'back-button', type: 'button', children: jsx(SvgArrowLeft, {}) }), jsx(Typography, { variant: 'title', color: 'primary', className: 'title', copykey: 'wallets_delegated.title', children: t('wallets_delegated.title') })] }), walletsWithStatus.length > 0 && (jsx("ul", { className: 'delegated-wallets-list', children: walletsWithStatus.map((wallet) => {
                     var _a, _b;
                     return (jsxs("li", { className: 'delegated-wallets-item', children: [jsx("div", { className: 'wallet-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 }) }), jsxs("div", { className: 'wallet-info', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', children: shortenWalletAddress(wallet.address) }), jsx("div", { className: wallet.status === 'delegated'
                                             ? 'status-badge'
                                             : 'status-badge status-badge--disconnected', children: jsx(Typography, { variant: 'body_small', color: wallet.status === 'delegated' ? 'primary' : 'secondary', children: wallet.status === 'delegated'
                                                 ? t('connected', 'Connected')
-                                                : t('disconnected', 'Disconnected') }) })] }), jsx(TypographyButton, { onClick: () => handleRevoke(wallet.id), buttonPadding: 'small', className: 'revoke-button', typographyProps: {
+                                                : t('disconnected', 'Disconnected') }) })] }), jsx(TypographyButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                                    yield handleWalletStatusChange(wallet);
+                                }), buttonPadding: 'small', className: 'revoke-button', typographyProps: {
                                     color: 'primary',
                                     variant: 'body_small',
                                     weight: 'medium',
                                 }, children: wallet.status === 'delegated'
                                     ? t('revoke', 'Revoke')
                                     : t('delegate', 'Delegate') })] }, wallet.id));
-                }) })), walletsWithStatus.filter((w) => w.status === 'delegated').length > 0 && (jsx("div", { className: 'revoke-all-section', children: jsx(TypographyButton, { onClick: () => {
-                        // Handle revoke all functionality
-                        handleRevoke();
-                    }, buttonVariant: 'tertiary', buttonPadding: 'none', className: 'revoke-all-button', typographyProps: {
+                }) })), walletsWithStatus.filter((w) => w.status === 'delegated').length > 0 && (jsx("div", { className: 'revoke-all-section', children: jsx(TypographyButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        yield handleRevokeAll();
+                    }), buttonVariant: 'tertiary', buttonPadding: 'none', className: 'revoke-all-button', typographyProps: {
                         variant: 'body_normal',
                         weight: 'medium',
                     }, children: t('revoke_all_wallet_access', 'Revoke all wallet access') }) })), showSuccessMessage && (jsxs("div", { className: 'success-message', children: [jsx(SvgCheck, {}), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.wallets_delegated.success', children: t('global_wallet.wallets_delegated.success', { name }) })] }))] }));
 };
 
-export { WalletsDelegatedSettingsView, WalletsDelegatedSettingsView as default };
+export { WalletsDelegatedSettingsView, createHandleDelegate, createHandleRevoke, createHandleRevokeAll, createHandleWalletStatusChange, WalletsDelegatedSettingsView as default, mapWalletsForDelegate, mapWalletsForRevoke };

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

@@ -84,9 +84,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');

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

@@ -80,9 +80,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';

package/src/lib/widgets/OnrampWidget/OnrampWidget.cjs

@@ -80,9 +80,9 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../../index.cjs');
 require('../DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 var OnrampContext = require('../../context/OnrampContext/OnrampContext.cjs');
-require('../../../index.cjs');
 require('../DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');

package/src/lib/widgets/OnrampWidget/OnrampWidget.js

@@ -76,9 +76,9 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../../index.js';
 import '../DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import { useOnrampContext } from '../../context/OnrampContext/OnrampContext.js';
-import '../../../index.js';
 import '../DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';