@dynamic-labs/sdk-react-core 0.18.0-beta.32 → 0.18.0

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.d.ts

@@ -3,7 +3,8 @@ type Props = {
     fetchPublicAddressOpts?: FetchPublicAddressOpts;
     walletConnector: WalletConnector;
 };
-export declare const useConnectAndSign: ({ shouldUpdateWallets }?: {
+export declare const useConnectAndSign: ({ shouldUpdateWallets, shouldCallCallback, }?: {
     shouldUpdateWallets?: boolean | undefined;
+    shouldCallCallback?: boolean | undefined;
 }) => ({ walletConnector, fetchPublicAddressOpts, }: Props) => Promise<void>;
 export {};

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -24,7 +24,7 @@ import '@dynamic-labs/multi-wallet';
 import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import { isProgrammableNetworkSwitchSupported } from '../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
 
-const useConnectAndSign = ({ shouldUpdateWallets = true } = {}) => {
+const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { captchaToken } = useCaptchaContext();
@@ -51,7 +51,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true } = {}) => {
                     setView('wait-for-email-confirmation-view');
                 }
             }
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
             if (!publicWalletAddress) {
                 return;
             }

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

@@ -31,3 +31,5 @@ export { useCountdown } from './useCountdown/useCountdown';
 export { useValidateSession } from './useValidateSession';
 export { useEventListener } from './useEventListener';
 export { useWalletConnectorEvent } from './useWalletConnectorEvent';
+export { useTransactionWithGasPrice } from './useTransactionWithGasPrice';
+export { useTransactionEstimatedGas } from './useTransactionEstimatedGas';

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.cjs

@@ -3,13 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+var localStorage = require('../../../constants/localStorage.cjs');
+require('../../../constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('../../../../shared/consts/index.cjs');
 
 const useMultiWallet = (multiWalletSettings) => {
     const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
-    const [multiWallet, setMultiWallet] = React.useState(isMultiWalletEnabled);
+    const [multiWallet, setMultiWallet] = useLocalStorage.useLocalStorage(localStorage.IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     React.useEffect(() => {
-        setMultiWallet(isMultiWalletEnabled);
-    }, [isMultiWalletEnabled]);
+        if (multiWalletSettings) {
+            setMultiWallet(multiWalletSettings);
+        }
+    }, [multiWalletSettings]);
     return { multiWallet, setMultiWallet };
 };
 

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const useMultiWallet: (multiWalletSettings?: boolean) => {
     multiWallet: boolean;
-    setMultiWallet: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setMultiWallet: (value: boolean | ((val: boolean) => boolean)) => void;
 };

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.js

@@ -1,11 +1,27 @@
-import { useState, useEffect } from 'react';
+import { useEffect } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import { IS_MULTI_WALLET_ENABLED } from '../../../constants/localStorage.js';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '../../../../shared/consts/index.js';
 
 const useMultiWallet = (multiWalletSettings) => {
     const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
-    const [multiWallet, setMultiWallet] = useState(isMultiWalletEnabled);
+    const [multiWallet, setMultiWallet] = useLocalStorage(IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     useEffect(() => {
-        setMultiWallet(isMultiWalletEnabled);
-    }, [isMultiWalletEnabled]);
+        if (multiWalletSettings) {
+            setMultiWallet(multiWalletSettings);
+        }
+    }, [multiWalletSettings]);
     return { multiWallet, setMultiWallet };
 };
 

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
 var isWalletLinked = require('../../../functions/isWalletLinked/isWalletLinked.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
-var AccountExistsContext = require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var errors = require('../../../constants/errors.cjs');
 
 const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, isAuthenticated } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
