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

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

@@ -32,6 +32,7 @@ require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -43,9 +44,10 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -65,7 +67,6 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
@@ -73,6 +74,7 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');

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

@@ -28,6 +28,7 @@ import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -39,9 +40,10 @@ 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 '@dynamic-labs/rpc-providers';
@@ -61,7 +63,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 +70,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

@@ -28,6 +28,7 @@ require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -36,13 +37,14 @@ 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('@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 +57,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

@@ -24,6 +24,7 @@ import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -32,13 +33,14 @@ 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 '@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 +53,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

@@ -27,6 +27,7 @@ require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -35,13 +36,14 @@ 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('@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 +56,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

@@ -23,6 +23,7 @@ import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -31,13 +32,14 @@ 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 '@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 +52,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/useStoreWithSelector/index.d.ts

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

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

@@ -0,0 +1,31 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Custom hook that provides a slice of the store state based on a selector function.
+ *
+ * @template TState - The type of the store state.
+ * @template StateSlice - The type of the selected slice of the store state.
+ * @param {StoreApi<TState>} api - The store API object.
+ * @param {(state: TState) => StateSlice} selector - The selector function to extract the desired store slice.
+ * @returns {StateSlice} - The selected slice of the store state.
+ *
+ * @example
+ * const store = createStore(() => ({
+ *   count: 0,
+ * }))
+ *
+ * const count = useStoreWithSelector(store, ({ count }) => count);
+ */
+const useStoreWithSelector = (api, selector) => {
+    const getSnapshot = () => selector(api.getState());
+    const getServerSnapshot = () => selector(api.getInitialState());
+    const slice = React.useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
+    return slice;
+};
+
+exports.useStoreWithSelector = useStoreWithSelector;

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

@@ -0,0 +1,2 @@
+import { StoreApi } from '@dynamic-labs/store';
+export declare const useStoreWithSelector: <TState extends object, StateSlice>(api: StoreApi<TState>, selector: (state: TState) => StateSlice) => StateSlice;

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

@@ -0,0 +1,27 @@
+'use client'
+import { useSyncExternalStore } from 'react';
+
+/**
+ * Custom hook that provides a slice of the store state based on a selector function.
+ *
+ * @template TState - The type of the store state.
+ * @template StateSlice - The type of the selected slice of the store state.
+ * @param {StoreApi<TState>} api - The store API object.
+ * @param {(state: TState) => StateSlice} selector - The selector function to extract the desired store slice.
+ * @returns {StateSlice} - The selected slice of the store state.
+ *
+ * @example
+ * const store = createStore(() => ({
+ *   count: 0,
+ * }))
+ *
+ * const count = useStoreWithSelector(store, ({ count }) => count);
+ */
+const useStoreWithSelector = (api, selector) => {
+    const getSnapshot = () => selector(api.getState());
+    const getServerSnapshot = () => selector(api.getInitialState());
+    const slice = useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
+    return slice;
+};
+
+export { useStoreWithSelector };