@dynamic-labs/sdk-react-core 4.4.3 → 4.5.0

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

@@ -0,0 +1,182 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+
+const generateAllFeeData = (totalFee, nativeTokenDecimals, result) => {
+    var _a;
+    return (Object.assign(Object.assign({}, result), { feeData: {
+            humanReadableAmount: calculateHumanReadableAmount(totalFee, nativeTokenDecimals),
+            nativeAmount: totalFee,
+            usdAmount: calculateFeeUsd(totalFee, (_a = result.priceData) === null || _a === void 0 ? void 0 : _a.nativeTokenUsdPrice, nativeTokenDecimals),
+        } }));
+};
+// Base Gas Price Oracle ABI
+const gasPriceOracleAbi = [
+    {
+        inputs: [{ internalType: 'bytes', name: '_data', type: 'bytes' }],
+        name: 'getL1Fee',
+        outputs: [{ internalType: 'uint256', name: '', type: 'uint256' }],
+        stateMutability: 'view',
+        type: 'function',
+    },
+];
+// Helper to estimate L1 data fee for L2 chains that support it
+// only supports opStack chains currently
+const estimateL1DataFee = (publicClient, transaction) => __awaiter(void 0, void 0, void 0, function* () {
+    // Standard OP Stack Gas Price Oracle address
+    const oracleAddress = '0x420000000000000000000000000000000000000F';
+    try {
+        // Check if the contract exists at this address
+        const code = yield publicClient.getBytecode({
+            address: oracleAddress,
+        });
+        if (!code || code === '0x') {
+            return BigInt(0);
+        }
+        const callData = transaction.data || '0x';
+        const l1Fee = yield publicClient.readContract({
+            abi: gasPriceOracleAbi,
+            address: oracleAddress,
+            args: [callData],
+            functionName: 'getL1Fee',
+        });
+        return l1Fee;
+    }
+    catch (e) {
+        return BigInt(0);
+    }
+});
+const calculateAAFees = (userOp) => {
+    // Sum all gas units
+    const totalGasUnits = BigInt(userOp.callGasLimit || 0) +
+        BigInt(userOp.verificationGasLimit || 0) +
+        BigInt(userOp.preVerificationGas || 0);
+    // Multiply by maxFeePerGas to get the total gas cost in wei
+    const gasCost = totalGasUnits * BigInt(userOp.maxFeePerGas || 0);
+    return gasCost;
+};
+const isSVMTransactionSponsored = (transaction, from) => {
+    var _a, _b;
+    if ('version' in transaction) {
+        return from !== ((_a = transaction.message) === null || _a === void 0 ? void 0 : _a.staticAccountKeys[0].toBase58());
+    }
+    if ('feePayer' in transaction) {
+        return from !== ((_b = transaction.feePayer) === null || _b === void 0 ? void 0 : _b.toBase58());
+    }
+    return false;
+};
+const toDecimalString = (num, decimals) => {
+    // Convert to fixed decimal string
+    const str = num.toFixed(decimals);
+    // Remove trailing zeros after decimal point
+    const parts = str.split('.');
+    if (parts.length === 1)
+        return parts[0];
+    const decimalsWithoutTrailingZeros = parts[1].replace(/0+$/, '');
+    return decimalsWithoutTrailingZeros
+        ? `${parts[0]}.${decimalsWithoutTrailingZeros}`
+        : parts[0];
+};
+const calculateHumanReadableAmount = (amount, decimals) => {
+    if (!amount) {
+        return undefined;
+    }
+    // Convert to decimal by dividing by 10^decimals
+    const divisor = BigInt(Math.pow(10, decimals));
+    const wholePart = amount / divisor;
+    const fractionalPart = amount % divisor;
+    // Handle the case where there's no fractional part
+    if (fractionalPart === BigInt(0)) {
+        return wholePart.toString();
+    }
+    // Pad the fractional part with leading zeros if needed
+    const fractionalStr = fractionalPart.toString().padStart(decimals, '0');
+    // Remove trailing zeros from fractional part
+    const cleanFractionalStr = fractionalStr.replace(/0+$/, '');
+    return cleanFractionalStr
+        ? `${wholePart}.${cleanFractionalStr}`
+        : wholePart.toString();
+};
+const calculateFeeUsd = (fee, nativeTokenUsdPrice, decimals) => {
+    if (!fee || !nativeTokenUsdPrice) {
+        return undefined;
+    }
+    const humanReadableAmount = calculateHumanReadableAmount(fee, decimals);
+    if (!humanReadableAmount) {
+        return undefined;
+    }
+    const usdValue = parseFloat(humanReadableAmount) * nativeTokenUsdPrice;
+    // Use more decimals for small values, 2 decimals for larger values
+    const significantDecimals = usdValue < 0.01 ? decimals : 2;
+    return toDecimalString(usdValue, significantDecimals);
+};
+const getFeeWithRetry = (connection, message) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!(connection === null || connection === void 0 ? void 0 : connection.getFeeForMessage)) {
+        return BigInt(0);
+    }
+    let res = yield connection.getFeeForMessage(message, 'confirmed');
+    let retryCount = 0;
+    while (res.value === null && retryCount < 5) {
+        res = yield connection.getFeeForMessage(message, 'confirmed');
+        retryCount++;
+    }
+    // Convert number to bigint for Solana fees
+    return res.value ? BigInt(Number(res.value)) : BigInt(0);
+});
+const getNativeTokenDecimals = (chain, networkConfigurations) => {
+    var _a, _b;
+    if (!chain || !networkConfigurations) {
+        return 18;
+    }
+    // the NetworkConfigurationMap uses 'solana" not "SOL"
+    if (chain === 'SOL') {
+        return 9;
+    }
+    const chainConfigs = networkConfigurations[chain];
+    if (!(chainConfigs === null || chainConfigs === void 0 ? void 0 : chainConfigs.length)) {
+        return 18;
+    }
+    return ((_b = (_a = chainConfigs[0]) === null || _a === void 0 ? void 0 : _a.nativeCurrency) === null || _b === void 0 ? void 0 : _b.decimals) || 18;
+};
+const isEthereumWallet = (wallet) => wallet.chain === 'EVM';
+const isZeroDevConnector = (connector) => (connector === null || connector === void 0 ? void 0 : connector.key) === 'zerodev';
+const calculateEVMFees = (publicClient, transaction) => __awaiter(void 0, void 0, void 0, function* () {
+    // Estimate gas if not provided
+    const estimatedGas = !transaction.gas
+        ? BigInt(yield publicClient.estimateGas(transaction))
+        : transaction.gas;
+    // Get current gas price which includes both base fee and priority fee
+    const gasPrice = yield publicClient.getGasPrice();
+    const l2Fee = estimatedGas * gasPrice;
+    const l1Fee = yield estimateL1DataFee(publicClient, transaction);
+    return l2Fee + l1Fee;
+});
+const deductSVMFees = (resultWithFee) => resultWithFee.outAssets
+    .map((asset) => {
+    var _a, _b, _c, _d;
+    // Only process SOL assets with valid transferOut
+    const transferOutRawValue = (_b = (_a = asset.transferOut) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.rawValue;
+    if (asset.asset.type === 'SOL' ||
+        (asset.asset.type === 'NATIVE' && transferOutRawValue)) {
+        const [transferOut] = asset.transferOut;
+        const nativeAmountStr = (_c = resultWithFee.feeData.nativeAmount) === null || _c === void 0 ? void 0 : _c.toString();
+        // If exact match, mark for removal
+        if (nativeAmountStr && transferOutRawValue === nativeAmountStr) {
+            return null;
+        }
+        if (!transferOutRawValue) {
+            return asset;
+        }
+        // Otherwise, deduct the fee from the transfer amount
+        const nativeAmountToDeduct = resultWithFee.feeData.nativeAmount || BigInt(0);
+        const newRawValue = (BigInt(transferOutRawValue) - nativeAmountToDeduct).toString();
+        const newValue = (Number(newRawValue) / Math.pow(10, 9)).toString();
+        const newUsdPrice = (Number(newValue) * (((_d = resultWithFee.priceData) === null || _d === void 0 ? void 0 : _d.nativeTokenUsdPrice) || 0)).toString();
+        return Object.assign(Object.assign({}, asset), { transferOut: [
+                Object.assign(Object.assign({}, transferOut), { rawValue: newRawValue, summary: `Transfer ${newValue} SOL`, usdPrice: newUsdPrice, value: newValue }),
+            ] });
+    }
+    return asset;
+})
+    .filter((asset) => asset !== null);
+
+export { calculateAAFees, calculateEVMFees, calculateFeeUsd, calculateHumanReadableAmount, deductSVMFees, estimateL1DataFee, gasPriceOracleAbi, generateAllFeeData, getFeeWithRetry, getNativeTokenDecimals, isEthereumWallet, isSVMTransactionSponsored, isZeroDevConnector };

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -43,6 +43,7 @@ var findPrimaryEmbeddedChain = require('../../../views/Passkey/utils/findPrimary
 var useEmbeddedWalletSessionKeys = require('../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var primaryWalletId = require('../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -39,6 +39,7 @@ import { findPrimaryEmbeddedChain } from '../../../views/Passkey/utils/findPrima
 import { useEmbeddedWalletSessionKeys } from '../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { getPrimaryWalletId } from '../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { useLoadingContext } from '../../../context/LoadingContext/LoadingContext.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useHandleVerificationRequired = require('../../useHandleVerificationRequired/useHandleVerificationRequired.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { useHandleVerificationRequired } from '../../useHandleVerificationRequired/useHandleVerificationRequired.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/utils/hooks/useValidateSession/handleStoreVersionChanged/handleStoreVersionChanged.cjs

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const handleStoreVersionChanged = ({ didStoreVersionChangedRef, logout, }) => {
+    if (didStoreVersionChangedRef.current) {
+        logout('store version changed', {});
+    }
+};
+
+exports.handleStoreVersionChanged = handleStoreVersionChanged;

package/src/lib/utils/hooks/useValidateSession/handleStoreVersionChanged/handleStoreVersionChanged.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+type HandleStoreVersionChangedParams = {
+    logout: (reason: string, params: any) => Promise<void>;
+    didStoreVersionChangedRef: MutableRefObject<boolean>;
+};
+export declare const handleStoreVersionChanged: ({ didStoreVersionChangedRef, logout, }: HandleStoreVersionChangedParams) => void;
+export {};

package/src/lib/utils/hooks/useValidateSession/handleStoreVersionChanged/handleStoreVersionChanged.js

@@ -0,0 +1,8 @@
+'use client'
+const handleStoreVersionChanged = ({ didStoreVersionChangedRef, logout, }) => {
+    if (didStoreVersionChangedRef.current) {
+        logout('store version changed', {});
+    }
+};
+
+export { handleStoreVersionChanged };

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

@@ -0,0 +1 @@
+export { handleStoreVersionChanged } from './handleStoreVersionChanged';

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

@@ -11,8 +11,9 @@ var loadingAndLifecycle = require('../../../store/state/loadingAndLifecycle.cjs'
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
 var handleStoreAndEnvironmentMismatch = require('./handleStoreAndEnvironmentMismatch/handleStoreAndEnvironmentMismatch.cjs');
 var handleUserDataOutOfSync = require('./handleUserDataOutOfSync/handleUserDataOutOfSync.cjs');
+var handleStoreVersionChanged = require('./handleStoreVersionChanged/handleStoreVersionChanged.cjs');
 
-const useValidateSession = ({ environmentId, handleLogOut }) => {
+const useValidateSession = ({ environmentId, handleLogOut, didStoreVersionChangedRef, }) => {
     const logout = React.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -20,14 +21,15 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
         return handleLogOut();
     }), [handleLogOut]);
     const validateSession = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const params = { environmentId, logout };
+        const params = { didStoreVersionChangedRef, environmentId, logout };
         yield Promise.all([
             handleStoreAndEnvironmentMismatch.handleStoreAndEnvironmentMismatch(params),
             handleUserDataOutOfSync.handleUserDataOutOfSync(params),
+            handleStoreVersionChanged.handleStoreVersionChanged(params),
         ]);
         // Regardless of whether we logged out or not, session validation is now complete
         loadingAndLifecycle.setLoadingAndLifecycle({ sessionValidation: true });
-    }), [environmentId, logout]);
+    }), [environmentId, logout, didStoreVersionChangedRef]);
     useEffectOnce.useEffectOnce(() => {
         validateSession();
     });

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

