@dynamic-labs/sdk-react-core 2.1.0-alpha.2 → 2.1.0-alpha.20

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

@@ -39,11 +39,15 @@ import '../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../context/FooterAnimationContext/index.js';
@@ -61,7 +65,6 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
@@ -69,6 +72,7 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';

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

@@ -10,6 +10,10 @@ const TurnkeyErrorMap = {
     5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
+const reactNativePasskeyErrors = {
+    RequestFailed: 'Request failed. Please try again.',
+    UserCancelled: TurnkeyErrorMap[0],
+};
 const DOMExceptionErrorMap = {
     NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
@@ -24,12 +28,25 @@ const getProperErrorMessage = (originalError) => {
     if (originalError instanceof DOMException) {
         return DOMExceptionErrorMap[originalError.name] || 'Something went wrong';
     }
-    if ('cause' in originalError && ((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
-        return TurnkeyErrorMap[originalError.cause.code];
+    if ('cause' in originalError) {
+        if (((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
+            return TurnkeyErrorMap[originalError.cause.code];
+        }
+        if (originalError.cause &&
+            'error' in originalError.cause &&
+            typeof originalError.cause.error === 'string' &&
+            reactNativePasskeyErrors[originalError.cause.error]) {
+            return reactNativePasskeyErrors[originalError.cause.error];
+        }
     }
     if ('code' in originalError && originalError.code) {
         return TurnkeyErrorMap[originalError.code];
     }
+    if ('error' in originalError &&
+        typeof originalError.error === 'string' &&
+        reactNativePasskeyErrors[originalError.error]) {
+        return reactNativePasskeyErrors[originalError.error];
+    }
     return 'Something went wrong';
 };
 

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

@@ -6,6 +6,10 @@ const TurnkeyErrorMap = {
     5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
+const reactNativePasskeyErrors = {
+    RequestFailed: 'Request failed. Please try again.',
+    UserCancelled: TurnkeyErrorMap[0],
+};
 const DOMExceptionErrorMap = {
     NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
@@ -20,12 +24,25 @@ const getProperErrorMessage = (originalError) => {
     if (originalError instanceof DOMException) {
         return DOMExceptionErrorMap[originalError.name] || 'Something went wrong';
     }
-    if ('cause' in originalError && ((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
-        return TurnkeyErrorMap[originalError.cause.code];
+    if ('cause' in originalError) {
+        if (((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
+            return TurnkeyErrorMap[originalError.cause.code];
+        }
+        if (originalError.cause &&
+            'error' in originalError.cause &&
+            typeof originalError.cause.error === 'string' &&
+            reactNativePasskeyErrors[originalError.cause.error]) {
+            return reactNativePasskeyErrors[originalError.cause.error];
+        }
     }
     if ('code' in originalError && originalError.code) {
         return TurnkeyErrorMap[originalError.code];
     }
+    if ('error' in originalError &&
+        typeof originalError.error === 'string' &&
+        reactNativePasskeyErrors[originalError.error]) {
+        return reactNativePasskeyErrors[originalError.error];
+    }
     return 'Something went wrong';
 };
 

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

@@ -36,13 +36,17 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -55,11 +59,11 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');

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

@@ -32,13 +32,17 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -51,11 +55,11 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';

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

@@ -35,13 +35,17 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -54,11 +58,11 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');

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

@@ -31,13 +31,17 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -50,11 +54,11 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';

package/src/lib/shared/assets/index.d.ts

@@ -78,3 +78,4 @@ export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
 export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
 export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
+export { ReactComponent as MfaRecoveryIcon } from './mfa-recovery-icon.svg';

package/src/lib/shared/assets/mfa-recovery-icon.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgMfaRecoveryIcon = function SvgMfaRecoveryIcon(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-9.322-18.117a1.828 1.828 0 1 0 3.613.568l1.152-7.457h7.144l-1.1 6.89a1.828 1.828 0 1 0 3.612.567l1.153-7.457h3.504a1.691 1.691 0 0 0 0-3.383h-2.948l1.16-7.222h3.597a1.691 1.691 0 0 0 0-3.383h-3.087l1.1-6.89a1.829 1.829 0 1 0-3.612-.567l-1.153 7.457H30.17l1.1-6.89a1.828 1.828 0 1 0-3.613-.567l-1.152 7.457h-3.458a1.691 1.691 0 0 0 0 3.383h2.901l-1.16 7.222h-3.597a1.691 1.691 0 0 0 0 3.383h3.087l-1.1 6.89Zm12.42-10.272H28.5l1.16-7.222h7.097l-1.16 7.222Z",
+    fill: "#4779FF"
+  })));
+};
+
+exports.ReactComponent = SvgMfaRecoveryIcon;

package/src/lib/shared/assets/mfa-recovery-icon.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgMfaRecoveryIcon = function SvgMfaRecoveryIcon(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-9.322-18.117a1.828 1.828 0 1 0 3.613.568l1.152-7.457h7.144l-1.1 6.89a1.828 1.828 0 1 0 3.612.567l1.153-7.457h3.504a1.691 1.691 0 0 0 0-3.383h-2.948l1.16-7.222h3.597a1.691 1.691 0 0 0 0-3.383h-3.087l1.1-6.89a1.829 1.829 0 1 0-3.612-.567l-1.153 7.457H30.17l1.1-6.89a1.828 1.828 0 1 0-3.613-.567l-1.152 7.457h-3.458a1.691 1.691 0 0 0 0 3.383h2.901l-1.16 7.222h-3.597a1.691 1.691 0 0 0 0 3.383h3.087l-1.1 6.89Zm12.42-10.272H28.5l1.16-7.222h7.097l-1.16 7.222Z",
+    fill: "#4779FF"
+  })));
+};
+
+export { SvgMfaRecoveryIcon as ReactComponent };

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

@@ -22,6 +22,7 @@ export type DynamicEventsCallbacks = {
 export type OnAuthSuccess = (params: {
     authToken: string;
     handleLogOut: () => Promise<void>;
+    minAuthToken: string;
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
     user: UserProfile;
@@ -46,4 +47,4 @@ destination: {
     value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
-export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined) => void;

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

@@ -3,3 +3,4 @@ export type ErrorWithCode = Error & {
     code: string;
 };
 export type PasswordInputMode = 'password' | 'text';
+export type ParamsType<T extends (...args: any) => any> = T extends (...args: infer P) => any ? P['length'] extends 0 ? undefined : P : undefined;

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

@@ -9,16 +9,12 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var logger = require('../../../logger.cjs');
 
-const connectedKeys = {
-    [localStorage.AUTH_TOKEN]: [localStorage.AUTH_USER],
-    [localStorage.AUTH_USER]: [localStorage.AUTH_TOKEN],
-};
 class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
     }
-    static validateRequest(key, fromAuxiliarAuthFunctions) {
-        if (key === localStorage.AUTH_TOKEN && !fromAuxiliarAuthFunctions) {
+    static validateRequest(key, fromAuxiliaryAuthFunctions) {
+        if (key === localStorage.AUTH_TOKEN && !fromAuxiliaryAuthFunctions) {
             throw new Error('You cannot access AUTH_TOKEN through localStorage. Use getAuthToken/ storeAuthToken helper functions instead');
         }
     }
@@ -48,10 +44,7 @@ class LocalStorage {
         }
         catch (error) {
             logger.logger.debug(`Error while parsing ${key} from local storage`, { value });
-            // keep it in case handleLogOut is not yet loaded when calling this method
-            [key]
-                .concat(connectedKeys[key] || [])
-                .forEach((_key) => LocalStorage.removeFromLS(_key));
+            LocalStorage.removeFromLS(key);
             dynamicEvents.dynamicEvents.emit('triggerLogout');
         }
         return undefined;

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

@@ -1,20 +1,16 @@
 'use client'
 import { dynamicEvents } from '../../../../events/dynamicEvents.js';
-import { AUTH_TOKEN, AUTH_USER } from '../../../../utils/constants/localStorage.js';
+import { AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { logger } from '../../../logger.js';
 
-const connectedKeys = {
-    [AUTH_TOKEN]: [AUTH_USER],
-    [AUTH_USER]: [AUTH_TOKEN],
-};
 class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
     }
-    static validateRequest(key, fromAuxiliarAuthFunctions) {
-        if (key === AUTH_TOKEN && !fromAuxiliarAuthFunctions) {
+    static validateRequest(key, fromAuxiliaryAuthFunctions) {
+        if (key === AUTH_TOKEN && !fromAuxiliaryAuthFunctions) {
             throw new Error('You cannot access AUTH_TOKEN through localStorage. Use getAuthToken/ storeAuthToken helper functions instead');
         }
     }
@@ -44,10 +40,7 @@ class LocalStorage {
         }
         catch (error) {
             logger.debug(`Error while parsing ${key} from local storage`, { value });
-            // keep it in case handleLogOut is not yet loaded when calling this method
-            [key]
-                .concat(connectedKeys[key] || [])
-                .forEach((_key) => LocalStorage.removeFromLS(_key));
+            LocalStorage.removeFromLS(key);
             dynamicEvents.emit('triggerLogout');
         }
         return undefined;

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

@@ -1,6 +1,5 @@
 export * from './decodeJwt';
 export * from './decodeMinJwt';
-export * from './validateType';
 export * from './chain';
 export * from './wallet';
 export * from './getValueByKey';

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

@@ -1,3 +1,3 @@
-import { DynamicJwt, JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { DynamicJwt, JwtVerifiedCredential, SdkUser } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-export declare const lastAuthenticatedAccount: (dynamicJwtOrUser: DynamicJwt | UserProfile) => JwtVerifiedCredential | undefined;
+export declare const lastAuthenticatedAccount: (dynamicJwtOrUser: DynamicJwt | UserProfile | SdkUser) => JwtVerifiedCredential | undefined;

package/src/lib/store/actions/storeActions/index.d.ts

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

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

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+
+const clearStore = () => store.getStore().setState(store.getStore().getInitialState());
+
+exports.clearStore = clearStore;

package/src/lib/store/actions/storeActions/storeActions.d.ts

@@ -0,0 +1 @@
+export declare const clearStore: () => void;

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

@@ -0,0 +1,6 @@
+'use client'
+import { getStore } from '../../store.js';
+
+const clearStore = () => getStore().setState(getStore().getInitialState());
+
+export { clearStore };

package/src/lib/store/actions/userActions/index.d.ts

@@ -0,0 +1 @@
+export { getUser, setUser, removeUser, type GetUserAction, type RemoveUserAction, type SetUserAction, } from './userActions';

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

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+
+const setUser = (user) => store.getStore().setState({ user });
+const getUser = () => store.getStore().getState().user;
+
+exports.getUser = getUser;
+exports.setUser = setUser;

package/src/lib/store/actions/userActions/userActions.d.ts

@@ -0,0 +1,7 @@
+import { UserProfile } from '@dynamic-labs/types';
+export type SetUserAction = (user: UserProfile) => void;
+export type GetUserAction = () => UserProfile | undefined;
+export type RemoveUserAction = () => void;
+export declare const setUser: SetUserAction;
+export declare const getUser: GetUserAction;
+export declare const removeUser: RemoveUserAction;

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

@@ -0,0 +1,7 @@
+'use client'
+import { getStore } from '../../store.js';
+
+const setUser = (user) => getStore().setState({ user });
+const getUser = () => getStore().getState().user;
+
+export { getUser, setUser };

package/src/lib/store/hooks/useUser/index.d.ts

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

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

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zustand = require('zustand');
+var shallow = require('zustand/react/shallow');
+var store = require('../../store.cjs');
+
+const useUser = () => {
+    var _a;
+    const userFromStore = zustand.useStore(store.getStore(), shallow.useShallow((state) => state.user));
+    // adding userWithMissingFields to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they already moved passed onboarding.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or userWithMissingFields, depending on the value of missing fields
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if ((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) {
+        return { userWithMissingFields: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+exports.useUser = useUser;

package/src/lib/store/hooks/useUser/useUser.d.ts

@@ -0,0 +1,7 @@
+export declare const useUser: () => {
+    userWithMissingFields: import("dist/packages/types/src").UserProfile;
+    user?: undefined;
+} | {
+    user: import("dist/packages/types/src").UserProfile | undefined;
+    userWithMissingFields?: undefined;
+};

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

@@ -0,0 +1,20 @@
+'use client'
+import { useStore } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import { getStore } from '../../store.js';
+
+const useUser = () => {
+    var _a;
+    const userFromStore = useStore(getStore(), useShallow((state) => state.user));
+    // adding userWithMissingFields to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they already moved passed onboarding.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or userWithMissingFields, depending on the value of missing fields
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if ((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) {
+        return { userWithMissingFields: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+export { useUser };

package/src/lib/store/index.d.ts

@@ -0,0 +1,4 @@
+export * from './actions/userActions';
+export * from './actions/storeActions';
+export * from './hooks/useUser';
+export { initializeStore } from './store';

package/src/lib/store/store.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createStore = require('./utils/createStore/createStore.cjs');
+var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = (props) => {
+    if (store) {
+        return;
+    }
+    store = syncLegacyStorage.syncLegacyStorage(createStore.createStore(props));
+};
+
+exports.getStore = getStore;
+exports.initializeStore = initializeStore;

package/src/lib/store/store.d.ts

@@ -0,0 +1,13 @@
+import { CreateStoreProps } from './utils/createStore';
+export declare const getStore: () => Omit<import("zustand").StoreApi<import("./types").Store>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("./types").Store, import("./types").Store>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: import("./types").Store) => void) => () => void;
+        onFinishHydration: (fn: (state: import("./types").Store) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("./types").Store, import("./types").Store>>;
+    };
+};
+export declare const initializeStore: (props?: CreateStoreProps) => void;

package/src/lib/store/store.js

@@ -0,0 +1,19 @@
+'use client'
+import { createStore } from './utils/createStore/createStore.js';
+import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = (props) => {
+    if (store) {
+        return;
+    }
+    store = syncLegacyStorage(createStore(props));
+};
+
+export { getStore, initializeStore };