@dynamic-labs/sdk-react-core 4.84.0 → 4.85.0

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

@@ -0,0 +1,24 @@
+import { ChainEnum, TokenBalance } from '@dynamic-labs/sdk-api-core';
+/**
+ * Optional inputs that intentionally mirror the corresponding
+ *  `useTokenBalances` params so callers can move between the public
+ *  and private hooks with minimal call-site changes. Boolean defaults
+ *  match `useTokenBalances` (`includeNativeBalance: false`,
+ *  `includeFiat: false`) — opt in explicitly when you want either.
+ */
+export type UsePrivateTokenBalancesArgs = {
+    accountAddress?: string;
+    tokenAddresses?: string[];
+    includeNativeBalance?: boolean;
+    includeFiat?: boolean;
+    chainName?: ChainEnum;
+    networkId?: number;
+};
+export type UsePrivateTokenBalancesReturn = {
+    tokenBalances: TokenBalance[];
+    isLoading: boolean;
+    error: string | undefined;
+    refetch: () => Promise<void>;
+    supportsPrivateBalances: boolean;
+};
+export declare const usePrivateTokenBalances: (args?: UsePrivateTokenBalancesArgs) => UsePrivateTokenBalancesReturn;

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

@@ -0,0 +1,23 @@
+'use client'
+import { useAleoShieldedBalances } from '../useAleoShieldedBalances/useAleoShieldedBalances.js';
+
+const usePrivateTokenBalances = (args = {}) => {
+    const { accountAddress, tokenAddresses, includeNativeBalance = false, includeFiat = false, chainName, networkId, } = args;
+    const { tokenBalances, isLoading, error, refetch, supportsShielded } = useAleoShieldedBalances({
+        accountAddress,
+        chainName,
+        includeFiat,
+        includeNativeBalance,
+        networkId,
+        tokenAddresses,
+    });
+    return {
+        error,
+        isLoading,
+        refetch,
+        supportsPrivateBalances: supportsShielded,
+        tokenBalances,
+    };
+};
+
+export { usePrivateTokenBalances };

package/src/lib/utils/hooks/useSyncDynamicWaas/instrumentWalletCreation.cjs

@@ -0,0 +1,60 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/consts/index.cjs');
+
+/**
+ * Soft watchdog for the embedded-wallet auto-creation ceremony. Long enough to
+ * clear a healthy MPC ceremony (observed ~7s, iframe load timeout is 10s) so a
+ * fire here means the flow genuinely stalled rather than just being slow.
+ */
+const AUTO_WALLET_CREATION_TIMEOUT_MS = 30000;
+/**
+ * Wraps the auto-wallet-creation ceremony so that "silent" failures carry a
+ * reason. Without this, a ceremony that hangs (promise never settles) or a user
+ * who navigates away mid-flow produces an `initiated` log with no `success` or
+ * `failed` counterpart, leaving the failure undiagnosable.
+ *
+ * Emits:
+ * - `auto_wallet_creation_timeout` if `run` has not settled within `timeoutMs`.
+ * - `auto_wallet_creation_abandoned` if the page is hidden while `run` is still
+ *   in flight (relies on the logger's keepalive transport to survive unload).
+ *
+ * The watchdog is observational: it never aborts `run`, and its return value /
+ * rejection is passed through unchanged.
+ */
+const instrumentWalletCreation = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ run, logData, timeoutMs = AUTO_WALLET_CREATION_TIMEOUT_MS, }) {
+    var _b, _c;
+    const startTime = Date.now();
+    const timeoutId = setTimeout(() => {
+        logger.logger.instrument('Auto wallet creation timed out', Object.assign(Object.assign({}, logData), { key: 'auto_wallet_creation_timeout', reason: 'timeout', time: Date.now() - startTime }));
+    }, timeoutMs);
+    const handlePageHide = () => {
+        logger.logger.instrument('Auto wallet creation abandoned', Object.assign(Object.assign({}, logData), { key: 'auto_wallet_creation_abandoned', reason: 'page_hidden', time: Date.now() - startTime }));
+    };
+    (_b = globalThis.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalThis, 'pagehide', handlePageHide);
+    try {
+        return yield run();
+    }
+    finally {
+        clearTimeout(timeoutId);
+        (_c = globalThis.removeEventListener) === null || _c === void 0 ? void 0 : _c.call(globalThis, 'pagehide', handlePageHide);
+    }
+});
+
+exports.AUTO_WALLET_CREATION_TIMEOUT_MS = AUTO_WALLET_CREATION_TIMEOUT_MS;
+exports.instrumentWalletCreation = instrumentWalletCreation;

