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

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,14 +38,14 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../../utils/hooks/useMutation/useMutation.cjs');
-var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');
-var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -65,7 +66,7 @@ require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
 require('formik');
-var Button = require('../../../../components/Button/Button.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Input/Input.cjs');
@@ -119,7 +120,7 @@ const PasskeyCompleteRecovery = () => {
     const translationKey = isTurnkeyWalletWithoutAuthenticator
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
-    return (jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx("div", { className: 'passkey-recovery-view__header', children: jsxRuntime.jsx(passkeyIntroIcon.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(Button.Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
+    return (jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx("div", { className: 'passkey-recovery-view__header', children: jsxRuntime.jsx(passkeyIntroIcon.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
                         color: 'inherit',
                     }, children: jsxRuntime.jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { size: 'small' }), jsxRuntime.jsx(Typography.Typography, { children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] }));
 };

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
@@ -33,14 +34,14 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { completePasskeyRecovery } from '../../utils/passkeyRecovery/passkeyRecovery.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../../utils/hooks/useMutation/useMutation.js';
-import { completePasskeyRecovery } from '../../utils/passkeyRecovery/passkeyRecovery.js';
-import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import '@dynamic-labs/types';
 import 'yup';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -61,7 +62,7 @@ import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
-import { Button } from '../../../../components/Button/Button.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/Input/Input.js';
@@ -115,7 +116,7 @@ const PasskeyCompleteRecovery = () => {
     const translationKey = isTurnkeyWalletWithoutAuthenticator
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
-    return (jsxs("div", { className: 'passkey-recovery-view', children: [jsx("div", { className: 'passkey-recovery-view__header', children: jsx(SvgPasskeyIntroIcon, {}) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
+    return (jsxs("div", { className: 'passkey-recovery-view', children: [jsx("div", { className: 'passkey-recovery-view__header', children: jsx(SvgPasskeyIntroIcon, {}) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.complete.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', dataTestId: 'passkey-recovery-complete-button', onClick: () => completeRecovery(), disabled: isLoading, showInternalLoading: false, typographyProps: {
                         color: 'inherit',
                     }, children: jsxs("div", { className: 'passkey-recovery-view__inline-button', children: [jsx(PasskeyDeviceIcon, { size: 'small' }), jsx(Typography, { children: t(`${translationKey}.complete.complete_button`) })] }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] }));
 };

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,14 +38,14 @@ require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var useElementById = require('../../../../utils/hooks/useElementById/useElementById.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
-var constants = require('../constants.cjs');
 var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+var constants = require('../constants.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useInitEmbeddedWalletAuthMethod = require('../../../../utils/hooks/useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -67,7 +68,7 @@ var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
 require('formik');
-var Button = require('../../../../components/Button/Button.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../components/Alert/Alert.cjs');
@@ -106,7 +107,7 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
                                 authenticatorType,
                                 iframeContainer: iframeContainerRef.current,
                             }), disabled: isLoading, showInternalLoading: false, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { children: t(`${translationKey}.start.start_button`) }) }) }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isRecoveryFlow: true })] })] }));

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -33,14 +34,14 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { useElementById } from '../../../../utils/hooks/useElementById/useElementById.js';
 import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import { iframeContainerId } from '../constants.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { iframeContainerId } from '../constants.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
 import { useInitEmbeddedWalletAuthMethod } from '../../../../utils/hooks/useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
 import '@dynamic-labs/types';
 import 'yup';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -63,7 +64,7 @@ import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
