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

package/src/lib/{utils/functions/getEOAWallet/getEOAWallet.cjs → views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs}

@@ -3,102 +3,109 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createOwnerWallet = require('../createOwnerWallet/createOwnerWallet.cjs');
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var walletBook = require('@dynamic-labs/wallet-book');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
-require('../../constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
-require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
+var shortenWalletAddress = require('../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('react-international-phone');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
-require('../../../locale/locale.cjs');
+var DefaultPromptModal = require('../../../widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.cjs');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
-require('../../hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
-require('../../hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('react-i18next');
-require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
+var Typography = require('../../../components/Typography/Typography.cjs');
+require('../../../context/FooterAnimationContext/index.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/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('react-focus-lock');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('formik');
+require('@dynamic-labs/ethereum-core');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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');
+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');
+var reconnectSocialWallet = require('../../../utils/hooks/useWalletConnectors/reconnectSocialWallet.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
-const getEOAWallet = (primaryWallet, verifiedCredentials) => {
-    if (!primaryWallet) {
-        return primaryWallet;
-    }
-    try {
-        return createOwnerWallet.createOwnerWallet(primaryWallet, verifiedCredentials);
-    }
-    catch (e) {
-        return primaryWallet;
-    }
+const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
+    const { t } = reactI18next.useTranslation();
+    const { user } = useInternalDynamicContext.useInternalDynamicContext();
+    usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (walletConnectorCore.isSocialWalletConnector(connector)) {
+            yield reconnectSocialWallet.reconnectSocialWallet(user, connector, expectedAddress, connector.connectedChain);
+            onSuccess();
+        }
+    }), { deps: [connector] });
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: connector === null || connector === void 0 ? void 0 : connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_sync_wallet.reconnecting.description', {
+                walletAddress: shortenWalletAddress.shortenWalletAddress(expectedAddress, 3, 3),
+            }) }) }));
 };
 
-exports.getEOAWallet = getEOAWallet;
+exports.AutoReconnectingView = AutoReconnectingView;

package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export type AutoReconnectingViewProps = {
+    onCancel: () => void;
+    onSuccess: () => void;
+    connector: WalletConnector;
+    expectedAddress: string;
+};
+export declare const AutoReconnectingView: FC<AutoReconnectingViewProps>;

package/src/lib/{utils/functions/getEOAWallet/getEOAWallet.js → views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js}

@@ -1,100 +1,107 @@
 'use client'
-import { createOwnerWallet } from '../createOwnerWallet/createOwnerWallet.js';
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
-import '../../constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
-import '@dynamic-labs/wallet-book';
-import '../../constants/colors.js';
+import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import 'react-international-phone';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../../locale/locale.js';
+import { DefaultPromptModal } from '../../../widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.js';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
-import '../../hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '../../../context/ThemeContext/ThemeContext.js';
-import '../../hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import '../../../views/CollectUserDataView/useFields.js';
+import '../../CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import 'react-i18next';
-import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
+import { Typography } from '../../../components/Typography/Typography.js';
+import '../../../context/FooterAnimationContext/index.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/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-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 '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import 'react-focus-lock';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import 'formik';
+import '@dynamic-labs/ethereum-core';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../components/Input/Input.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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 '../../../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 { reconnectSocialWallet } from '../../../utils/hooks/useWalletConnectors/reconnectSocialWallet.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
 
-const getEOAWallet = (primaryWallet, verifiedCredentials) => {
-    if (!primaryWallet) {
-        return primaryWallet;
-    }
-    try {
-        return createOwnerWallet(primaryWallet, verifiedCredentials);
-    }
-    catch (e) {
-        return primaryWallet;
-    }
+const AutoReconnectingView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
+    const { t } = useTranslation();
+    const { user } = useInternalDynamicContext();
+    usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (isSocialWalletConnector(connector)) {
+            yield reconnectSocialWallet(user, connector, expectedAddress, connector.connectedChain);
+            onSuccess();
+        }
+    }), { deps: [connector] });
+    return (jsx(DefaultPromptModal, { dataTestId: 'auto-reconnecting', icon: jsx(WalletIcon, { walletKey: connector === null || connector === void 0 ? void 0 : connector.key }), title: t('dyn_sync_wallet.reconnecting.title'), onClose: onCancel, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_sync_wallet.reconnecting.description', {
+                walletAddress: shortenWalletAddress(expectedAddress, 3, 3),
+            }) }) }));
 };
 
-export { getEOAWallet };
+export { AutoReconnectingView };

package/src/lib/views/SyncWalletView/AutoReconnectingView/index.d.ts

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

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.cjs

