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

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

@@ -4,19 +4,22 @@ 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');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 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');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 var api = require('../../../data/api.cjs');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 
 const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly) => {
@@ -38,13 +41,13 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
         });
     }, [setConnectedInfo]);
     const connectWalletByAddressAndChain = React.useCallback((name, address, chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const walletConnector = multiWallet.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
+        const walletConnector = walletConnectorCore.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
         if (walletConnector) {
             if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
                 yield walletConnector.connect();
             }
             const connectedAccounts = yield walletConnector.getConnectedAccounts();
-            const result = connectedAccounts.filter((account) => multiWallet.isSameAddress(account, address, chain));
+            const result = connectedAccounts.filter((account) => walletConnectorCore.isSameAddress(account, address, chain));
             if (result.length > 0) {
                 walletConnector.connect();
                 setConnectedStates(walletConnector, address, chain);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
     chain: Chain | undefined;

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

@@ -1,18 +1,21 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
-import { getWalletConnectorByName, isSameAddress } from '@dynamic-labs/multi-wallet';
+import { getWalletConnectorByName, isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import { 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 { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import { createVisit } from '../../../data/api.js';
-import '@dynamic-labs/utils';
+import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 
 const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly) => {

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

@@ -6,11 +6,14 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.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');
 require('../../../shared/consts/index.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 

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

@@ -2,11 +2,14 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
+import '../../../config/LSSuffix.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 '../../../shared/consts/index.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 

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

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

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+
+const useConnectedAccountWallet = (connector, secondaryWallets) => {
+    const [wallet, setWallet] = React.useState();
+    React.useEffect(() => {
+        const getConnectedAccounts = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            if (!connector) {
+                setWallet(undefined);
+                return;
+            }
+            const connectedAccounts = (_a = (yield connector.getConnectedAccounts())) !== null && _a !== void 0 ? _a : [];
+            const connectedWallet = secondaryWallets.find((secondaryWallet) => {
+                var _a;
+                return secondaryWallet.address.toLowerCase() ===
+                    ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+            });
+            setWallet(connectedWallet);
+        });
+        getConnectedAccounts();
+    }, [connector, secondaryWallets]);
+    return wallet;
+};
+
+exports.useConnectedAccountWallet = useConnectedAccountWallet;

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

@@ -0,0 +1,2 @@
+import { Wallet, WalletConnector } from '../../../..';
+export declare const useConnectedAccountWallet: (connector: WalletConnector | undefined, secondaryWallets: Wallet[]) => Wallet | undefined;

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

@@ -0,0 +1,26 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useEffect } from 'react';
+
+const useConnectedAccountWallet = (connector, secondaryWallets) => {
+    const [wallet, setWallet] = useState();
+    useEffect(() => {
+        const getConnectedAccounts = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            if (!connector) {
+                setWallet(undefined);
+                return;
+            }
+            const connectedAccounts = (_a = (yield connector.getConnectedAccounts())) !== null && _a !== void 0 ? _a : [];
+            const connectedWallet = secondaryWallets.find((secondaryWallet) => {
+                var _a;
+                return secondaryWallet.address.toLowerCase() ===
+                    ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+            });
+            setWallet(connectedWallet);
+        });
+        getConnectedAccounts();
+    }, [connector, secondaryWallets]);
+    return wallet;
+};
+
+export { useConnectedAccountWallet };

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

@@ -7,13 +7,16 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('ethers');
 require('../../../shared/consts/index.cjs');
 var index = require('../../functions/storeAuthToken/index.cjs');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api');
 

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

@@ -3,13 +3,16 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import 'ethers';
 import '../../../shared/consts/index.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
-import '@dynamic-labs/utils';
+import '@dynamic-labs/multi-wallet';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api';
 

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

@@ -7,12 +7,15 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+var getFromLS = require('../../../shared/utils/functions/storage/getFromLS.cjs');
+require('../../../config/LSSuffix.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');
 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');
@@ -45,7 +48,8 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         }
     }, [environmentId, handleRemoveLsNetworks, lsNetworks, removeLsNetworks]);
     React.useEffect(() => {
-        if (!authToken) {
+        const connectedWalletData = getFromLS.getFromLS(localStorage.CONNECTED_WALLET_CONNECTOR_DATA);
+        if (!authToken && !connectedWalletData) {
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);

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

@@ -3,12 +3,15 @@ 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 '../../../config/LSSuffix.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 { 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';
@@ -41,7 +44,8 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         }
     }, [environmentId, handleRemoveLsNetworks, lsNetworks, removeLsNetworks]);
     useEffect(() => {
-        if (!authToken) {
+        const connectedWalletData = getFromLS(CONNECTED_WALLET_CONNECTOR_DATA);
+        if (!authToken && !connectedWalletData) {
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);

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

@@ -7,12 +7,14 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.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');
 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');

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

@@ -3,12 +3,14 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchNonce } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.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 { 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

@@ -7,15 +7,18 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.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');
 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, }) => {

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

@@ -3,15 +3,18 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.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 { 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

@@ -5,11 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.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

@@ -1,11 +1,14 @@
 import { useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.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,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var iconic = require('@dynamic-labs/iconic');
+var useIconThemeVariant = require('../useIconThemeVariant/useIconThemeVariant.cjs');
+
+const useGetSocialIcon = () => {
+    const variant = useIconThemeVariant.useIconThemeVariant();
+    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,10 @@
+import { useCallback } from 'react';
+import { getSocialIcon } from '@dynamic-labs/iconic';
+import { useIconThemeVariant } from '../useIconThemeVariant/useIconThemeVariant.js';
+
+const useGetSocialIcon = () => {
+    const variant = useIconThemeVariant();
+    return useCallback((provider) => getSocialIcon(provider, variant), [variant]);
+};
+
+export { useGetSocialIcon };

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

@@ -4,16 +4,40 @@ 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('../../../config/LSSuffix.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,39 @@
 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 '../../../config/LSSuffix.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/useIconThemeVariant/index.d.ts

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
+var useColorSchemePreference = require('../useColorSchemePreference/useColorSchemePreference.cjs');
+
+const useIconThemeVariant = () => {
+    const { theme: { theme: { name }, }, } = ThemeContext.useThemeContext();
+    const preference = useColorSchemePreference.useColorSchemePreference();
+    const variant = name === 'auto' ? preference : name;
+    return variant;
+};
+
+exports.useIconThemeVariant = useIconThemeVariant;

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

@@ -0,0 +1,2 @@
+export type IconThemeVariant = 'light' | 'dark';
+export declare const useIconThemeVariant: () => "light" | "dark";

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

@@ -0,0 +1,11 @@
+import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
+import { useColorSchemePreference } from '../useColorSchemePreference/useColorSchemePreference.js';
+
+const useIconThemeVariant = () => {
+    const { theme: { theme: { name }, }, } = useThemeContext();
+    const preference = useColorSchemePreference();
+    const variant = name === 'auto' ? preference : name;
+    return variant;
+};
+
+export { useIconThemeVariant };

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 };