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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
 var isConnectOnly = require('../helpers/isConnectOnly.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -11,12 +11,15 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
+require('../../../../config/LSSuffix.cjs');
 var setToLS = require('../../../../shared/utils/functions/storage/setToLS.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('react');
+require('@dynamic-labs/utils');
 var localStorage = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -37,8 +40,8 @@ const useConnectAndSign = () => {
         var _a, _b;
         yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
         try {
-            if (multiWallet.isEmailWalletConnector(walletConnector)) {
-                if (multiWallet.isEmailOTPWalletConnector(walletConnector)) {
+            if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
+                if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
                     setView('email-wallet-otp-verification-view');
                 }
                 else {
@@ -56,11 +59,11 @@ const useConnectAndSign = () => {
                 setView('captcha');
                 return;
             }
-            if (!multiWallet.isEmailWalletConnector(walletConnector)) {
+            if (!walletConnectorCore.isEmailWalletConnector(walletConnector)) {
                 setView('pending-signature');
             }
             else {
-                walletUiUtils.enableInternalSign();
+                walletUiUtils.disabledConfirmationOnce();
             }
             yield verifyWallet({
                 captchaToken,

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { isEmailWalletConnector, isEmailOTPWalletConnector } from '@dynamic-labs/multi-wallet';
+import { isEmailWalletConnector, isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
 import { isConnectOnly } from '../helpers/isConnectOnly.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -7,12 +7,15 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
+import '../../../../config/LSSuffix.js';
 import { setToLS } from '../../../../shared/utils/functions/storage/setToLS.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import 'react';
+import '@dynamic-labs/utils';
 import { LAST_USED_WALLET } from '../../../constants/localStorage.js';
 import '../../../constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -56,7 +59,7 @@ const useConnectAndSign = () => {
                 setView('pending-signature');
             }
             else {
-                walletUiUtils.enableInternalSign();
+                walletUiUtils.disabledConfirmationOnce();
             }
             yield verifyWallet({
                 captchaToken,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -11,13 +11,16 @@ var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
 var isConnectOnly = require('../helpers/isConnectOnly.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
+require('../../../../config/LSSuffix.cjs');
 var setToLS = require('../../../../shared/utils/functions/storage/setToLS.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('react');
+require('@dynamic-labs/utils');
 var localStorage = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 

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

@@ -7,13 +7,16 @@ import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
 import { isConnectOnly } from '../helpers/isConnectOnly.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
+import '../../../../config/LSSuffix.js';
 import { setToLS } from '../../../../shared/utils/functions/storage/setToLS.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import 'react';
+import '@dynamic-labs/utils';
 import { LAST_USED_WALLET } from '../../../constants/localStorage.js';
 import '../../../constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs

@@ -12,9 +12,13 @@ require('@dynamic-labs/utils');
 require('../../../constants/colors.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.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('ethers');
+require('../../../../shared/consts/index.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 

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

@@ -8,9 +8,13 @@ import '@dynamic-labs/utils';
 import '../../../constants/colors.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.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 'ethers';
+import '../../../../shared/consts/index.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 

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

@@ -20,3 +20,7 @@ export { useWalletItemActions } from './useWalletItemActions';
 export { usePromise } from './usePromise';
 export { useMutation } from './useMutation';
 export { useUserUpdateRequest } from './useUserUpdateRequest/useUserUpdateRequest';
+export { useColorSchemePreference } from './useColorSchemePreference';
+export { useGetSocialIcon } from './useGetSocialIcon';
+export { useIconThemeVariant } from './useIconThemeVariant';
+export type { IconThemeVariant } from './useIconThemeVariant';

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

@@ -1,2 +1,3 @@
 export * from './useMultiWalletWidgetState';
 export * from './useVerifyOnAwaitingSignature';
+export * from './useSyncPrimaryWallet';

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

@@ -10,13 +10,11 @@ const validTransitions = {
     awaiting_account_switch: ['awaiting_signature', 'idle'],
     awaiting_connection: ['idle'],
     awaiting_signature: ['idle'],
-    detected_known_secondary_wallet: ['idle'],
     detected_new_wallet: ['awaiting_signature', 'idle'],
     idle: [
         'awaiting_account_switch',
         'awaiting_connection',
         'awaiting_signature',
-        'detected_known_secondary_wallet',
         'detected_new_wallet',
     ],
 };

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

@@ -6,13 +6,11 @@ const validTransitions = {
     awaiting_account_switch: ['awaiting_signature', 'idle'],
     awaiting_connection: ['idle'],
     awaiting_signature: ['idle'],
-    detected_known_secondary_wallet: ['idle'],
     detected_new_wallet: ['awaiting_signature', 'idle'],
     idle: [
         'awaiting_account_switch',
         'awaiting_connection',
         'awaiting_signature',
-        'detected_known_secondary_wallet',
         'detected_new_wallet',
     ],
 };

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

@@ -3,10 +3,54 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var isWalletLinked = require('../../../functions/isWalletLinked/isWalletLinked.cjs');
 
-const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }) => {
+const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, }) => {
+    const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
+        if (!primaryWallet)
+            return;
+        const connectedWalletIsLinked = isWalletLinked.isWalletLinked(connectedAddress, [
+            primaryWallet,
+            ...secondaryWallets,
+        ]);
+        if (!connectedWalletIsLinked) {
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            if (!connectedSecondaryWallet) {
+                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+                return;
+            }
+            setPrimaryWallet(connectedSecondaryWallet.id);
+            computeConnectedStateForWallets();
+            return;
+        }
+        if (showWidgetStatePopup) {
+            // user updates wallet address in the widget
+            setShowWidgetStatePopup(false);
+            setMultiWalletWidgetState('awaiting_account_switch', 'switching_primary');
+            return;
+        }
+        // !showWidgetStatePopup - user comes back to site with different wallet address
+        const connectedWallet = secondaryWallets.find((wallet) => wallet.connected &&
+            walletConnectorCore.isSameAddress(wallet.address, connectedAddress, wallet.chain));
+        if (connectedWallet) {
+            setPrimaryWallet(connectedWallet.id);
+            computeConnectedStateForWallets();
+            return;
+        }
+        setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+    }, [
+        primaryWallet,
+        secondaryWallets,
+        showWidgetStatePopup,
+        setShowWidgetStatePopup,
+        setMultiWalletWidgetState,
+        setPrimaryWallet,
+        computeConnectedStateForWallets,
+    ]);
     React.useEffect(() => {
+        if (!canSync)
+            return;
         if (!primaryWallet || multiWalletWidgetState !== 'idle')
             return;
         if (primaryWallet.connector.connectedChain === 'FLOW')
@@ -15,17 +59,32 @@ const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiW
             return;
         primaryWallet.connector
             .getConnectedAccounts()
-            .then(([selectedAddress]) => {
-            if (!selectedAddress)
+            .then(([connectedAddress]) => {
+            if (walletConnectorCore.isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
-            if (!multiWallet.isSameAddress(selectedAddress, primaryWallet.address, primaryWallet.chain)) {
-                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
             }
+            handlePrimaryWalletNotActive(connectedAddress);
         })
             .catch(() => {
-            setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            if (connectedSecondaryWallet) {
+                setPrimaryWallet(connectedSecondaryWallet.id);
+                computeConnectedStateForWallets();
+                return;
+            }
+            handleLogOut();
         });
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id, setMultiWalletWidgetState, multiWalletWidgetState]);
+    }, [
+        primaryWallet,
+        secondaryWallets,
+        multiWalletWidgetState,
+        setMultiWalletWidgetState,
+        computeConnectedStateForWallets,
+        handlePrimaryWalletNotActive,
+        handleLogOut,
+        setPrimaryWallet,
+        canSync,
+    ]);
 };
 
 exports.useSyncPrimaryWallet = useSyncPrimaryWallet;

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

@@ -1,9 +1,16 @@
+import { Dispatch, SetStateAction } from 'react';
 import { MultiWalletWidgetState, Wallet } from '../../../../shared/types';
 import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
-type UseSyncPrimaryWalletArgs = {
+export type UseSyncPrimaryWalletArgs = {
+    canSync?: boolean;
+    computeConnectedStateForWallets: () => Promise<void>;
+    handleLogOut: () => Promise<void>;
     multiWalletWidgetState: MultiWalletWidgetState;
     primaryWallet: Wallet | null;
+    secondaryWallets: Wallet[];
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
+    setPrimaryWallet: (walletId: string) => Promise<void>;
+    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
+    showWidgetStatePopup: boolean;
 };
-export declare const useSyncPrimaryWallet: ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }: UseSyncPrimaryWalletArgs) => void;
-export {};
+export declare const useSyncPrimaryWallet: ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync, }: UseSyncPrimaryWalletArgs) => void;

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

@@ -1,8 +1,52 @@
-import { useEffect } from 'react';
-import { isSameAddress } from '@dynamic-labs/multi-wallet';
+import { useCallback, useEffect } from 'react';
+import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
+import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked.js';
 
-const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }) => {
+const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, }) => {
+    const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
+        if (!primaryWallet)
+            return;
+        const connectedWalletIsLinked = isWalletLinked(connectedAddress, [
+            primaryWallet,
+            ...secondaryWallets,
+        ]);
+        if (!connectedWalletIsLinked) {
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            if (!connectedSecondaryWallet) {
+                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+                return;
+            }
+            setPrimaryWallet(connectedSecondaryWallet.id);
+            computeConnectedStateForWallets();
+            return;
+        }
+        if (showWidgetStatePopup) {
+            // user updates wallet address in the widget
+            setShowWidgetStatePopup(false);
+            setMultiWalletWidgetState('awaiting_account_switch', 'switching_primary');
+            return;
+        }
+        // !showWidgetStatePopup - user comes back to site with different wallet address
+        const connectedWallet = secondaryWallets.find((wallet) => wallet.connected &&
+            isSameAddress(wallet.address, connectedAddress, wallet.chain));
+        if (connectedWallet) {
+            setPrimaryWallet(connectedWallet.id);
+            computeConnectedStateForWallets();
+            return;
+        }
+        setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+    }, [
+        primaryWallet,
+        secondaryWallets,
+        showWidgetStatePopup,
+        setShowWidgetStatePopup,
+        setMultiWalletWidgetState,
+        setPrimaryWallet,
+        computeConnectedStateForWallets,
+    ]);
     useEffect(() => {
+        if (!canSync)
+            return;
         if (!primaryWallet || multiWalletWidgetState !== 'idle')
             return;
         if (primaryWallet.connector.connectedChain === 'FLOW')
@@ -11,17 +55,32 @@ const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiW
             return;
         primaryWallet.connector
             .getConnectedAccounts()
-            .then(([selectedAddress]) => {
-            if (!selectedAddress)
+            .then(([connectedAddress]) => {
+            if (isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
                 return;
-            if (!isSameAddress(selectedAddress, primaryWallet.address, primaryWallet.chain)) {
-                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
             }
+            handlePrimaryWalletNotActive(connectedAddress);
         })
             .catch(() => {
-            setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            if (connectedSecondaryWallet) {
+                setPrimaryWallet(connectedSecondaryWallet.id);
+                computeConnectedStateForWallets();
+                return;
+            }
+            handleLogOut();
         });
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id, setMultiWalletWidgetState, multiWalletWidgetState]);
+    }, [
+        primaryWallet,
+        secondaryWallets,
+        multiWalletWidgetState,
+        setMultiWalletWidgetState,
+        computeConnectedStateForWallets,
+        handlePrimaryWalletNotActive,
+        handleLogOut,
+        setPrimaryWallet,
+        canSync,
+    ]);
 };
 
 export { useSyncPrimaryWallet };

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

@@ -6,17 +6,21 @@ var React = require('react');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 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');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var requiresTwoStepAuthentication = require('../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 var useConnectAndSign = require('../../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 
 const useVerifyOnAwaitingSignature = () => {

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

@@ -2,17 +2,21 @@ import { useEffect } from 'react';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 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 '@dynamic-labs/utils';
+import '@dynamic-labs/multi-wallet';
 import { requiresTwoStepAuthentication } from '../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import { useConnectAndSign } from '../../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 
 const useVerifyOnAwaitingSignature = () => {

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

@@ -6,16 +6,20 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../constants/colors.cjs');
+require('ethers');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useSignConnectOnlyUser = require('../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs');
 

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

@@ -2,16 +2,20 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../constants/colors.js';
+import 'ethers';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useSignConnectOnlyUser } from '../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js';
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = React.useCallback(() => {
@@ -11,7 +11,7 @@ const useClearWalletConnectSessions = ({ connectors }) => {
             return;
         if (connectors.length === 0)
             return;
-        const names = new Set(connectors.map((connector) => multiWallet.normalizeWalletName(connector.name)));
+        const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
         for (const key of Object.keys(localStorage)) {
             if (key.startsWith('walletconnect') &&
                 !names.has(key.replace('walletconnect-', ''))) {

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

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { normalizeWalletName } from '@dynamic-labs/multi-wallet';
+import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = useCallback(() => {

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

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

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useColorSchemePreference = () => {
+    const [preference, setPreference] = React.useState(() => window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light');
+    React.useEffect(() => {
+        const listener = (e) => {
+            setPreference(e.matches ? 'dark' : 'light');
+        };
+        window
+            .matchMedia('(prefers-color-scheme: dark)')
+            .addEventListener('change', listener);
+        return () => {
+            window
+                .matchMedia('(prefers-color-scheme: dark)')
+                .removeEventListener('change', listener);
+        };
+    }, []);
+    return preference;
+};
+
+exports.useColorSchemePreference = useColorSchemePreference;

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

@@ -0,0 +1 @@
+export declare const useColorSchemePreference: () => "dark" | "light";

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

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+
+const useColorSchemePreference = () => {
+    const [preference, setPreference] = useState(() => window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? 'dark'
+        : 'light');
+    useEffect(() => {
+        const listener = (e) => {
+            setPreference(e.matches ? 'dark' : 'light');
+        };
+        window
+            .matchMedia('(prefers-color-scheme: dark)')
+            .addEventListener('change', listener);
+        return () => {
+            window
+                .matchMedia('(prefers-color-scheme: dark)')
+                .removeEventListener('change', listener);
+        };
+    }, []);
+    return preference;
+};
+
+export { useColorSchemePreference };

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

@@ -13,7 +13,12 @@ const useConfirmationModal = ({ elementId, }) => {
     const [node, setNode] = React.useState(null);
     const open = React.useCallback((builder) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const promise = new Promise((resolve, reject) => {
-            setNode(builder(resolve, reject));
+            try {
+                setNode(builder(resolve, reject));
+            }
+            catch (err) {
+                reject(err);
+            }
         });
         return promise.finally(() => {
             setNode(undefined);

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

@@ -9,7 +9,12 @@ const useConfirmationModal = ({ elementId, }) => {
     const [node, setNode] = useState(null);
     const open = useCallback((builder) => __awaiter(void 0, void 0, void 0, function* () {
         const promise = new Promise((resolve, reject) => {
-            setNode(builder(resolve, reject));
+            try {
+                setNode(builder(resolve, reject));
+            }
+            catch (err) {
+                reject(err);
+            }
         });
         return promise.finally(() => {
             setNode(undefined);