@dynamic-labs/sdk-react-core 1.0.0-alpha.9 → 1.0.0

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -35,7 +35,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -57,6 +57,7 @@ var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/NoAccess/NoAccess.js

@@ -31,7 +31,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -53,6 +53,7 @@ import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs

@@ -33,7 +33,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -54,6 +54,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js

@@ -29,7 +29,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -50,6 +50,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.cjs

@@ -32,7 +32,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -51,6 +51,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.js

@@ -28,7 +28,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -47,6 +47,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

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

@@ -36,7 +36,7 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -55,6 +55,7 @@ require('../../../components/UserProfile/parts/UserProfileField/components/Verif
 require('formik');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');

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

@@ -32,7 +32,7 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -51,6 +51,7 @@ import '../../../components/UserProfile/parts/UserProfileField/components/Verifi
 import 'formik';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';

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

@@ -39,7 +39,7 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -62,6 +62,7 @@ var Button = require('../../../components/Button/Button.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 var TextButton = require('../../../components/TextButton/TextButton.cjs');

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

@@ -35,7 +35,7 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -58,6 +58,7 @@ import { Button } from '../../../components/Button/Button.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import { TextButton } from '../../../components/TextButton/TextButton.js';

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -7,7 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
-require('@dynamic-labs/utils');
+var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -38,7 +38,7 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -61,7 +61,9 @@ require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 var TextButton = require('../../../../components/TextButton/TextButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
@@ -86,6 +88,7 @@ const PasskeyBundleRecovery = () => {
             ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
             : primaryWallet;
         yield passkeyRecovery.passkeyRecoveryBundleValidation({
+            authToken,
             bundleInput,
             wallet,
         });
@@ -136,11 +139,20 @@ const PasskeyBundleRecovery = () => {
             setResendingCode(false);
         }
     });
+    const errorText = React.useMemo(() => {
+        if (!error$1) {
+            return undefined;
+        }
+        if (error$1 instanceof utils.DynamicError) {
+            return error$1.message;
+        }
+        return getProperErrorMessage.getProperErrorMessage(error$1);
+    }, [error$1]);
     const emailIcon = (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(iconic.SignInWithEmailIcon, {}) }));
     const translationKey = isTurnkeyWalletWithoutAuthenticator
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
-    return (jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [!error$1 && !isValid ? (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: emailIcon, isSpinning: !error$1 && !isValid, iconSize: 96 })) : (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: iconic.SignInWithEmailIcon, iconSize: 64, variant: error$1 ? 'red' : 'green', InnerIcon: error$1 ? error.ReactComponent : check.ReactComponent })), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: [t(`${translationKey}.code.description`), " ", jsxRuntime.jsx("strong", { children: "turnkey.com" })] }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(Input.Input, { id: 'passkey-recovery-bundle', "data-testid": 'passkey-recovery-bundle-input', value: bundleInput, onChange: handleBundleChanged, label: t(`${translationKey}.code.input_label`), disabled: isLoading || resendingCode, error: Boolean(error$1), className: isValid ? 'passkey-recovery-view__input-valid' : '', autoFocus: true }) }), jsxRuntime.jsxs("div", { className: 'passkey-recovery-view__resend-code', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t(`${translationKey}.code.resend.text`) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx(TextButton.TextButton, { "data-testid": 'resend-email-button', onClick: handleResentEmail, disabled: resendingCode || isLoading || bundleInput.length > 0, children: t(`${translationKey}.code.resend.button`) }) })] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'passkey-recovery-view', children: [!error$1 && !isValid ? (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: emailIcon, isSpinning: !error$1 && !isValid, iconSize: 96 })) : (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: iconic.SignInWithEmailIcon, iconSize: 64, variant: error$1 ? 'red' : 'green', InnerIcon: error$1 ? error.ReactComponent : check.ReactComponent })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.code.description`) }), jsxRuntime.jsx("div", { className: 'passkey-recovery-view__actions', children: jsxRuntime.jsx(Input.Input, { id: 'passkey-recovery-bundle', "data-testid": 'passkey-recovery-bundle-input', value: bundleInput, onChange: handleBundleChanged, label: t(`${translationKey}.code.input_label`), disabled: isLoading || resendingCode, error: Boolean(error$1), className: isValid ? 'passkey-recovery-view__input-valid' : '', autoFocus: true, message: errorText }) }), jsxRuntime.jsxs("div", { className: 'passkey-recovery-view__resend-code', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t(`${translationKey}.code.resend.text`) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx(TextButton.TextButton, { "data-testid": 'resend-email-button', onClick: handleResentEmail, disabled: resendingCode || isLoading || (bundleInput.length > 0 && !error$1), children: t(`${translationKey}.code.resend.button`) }) })] })] }));
 };
 
 exports.PasskeyBundleRecovery = PasskeyBundleRecovery;

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -1,9 +1,9 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
-import '@dynamic-labs/utils';
+import { DynamicError } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -34,7 +34,7 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -57,7 +57,9 @@ import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import '../../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import { TextButton } from '../../../../components/TextButton/TextButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import { Input } from '../../../../components/Input/Input.js';
@@ -82,6 +84,7 @@ const PasskeyBundleRecovery = () => {
             ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
             : primaryWallet;
         yield passkeyRecoveryBundleValidation({
+            authToken,
             bundleInput,
             wallet,
         });
@@ -132,11 +135,20 @@ const PasskeyBundleRecovery = () => {
             setResendingCode(false);
         }
     });
+    const errorText = useMemo(() => {
+        if (!error) {
+            return undefined;
+        }
+        if (error instanceof DynamicError) {
+            return error.message;
+        }
+        return getProperErrorMessage(error);
+    }, [error]);
     const emailIcon = (jsx(Icon, { color: 'brand-primary', children: jsx(SignInWithEmailIcon, {}) }));
     const translationKey = isTurnkeyWalletWithoutAuthenticator
         ? 'dyn_passkey_secure_modal'
         : 'dyn_passkey_recovery';
-    return (jsxs("div", { className: 'passkey-recovery-view', children: [!error && !isValid ? (jsx(IconWithSpinner, { Icon: emailIcon, isSpinning: !error && !isValid, iconSize: 96 })) : (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 64, variant: error ? 'red' : 'green', InnerIcon: error ? SvgError : SvgCheck })), jsxs(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: [t(`${translationKey}.code.description`), " ", jsx("strong", { children: "turnkey.com" })] }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(Input, { id: 'passkey-recovery-bundle', "data-testid": 'passkey-recovery-bundle-input', value: bundleInput, onChange: handleBundleChanged, label: t(`${translationKey}.code.input_label`), disabled: isLoading || resendingCode, error: Boolean(error), className: isValid ? 'passkey-recovery-view__input-valid' : '', autoFocus: true }) }), jsxs("div", { className: 'passkey-recovery-view__resend-code', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t(`${translationKey}.code.resend.text`) }), jsx(Typography, { variant: 'body_small', color: 'link', children: jsx(TextButton, { "data-testid": 'resend-email-button', onClick: handleResentEmail, disabled: resendingCode || isLoading || bundleInput.length > 0, children: t(`${translationKey}.code.resend.button`) }) })] })] }));
+    return (jsxs("div", { className: 'passkey-recovery-view', children: [!error && !isValid ? (jsx(IconWithSpinner, { Icon: emailIcon, isSpinning: !error && !isValid, iconSize: 96 })) : (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 64, variant: error ? 'red' : 'green', InnerIcon: error ? SvgError : SvgCheck })), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-recovery-view__subtitle', children: t(`${translationKey}.code.description`) }), jsx("div", { className: 'passkey-recovery-view__actions', children: jsx(Input, { id: 'passkey-recovery-bundle', "data-testid": 'passkey-recovery-bundle-input', value: bundleInput, onChange: handleBundleChanged, label: t(`${translationKey}.code.input_label`), disabled: isLoading || resendingCode, error: Boolean(error), className: isValid ? 'passkey-recovery-view__input-valid' : '', autoFocus: true, message: errorText }) }), jsxs("div", { className: 'passkey-recovery-view__resend-code', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t(`${translationKey}.code.resend.text`) }), jsx(Typography, { variant: 'body_small', color: 'link', children: jsx(TextButton, { "data-testid": 'resend-email-button', onClick: handleResentEmail, disabled: resendingCode || isLoading || (bundleInput.length > 0 && !error), children: t(`${translationKey}.code.resend.button`) }) })] })] }));
 };
 
 export { PasskeyBundleRecovery };

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

@@ -39,7 +39,7 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -61,6 +61,7 @@ require('formik');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');

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

@@ -35,7 +35,7 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -57,6 +57,7 @@ import 'formik';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import '../../../../components/InlineWidget/InlineWidget.js';

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

@@ -40,7 +40,7 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -65,6 +65,7 @@ var Button = require('../../../../components/Button/Button.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');

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

@@ -36,7 +36,7 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -61,6 +61,7 @@ import { Button } from '../../../../components/Button/Button.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';

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

@@ -46,8 +46,8 @@ const initPasskeyRecovery = ({ authToken, iframeContainerId, iframeElementId, en
     });
     turnkeyRecoveryHandler.recoveryUserId = turnkeyRecoveryUserId;
 });
-const passkeyRecoveryBundleValidation = ({ bundleInput, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _b;
+const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c, _d, _e;
     if (!bundleInput) {
         throw new utils.DynamicError('Code must be informed');
     }
@@ -56,10 +56,15 @@ const passkeyRecoveryBundleValidation = ({ bundleInput, wallet, }) => _tslib.__a
         !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
-    return (_b = wallet.connector) === null || _b === void 0 ? void 0 : _b.getRecoverPasskeyHandler().verifyRecoveryCode(bundleInput);
+    const decodedJwt = decodeJwt.decodeJwt(authToken);
+    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;
+    return (_e = wallet.connector) === null || _e === void 0 ? void 0 : _e.getRecoverPasskeyHandler().verifyRecoveryCode(bundleInput, organizationId);
 });
 const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _c;
+    var _f;
     if (!authToken) {
         throw new utils.DynamicError('Auth token is not defined');
     }
@@ -68,7 +73,7 @@ const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => _tslib.__
         !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new utils.DynamicError('PasskeyWalletConnector not found');
     }
-    const publicKey = (_c = wallet.connector) === null || _c === void 0 ? void 0 : _c.getRecoverPasskeyHandler().publicKey;
+    const publicKey = (_f = wallet.connector) === null || _f === void 0 ? void 0 : _f.getRecoverPasskeyHandler().publicKey;
     if (!publicKey) {
         throw new utils.DynamicError('Could not proceed with your request. Please restart the process.');
     }
@@ -80,7 +85,7 @@ const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => _tslib.__
     });
 });
 const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _d, _e, _f;
+    var _g, _h, _j;
     if (!authToken) {
         throw new utils.DynamicError('User must be logged in');
     }
@@ -95,7 +100,7 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
     }
     const connector = wallet.connector;
     connector.setEmail(userEmail);
-    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 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;
     if (!organizationId) {
         throw new utils.DynamicError('Invalid token!');
     }

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

@@ -6,7 +6,8 @@ export declare const initPasskeyRecovery: ({ authToken, iframeContainerId, ifram
     environmentId: string;
     wallet: Wallet | null;
 }) => Promise<void>;
-export declare const passkeyRecoveryBundleValidation: ({ bundleInput, wallet, }: {
+export declare const passkeyRecoveryBundleValidation: ({ authToken, bundleInput, wallet, }: {
+    authToken: string | undefined;
     bundleInput: string | undefined;
     wallet: Wallet | null;
 }) => Promise<unknown>;

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

@@ -42,8 +42,8 @@ const initPasskeyRecovery = ({ authToken, iframeContainerId, iframeElementId, en
     });
     turnkeyRecoveryHandler.recoveryUserId = turnkeyRecoveryUserId;
 });
-const passkeyRecoveryBundleValidation = ({ bundleInput, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _b;
+const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c, _d, _e;
     if (!bundleInput) {
         throw new DynamicError('Code must be informed');
     }
@@ -52,10 +52,15 @@ const passkeyRecoveryBundleValidation = ({ bundleInput, wallet, }) => __awaiter(
         !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new DynamicError('PasskeyWalletConnector not found');
     }
-    return (_b = wallet.connector) === null || _b === void 0 ? void 0 : _b.getRecoverPasskeyHandler().verifyRecoveryCode(bundleInput);
+    const decodedJwt = decodeJwt(authToken);
+    if (!decodedJwt) {
+        throw new 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;
+    return (_e = wallet.connector) === null || _e === void 0 ? void 0 : _e.getRecoverPasskeyHandler().verifyRecoveryCode(bundleInput, organizationId);
 });
 const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _c;
+    var _f;
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
     }
@@ -64,7 +69,7 @@ const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => __awaiter
         !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new DynamicError('PasskeyWalletConnector not found');
     }
-    const publicKey = (_c = wallet.connector) === null || _c === void 0 ? void 0 : _c.getRecoverPasskeyHandler().publicKey;
+    const publicKey = (_f = wallet.connector) === null || _f === void 0 ? void 0 : _f.getRecoverPasskeyHandler().publicKey;
     if (!publicKey) {
         throw new DynamicError('Could not proceed with your request. Please restart the process.');
     }
@@ -76,7 +81,7 @@ const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => __awaiter
     });
 });
 const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _d, _e, _f;
+    var _g, _h, _j;
     if (!authToken) {
         throw new DynamicError('User must be logged in');
     }
@@ -91,7 +96,7 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
     }
     const connector = wallet.connector;
     connector.setEmail(userEmail);
-    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 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;
     if (!organizationId) {
         throw new DynamicError('Invalid token!');
     }

package/src/lib/views/PendingConnectView/PendingConnectView.cjs

@@ -33,7 +33,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -53,6 +53,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/PendingConnectView/PendingConnectView.js

@@ -29,7 +29,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -49,6 +49,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs

@@ -37,7 +37,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -58,6 +58,7 @@ require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/PendingSignatureView/PendingSignatureView.js

@@ -33,7 +33,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -54,6 +54,7 @@ import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';