-    const { existentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
         if (!primaryWallet)
             return;
@@ -76,23 +76,24 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
             .getConnectedAccounts()
             .then((accounts) => {
             const [connectedAddress] = accounts;
+            if (!connectedAddress) {
+                throw new utils.DynamicError('Missing wallet address', errors.MISSING_ADDRESS_ERROR);
+            }
             if (walletConnectorCore.isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
             }
             handlePrimaryWalletNotActive(connectedAddress);
         })
-            .catch(() => {
+            .catch((e) => {
             const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
             if (connectedSecondaryWallet) {
                 setPrimaryWallet(connectedSecondaryWallet.id);
                 computeConnectedStateForWallets();
                 return;
             }
-            // no wallet is connected
-            setShowAuthFlow(true);
-            // check needed so 'wallet-locked-view'
-            // doesn't overwrite 'account-exists' view
-            if (!existentAccountData) {
+            // user is logged in (has valid jwt), but no wallet is connected
+            if (isAuthenticated && e.code === errors.MISSING_ADDRESS_ERROR) {
+                setShowAuthFlow(true);
                 setView('wallet-locked-view');
             }
         });
@@ -109,6 +110,7 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
         setView,
         setShowAuthFlow,
         authMode,
+        isAuthenticated,
     ]);
 };
 

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.d.ts

@@ -4,7 +4,7 @@ import { AuthModeType, MultiWalletWidgetState, Wallet } from '../../../../shared
 import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
 export type UseSyncPrimaryWalletArgs = {
     canSync?: boolean;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
     computeConnectedStateForWallets: () => Promise<void>;
     handleLogOut: () => Promise<void>;
     multiWalletWidgetState: MultiWalletWidgetState;

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -1,14 +1,14 @@
 import { useCallback, useEffect } from 'react';
 import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
 import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
-import { useAccountExistsContext } from '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import { MISSING_ADDRESS_ERROR } from '../../../constants/errors.js';
 
 const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { setShowAuthFlow, isAuthenticated } = useInternalDynamicContext();
     const { setView } = useViewContext();
-    const { existentAccountData } = useAccountExistsContext();
     const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
         if (!primaryWallet)
             return;
@@ -72,23 +72,24 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
             .getConnectedAccounts()
             .then((accounts) => {
             const [connectedAddress] = accounts;
+            if (!connectedAddress) {
+                throw new DynamicError('Missing wallet address', MISSING_ADDRESS_ERROR);
+            }
             if (isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
             }
             handlePrimaryWalletNotActive(connectedAddress);
         })
-            .catch(() => {
+            .catch((e) => {
             const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
             if (connectedSecondaryWallet) {
                 setPrimaryWallet(connectedSecondaryWallet.id);
                 computeConnectedStateForWallets();
                 return;
             }
-            // no wallet is connected
-            setShowAuthFlow(true);
-            // check needed so 'wallet-locked-view'
-            // doesn't overwrite 'account-exists' view
-            if (!existentAccountData) {
+            // user is logged in (has valid jwt), but no wallet is connected
+            if (isAuthenticated && e.code === MISSING_ADDRESS_ERROR) {
+                setShowAuthFlow(true);
                 setView('wallet-locked-view');
             }
         });
@@ -105,6 +106,7 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
         setView,
         setShowAuthFlow,
         authMode,
+        isAuthenticated,
     ]);
 };
 

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

@@ -69,7 +69,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'wallet-group' ||
         view === 'pending-connect' ||
         view === 'account-exists' ||
-        view === 'merge-user-accounts';
+        (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
     return {
         isWalletListTypeView,

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

@@ -65,7 +65,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'wallet-group' ||
         view === 'pending-connect' ||
         view === 'account-exists' ||
-        view === 'merge-user-accounts';
+        (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
     return {
         isWalletListTypeView,

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

@@ -132,14 +132,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const shouldSkipCreatingVisit = React.useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
-    const connectWallet = (walletConnector, fetchPublicAddressOpts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const publicWalletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!publicWalletAddress) {
             const error = new Error();
             error.code = 'missing-public-address';
             throw error;
         }
-        if (onBeforeConnectSuccessConfirmation) {
+        if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
                 address: publicWalletAddress,
                 chain: walletConnector.connectedChain,

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

@@ -21,7 +21,7 @@ type Props = {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => {
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
     connectedWallet: Wallet;
     connectedWallets: Wallet[];
     connectedWalletsInfo: ConnectedWalletConnectorType[] | [];

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

@@ -128,14 +128,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const shouldSkipCreatingVisit = useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
-    const connectWallet = (walletConnector, fetchPublicAddressOpts) => __awaiter(void 0, void 0, void 0, function* () {
+    const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => __awaiter(void 0, void 0, void 0, function* () {
         const publicWalletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!publicWalletAddress) {
             const error = new Error();
             error.code = 'missing-public-address';
             throw error;
         }
-        if (onBeforeConnectSuccessConfirmation) {
+        if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
                 address: publicWalletAddress,
                 chain: walletConnector.connectedChain,

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

@@ -19,6 +19,7 @@ require('ethers');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
+var mergeCustomerEvmNetworksWithServerNetworks = require('./utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs');
 
 const MAX_RETRIES = 2;
 const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
@@ -113,13 +114,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
                     serverNetworks.length &&
                     customerEvmNetworks !== undefined &&
                     customerEvmNetworks.length) {
-                    mergedEvmNetworks = customerEvmNetworks.slice();
-                    serverNetworks.forEach((network) => {
-                        const existingNetwork = mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.find((item) => item.chainId === network.chainId);
-                        if (!existingNetwork) {
-                            mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.push(network);
-                        }
-                    });
+                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks.mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
                 }
                 setLsNetworks({
                     configurations: {

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

@@ -15,6 +15,7 @@ import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
+import { mergeCustomerEvmNetworksWithServerNetworks } from './utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js';
 
 const MAX_RETRIES = 2;
 const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
@@ -109,13 +110,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
                     serverNetworks.length &&
                     customerEvmNetworks !== undefined &&
                     customerEvmNetworks.length) {
-                    mergedEvmNetworks = customerEvmNetworks.slice();
-                    serverNetworks.forEach((network) => {
-                        const existingNetwork = mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.find((item) => item.chainId === network.chainId);
-                        if (!existingNetwork) {
-                            mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.push(network);
-                        }
-                    });
+                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
                 }
                 setLsNetworks({
                     configurations: {

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

@@ -0,0 +1 @@
+export * from './mergeCustomerEvmNetworksWithServerNetworks';

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

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

package/src/lib/utils/hooks/useFetchNetworkConfigurations/utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const mergeCustomerEvmNetworksWithServerNetworks = (customerEvmNetworks, serverNetworks) => {
+    const evmNetworks = [...customerEvmNetworks];
+    serverNetworks.forEach((network) => {
+        const existingNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((item) => item.chainId === network.chainId);
+        if (!existingNetwork) {
+            evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.unshift(network);
+        }
+    });
+    return evmNetworks;
+};
+
+exports.mergeCustomerEvmNetworksWithServerNetworks = mergeCustomerEvmNetworksWithServerNetworks;

package/src/lib/utils/hooks/useFetchNetworkConfigurations/utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.d.ts

@@ -0,0 +1,2 @@
+import { GenericNetwork } from '@dynamic-labs/types';
+export declare const mergeCustomerEvmNetworksWithServerNetworks: (customerEvmNetworks: GenericNetwork[], serverNetworks: GenericNetwork[]) => GenericNetwork[];

package/src/lib/utils/hooks/useFetchNetworkConfigurations/utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js

@@ -0,0 +1,12 @@
+const mergeCustomerEvmNetworksWithServerNetworks = (customerEvmNetworks, serverNetworks) => {
+    const evmNetworks = [...customerEvmNetworks];
+    serverNetworks.forEach((network) => {
+        const existingNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((item) => item.chainId === network.chainId);
+        if (!existingNetwork) {
+            evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.unshift(network);
+        }
+    });
+    return evmNetworks;
+};
+
+export { mergeCustomerEvmNetworksWithServerNetworks };

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

@@ -24,6 +24,15 @@ var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 var index = require('../../functions/getEnabledOAuthProviders/index.cjs');
 var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
 
+const socialProviders = [
+    'discord',
+    'facebook',
+    'github',
+    'google',
+    'instagram',
+    'twitch',
+    'twitter',
+];
 const useSocialAccounts = () => {
     var _a;
     const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
@@ -48,6 +57,17 @@ const useSocialAccounts = () => {
         setIsProcessing(false);
         setError(message);
     };
+    const checkValidProvider = (provider) => {
+        if (!provider) {
+            handleError('Provider is required');
+            return false;
+        }
+        if (!socialProviders.includes(provider)) {
+            handleError(`Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
+            return false;
+        }
+        return true;
+    };
     const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);
         setIsProcessing(true);
@@ -55,8 +75,7 @@ const useSocialAccounts = () => {
             handleError('Social linking is not enabled on the dashboard');
             return;
         }
-        if (!provider) {
-            handleError('Provider is required');
+        if (!checkValidProvider(provider)) {
             return;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
@@ -103,8 +122,7 @@ const useSocialAccounts = () => {
         var _e;
         setError(undefined);
         setIsProcessing(true);
-        if (!provider) {
-            handleError('Provider is required');
+        if (!checkValidProvider(provider)) {
             return;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];

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

@@ -20,6 +20,15 @@ import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import { getEnabledOAuthProviders } from '../../functions/getEnabledOAuthProviders/index.js';
 import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
 
+const socialProviders = [
+    'discord',
+    'facebook',
+    'github',
+    'google',
+    'instagram',
+    'twitch',
+    'twitter',
+];
 const useSocialAccounts = () => {
     var _a;
     const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext();
@@ -44,6 +53,17 @@ const useSocialAccounts = () => {
         setIsProcessing(false);
         setError(message);
     };
+    const checkValidProvider = (provider) => {
+        if (!provider) {
+            handleError('Provider is required');
+            return false;
+        }
+        if (!socialProviders.includes(provider)) {
+            handleError(`Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
+            return false;
+        }
+        return true;
+    };
     const linkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);
         setIsProcessing(true);
@@ -51,8 +71,7 @@ const useSocialAccounts = () => {
             handleError('Social linking is not enabled on the dashboard');
             return;
         }
-        if (!provider) {
-            handleError('Provider is required');
+        if (!checkValidProvider(provider)) {
             return;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
@@ -99,8 +118,7 @@ const useSocialAccounts = () => {
         var _e;
         setError(undefined);
         setIsProcessing(true);
-        if (!provider) {
-            handleError('Provider is required');
+        if (!checkValidProvider(provider)) {
             return;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];

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

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

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

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var usePromise = require('../usePromise/usePromise.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+
+/**
+ * Hook to estimate the gas required for a transaction.
+ *
+ * This hook uses the `usePromise` hook to asynchronously estimate the gas required for a transaction.
+ * It first tries to estimate the gas without the 'from' field in the transaction, as the Alchemy API
+ * checks the origin address funds and can return an error if the origin wallet has no funds for the transaction.
+ * If the error 'UNPREDICTABLE_GAS_LIMIT' is encountered, it tries to estimate the gas again with the
+ * original transaction.
+ *
+ * @see {@link https://docs.alchemy.com/reference/eth-estimategas}
+ * @see {@link https://docs.ethers.org/v5/troubleshooting/errors/#help-UNPREDICTABLE_GAS_LIMIT}
+ *
+ * @param {ethers.providers.Web3Provider} provider - The Web3 provider to use for estimating the gas.
+ * @param {ethers.utils.Deferrable<ethers.providers.TransactionRequest>} transaction - The transaction for
+ * which to estimate the gas.
+ *
+ * @returns {PromiseState<ethers.BigNumber>} A promise that resolves to the estimated gas for the transaction.
+ */
+const useTransactionEstimatedGas = (provider, transaction) => usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // To safely run estimateGas using alchemy, we need to remove the from address
+    // because alchemy checks the origin address funds and can return an error if
+    // origin wallet has no funds for the transaction
+    // https://docs.alchemy.com/reference/eth-estimategas
+    const transactionWithNoOrigin = _tslib.__rest(transaction, ["from"]);
+    try {
+        return yield provider.estimateGas(transactionWithNoOrigin);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    }
+    catch (err) {
+        logger.logger.error(err);
+        // If the error is UNPREDICTABLE_GAS_LIMIT, we try to estimate gas again
+        // with original transaction
+        // https://docs.ethers.org/v5/troubleshooting/errors/#help-UNPREDICTABLE_GAS_LIMIT
+        if (err.code === 'UNPREDICTABLE_GAS_LIMIT') {
+            return provider.estimateGas(transaction);
+        }
+        throw err;
+    }
+}), { deps: [transaction, provider] });
+
+exports.useTransactionEstimatedGas = useTransactionEstimatedGas;

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

@@ -0,0 +1,20 @@
+import { ethers } from 'ethers';
+/**
+ * Hook to estimate the gas required for a transaction.
+ *
+ * This hook uses the `usePromise` hook to asynchronously estimate the gas required for a transaction.
+ * It first tries to estimate the gas without the 'from' field in the transaction, as the Alchemy API
+ * checks the origin address funds and can return an error if the origin wallet has no funds for the transaction.
+ * If the error 'UNPREDICTABLE_GAS_LIMIT' is encountered, it tries to estimate the gas again with the
+ * original transaction.
+ *
+ * @see {@link https://docs.alchemy.com/reference/eth-estimategas}
+ * @see {@link https://docs.ethers.org/v5/troubleshooting/errors/#help-UNPREDICTABLE_GAS_LIMIT}
+ *
+ * @param {ethers.providers.Web3Provider} provider - The Web3 provider to use for estimating the gas.
+ * @param {ethers.utils.Deferrable<ethers.providers.TransactionRequest>} transaction - The transaction for
+ * which to estimate the gas.
+ *
+ * @returns {PromiseState<ethers.BigNumber>} A promise that resolves to the estimated gas for the transaction.
+ */
+export declare const useTransactionEstimatedGas: (provider: ethers.providers.Web3Provider, transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>) => import("../usePromise").PromiseState<ethers.BigNumber, Error>;