@@ -1,6 +1,8 @@
+import { MutableRefObject } from 'react';
 type Props = {
     environmentId: string;
     handleLogOut: () => Promise<void>;
+    didStoreVersionChangedRef: MutableRefObject<boolean>;
 };
-export declare const useValidateSession: ({ environmentId, handleLogOut }: Props) => void;
+export declare const useValidateSession: ({ environmentId, handleLogOut, didStoreVersionChangedRef, }: Props) => void;
 export {};

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

@@ -7,8 +7,9 @@ import { setLoadingAndLifecycle } from '../../../store/state/loadingAndLifecycle
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
 import { handleStoreAndEnvironmentMismatch } from './handleStoreAndEnvironmentMismatch/handleStoreAndEnvironmentMismatch.js';
 import { handleUserDataOutOfSync } from './handleUserDataOutOfSync/handleUserDataOutOfSync.js';
+import { handleStoreVersionChanged } from './handleStoreVersionChanged/handleStoreVersionChanged.js';
 
-const useValidateSession = ({ environmentId, handleLogOut }) => {
+const useValidateSession = ({ environmentId, handleLogOut, didStoreVersionChangedRef, }) => {
     const logout = useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
@@ -16,14 +17,15 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
         return handleLogOut();
     }), [handleLogOut]);
     const validateSession = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        const params = { environmentId, logout };