@@ -0,0 +1,126 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var walletBook = require('@dynamic-labs/wallet-book');
+var DefaultPromptModal = require('../../../widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.cjs');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
+var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.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('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+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');
+require('formik');
+require('@dynamic-labs/ethereum-core');
+require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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');
+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');
+require('qrcode');
+var QrCodeWrapper = require('../../../components/QrCodeWrapper/QrCodeWrapper.cjs');
+
+const ReconnectWithQrCodeView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
+    var _a;
+    const { t } = reactI18next.useTranslation();
+    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
+    const { theme: { theme }, } = ThemeContext.useThemeContext();
+    const { name: themeName } = theme;
+    const [qrcodeUri, setQrcodeUri] = React.useState();
+    const [desktopUri, setDesktopUri] = React.useState();
+    usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const publicAddress = yield connector.getAddress({
+            onDesktopUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                setDesktopUri(uri);
+            }),
+            onDisplayUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                setQrcodeUri(uri);
+            }),
+        });
+        if (publicAddress &&
+            walletConnectorCore.isSameAddress(publicAddress, expectedAddress, connector.connectedChain)) {
+            onSuccess();
+            return;
+        }
+        connector.endSession();
+        onCancel();
+    }), { deps: [connector], retries: 3 });
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, { dataTestId: 'reconnect-qr-code', title: t('dyn_sync_wallet.reconnect_with_qr_code.title'), onClose: onCancel, children: qrcodeUri && (jsxRuntime.jsx(QrCodeWrapper.QrCodeWrapper, { uri: qrcodeUri, desktopUri: desktopUri, accentColor: 
+            /* istanbul ignore next */
+            themeName === 'dark'
+                ? theme.colors.textPrimary
+                : (_a = walletBook.getWalletPrimaryColor(walletBook$1, connector.key)) !== null && _a !== void 0 ? _a : '', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: connector === null || connector === void 0 ? void 0 : connector.key }), showCopyToClipboardButton: true, walletConnector: connector })) }));
+};
+
+exports.ReconnectWithQrCodeView = ReconnectWithQrCodeView;

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export type ReconnectWithQrCodeViewProps = {
+    onCancel: () => void;
+    onSuccess: () => void;
+    connector: WalletConnector;
+    expectedAddress: string;
+};
+export declare const ReconnectWithQrCodeView: FC<ReconnectWithQrCodeViewProps>;

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.js

@@ -0,0 +1,122 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
+import { useWalletBookContext, getWalletPrimaryColor, WalletIcon } from '@dynamic-labs/wallet-book';
+import { DefaultPromptModal } from '../../../widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.js';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../../../context/ViewContext/ViewContext.js';
+import '../../../utils/constants/colors.js';
+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 '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../../locale/locale.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
+import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../components/ShadowDOM/ShadowDOM.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 '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+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 'formik';
+import '@dynamic-labs/ethereum-core';
+import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../components/Input/Input.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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 '../../../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 { QrCodeWrapper } from '../../../components/QrCodeWrapper/QrCodeWrapper.js';
+
+const ReconnectWithQrCodeView = ({ onCancel, onSuccess, connector, expectedAddress, }) => {
+    var _a;
+    const { t } = useTranslation();
+    const { walletBook } = useWalletBookContext();
+    const { theme: { theme }, } = useThemeContext();
+    const { name: themeName } = theme;
+    const [qrcodeUri, setQrcodeUri] = useState();
+    const [desktopUri, setDesktopUri] = useState();
+    usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        const publicAddress = yield connector.getAddress({
+            onDesktopUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
+                setDesktopUri(uri);
+            }),
+            onDisplayUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
+                setQrcodeUri(uri);
+            }),
+        });
+        if (publicAddress &&
+            isSameAddress(publicAddress, expectedAddress, connector.connectedChain)) {
+            onSuccess();
+            return;
+        }
+        connector.endSession();
+        onCancel();
+    }), { deps: [connector], retries: 3 });
+    return (jsx(DefaultPromptModal, { dataTestId: 'reconnect-qr-code', title: t('dyn_sync_wallet.reconnect_with_qr_code.title'), onClose: onCancel, children: qrcodeUri && (jsx(QrCodeWrapper, { uri: qrcodeUri, desktopUri: desktopUri, accentColor: 
+            /* istanbul ignore next */
+            themeName === 'dark'
+                ? theme.colors.textPrimary
+                : (_a = getWalletPrimaryColor(walletBook, connector.key)) !== null && _a !== void 0 ? _a : '', icon: jsx(WalletIcon, { walletKey: connector === null || connector === void 0 ? void 0 : connector.key }), showCopyToClipboardButton: true, walletConnector: connector })) }));
+};
+
+export { ReconnectWithQrCodeView };

package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/index.d.ts

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