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

package/src/lib/utils/functions/hasWalletGroupFlag/hasWalletGroupFlag.d.ts

@@ -0,0 +1 @@
+export declare const hasWalletGroupFlag: () => boolean;

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

@@ -13,3 +13,6 @@ export * from './pixelToRem';
 export * from './isProgrammableNetworkSwitchSupported';
 export * from './getEnabledOAuthProviders';
 export * from './shouldManuallyReconnectOnRefresh';
+export * from './isNetworkUnsupported';
+export * from './getReferencedAccount';
+export * from './getAppOrigin';

package/src/lib/utils/functions/isNetworkUnsupported/index.d.ts

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

package/src/lib/utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+
+// Network is not supported if:
+//   - its undefined
+//   - its not in evmNetworks
+const isNetworkUnsupported = (network, evmNetworks) => !(evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === utils.parseChainId(network)));
+
+exports.isNetworkUnsupported = isNetworkUnsupported;

package/src/lib/utils/functions/isNetworkUnsupported/isNetworkUnsupported.d.ts

@@ -0,0 +1,2 @@
+import { EvmNetwork } from '@dynamic-labs/types';
+export declare const isNetworkUnsupported: (network: string | number | undefined, evmNetworks: EvmNetwork[]) => boolean;

package/src/lib/utils/functions/isNetworkUnsupported/isNetworkUnsupported.js

@@ -0,0 +1,8 @@
+import { parseChainId } from '@dynamic-labs/utils';
+
+// Network is not supported if:
+//   - its undefined
+//   - its not in evmNetworks
+const isNetworkUnsupported = (network, evmNetworks) => !(evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === parseChainId(network)));
+
+export { isNetworkUnsupported };

package/src/lib/utils/functions/isWalletLinked/index.d.ts

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

package/src/lib/utils/functions/isWalletLinked/isWalletLinked.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const isWalletLinked = (address, linkedWallets) => {
+    if (!address || !(linkedWallets === null || linkedWallets === void 0 ? void 0 : linkedWallets.length)) {
+        return false;
+    }
+    const linkedWallet = linkedWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, address, wallet.chain));
+    return Boolean(linkedWallet);
+};
+
+exports.isWalletLinked = isWalletLinked;

package/src/lib/utils/functions/isWalletLinked/isWalletLinked.d.ts

@@ -0,0 +1,2 @@
+import { Wallet } from '../../../shared';
+export declare const isWalletLinked: (address: string | undefined, linkedWallets: Wallet[]) => boolean;

package/src/lib/utils/functions/isWalletLinked/isWalletLinked.js

@@ -0,0 +1,11 @@
+import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
+
+const isWalletLinked = (address, linkedWallets) => {
+    if (!address || !(linkedWallets === null || linkedWallets === void 0 ? void 0 : linkedWallets.length)) {
+        return false;
+    }
+    const linkedWallet = linkedWallets.find((wallet) => isSameAddress(wallet.address, address, wallet.chain));
+    return Boolean(linkedWallet);
+};
+
+export { isWalletLinked };

package/src/lib/utils/functions/parseWalletLinks/parseWalletLinks.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('@dynamic-labs/utils');
 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');

package/src/lib/utils/functions/parseWalletLinks/parseWalletLinks.js

@@ -1,6 +1,7 @@
 import { isIPhone, isIPad, isMobile } from '@dynamic-labs/utils';
 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';

package/src/lib/utils/functions/storeAuthToken/index.cjs

@@ -2,13 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localStorage$1 = require('../../constants/localStorage.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/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/utils');
+var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 
 const storeAuthToken = (jwt) => {
     // TODO: update it to not use localStorage
     //        when we decide how to handle JWT https://linear.app/dynamic-labs/issue/DYN-178
-    localStorage.setItem(localStorage$1.AUTH_TOKEN, jwt);
+    setToLS.setToLS(localStorage.AUTH_TOKEN, jwt);
 };
 
 exports.storeAuthToken = storeAuthToken;

package/src/lib/utils/functions/storeAuthToken/index.js

@@ -1,10 +1,22 @@
+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/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/utils';
 import { AUTH_TOKEN } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 
 const storeAuthToken = (jwt) => {
     // TODO: update it to not use localStorage
     //        when we decide how to handle JWT https://linear.app/dynamic-labs/issue/DYN-178
-    localStorage.setItem(AUTH_TOKEN, jwt);
+    setToLS(AUTH_TOKEN, jwt);
 };
 
 export { storeAuthToken };

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

@@ -11,6 +11,7 @@ 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');
@@ -62,7 +63,7 @@ const useConnectAndSign = () => {
                 setView('pending-signature');
             }
             else {
-                walletUiUtils.enableInternalSign();
+                walletUiUtils.disabledConfirmationOnce();
             }
             yield verifyWallet({
                 captchaToken,

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

@@ -7,6 +7,7 @@ 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';
@@ -58,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,6 +11,7 @@ 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/wallet-connector-core');

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

@@ -7,6 +7,7 @@ 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/wallet-connector-core';

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

@@ -12,11 +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,11 +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

@@ -4,9 +4,53 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 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 (!walletConnectorCore.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 { 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,6 +6,7 @@ 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/wallet-connector-core');
 require('react/jsx-runtime');
@@ -19,6 +20,7 @@ var requiresTwoStepAuthentication = require('../../../functions/requiresTwoStepA
 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,6 +2,7 @@ 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/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -15,6 +16,7 @@ import { requiresTwoStepAuthentication } from '../../../functions/requiresTwoSte
 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

@@ -11,6 +11,7 @@ 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');
@@ -18,6 +19,7 @@ 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

@@ -7,6 +7,7 @@ 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';
@@ -14,6 +15,7 @@ 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/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);