+        const params = { didStoreVersionChangedRef, environmentId, logout };
         yield Promise.all([
             handleStoreAndEnvironmentMismatch(params),
             handleUserDataOutOfSync(params),
+            handleStoreVersionChanged(params),
         ]);
         // Regardless of whether we logged out or not, session validation is now complete
         setLoadingAndLifecycle({ sessionValidation: true });
-    }), [environmentId, logout]);
+    }), [environmentId, logout, didStoreVersionChangedRef]);
     useEffectOnce(() => {
         validateSession();
     });

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

@@ -44,6 +44,7 @@ require('../../functions/compareChains/compareChains.cjs');
 var useEmbeddedWalletSessionKeys = require('../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -40,6 +40,7 @@ import '../../functions/compareChains/compareChains.js';
 import { useEmbeddedWalletSessionKeys } from '../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';

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

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';

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

@@ -1,9 +1,9 @@
 import { Dispatch, SetStateAction } from 'react';
-import { UserProfile } from '@dynamic-labs/types';
-import { AuthModeType, Wallet, WalletOption } from '../../../shared';
+import { AuthMode, UserProfile } from '@dynamic-labs/types';
+import { Wallet, WalletOption } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 type Props = {
-    authMode: AuthModeType;
+    authMode: AuthMode;
     connectedWallets: Wallet[];
     walletConnectorOptions: WalletOption[];
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;

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

@@ -1,7 +1,7 @@
-import { UserProfile } from '@dynamic-labs/types';
+import { AuthMode, UserProfile } from '@dynamic-labs/types';
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { IDynamicContext } from '../../../context/DynamicContext/types';
-import { AuthModeType, MultiWalletWidgetState, Wallet, WalletWithAction } from '../../../shared';
+import { MultiWalletWidgetState, Wallet, WalletWithAction } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 export type UseWalletEventListenersArgs = {
     disconnectWallet: (walletId: string) => Promise<void>;
@@ -16,7 +16,7 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletConnectorKey: IDynamicContext['setSelectedWalletConnectorKey'];
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
-    authMode: AuthModeType;
+    authMode: AuthMode;
     refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
     detectNewWalletsForLinking: boolean;
 };

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
@@ -242,7 +243,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             handleAlreadyConnectedWallet(walletConnector);
         }
         else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
+            // providers like coinbase, blocto and dapper
             handleCustodialWalletClick(walletConnector);
         }
         else if (utils.isMobile()) {

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
@@ -238,7 +239,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             handleAlreadyConnectedWallet(walletConnector);
         }
         else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
