@dynamic-labs/sdk-react-core 3.0.0-alpha.52 → 3.0.0-alpha.53

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

@@ -5,9 +5,14 @@ import { useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import { DynamicError } from '@dynamic-labs/utils';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+import { Icon } from '../../../../components/Icon/Icon.js';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
+import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
+import { Input } from '../../../../components/Input/Input.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { TextButton } from '../../../../components/TextButton/TextButton.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
@@ -22,7 +27,7 @@ import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -30,7 +35,6 @@ import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import { getEOAWallet } from '../../../../utils/functions/getEOAWallet/getEOAWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -39,6 +43,7 @@ import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { passkeyRecoveryBundleValidation, resentRecoveryEmail } from '../../utils/passkeyRecovery/passkeyRecovery.js';
+import { useSmartWallets } from '../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
@@ -51,70 +56,67 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/ethereum-core';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'react-focus-lock';
-import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
-import { Icon } from '../../../../components/Icon/Icon.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { IconButton } from '../../../../components/IconButton/IconButton.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
-import { Input } from '../../../../components/Input/Input.js';
-import '@dynamic-labs/ethereum-core';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import '../../../../../polyfills.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
 import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '../../../WalletList/WalletList.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
-import { TextButton } from '../../../../components/TextButton/TextButton.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import 'qrcode';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 // eslint-disable-next-line no-useless-escape
 const bundleRegex = new RegExp(/^([A-Za-z0-9\s_+@\.-]+)$/);
 const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
     const { primaryWallet, environmentId, user, setShowAuthFlow } = useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
+    const { getEOAWallet } = useSmartWallets();
     const [bundleInput, setBundleInput] = useState('');
     const [resendingCode, setResendingCode] = useState(false);
     const [isValid, setIsValid] = useState(false);
     const { t } = useTranslation();
     const { setView } = useViewContext();
     const { mutate, isLoading, error } = useMutation((bundleInput) => __awaiter(void 0, void 0, void 0, function* () {
-        const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+        var _a;
+        const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
         yield passkeyRecoveryBundleValidation({
             bundleInput,
             user,
-            wallet,
+            wallet: wallet,
         });
         setIsValid(true);
         // For passkey it will be called after adding a passkey in passkey-recovery-complete view

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

@@ -8,9 +8,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
+var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
+var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
+var PasskeyCreatedSuccessBanner = require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../../shared/logger.cjs');
@@ -24,7 +26,7 @@ require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -32,7 +34,6 @@ require('react-international-phone');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
-var getEOAWallet = require('../../../../utils/functions/getEOAWallet/getEOAWallet.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -41,6 +42,7 @@ require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');
+var useSmartWallets = require('../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
@@ -53,59 +55,59 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/Input/Input.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+var PasskeyDeviceIcon = require('../../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('react-focus-lock');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
-var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
-require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../components/Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var PasskeyDeviceIcon = require('../../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
-var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 require('../../../../../polyfills.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../../components/Popper/Popper/Popper.cjs');
-require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('../../../WalletList/WalletList.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-var PasskeyCreatedSuccessBanner = require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
-var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
-require('qrcode');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const PasskeyCompleteRecovery = () => {
     const { primaryWallet, environmentId, user, setShowAuthFlow, setPasskeySuccessPopup, } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { t } = reactI18next.useTranslation();
     const { mutate: completeRecovery, isLoading, error, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+        var _a;
+        const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
         const updatedUser = yield passkeyRecovery.completePasskeyRecovery({
             environmentId,
             user,

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

@@ -4,9 +4,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
+import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
+import { PasskeySuccessEnum } from '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
@@ -20,7 +22,7 @@ import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -28,7 +30,6 @@ import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import { getEOAWallet } from '../../../../utils/functions/getEOAWallet/getEOAWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -37,6 +38,7 @@ import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { completePasskeyRecovery } from '../../utils/passkeyRecovery/passkeyRecovery.js';
+import { useSmartWallets } from '../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
@@ -49,59 +51,59 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/Input/Input.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import { PasskeyDeviceIcon } from '../../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/ethereum-core';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'react-focus-lock';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
-import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
-import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../../components/Input/Input.js';
-import '@dynamic-labs/ethereum-core';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { PasskeyDeviceIcon } from '../../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
-import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import '../../../../../polyfills.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
 import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '../../../WalletList/WalletList.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import { PasskeySuccessEnum } from '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
-import 'qrcode';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const PasskeyCompleteRecovery = () => {
     const { primaryWallet, environmentId, user, setShowAuthFlow, setPasskeySuccessPopup, } = useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
+    const { getEOAWallet } = useSmartWallets();
     const { t } = useTranslation();
     const { mutate: completeRecovery, isLoading, error, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
-        const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+        var _a;
+        const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
         const updatedUser = yield completePasskeyRecovery({
             environmentId,
             user,

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

@@ -93,13 +93,13 @@ require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
-var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('qrcode');
 
 const PasskeyInitRecovery = ({ authenticatorType, }) => {

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

@@ -89,13 +89,13 @@ import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
-import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
 import 'qrcode';
 
 const PasskeyInitRecovery = ({ authenticatorType, }) => {

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -11,7 +11,7 @@ var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -168,6 +168,12 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             setTransaction(transaction);
         })
             .catch((error) => {
+            logger.logger.debug('[SendBalanceView] Error creating transaction', error);
+            if (error instanceof utils.DynamicError && error.code === '0') {
+                // means user cancelled the request for sync'ing the wallet
+                onDone === null || onDone === void 0 ? void 0 : onDone();
+                return;
+            }
             onError === null || onError === void 0 ? void 0 : onError(error);
         });
     }, [currentToken]);

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -7,7 +7,7 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { isSendBalanceWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 import '../../context/DynamicContext/DynamicContext.js';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -164,6 +164,12 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             setTransaction(transaction);
         })
             .catch((error) => {
+            logger.debug('[SendBalanceView] Error creating transaction', error);
+            if (error instanceof DynamicError && error.code === '0') {
+                // means user cancelled the request for sync'ing the wallet
+                onDone === null || onDone === void 0 ? void 0 : onDone();
+                return;
+            }
             onError === null || onError === void 0 ? void 0 : onError(error);
         });
     }, [currentToken]);