-import { Button } from '../../../../components/Button/Button.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../components/Alert/Alert.js';
@@ -102,7 +103,7 @@ const PasskeyInitRecovery = ({ authenticatorType, }) => {
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
     const closeButton = (jsx(IconButton, { type: 'button', onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxs("div", { className: 'passkey-recovery-view', children: [jsx(IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(Button, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t(`${translationKey}.start.title`) }) }), jsxs("div", { className: 'passkey-recovery-view', children: [jsx(IconWithSpinner, { Icon: EmailIcon, isSpinning: isLoading, iconSize: 96 }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.start.description`) }), errorText && jsx(ErrorContainer, { children: errorText }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(TypographyButton, { buttonPadding: 'large', dataTestId: 'passkey-recovery-button', onClick: () => initAuthMethod({
                                 authenticatorType,
                                 iframeContainer: iframeContainerRef.current,
                             }), disabled: isLoading, showInternalLoading: false, children: jsx("div", { children: jsx(Typography, { children: t(`${translationKey}.start.start_button`) }) }) }) }), jsx(NeedHelpSection, { isRecoveryFlow: true })] })] }));

package/src/lib/views/Passkey/PasskeyRecovery/constants.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/views/Passkey/PasskeyRecovery/constants.js

@@ -1,3 +1,4 @@
+'use client'
 const iframeContainerId = 'dyn-passkey-recovery-id';
 const iframeElementId = 'dyn-passkey-recovery-element-id';
 

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -42,8 +43,8 @@ require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -62,7 +63,7 @@ require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-var Button = require('../../../components/Button/Button.cjs');
+var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -113,7 +114,7 @@ const RenamePasskeyView = () => {
     if (passkey) {
         return (jsxRuntime.jsxs("div", { className: 'edit-passkeys-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton }), jsxRuntime.jsx("div", { className: 'edit-passkeys-widget-view__icon', children: passkeyIcon }), jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', className: 'edit-passkeys-widget-view__title', copykey: 'dyn_rename_passkeys.title', children: t('dyn_rename_passkeys.title') }), jsxRuntime.jsx(formik.Formik, { initialValues: { alias: (_a = passkey.alias) !== null && _a !== void 0 ? _a : '' }, onSubmit: (values) => {
                         handleUpdatePasskey(values.alias);
-                    }, children: ({ values }) => (jsxRuntime.jsxs(formik.Form, { className: 'edit-passkeys-widget-view__body', children: [jsxRuntime.jsx(formik.Field, { "data-testid": 'input-field', name: 'alias', type: 'text', label: t('dyn_rename_passkeys.input_label'), copykey: 'dyn_rename_passkeys.input_label', className: 'edit-passkeys-widget-view__input', as: Input.Input, error: error, maxLength: 32 }), jsxRuntime.jsx(Button.Button, { type: 'submit', className: 'edit-passkeys-widget-view__body', buttonPadding: 'large', disabled: !values.alias, copykey: 'dyn_rename_passkeys.save', children: t('dyn_rename_passkeys.save') }), error && (jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'body_small', color: 'error-1', copykey: 'dyn_rename_passkeys.error', children: t('dyn_rename_passkeys.error') }))] })) })] }));
+                    }, children: ({ values }) => (jsxRuntime.jsxs(formik.Form, { className: 'edit-passkeys-widget-view__body', children: [jsxRuntime.jsx(formik.Field, { "data-testid": 'input-field', name: 'alias', type: 'text', label: t('dyn_rename_passkeys.input_label'), copykey: 'dyn_rename_passkeys.input_label', className: 'edit-passkeys-widget-view__input', as: Input.Input, error: error, maxLength: 32 }), jsxRuntime.jsx(TypographyButton.TypographyButton, { type: 'submit', className: 'edit-passkeys-widget-view__body', buttonPadding: 'large', disabled: !values.alias, copykey: 'dyn_rename_passkeys.save', children: t('dyn_rename_passkeys.save') }), error && (jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'body_small', color: 'error-1', copykey: 'dyn_rename_passkeys.error', children: t('dyn_rename_passkeys.error') }))] })) })] }));
     }
     return (jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', className: 'edit-passkeys-widget-view__title', children: t('dyn_rename_passkeys.not_found') }));
 };

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
@@ -38,8 +39,8 @@ import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/MockContext/MockContext.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -58,7 +59,7 @@ import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
-import { Button } from '../../../components/Button/Button.js';
+import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../components/Alert/Alert.js';
@@ -109,7 +110,7 @@ const RenamePasskeyView = () => {
     if (passkey) {
         return (jsxs("div", { className: 'edit-passkeys-widget-view', children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton }), jsx("div", { className: 'edit-passkeys-widget-view__icon', children: passkeyIcon }), jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', className: 'edit-passkeys-widget-view__title', copykey: 'dyn_rename_passkeys.title', children: t('dyn_rename_passkeys.title') }), jsx(Formik, { initialValues: { alias: (_a = passkey.alias) !== null && _a !== void 0 ? _a : '' }, onSubmit: (values) => {
                         handleUpdatePasskey(values.alias);
-                    }, children: ({ values }) => (jsxs(Form, { className: 'edit-passkeys-widget-view__body', children: [jsx(Field, { "data-testid": 'input-field', name: 'alias', type: 'text', label: t('dyn_rename_passkeys.input_label'), copykey: 'dyn_rename_passkeys.input_label', className: 'edit-passkeys-widget-view__input', as: Input, error: error, maxLength: 32 }), jsx(Button, { type: 'submit', className: 'edit-passkeys-widget-view__body', buttonPadding: 'large', disabled: !values.alias, copykey: 'dyn_rename_passkeys.save', children: t('dyn_rename_passkeys.save') }), error && (jsx(Typography, { as: 'h1', variant: 'body_small', color: 'error-1', copykey: 'dyn_rename_passkeys.error', children: t('dyn_rename_passkeys.error') }))] })) })] }));
+                    }, children: ({ values }) => (jsxs(Form, { className: 'edit-passkeys-widget-view__body', children: [jsx(Field, { "data-testid": 'input-field', name: 'alias', type: 'text', label: t('dyn_rename_passkeys.input_label'), copykey: 'dyn_rename_passkeys.input_label', className: 'edit-passkeys-widget-view__input', as: Input, error: error, maxLength: 32 }), jsx(TypographyButton, { type: 'submit', className: 'edit-passkeys-widget-view__body', buttonPadding: 'large', disabled: !values.alias, copykey: 'dyn_rename_passkeys.save', children: t('dyn_rename_passkeys.save') }), error && (jsx(Typography, { as: 'h1', variant: 'body_small', color: 'error-1', copykey: 'dyn_rename_passkeys.error', children: t('dyn_rename_passkeys.error') }))] })) })] }));
     }
     return (jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', className: 'edit-passkeys-widget-view__title', children: t('dyn_rename_passkeys.not_found') }));
 };

package/src/lib/views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.cjs

@@ -1,11 +1,12 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
+var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -26,8 +27,8 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 
-const createEmbeddedWalletWithPasskey = ({ user, walletConnector, environmentId, authToken, chains, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+const createEmbeddedWalletWithPasskey = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
+    var _b;
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -40,7 +41,7 @@ const createEmbeddedWalletWithPasskey = ({ user, walletConnector, environmentId,
     walletConnector.setEmail(user.email);
     if (!user.email) {
         const passkeyIdentifier = user.phoneNumber ||
-            ((_a = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _a === void 0 ? void 0 : _a.oauthDisplayName) ||
+            ((_b = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _b === void 0 ? void 0 : _b.oauthDisplayName) ||
             '';
         walletConnector.setPasskeyIdentifier(passkeyIdentifier);
     }

package/src/lib/views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.d.ts

@@ -1,6 +1,6 @@
-import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
-import { UserProfile } from '../../../../shared';
+import { UserProfile } from '@dynamic-labs/types';
+import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export declare const createEmbeddedWalletWithPasskey: ({ user, walletConnector, environmentId, authToken, chains, }: {
     authToken: string | undefined;
     environmentId: string;

package/src/lib/views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.js

@@ -1,7 +1,8 @@
+'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -22,8 +23,8 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 
-const createEmbeddedWalletWithPasskey = ({ user, walletConnector, environmentId, authToken, chains, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
+    var _b;
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
     }
@@ -36,7 +37,7 @@ const createEmbeddedWalletWithPasskey = ({ user, walletConnector, environmentId,
     walletConnector.setEmail(user.email);
     if (!user.email) {
         const passkeyIdentifier = user.phoneNumber ||
-            ((_a = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _a === void 0 ? void 0 : _a.oauthDisplayName) ||
+            ((_b = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _b === void 0 ? void 0 : _b.oauthDisplayName) ||
             '';
         walletConnector.setPasskeyIdentifier(passkeyIdentifier);
     }

package/src/lib/views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.cjs

@@ -1,11 +1,12 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
+var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -26,7 +27,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 
-const createPregeneratedWallet = ({ user, walletConnector, environmentId, authToken, chains, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const createPregeneratedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }

package/src/lib/views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.d.ts

@@ -1,6 +1,6 @@
-import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
-import { UserProfile } from '../../../../shared';
+import { UserProfile } from '@dynamic-labs/types';
+import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export declare const createPregeneratedWallet: ({ user, walletConnector, environmentId, authToken, chains, }: {
     authToken: string | undefined;
     environmentId: string;

package/src/lib/views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.js

@@ -1,7 +1,8 @@
+'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -22,7 +23,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 
-const createPregeneratedWallet = ({ user, walletConnector, environmentId, authToken, chains, }) => __awaiter(void 0, void 0, void 0, function* () {
+const createPregeneratedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
     }

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.js

@@ -1,3 +1,4 @@
+'use client'
 import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 
 const findEmailOtpWalletConnector = (wallets) => {

package/src/lib/views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.js

@@ -1,3 +1,4 @@
+'use client'
 import { isPasskeyWalletConnector, isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 
 const findPasskeyEmailWalletConnector = (wallets, chain) => {

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -30,8 +31,8 @@ require('viem');
 require('viem/chains');
 var constants = require('../../PasskeyRecovery/constants.cjs');
 
-const initEmbeddedWalletSession = ({ authenticatorType, authToken, iframeContainer, iframeElementId, environmentId, userEmail, wallet, sessionExpiration, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+const initEmbeddedWalletSession = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authenticatorType, authToken, iframeContainer, iframeElementId, environmentId, userEmail, wallet, sessionExpiration, }) {
+    var _b;
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -40,7 +41,7 @@ const initEmbeddedWalletSession = ({ authenticatorType, authToken, iframeContain
         !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
-    const turnkeyRecoveryHandler = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.getAuthenticatorHandler();
+    const turnkeyRecoveryHandler = (_b = wallet.connector) === null || _b === void 0 ? void 0 : _b.getAuthenticatorHandler();
     if (authenticatorType === 'passkey' &&
         turnkeyRecoveryHandler.isSessionActive()) {
         return addNewPasskeyAuthenticator({
@@ -67,8 +68,8 @@ const initEmbeddedWalletSession = ({ authenticatorType, authToken, iframeContain
             : response.turnkeyUserId;
     return;
 });
-const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _b, _c, _d, _e;
+const passkeyRecoveryBundleValidation = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authToken, bundleInput, wallet, }) {
+    var _d, _e, _f, _g;
     if (!bundleInput) {
         throw new utils.DynamicError('Code must be informed');
     }
@@ -81,8 +82,8 @@ const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) =>
     if (!decodedJwt) {
         throw new utils.DynamicError('User must be logged in with a valid token');
     }
-    const organizationId = (_d = (_c = (_b = decodedJwt.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _c === void 0 ? void 0 : _c.walletProperties) === null || _d === void 0 ? void 0 : _d.turnkeySubOrganizationId;
-    const turnkeyRecoveryHandler = (_e = wallet.connector) === null || _e === void 0 ? void 0 : _e.getAuthenticatorHandler();
+    const organizationId = (_f = (_e = (_d = decodedJwt.verifiedCredentials) === null || _d === void 0 ? void 0 : _d.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _e === void 0 ? void 0 : _e.walletProperties) === null || _f === void 0 ? void 0 : _f.turnkeySubOrganizationId;
+    const turnkeyRecoveryHandler = (_g = wallet.connector) === null || _g === void 0 ? void 0 : _g.getAuthenticatorHandler();
     yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId);
     const sessionSettings = {
         createdAt: new Date().getTime(),
@@ -91,8 +92,8 @@ const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) =>
     };
     localStorage.LocalStorage.setToLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS, sessionSettings);
 });
-const resentRecoveryEmail = ({ authenticatorType, authToken, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _f;
+const resentRecoveryEmail = (_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ authenticatorType, authToken, environmentId, wallet, }) {
+    var _j;
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -101,7 +102,7 @@ const resentRecoveryEmail = ({ authenticatorType, authToken, environmentId, wall
         !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
-    const publicKey = (_f = wallet.connector) === null || _f === void 0 ? void 0 : _f.getAuthenticatorHandler().publicKey;
+    const publicKey = (_j = wallet.connector) === null || _j === void 0 ? void 0 : _j.getAuthenticatorHandler().publicKey;
     if (!publicKey) {
         throw new utils.DynamicError('Could not proceed with your request. Please restart the process.');
     }
@@ -113,8 +114,8 @@ const resentRecoveryEmail = ({ authenticatorType, authToken, environmentId, wall
         walletId: wallet === null || wallet === void 0 ? void 0 : wallet.id,
     });
 });
-const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _g, _h, _j;
+const completePasskeyRecovery = (_k) => _tslib.__awaiter(void 0, [_k], void 0, function* ({ authToken, userEmail, environmentId, wallet, }) {
+    var _l, _m, _o;
     if (!authToken) {
         throw new utils.DynamicError('User must be logged in');
     }
@@ -129,7 +130,7 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
     }
     const connector = wallet.connector;
     connector.setEmail(userEmail);
-    const organizationId = (_j = (_h = (_g = decodedJwt.verifiedCredentials) === null || _g === void 0 ? void 0 : _g.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _h === void 0 ? void 0 : _h.walletProperties) === null || _j === void 0 ? void 0 : _j.turnkeySubOrganizationId;
+    const organizationId = (_o = (_m = (_l = decodedJwt.verifiedCredentials) === null || _l === void 0 ? void 0 : _l.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _m === void 0 ? void 0 : _m.walletProperties) === null || _o === void 0 ? void 0 : _o.turnkeySubOrganizationId;
     if (!organizationId) {
         throw new utils.DynamicError('Invalid token!');
     }
@@ -169,8 +170,8 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
         passkeyRecoveryResponse,
     };
 });
-const addNewPasskeyAuthenticator = ({ authToken, userEmail, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _k, _l, _m;
+const addNewPasskeyAuthenticator = (_p) => _tslib.__awaiter(void 0, [_p], void 0, function* ({ authToken, userEmail, environmentId, wallet, }) {
+    var _q, _r, _s;
     if (!authToken) {
         throw new utils.DynamicError('User must be logged in');
     }
@@ -185,7 +186,7 @@ const addNewPasskeyAuthenticator = ({ authToken, userEmail, environmentId, walle
     }
     const connector = wallet.connector;
     connector.setEmail(userEmail);
-    const organizationId = (_m = (_l = (_k = decodedJwt.verifiedCredentials) === null || _k === void 0 ? void 0 : _k.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _l === void 0 ? void 0 : _l.walletProperties) === null || _m === void 0 ? void 0 : _m.turnkeySubOrganizationId;
+    const organizationId = (_s = (_r = (_q = decodedJwt.verifiedCredentials) === null || _q === void 0 ? void 0 : _q.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _r === void 0 ? void 0 : _r.walletProperties) === null || _s === void 0 ? void 0 : _s.turnkeySubOrganizationId;
     if (!organizationId) {
         throw new utils.DynamicError('Invalid token!');
     }
@@ -239,8 +240,8 @@ const canRestoreEmbeddedWalletSession = (sessionExpirationTime) => {
     }
     return true;
 };
-const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _o, _p, _q, _r;
+const restoreEmbeddedWalletSession = (_t) => _tslib.__awaiter(void 0, [_t], void 0, function* ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }) {
+    var _u, _v, _w, _x;
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -254,7 +255,7 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
     const sessionSettings = localStorage.LocalStorage.getFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
-    const turnkeyRecoveryHandler = (_o = wallet.connector) === null || _o === void 0 ? void 0 : _o.getAuthenticatorHandler();
+    const turnkeyRecoveryHandler = (_u = wallet.connector) === null || _u === void 0 ? void 0 : _u.getAuthenticatorHandler();
     if (!sessionSettings || Boolean(turnkeyRecoveryHandler.recoveryUserId)) {
         return false;
     }
@@ -263,12 +264,12 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
         throw new utils.DynamicError('Could not open embedded wallet connection communication');
     }
     turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
-    const organizationId = (_r = (_q = (_p = decodedJwt.verifiedCredentials) === null || _p === void 0 ? void 0 : _p.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _q === void 0 ? void 0 : _q.walletProperties) === null || _r === void 0 ? void 0 : _r.turnkeySubOrganizationId;
+    const organizationId = (_x = (_w = (_v = decodedJwt.verifiedCredentials) === null || _v === void 0 ? void 0 : _v.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _w === void 0 ? void 0 : _w.walletProperties) === null || _x === void 0 ? void 0 : _x.turnkeySubOrganizationId;
     yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId);
     return true;
 });
-const addEmailRecovery = ({ authToken, userEmail, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _s, _t;
+const addEmailRecovery = (_y) => _tslib.__awaiter(void 0, [_y], void 0, function* ({ authToken, userEmail, environmentId, wallet, }) {
+    var _z, _0;
     if (!authToken) {
         throw new utils.DynamicError('User must be logged in');
     }
@@ -282,7 +283,7 @@ const addEmailRecovery = ({ authToken, userEmail, environmentId, wallet, }) => _
         !walletConnectorCore.isEmailWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
-    const { turnkeySubOrganizationId, turnkeyUserId } = (_t = (_s = decodedJwt.verifiedCredentials) === null || _s === void 0 ? void 0 : _s.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _t === void 0 ? void 0 : _t.walletProperties;
+    const { turnkeySubOrganizationId, turnkeyUserId } = (_0 = (_z = decodedJwt.verifiedCredentials) === null || _z === void 0 ? void 0 : _z.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _0 === void 0 ? void 0 : _0.walletProperties;
     if (!turnkeySubOrganizationId || !turnkeyUserId) {
         throw new utils.DynamicError('Invalid token!');
     }

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.d.ts

@@ -9,7 +9,7 @@ export declare const initEmbeddedWalletSession: ({ authenticatorType, authToken,
     environmentId: string;
     userEmail: string;
     wallet: Wallet | null;
-    sessionExpiration?: number | undefined;
+    sessionExpiration?: number;
 }) => Promise<{
     decodedJwt: Omit<DynamicJwt, 'jwt'>;
     passkeyRecoveryResponse: VerifyResponse;
@@ -49,7 +49,7 @@ export declare const restoreEmbeddedWalletSession: ({ authToken, iframeContainer
     iframeContainer: HTMLElement;
     iframeElementId: string;
     wallet: Wallet | null;
-    sessionExpiration?: number | undefined;
+    sessionExpiration?: number;
 }) => Promise<boolean>;
 export declare const addEmailRecovery: ({ authToken, userEmail, environmentId, wallet, }: {
     authToken: string | undefined;