+            // providers like coinbase, blocto and dapper
             handleCustodialWalletClick(walletConnector);
         }
         else if (isMobile()) {

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');
@@ -99,29 +100,21 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign.useConnectAndSign();
     const { pushView } = ViewContext.useViewContext();
+    const handleExtensionAndCustodial = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
+        if (requiresTwoStepAuthentication || authMode === 'connect-only') {
+            pushView('pending-connect');
+            yield onlyConnectUser({ walletConnector });
+        }
+        else {
+            // See useVerifyOnAwaitingSignature's useEffect for more context.
+            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
+        }
+    });
     return useHandleWalletItem.useHandleWalletItem({
         allowAlreadyConnectedWallet: false,
         onConnectOnly: onlyConnectUser,
-        onCustodialWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
-            if (requiresTwoStepAuthentication) {
-                yield onlyConnectUser({
-                    walletConnector,
-                });
-            }
-            else {
-                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            }
-            pushView('pending-signature');
-        }),
-        onInstalledExtension: (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
-            if (authMode === 'connect-only') {
-                pushView('pending-connect');
-                onlyConnectUser({ walletConnector });
-            }
-            else {
-                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            }
-        }),
+        onCustodialWallet: handleExtensionAndCustodial,
+        onInstalledExtension: handleExtensionAndCustodial,
         onQrCodeConnect: connectAndSignWallet,
     });
 };

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

