@dynamic-labs/sdk-react-core 3.0.0-alpha.1 → 3.0.0-alpha.11

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -8,6 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs');
@@ -15,7 +16,6 @@ var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var close = require('../../shared/assets/close.cjs');
 var signCircle = require('../../shared/assets/sign-circle.cjs');
@@ -23,6 +23,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
@@ -36,8 +37,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
@@ -105,7 +104,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const [show, setShow] = React.useState(true);
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { userNeedsCrossDomainPasskey } = PasskeyContext.usePasskeyContext();
     const { t } = reactI18next.useTranslation();
@@ -143,6 +142,12 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
         onReject(signMessageError || new Error('user rejected signing'));
     }, [signedMessage, onSignMessage, onReject, signMessageError]);
     const handleMessageSign = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector) ||
+            ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+                walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()))) {
+            confirm();
+            return;
+        }
         if (yield shouldInitRecovery()) {
             yield initPasskeyRecoveryProcess('email', 'signMessage');
         }

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -4,6 +4,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
+import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import { AnimatePresence } from '../../components/AnimatePresence/AnimatePresence.js';
@@ -11,7 +12,6 @@ import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle.js';
@@ -19,6 +19,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import { Icon } from '../../components/Icon/Icon.js';
@@ -32,8 +33,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
@@ -101,7 +100,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const [show, setShow] = useState(true);
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { setShowAuthFlow, walletConnector } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { t } = useTranslation();
@@ -139,6 +138,12 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
         onReject(signMessageError || new Error('user rejected signing'));
     }, [signedMessage, onSignMessage, onReject, signMessageError]);
     const handleMessageSign = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (isSessionKeyCompatibleWalletConnector(walletConnector) ||
+            ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+                isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()))) {
+            confirm();
+            return;
+        }
         if (yield shouldInitRecovery()) {
             yield initPasskeyRecoveryProcess('email', 'signMessage');
         }

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -20,14 +20,13 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -16,14 +16,13 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -20,13 +20,12 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var index = require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -16,13 +16,12 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -31,9 +31,7 @@ export type DynamicEventsCallbacks = {
     onAuthInit?: (data: AuthEventPayload) => void;
 };
 export type OnAuthSuccess = (params: {
-    authToken: string;
     handleLogOut: () => Promise<void>;
-    minAuthToken: string;
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
     user: UserProfile;
@@ -58,4 +56,4 @@ destination: {
     value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
-export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined, user: UserProfile | undefined) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, user: UserProfile | undefined) => void;

package/src/lib/shared/types/wallets.d.ts

@@ -1,8 +1,6 @@
-import { EvmRpcProvider } from '@dynamic-labs/rpc-provider-ethereum';
-import { SolanaRpcProvider } from '@dynamic-labs/rpc-provider-solana';
 import { OauthProviderRequest, PasswordSourceTypeEnum, WalletAdditionalAddress, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import type { BaseWallet } from '@dynamic-labs/types';
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 export type Wallet = BaseWallet & {
     connector: WalletConnector;
     /**
@@ -10,6 +8,7 @@ export type Wallet = BaseWallet & {
      * like ordinals and payment addresses for bitcoin wallets
      */
     additionalAddresses?: WalletAdditionalAddress[];
+    key: string;
 };
 export type WalletAction = 'select' | 'unlink';
 export type WalletWithAction = {
@@ -63,10 +62,3 @@ export type ChainToWalletMap = {
         solana?: string;
     };
 };
-export type DynamicRPCProviders = {
-    evmDefaultProvider: EvmRpcProvider | undefined;
-    evmProviders: EvmRpcProvider[] | undefined;
-    getEvmRpcProviderByChainId: (chainId: number) => EvmRpcProvider | undefined;
-    solanaDefaultProvider: SolanaRpcProvider | undefined;
-    solanaProviders: SolanaRpcProvider[] | undefined;
-};

package/src/lib/shared/utils/classes/index.d.ts

@@ -1 +1,2 @@
 export { LocalStorage } from './storage/localStorage';
+export { SessionStorage } from './storage/sessionStorage';

package/src/lib/shared/utils/classes/storage/sessionStorage.cjs

@@ -0,0 +1,72 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
+var logger = require('../../../logger.cjs');
+
+class SessionStorage {
+    static getDynamicSSKey(key) {
+        return `${key}${SessionStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!SessionStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            SessionStorage.__suffix__ = suffix;
+        }
+    }
+    /**
+     *
+     * @param key
+     * @returns
+     */
+    static getItem(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.sessionStorage.getItem(SessionStorage.getDynamicSSKey(key));
+        if (!value) {
+            return undefined;
+        }
+        try {
+            return JSON.parse(value);
+        }
+        catch (error) {
+            logger.logger.debug(`Error while parsing ${key} from session storage`, {
+                value,
+            });
+            SessionStorage.removeItem(key);
+            dynamicEvents.dynamicEvents.emit('triggerLogout');
+        }
+        return undefined;
+    }
+    static removeItem(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.sessionStorage.removeItem(SessionStorage.getDynamicSSKey(key));
+    }
+    /**
+     *
+     * @param key
+     * @param value
+     * @returns
+     */
+    static setItem(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.sessionStorage.setItem(SessionStorage.getDynamicSSKey(key), JSON.stringify(value));
+    }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.sessionStorage);
+    }
+}
+SessionStorage.getSuffix = () => SessionStorage.__suffix__ || '';
+
+exports.SessionStorage = SessionStorage;
+exports["default"] = SessionStorage;

package/src/lib/shared/utils/classes/storage/sessionStorage.d.ts

@@ -0,0 +1,22 @@
+export declare class SessionStorage {
+    private static __suffix__;
+    static getSuffix: () => string;
+    private static getDynamicSSKey;
+    static setSuffix(localStorageSuffix?: string): void;
+    /**
+     *
+     * @param key
+     * @returns
+     */
+    static getItem<T = any>(key: string): T | undefined;
+    static removeItem(key: string): void;
+    /**
+     *
+     * @param key
+     * @param value
+     * @returns
+     */
+    static setItem<T = any>(key: string, value: T): void;
+    static getKeys(): string[];
+}
+export default SessionStorage;

package/src/lib/shared/utils/classes/storage/sessionStorage.js

@@ -0,0 +1,67 @@
+'use client'
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+import { logger } from '../../../logger.js';
+
+class SessionStorage {
+    static getDynamicSSKey(key) {
+        return `${key}${SessionStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!SessionStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            SessionStorage.__suffix__ = suffix;
+        }
+    }
+    /**
+     *
+     * @param key
+     * @returns
+     */
+    static getItem(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.sessionStorage.getItem(SessionStorage.getDynamicSSKey(key));
+        if (!value) {
+            return undefined;
+        }
+        try {
+            return JSON.parse(value);
+        }
+        catch (error) {
+            logger.debug(`Error while parsing ${key} from session storage`, {
+                value,
+            });
+            SessionStorage.removeItem(key);
+            dynamicEvents.emit('triggerLogout');
+        }
+        return undefined;
+    }
+    static removeItem(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.sessionStorage.removeItem(SessionStorage.getDynamicSSKey(key));
+    }
+    /**
+     *
+     * @param key
+     * @param value
+     * @returns
+     */
+    static setItem(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.sessionStorage.setItem(SessionStorage.getDynamicSSKey(key), JSON.stringify(value));
+    }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.sessionStorage);
+    }
+}
+SessionStorage.getSuffix = () => SessionStorage.__suffix__ || '';
+
+export { SessionStorage, SessionStorage as default };

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -7,6 +7,7 @@ var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var localStorage = require('../../classes/storage/localStorage.cjs');
+require('../../classes/storage/sessionStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 var getWalletGroupType = require('../../../../utils/functions/getWalletGroupType/getWalletGroupType.cjs');
 

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -3,6 +3,7 @@ import { LAST_USED_WALLET } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { LocalStorage } from '../../classes/storage/localStorage.js';
+import '../../classes/storage/sessionStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 import { getWalletGroupType } from '../../../../utils/functions/getWalletGroupType/getWalletGroupType.js';
 

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

@@ -2,6 +2,7 @@ export { useEffectOnce } from './useEffectOnce';
 export { useForwardedRef } from './useForwardedRef';
 export { useGlobalLoading } from './useGlobalLoading';
 export { useLocalStorage } from './useLocalStorage';
+export { useSessionStorage } from './useSessionStorage';
 export { useMediaQuery } from './useMediaQuery';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var logger = require('../../../logger.cjs');
 var localStorage = require('../../classes/storage/localStorage.cjs');
+require('../../classes/storage/sessionStorage.cjs');
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = React.useState(() => {

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js

@@ -2,6 +2,7 @@
 import { useState, useCallback } from 'react';
 import { logger } from '../../../logger.js';
 import { LocalStorage } from '../../classes/storage/localStorage.js';
+import '../../classes/storage/sessionStorage.js';
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = useState(() => {

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

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

package/src/lib/shared/utils/hooks/useSessionStorage/useSessionStorage.cjs

@@ -0,0 +1,46 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var logger = require('../../../logger.cjs');
+require('../../classes/storage/localStorage.cjs');
+var sessionStorage = require('../../classes/storage/sessionStorage.cjs');
+
+const useSessionStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
+    const [storedValue, setStoredValue] = React.useState(() => {
+        try {
+            const item = sessionStorage.SessionStorage.getItem(key);
+            if (Boolean(item) && valueValidator && !valueValidator(item)) {
+                sessionStorage.SessionStorage.removeItem(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => sessionStorage.SessionStorage.removeItem(k));
+                return initialValue;
+            }
+            else {
+                return item !== null && item !== void 0 ? item : initialValue;
+            }
+        }
+        catch (error) {
+            logger.logger.error(error);
+            return initialValue;
+        }
+    });
+    const setValue = React.useCallback((value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            sessionStorage.SessionStorage.setItem(key, valueToStore);
+        }
+        catch (error) {
+            logger.logger.error(error);
+        }
+    }, [key, storedValue]);
+    const removeValue = React.useCallback(() => {
+        sessionStorage.SessionStorage.removeItem(key);
+        setStoredValue(initialValue);
+    }, [initialValue, key]);
+    return [storedValue, setValue, removeValue];
+};
+
+exports.useSessionStorage = useSessionStorage;

package/src/lib/shared/utils/hooks/useSessionStorage/useSessionStorage.d.ts

@@ -0,0 +1 @@
+export declare const useSessionStorage: <T>(key: string, initialValue: T, valueValidator?: (data: T) => boolean, otherKeysToRemove?: string[]) => readonly [T, (value: T | ((val: T) => T)) => void, () => void];

package/src/lib/shared/utils/hooks/useSessionStorage/useSessionStorage.js

@@ -0,0 +1,42 @@
+'use client'
+import { useState, useCallback } from 'react';
+import { logger } from '../../../logger.js';
+import '../../classes/storage/localStorage.js';
+import { SessionStorage } from '../../classes/storage/sessionStorage.js';
+
+const useSessionStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
+    const [storedValue, setStoredValue] = useState(() => {
+        try {
+            const item = SessionStorage.getItem(key);
+            if (Boolean(item) && valueValidator && !valueValidator(item)) {
+                SessionStorage.removeItem(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => SessionStorage.removeItem(k));
+                return initialValue;
+            }
+            else {
+                return item !== null && item !== void 0 ? item : initialValue;
+            }
+        }
+        catch (error) {
+            logger.error(error);
+            return initialValue;
+        }
+    });
+    const setValue = useCallback((value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            SessionStorage.setItem(key, valueToStore);
+        }
+        catch (error) {
+            logger.error(error);
+        }
+    }, [key, storedValue]);
+    const removeValue = useCallback(() => {
+        SessionStorage.removeItem(key);
+        setStoredValue(initialValue);
+    }, [initialValue, key]);
+    return [storedValue, setValue, removeValue];
+};
+
+export { useSessionStorage };

package/src/lib/store/actions/projectSettingsActions/projectSettingsActions.cjs

@@ -6,5 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var store = require('../../store.cjs');
 
 const setProjectSettings = (projectSettings) => store.getStore().setState({ projectSettings });
+const getProjectSettings = () => store.getStore().getState().projectSettings;
 
+exports.getProjectSettings = getProjectSettings;
 exports.setProjectSettings = setProjectSettings;

package/src/lib/store/actions/projectSettingsActions/projectSettingsActions.js

@@ -2,5 +2,6 @@
 import { getStore } from '../../store.js';
 
 const setProjectSettings = (projectSettings) => getStore().setState({ projectSettings });
+const getProjectSettings = () => getStore().getState().projectSettings;
 
-export { setProjectSettings };
+export { getProjectSettings, setProjectSettings };

package/src/lib/store/hooks/useNetworkConfigurations/useNetworkConfigurations.cjs

@@ -20,15 +20,15 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var networkConfigurationsActions = require('../../actions/networkConfigurationsActions/networkConfigurationsActions.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -45,7 +45,6 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-var networkConfigurationsActions = require('../../actions/networkConfigurationsActions/networkConfigurationsActions.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');

package/src/lib/store/hooks/useNetworkConfigurations/useNetworkConfigurations.js

@@ -16,15 +16,15 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { setNetworkConfigurations } from '../../actions/networkConfigurationsActions/networkConfigurationsActions.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -41,7 +41,6 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import { setNetworkConfigurations } from '../../actions/networkConfigurationsActions/networkConfigurationsActions.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';