package/src/lib/utils/hooks/useSyncDynamicWaas/instrumentWalletCreation.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Soft watchdog for the embedded-wallet auto-creation ceremony. Long enough to
+ * clear a healthy MPC ceremony (observed ~7s, iframe load timeout is 10s) so a
+ * fire here means the flow genuinely stalled rather than just being slow.
+ */
+export declare const AUTO_WALLET_CREATION_TIMEOUT_MS = 30000;
+type InstrumentWalletCreationArgs<T> = {
+    /** The wallet-creation work to run and observe (the MPC ceremony). */
+    run: () => Promise<T>;
+    /** Shared fields attached to every emitted event (chains, env, user). */
+    logData: Record<string, unknown>;
+    timeoutMs?: number;
+};
+/**
+ * Wraps the auto-wallet-creation ceremony so that "silent" failures carry a
+ * reason. Without this, a ceremony that hangs (promise never settles) or a user
+ * who navigates away mid-flow produces an `initiated` log with no `success` or
+ * `failed` counterpart, leaving the failure undiagnosable.
+ *
+ * Emits:
+ * - `auto_wallet_creation_timeout` if `run` has not settled within `timeoutMs`.
+ * - `auto_wallet_creation_abandoned` if the page is hidden while `run` is still
+ *   in flight (relies on the logger's keepalive transport to survive unload).
+ *
+ * The watchdog is observational: it never aborts `run`, and its return value /
+ * rejection is passed through unchanged.
+ */
+export declare const instrumentWalletCreation: <T>({ run, logData, timeoutMs, }: InstrumentWalletCreationArgs<T>) => Promise<T>;
+export {};

package/src/lib/utils/hooks/useSyncDynamicWaas/instrumentWalletCreation.js

@@ -0,0 +1,55 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/consts/index.js';
+
+/**
+ * Soft watchdog for the embedded-wallet auto-creation ceremony. Long enough to
+ * clear a healthy MPC ceremony (observed ~7s, iframe load timeout is 10s) so a
+ * fire here means the flow genuinely stalled rather than just being slow.
+ */
+const AUTO_WALLET_CREATION_TIMEOUT_MS = 30000;
+/**
+ * Wraps the auto-wallet-creation ceremony so that "silent" failures carry a
+ * reason. Without this, a ceremony that hangs (promise never settles) or a user
+ * who navigates away mid-flow produces an `initiated` log with no `success` or
+ * `failed` counterpart, leaving the failure undiagnosable.
+ *
+ * Emits:
+ * - `auto_wallet_creation_timeout` if `run` has not settled within `timeoutMs`.
+ * - `auto_wallet_creation_abandoned` if the page is hidden while `run` is still
+ *   in flight (relies on the logger's keepalive transport to survive unload).
+ *
+ * The watchdog is observational: it never aborts `run`, and its return value /
+ * rejection is passed through unchanged.
+ */
+const instrumentWalletCreation = (_a) => __awaiter(void 0, [_a], void 0, function* ({ run, logData, timeoutMs = AUTO_WALLET_CREATION_TIMEOUT_MS, }) {
+    var _b, _c;
+    const startTime = Date.now();
+    const timeoutId = setTimeout(() => {
+        logger.instrument('Auto wallet creation timed out', Object.assign(Object.assign({}, logData), { key: 'auto_wallet_creation_timeout', reason: 'timeout', time: Date.now() - startTime }));
+    }, timeoutMs);
+    const handlePageHide = () => {
+        logger.instrument('Auto wallet creation abandoned', Object.assign(Object.assign({}, logData), { key: 'auto_wallet_creation_abandoned', reason: 'page_hidden', time: Date.now() - startTime }));
+    };
+    (_b = globalThis.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalThis, 'pagehide', handlePageHide);
+    try {
+        return yield run();
+    }
+    finally {
+        clearTimeout(timeoutId);
+        (_c = globalThis.removeEventListener) === null || _c === void 0 ? void 0 : _c.call(globalThis, 'pagehide', handlePageHide);
+    }
+});
+
+export { AUTO_WALLET_CREATION_TIMEOUT_MS, instrumentWalletCreation };

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