@@ -1,9 +1,10 @@
+import { WalletConnectorCore } from '@dynamic-labs/wallet-connector-core';
 export declare const useWalletItemActions: () => {
-    handleAlreadyConnectedWallet: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
-    handleCustodialWalletClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
-    handleInstalledExtensionClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
-    handleMobileWalletClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
-    handleUninstalledClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleAlreadyConnectedWallet: (walletConnector: WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleCustodialWalletClick: (walletConnector: WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleInstalledExtensionClick: (walletConnector: WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleMobileWalletClick: (walletConnector: WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleUninstalledClick: (walletConnector: WalletConnectorCore.WalletConnector) => Promise<void>;
     handleWalletItemClick: (wallet: import("../../../shared").WalletOption) => Promise<void>;
     openWallet: import("./useWalletItemActions.types").OpenWalletHandler;
 };

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

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
@@ -95,29 +96,21 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign();
     const { pushView } = useViewContext();
+    const handleExtensionAndCustodial = (_a) => __awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
+        if (requiresTwoStepAuthentication || authMode === 'connect-only') {
+            pushView('pending-connect');
+            yield onlyConnectUser({ walletConnector });
+        }
+        else {
+            // See useVerifyOnAwaitingSignature's useEffect for more context.
+            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
+        }
+    });
     return useHandleWalletItem({
         allowAlreadyConnectedWallet: false,
         onConnectOnly: onlyConnectUser,
-        onCustodialWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
-            if (requiresTwoStepAuthentication) {
-                yield onlyConnectUser({
-                    walletConnector,
-                });
-            }
-            else {
-                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            }
-            pushView('pending-signature');
-        }),
-        onInstalledExtension: (_b) => __awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
-            if (authMode === 'connect-only') {
-                pushView('pending-connect');
-                onlyConnectUser({ walletConnector });
-            }
-            else {
-                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            }
-        }),
+        onCustodialWallet: handleExtensionAndCustodial,
+        onInstalledExtension: handleExtensionAndCustodial,
         onQrCodeConnect: connectAndSignWallet,
     });
 };

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

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';