@dynamic-labs/sdk-react-core 0.17.0-RC.3 → 0.17.0-RC.31

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

@@ -1,59 +1,79 @@
-import { useState, useEffect } from 'react';
-import { DynamicError } from '@dynamic-labs/multi-wallet';
+import { useState, useCallback, useEffect } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import { getFromLS } from '../../../shared/utils/functions/storage/getFromLS.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
-import { NETWORKS_STORAGE_KEY } from '../../constants/localStorage.js';
+import { NETWORKS_STORAGE_KEY, CONNECTED_WALLET_CONNECTOR_DATA } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 
 const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks, maxRetries = MAX_RETRIES, }) => {
+const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
     var _a;
+    /**
+     * This is the version of the local storage object. If the version changes, the local storage object will be removed.
+     * This is used in case we need to change the structure of the local storage object.
+     */
+    const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage(NETWORKS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
     const [loading, setLoading] = useState(false);
     const [retries, setRetries] = useState(0);
-    const lsNetworksExists = Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations);
+    const [completed, setCompleted] = useState(false);
+    const [lsNetworksExists, setlsNetworksExists] = useState(Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version) === VERSION);
     // Stringify the objects for easy comparison
-    const localNetworksJson = localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.map((network) => JSON.stringify(network));
+    const customerEvmNetworksJson = customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.map((network) => JSON.stringify(network));
+    const handleRemoveLsNetworks = useCallback(() => {
+        removeLsNetworks();
+        setlsNetworksExists(false);
+    }, [removeLsNetworks]);
     useEffect(() => {
         if (lsNetworks && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.environmentId) !== environmentId) {
-            removeLsNetworks();
+            handleRemoveLsNetworks();
         }
-    }, [environmentId, lsNetworks, removeLsNetworks]);
+        if (lsNetworks && lsNetworks.version !== VERSION) {
+            handleRemoveLsNetworks();
+        }
+    }, [environmentId, handleRemoveLsNetworks, lsNetworks, removeLsNetworks]);
     useEffect(() => {
-        if (!authToken) {
-            removeLsNetworks();
+        const connectedWalletData = getFromLS(CONNECTED_WALLET_CONNECTOR_DATA);
+        if (!authToken && !connectedWalletData) {
+            handleRemoveLsNetworks();
         }
-    }, [authToken]);
+    }, [authToken, handleRemoveLsNetworks]);
     useEffect(() => {
         var _a, _b;
-        if (lsNetworksExists && localNetworksJson) {
+        if (lsNetworksExists && customerEvmNetworksJson && !completed) {
             const localStorageNetworksJson = (_b = (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm) === null || _b === void 0 ? void 0 : _b.map((network) => JSON.stringify(network));
             if (localStorageNetworksJson) {
-                const fullMatch = localNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
+                const fullMatch = customerEvmNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
                 if (!fullMatch) {
-                    removeLsNetworks();
+                    handleRemoveLsNetworks();
                 }
+                setCompleted(true);
             }
         }
     }, [
         lsNetworksExists,
-        localNetworksJson,
-        removeLsNetworks,
+        customerEvmNetworksJson,
         (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm,
+        completed,
+        setCompleted,
+        handleRemoveLsNetworks,
     ]);
     useEffect(() => {
         if (!lsNetworksExists && !loading && retries < maxRetries) {
             setLoading(true);
             fetchNetworkSettings(environmentId)
                 .then((response) => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 if (!response)
                     throw new DynamicError('Configuration is not defined');
                 const expiry = new Date().getTime() + 60000 * 5;
@@ -62,31 +82,33 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                 const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
                 const starknet = response.find((configurations) => configurations.chainName === 'starknet');
                 let mergedEvmNetworks;
-                const createEvmNetwork = (network) => ({
+                const createNetwork = (network, parser = (input) => input) => ({
                     blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parseInt(network.chainId),
-                    chainName: network.name,
+                    chainId: parser(network.chainId),
                     iconUrls: network.iconUrls,
                     lcdUrl: network.lcdUrl,
+                    name: network.name,
                     nativeCurrency: network.nativeCurrency,
-                    networkId: parseInt(network.networkId),
+                    networkId: parser(network.networkId),
                     privateCustomerRpcUrls: network.privateCustomerRpcUrls,
                     rpcUrls: network.rpcUrls,
                     vanityName: network.vanityName,
                 });
-                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map(createEvmNetwork);
-                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map(createEvmNetwork);
-                if (!serverNetworks && (localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.length)) {
-                    mergedEvmNetworks = localNetworks;
+                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+                const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+                const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+                if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
+                    mergedEvmNetworks = customerEvmNetworks;
                 }
-                if (!localNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
                     mergedEvmNetworks = serverNetworks;
                 }
                 if (serverNetworks !== undefined &&
                     serverNetworks.length &&
-                    localNetworks !== undefined &&
-                    localNetworks.length) {
-                    mergedEvmNetworks = localNetworks.slice();
+                    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) {
@@ -98,12 +120,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                     configurations: {
                         cosmos: cosmosNetworks,
                         evm: mergedEvmNetworks,
-                        solana: solana === null || solana === void 0 ? void 0 : solana.networks,
-                        starknet: starknet === null || starknet === void 0 ? void 0 : starknet.networks,
+                        solana: solanaNetworks,
+                        starknet: starknetNetworks,
                     },
                     environmentId,
                     expiry,
+                    version: VERSION,
                 });
+                setlsNetworksExists(true);
             })
                 .catch((e) => {
                 setRetries((currentRetries) => currentRetries + 1);
@@ -116,7 +140,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
         authToken,
         environmentId,
         loading,
-        localNetworks,
+        customerEvmNetworks,
         lsNetworksExists,
         maxRetries,
         retries,
@@ -124,7 +148,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
     ]);
     return {
         configurations: lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
-        removeLsNetworks,
+        handleRemoveLsNetworks,
     };
 };
 

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

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 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');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+require('ethers');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
@@ -32,7 +34,7 @@ const useFetchNonce = (environmentId, maxRetries = 2) => {
             api.fetchNonce(environmentId)
                 .then((response) => {
                 if (!response)
-                    throw new multiWallet.DynamicError('Nonce is not defined');
+                    throw new utils.DynamicError('Nonce is not defined');
                 const expiry = new Date().getTime() + 60000 * 60 * 24;
                 setLsNonce({ environmentId, expiry: expiry, value: response });
             })

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

@@ -1,13 +1,15 @@
 import { useState, useEffect, useCallback } from 'react';
-import { DynamicError } from '@dynamic-labs/multi-wallet';
+import { DynamicError } from '@dynamic-labs/utils';
 import { fetchNonce } from '../../../data/api.js';
 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 { NONCE_STORAGE_KEY } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';

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

@@ -3,18 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 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');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+require('ethers');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
+require('@dynamic-labs/multi-wallet');
 var index = require('../../functions/getEnabledProviders/index.cjs');
 
 const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, }) => {
@@ -41,7 +44,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
                 if (!response)
-                    throw new multiWallet.DynamicError('Settings are not defined');
+                    throw new utils.DynamicError('Settings are not defined');
                 const expiry = new Date().getTime() + 60000 * 5;
                 setLsSettings({
                     environmentId,

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

@@ -1,16 +1,19 @@
 import { useState, useEffect, useMemo } from 'react';
-import { DynamicError } from '@dynamic-labs/multi-wallet';
+import { DynamicError } from '@dynamic-labs/utils';
 import { fetchProjectSettings } from '../../../data/api.js';
 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 { PROJECT_SETTINGS_STORAGE_KEY } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
+import '@dynamic-labs/multi-wallet';
 import { getEnabledProviders } from '../../functions/getEnabledProviders/index.js';
 
 const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, }) => {

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

@@ -6,10 +6,12 @@ var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('ethers');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {

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

@@ -2,10 +2,12 @@ import { useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import 'ethers';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {

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

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var iconic = require('@dynamic-labs/iconic');
+var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
+var useColorSchemePreference = require('../useColorSchemePreference/useColorSchemePreference.cjs');
+
+const useGetSocialIcon = () => {
+    const { theme: { theme: { name }, }, } = ThemeContext.useThemeContext();
+    const preference = useColorSchemePreference.useColorSchemePreference();
+    const variant = name === 'auto' ? preference : name;
+    return React.useCallback((provider) => iconic.getSocialIcon(provider, variant), [variant]);
+};
+
+exports.useGetSocialIcon = useGetSocialIcon;

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

@@ -0,0 +1,2 @@
+import { SocialProvider } from '@dynamic-labs/wallet-connector-core';
+export declare const useGetSocialIcon: () => (provider: SocialProvider) => import("@dynamic-labs/iconic").Iconic;

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

@@ -0,0 +1,13 @@
+import { useCallback } from 'react';
+import { getSocialIcon } from '@dynamic-labs/iconic';
+import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
+import { useColorSchemePreference } from '../useColorSchemePreference/useColorSchemePreference.js';
+
+const useGetSocialIcon = () => {
+    const { theme: { theme: { name }, }, } = useThemeContext();
+    const preference = useColorSchemePreference();
+    const variant = name === 'auto' ? preference : name;
+    return useCallback((provider) => getSocialIcon(provider, variant), [variant]);
+};
+
+export { useGetSocialIcon };

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

@@ -4,16 +4,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+var getFromLS = require('../../../shared/utils/functions/storage/getFromLS.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+var localStorage = require('../../constants/localStorage.cjs');
+require('../../constants/colors.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
 var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (walletId === primaryWalletId)
+        var _a;
+        // when we call handleUnlinkWallet on the same execution stack as setPrimaryWallet, the value of
+        // primaryWalletId coming from the DynamicContext will be the old one in  this callback function
+        // so we need to get the latest value from LS
+        // e.g. primary wallet id is 1234, and we have a function like this:
+        // async function setPrimaryWalletAndUnlink() {
+        //  await setPrimaryWallet('5678');
+        //  handleUnlinkWallet('1234');
+        // }
+        // without fetching from LS, primaryWalletId would still be 1234 when handleUnlinkWallet runs in the example above
+        const currentPrimaryWalletId = (_a = getFromLS.getFromLS(localStorage.PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
+        if (walletId === currentPrimaryWalletId)
             return;
         const newUser = yield handleUnlinkHelper.handleUnlinkHelper({
             environmentId,
-            primaryWalletId,
+            primaryWalletId: currentPrimaryWalletId,
             walletId,
         });
         if (newUser) {

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

@@ -1,15 +1,38 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import { getFromLS } from '../../../shared/utils/functions/storage/getFromLS.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
+import '../../constants/colors.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.js';
 import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletId === primaryWalletId)
+        var _a;
+        // when we call handleUnlinkWallet on the same execution stack as setPrimaryWallet, the value of
+        // primaryWalletId coming from the DynamicContext will be the old one in  this callback function
+        // so we need to get the latest value from LS
+        // e.g. primary wallet id is 1234, and we have a function like this:
+        // async function setPrimaryWalletAndUnlink() {
+        //  await setPrimaryWallet('5678');
+        //  handleUnlinkWallet('1234');
+        // }
+        // without fetching from LS, primaryWalletId would still be 1234 when handleUnlinkWallet runs in the example above
+        const currentPrimaryWalletId = (_a = getFromLS(PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
+        if (walletId === currentPrimaryWalletId)
             return;
         const newUser = yield handleUnlinkHelper({
             environmentId,
-            primaryWalletId,
+            primaryWalletId: currentPrimaryWalletId,
             walletId,
         });
         if (newUser) {

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

@@ -3,15 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var index = require('../../functions/getEnabledKYC/index.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');
+var getUserProfileFields = require('../../functions/getUserProfileFields/getUserProfileFields.cjs');
 
+const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
+/**
+ * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
+ *
+ * @returns {boolean} - A boolean value indicating whether the KYC fields are enabled in the project settings or defined in the user profile.
+ */
 const useKYCFlag = () => {
-    var _a;
-    const isOnlyConnected = useOnlyConnectedMode.useOnlyConnectedMode();
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const hasKYCSettings = (_a = index.getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.length;
-    return !isOnlyConnected && Boolean(hasKYCSettings);
+    const isOnlyConnectedMode = useOnlyConnectedMode.useOnlyConnectedMode();
+    const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
+    if (isOnlyConnectedMode)
+        return false;
+    const hasAnyKYCFields = getUserProfileFields.getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
 };
 
 exports.useKYCFlag = useKYCFlag;

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

@@ -1 +1,6 @@
+/**
+ * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
+ *
+ * @returns {boolean} - A boolean value indicating whether the KYC fields are enabled in the project settings or defined in the user profile.
+ */
 export declare const useKYCFlag: () => boolean;

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

@@ -1,13 +1,23 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import { getEnabledKYC } from '../../functions/getEnabledKYC/index.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
+import { getUserProfileFields } from '../../functions/getUserProfileFields/getUserProfileFields.js';
 
+const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
+/**
+ * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
+ *
+ * @returns {boolean} - A boolean value indicating whether the KYC fields are enabled in the project settings or defined in the user profile.
+ */
 const useKYCFlag = () => {
-    var _a;
-    const isOnlyConnected = useOnlyConnectedMode();
-    const { projectSettings } = useInternalDynamicContext();
-    const hasKYCSettings = (_a = getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.length;
-    return !isOnlyConnected && Boolean(hasKYCSettings);
+    const isOnlyConnectedMode = useOnlyConnectedMode();
+    const { projectSettings, user } = useInternalDynamicContext();
+    if (isOnlyConnectedMode)
+        return false;
+    const hasAnyKYCFields = getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
 };
 
 export { useKYCFlag };

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

@@ -6,12 +6,14 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var isSSR = require('../../../shared/utils/functions/isSSR/isSSR.cjs');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('ethers');
 require('../../../shared/consts/index.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');
 

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

@@ -2,12 +2,14 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { isSSR } from '../../../shared/utils/functions/isSSR/isSSR.js';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import 'ethers';
 import '../../../shared/consts/index.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
 const useMutation = (mutation, options = {}) => {
     const [state, setState] = React.useState({
@@ -32,18 +32,18 @@ const useMutation = (mutation, options = {}) => {
                 (_a = options === null || options === void 0 ? void 0 : options.onSuccess) === null || _a === void 0 ? void 0 : _a.call(options, data, variables);
             }
             catch (err) {
-                multiWallet.logger.error(err);
+                walletConnectorCore.logger.error(err);
             }
             return data;
         }
         catch (error) {
             setState({ error: error, isLoading: false });
-            multiWallet.logger.error(error);
+            walletConnectorCore.logger.error(error);
             try {
                 (_b = options === null || options === void 0 ? void 0 : options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, error, variables);
             }
             catch (err) {
-                multiWallet.logger.error(err);
+                walletConnectorCore.logger.error(err);
             }
         }
         return undefined;

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
-import { logger } from '@dynamic-labs/multi-wallet';
+import { logger } from '@dynamic-labs/wallet-connector-core';
 
 const useMutation = (mutation, options = {}) => {
     const [state, setState] = useState({

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

@@ -22,7 +22,6 @@ var React = require('react');
  * value = true, previousValue will have been set to true so the condition will be false and the
  * effect will not run.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const usePrevious = (value) => {
     const ref = React.useRef();
     React.useEffect(() => {

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

@@ -16,4 +16,4 @@
  * value = true, previousValue will have been set to true so the condition will be false and the
  * effect will not run.
  */
-export declare const usePrevious: (value: any) => undefined;
+export declare const usePrevious: <T>(value: T) => T | undefined;

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

@@ -18,7 +18,6 @@ import { useRef, useEffect } from 'react';
  * value = true, previousValue will have been set to true so the condition will be false and the
  * effect will not run.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const usePrevious = (value) => {
     const ref = useRef();
     useEffect(() => {