@@ -41,6 +41,7 @@ var useMutation = require('../useMutation/useMutation.cjs');
 var useSetupPassword = require('../useSetupPassword/useSetupPassword.cjs');
 var useWalletDelegation = require('../useWalletDelegation/useWalletDelegation.cjs');
 require('../useWalletDelegation/DelegationError.cjs');
+var instrumentWalletCreation = require('./instrumentWalletCreation.cjs');
 
 // Validate if all required conditions are met for wallet creation
 const useWalletCreationValidation = () => {
@@ -77,31 +78,28 @@ const useWalletCreation = () => {
     return useMutation.useMutation((requirements) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const startTime = Date.now();
         const chainsString = requirements.map((req) => req.chain).join(',');
-        // Log wallet creation initiation to DataDog
-        logger.logger.instrument('Auto wallet creation initiated', {
+        const baseLogData = {
             chainCount: requirements.length,
             chains: chainsString,
             environmentId,
-            key: 'auto_wallet_creation_initiated',
-            time: 0,
             userId: user === null || user === void 0 ? void 0 : user.id,
-        });
+        };
+        // Log wallet creation initiation to DataDog
+        logger.logger.instrument('Auto wallet creation initiated', Object.assign(Object.assign({}, baseLogData), { key: 'auto_wallet_creation_initiated', time: 0 }));
         try {
             // If passcodeRequired is enabled, prompt user to set up password first
             const password = yield setupPassword();
-            yield createWalletAccount(requirements, password, undefined, {
-                skipCloseAuthFlow: Boolean(password),
+            // Wrap the ceremony so a hang or mid-flow page exit emits a reason
+            // instead of leaving a silent "initiated" with no resolution.
+            yield instrumentWalletCreation.instrumentWalletCreation({
+                logData: baseLogData,
+                run: () => createWalletAccount(requirements, password, undefined, {
+                    skipCloseAuthFlow: Boolean(password),
+                }),
             });
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
-            logger.logger.instrument('Auto wallet creation successful', {
-                chainCount: requirements.length,
-                chains: chainsString,
-                environmentId,
-                key: 'auto_wallet_creation_success',
-                time: duration,
-                userId: user === null || user === void 0 ? void 0 : user.id,
-            });
+            logger.logger.instrument('Auto wallet creation successful', Object.assign(Object.assign({}, baseLogData), { key: 'auto_wallet_creation_success', time: duration }));
         }
         catch (error) {
             const duration = Date.now() - startTime;
@@ -110,15 +108,7 @@ const useWalletCreation = () => {
             // UI for this case; the metric should be consistent with that intent.
             if (!(error instanceof Error &&
                 error.message === useSetupPassword.PASSWORD_SETUP_CANCELLED_ERROR)) {
-                logger.logger.instrument('Auto wallet creation failed', {
-                    chainCount: requirements.length,
-                    chains: chainsString,
-                    environmentId,
-                    error: error instanceof Error ? error.message : 'Unknown error',
-                    key: 'auto_wallet_creation_failed',
-                    time: duration,
-                    userId: user === null || user === void 0 ? void 0 : user.id,
-                });
+                logger.logger.instrument('Auto wallet creation failed', Object.assign(Object.assign({}, baseLogData), { error: error instanceof Error ? error.message : 'Unknown error', key: 'auto_wallet_creation_failed', time: duration }));
             }
             throw error;
         }

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

@@ -37,6 +37,7 @@ import { useMutation } from '../useMutation/useMutation.js';
 import { useSetupPassword, PASSWORD_SETUP_CANCELLED_ERROR } from '../useSetupPassword/useSetupPassword.js';
 import { useWalletDelegation } from '../useWalletDelegation/useWalletDelegation.js';
 import '../useWalletDelegation/DelegationError.js';
+import { instrumentWalletCreation } from './instrumentWalletCreation.js';
 
 // Validate if all required conditions are met for wallet creation
 const useWalletCreationValidation = () => {
@@ -73,31 +74,28 @@ const useWalletCreation = () => {
     return useMutation((requirements) => __awaiter(void 0, void 0, void 0, function* () {
         const startTime = Date.now();
         const chainsString = requirements.map((req) => req.chain).join(',');
-        // Log wallet creation initiation to DataDog
-        logger.instrument('Auto wallet creation initiated', {
+        const baseLogData = {
             chainCount: requirements.length,
             chains: chainsString,
             environmentId,
-            key: 'auto_wallet_creation_initiated',
-            time: 0,
             userId: user === null || user === void 0 ? void 0 : user.id,
-        });
+        };
+        // Log wallet creation initiation to DataDog
+        logger.instrument('Auto wallet creation initiated', Object.assign(Object.assign({}, baseLogData), { key: 'auto_wallet_creation_initiated', time: 0 }));
         try {
             // If passcodeRequired is enabled, prompt user to set up password first
             const password = yield setupPassword();
-            yield createWalletAccount(requirements, password, undefined, {
-                skipCloseAuthFlow: Boolean(password),
+            // Wrap the ceremony so a hang or mid-flow page exit emits a reason
+            // instead of leaving a silent "initiated" with no resolution.
+            yield instrumentWalletCreation({
+                logData: baseLogData,
+                run: () => createWalletAccount(requirements, password, undefined, {
+                    skipCloseAuthFlow: Boolean(password),
+                }),
             });
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
-            logger.instrument('Auto wallet creation successful', {
-                chainCount: requirements.length,
-                chains: chainsString,
-                environmentId,
-                key: 'auto_wallet_creation_success',
-                time: duration,
-                userId: user === null || user === void 0 ? void 0 : user.id,
-            });
+            logger.instrument('Auto wallet creation successful', Object.assign(Object.assign({}, baseLogData), { key: 'auto_wallet_creation_success', time: duration }));
         }
         catch (error) {
             const duration = Date.now() - startTime;
@@ -106,15 +104,7 @@ const useWalletCreation = () => {
             // UI for this case; the metric should be consistent with that intent.
             if (!(error instanceof Error &&
                 error.message === PASSWORD_SETUP_CANCELLED_ERROR)) {
-                logger.instrument('Auto wallet creation failed', {
-                    chainCount: requirements.length,
-                    chains: chainsString,
-                    environmentId,
-                    error: error instanceof Error ? error.message : 'Unknown error',
-                    key: 'auto_wallet_creation_failed',
-                    time: duration,
-                    userId: user === null || user === void 0 ? void 0 : user.id,
-                });
+                logger.instrument('Auto wallet creation failed', Object.assign(Object.assign({}, baseLogData), { error: error instanceof Error ? error.message : 'Unknown error', key: 'auto_wallet_creation_failed', time: duration }));
             }
             throw error;
         }

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

@@ -41,6 +41,14 @@ var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
 var DelegationError = require('./DelegationError.cjs');
 
+// Pre-share-set backends mark delegation via keyShares[].backupLocation='delegated';
+// share-set backends use otherShareSets[].shareSetType='delegated' instead.
+const isWalletDelegated = (walletProperties) => {
+    var _a, _b;
+    const hasDelegatedKeyShare = (_a = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.keyShares) === null || _a === void 0 ? void 0 : _a.some((keyShare) => keyShare.backupLocation === 'delegated');
+    const hasDelegatedShareSet = (_b = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.otherShareSets) === null || _b === void 0 ? void 0 : _b.some((shareSet) => shareSet.shareSetType === 'delegated');
+    return Boolean(hasDelegatedKeyShare || hasDelegatedShareSet);
+};
 /**
  * Gets pending wallets that are eligible for delegation.
  * If wallets are provided and not empty, converts them to WalletWithStatus[] with pending status.
@@ -87,15 +95,11 @@ const useWalletDelegation = () => {
         const waasCredentials = user.verifiedCredentials.filter((vc) => vc.walletName === 'dynamicwaas' &&
             vc.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Blockchain);
         const hasWalletNeedingDelegation = waasCredentials.some((vc) => {
-            var _a, _b, _c, _d, _e;
-            // Check if already delegated (has delegated keyShare)
-            const hasDelegatedKeyShare = (_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares) === null || _b === void 0 ? void 0 : _b.some((keyShare) => keyShare.backupLocation === 'delegated');
-            // Check if denied
-            const hasDeniedAccess = ((_d = (_c = vc.walletProperties) === null || _c === void 0 ? void 0 : _c.settings) === null || _d === void 0 ? void 0 : _d.hasDeniedDelegatedAccess) === true;
-            // Check if dismissed this session
-            const isDismissedThisSession = (_e = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _e === void 0 ? void 0 : _e.includes(vc.id);
-            // Needs delegation if: not delegated, not denied, and not dismissed this session
-            return (!hasDelegatedKeyShare && !hasDeniedAccess && !isDismissedThisSession);
+            var _a, _b, _c;
+            const isDelegated = isWalletDelegated(vc.walletProperties);
+            const hasDeniedAccess = ((_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.hasDeniedDelegatedAccess) === true;
+            const isDismissedThisSession = (_c = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _c === void 0 ? void 0 : _c.includes(vc.id);
+            return !isDelegated && !hasDeniedAccess && !isDismissedThisSession;
         });
         return hasWalletNeedingDelegation;
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials, delegatedAccessEnabled, promptUsersOnSignIn]);
@@ -129,20 +133,18 @@ const useWalletDelegation = () => {
         // Map credentials to wallets with status
         return waasCredentials
             .map((vc) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c;
             let status = 'pending';
-            // Check if wallet has delegated keyShare
-            const hasDelegatedKeyShare = (_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares) === null || _b === void 0 ? void 0 : _b.some((keyShare) => keyShare.backupLocation === 'delegated');
-            // Check if user has denied delegation
-            const hasDeniedAccess = ((_d = (_c = vc.walletProperties) === null || _c === void 0 ? void 0 : _c.settings) === null || _d === void 0 ? void 0 : _d.hasDeniedDelegatedAccess) === true;
-            if (hasDelegatedKeyShare) {
+            const isDelegated = isWalletDelegated(vc.walletProperties);
+            const hasDeniedAccess = ((_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.hasDeniedDelegatedAccess) === true;
+            if (isDelegated) {
                 status = 'delegated';
             }
             else if (hasDeniedAccess) {
                 status = 'denied';
             }
             // Check if dismissed this session (UI state only)
-            const isDismissedThisSession = (_e = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _e === void 0 ? void 0 : _e.includes(vc.id);
+            const isDismissedThisSession = (_c = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _c === void 0 ? void 0 : _c.includes(vc.id);
             // Find corresponding wallet from userWallets
             const wallet = userWallets.find((w) => w.address === vc.address);
             if (!wallet) {
@@ -309,4 +311,5 @@ const useWalletDelegation = () => {
 };
 
 exports.getWalletsToDelegate = getWalletsToDelegate;
+exports.isWalletDelegated = isWalletDelegated;
 exports.useWalletDelegation = useWalletDelegation;

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

@@ -5,6 +5,14 @@ export type WalletWithStatus = Wallet & {
     status: WalletDelegationStatus;
     isDismissedThisSession?: boolean;
 };
+export declare const isWalletDelegated: (walletProperties: {
+    keyShares?: Array<{
+        backupLocation?: string;
+    }>;
+    otherShareSets?: Array<{
+        shareSetType?: string;
+    }>;
+} | null | undefined) => boolean;
 /**
  * Gets pending wallets that are eligible for delegation.
  * If wallets are provided and not empty, converts them to WalletWithStatus[] with pending status.

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

@@ -37,6 +37,14 @@ import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
 import { DelegationError } from './DelegationError.js';
 
+// Pre-share-set backends mark delegation via keyShares[].backupLocation='delegated';
+// share-set backends use otherShareSets[].shareSetType='delegated' instead.
+const isWalletDelegated = (walletProperties) => {
+    var _a, _b;
+    const hasDelegatedKeyShare = (_a = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.keyShares) === null || _a === void 0 ? void 0 : _a.some((keyShare) => keyShare.backupLocation === 'delegated');
+    const hasDelegatedShareSet = (_b = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.otherShareSets) === null || _b === void 0 ? void 0 : _b.some((shareSet) => shareSet.shareSetType === 'delegated');
+    return Boolean(hasDelegatedKeyShare || hasDelegatedShareSet);
+};
 /**
  * Gets pending wallets that are eligible for delegation.
  * If wallets are provided and not empty, converts them to WalletWithStatus[] with pending status.
@@ -83,15 +91,11 @@ const useWalletDelegation = () => {
         const waasCredentials = user.verifiedCredentials.filter((vc) => vc.walletName === 'dynamicwaas' &&
             vc.format === JwtVerifiedCredentialFormatEnum.Blockchain);
         const hasWalletNeedingDelegation = waasCredentials.some((vc) => {
-            var _a, _b, _c, _d, _e;
-            // Check if already delegated (has delegated keyShare)
-            const hasDelegatedKeyShare = (_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares) === null || _b === void 0 ? void 0 : _b.some((keyShare) => keyShare.backupLocation === 'delegated');
-            // Check if denied
-            const hasDeniedAccess = ((_d = (_c = vc.walletProperties) === null || _c === void 0 ? void 0 : _c.settings) === null || _d === void 0 ? void 0 : _d.hasDeniedDelegatedAccess) === true;
-            // Check if dismissed this session
-            const isDismissedThisSession = (_e = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _e === void 0 ? void 0 : _e.includes(vc.id);
-            // Needs delegation if: not delegated, not denied, and not dismissed this session
-            return (!hasDelegatedKeyShare && !hasDeniedAccess && !isDismissedThisSession);
+            var _a, _b, _c;
+            const isDelegated = isWalletDelegated(vc.walletProperties);
+            const hasDeniedAccess = ((_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.hasDeniedDelegatedAccess) === true;
+            const isDismissedThisSession = (_c = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _c === void 0 ? void 0 : _c.includes(vc.id);
+            return !isDelegated && !hasDeniedAccess && !isDismissedThisSession;
         });
         return hasWalletNeedingDelegation;
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials, delegatedAccessEnabled, promptUsersOnSignIn]);
@@ -125,20 +129,18 @@ const useWalletDelegation = () => {
         // Map credentials to wallets with status
         return waasCredentials
             .map((vc) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c;
             let status = 'pending';
-            // Check if wallet has delegated keyShare
-            const hasDelegatedKeyShare = (_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares) === null || _b === void 0 ? void 0 : _b.some((keyShare) => keyShare.backupLocation === 'delegated');
-            // Check if user has denied delegation
-            const hasDeniedAccess = ((_d = (_c = vc.walletProperties) === null || _c === void 0 ? void 0 : _c.settings) === null || _d === void 0 ? void 0 : _d.hasDeniedDelegatedAccess) === true;
-            if (hasDelegatedKeyShare) {
+            const isDelegated = isWalletDelegated(vc.walletProperties);
+            const hasDeniedAccess = ((_b = (_a = vc.walletProperties) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.hasDeniedDelegatedAccess) === true;
+            if (isDelegated) {
                 status = 'delegated';
             }
             else if (hasDeniedAccess) {
                 status = 'denied';
             }
             // Check if dismissed this session (UI state only)
-            const isDismissedThisSession = (_e = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _e === void 0 ? void 0 : _e.includes(vc.id);
+            const isDismissedThisSession = (_c = sessionState === null || sessionState === void 0 ? void 0 : sessionState.dismissedWallets) === null || _c === void 0 ? void 0 : _c.includes(vc.id);
             // Find corresponding wallet from userWallets
             const wallet = userWallets.find((w) => w.address === vc.address);
             if (!wallet) {
@@ -304,4 +306,4 @@ const useWalletDelegation = () => {
     };
 };
 
-export { getWalletsToDelegate, useWalletDelegation };
+export { getWalletsToDelegate, isWalletDelegated, useWalletDelegation };

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

@@ -312,7 +312,23 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         if (transaction.fetchFee) {
             const feePromise = transaction.fetchFee();
             if (feePromise && typeof feePromise.finally === 'function') {
-                feePromise.finally(update);
+                feePromise.finally(() => {
+                    // `transaction.isGasSponsored()` is a synchronous getter that
+                    //  reads a flag the transaction caches during `fetchFee`. On
+                    //  Aleo we can't know whether Feemaster covers the call until
+                    //  that async lookup resolves, so the flag starts at `false`
+                    //  and flips to `true` once the policy answer lands. The
+                    //  initial-mount `useEffect` below only runs when
+                    //  `transaction` itself changes, so without re-reading here
+                    //  React's `isGasSponsored` state stays `false` and the
+                    //  confirmation card renders the gas row with a `--` value
+                    //  (since `fee.gas = 0n` for sponsored calls). Re-read once
+                    //  the cached flag is populated so the row hides itself.
+                    if (transaction.isGasSponsored) {
+                        setIsGasSponsored(transaction.isGasSponsored());
+                    }
+                    update();
+                });
             }
         }
     }, [primaryWallet, transaction, update]);

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

@@ -304,7 +304,23 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         if (transaction.fetchFee) {
             const feePromise = transaction.fetchFee();
             if (feePromise && typeof feePromise.finally === 'function') {
-                feePromise.finally(update);
+                feePromise.finally(() => {
+                    // `transaction.isGasSponsored()` is a synchronous getter that
+                    //  reads a flag the transaction caches during `fetchFee`. On
+                    //  Aleo we can't know whether Feemaster covers the call until
+                    //  that async lookup resolves, so the flag starts at `false`
+                    //  and flips to `true` once the policy answer lands. The
+                    //  initial-mount `useEffect` below only runs when
+                    //  `transaction` itself changes, so without re-reading here
+                    //  React's `isGasSponsored` state stays `false` and the
+                    //  confirmation card renders the gas row with a `--` value
+                    //  (since `fee.gas = 0n` for sponsored calls). Re-read once
+                    //  the cached flag is populated so the row hides itself.
+                    if (transaction.isGasSponsored) {
+                        setIsGasSponsored(transaction.isGasSponsored());
+                    }
+                    update();
+                });
             }
         }
     }, [primaryWallet, transaction, update]);