@dynamic-labs/sdk-react-core 0.19.0-alpha.10 → 0.19.0-alpha.12

package/CHANGELOG.md

@@ -1,4 +1,33 @@
 
+## [0.19.0-alpha.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.11...v0.19.0-alpha.12) (2023-10-03)
+
+
+### Features
+
+* filter wallet list for wallets which have not been connected ([#3499](https://github.com/dynamic-labs/DynamicAuth/issues/3499)) ([10e531f](https://github.com/dynamic-labs/DynamicAuth/commit/10e531f0836b029ab43713b9b2c7ecf273a4018c))
+* passkey flow copies should be fully editable ([#3504](https://github.com/dynamic-labs/DynamicAuth/issues/3504)) ([390392c](https://github.com/dynamic-labs/DynamicAuth/commit/390392cc5c95afd0226f29a72560c295fa2be391))
+
+
+### Bug Fixes
+
+* remove useEffect in useSetWalletConnectorVerifiedCredentials to avoid race conditions ([#3495](https://github.com/dynamic-labs/DynamicAuth/issues/3495)) ([aa17676](https://github.com/dynamic-labs/DynamicAuth/commit/aa176761f324806000317db1f683d545ec642619))
+* show android touch id icon for those with it available on passkey intro ([#3503](https://github.com/dynamic-labs/DynamicAuth/issues/3503)) ([4017f16](https://github.com/dynamic-labs/DynamicAuth/commit/4017f16fe0b0ceeb03f064ac9e9d34b71764b242))
+
+## [0.19.0-alpha.11](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.10...v0.19.0-alpha.11) (2023-10-02)
+
+
+### Bug Fixes
+
+* **AuthProviderIcon:** ensure social icon shows up ([#3439](https://github.com/dynamic-labs/DynamicAuth/issues/3439)) ([5064f28](https://github.com/dynamic-labs/DynamicAuth/commit/5064f28af9125699c8e23597812c6c526bb8a213))
+* fix passkey on Windows ([#3440](https://github.com/dynamic-labs/DynamicAuth/issues/3440)) ([c0da96c](https://github.com/dynamic-labs/DynamicAuth/commit/c0da96c17c6c10a736fb394b6b1e6be3ccd616b2))
+* missing popper provider ([#3488](https://github.com/dynamic-labs/DynamicAuth/issues/3488)) ([d7ca76e](https://github.com/dynamic-labs/DynamicAuth/commit/d7ca76e21dc5e842c316a654cb20d9dd115d7204))
+* passkey intro view should have a logout button ([#3466](https://github.com/dynamic-labs/DynamicAuth/issues/3466)) ([7ae626f](https://github.com/dynamic-labs/DynamicAuth/commit/7ae626fd2b2b6f685e48257c38ed00dae95d06e4))
+* passkey intro view should not be closed until user create wallet ([#3458](https://github.com/dynamic-labs/DynamicAuth/issues/3458)) ([651459b](https://github.com/dynamic-labs/DynamicAuth/commit/651459b8d8a4ad131381ed8de52c9ef0c42191df))
+* removing weird passkey intro logout button hover background ([#3490](https://github.com/dynamic-labs/DynamicAuth/issues/3490)) ([1adedfa](https://github.com/dynamic-labs/DynamicAuth/commit/1adedfaf87e6fd01e8528ff43ccf75fcb020ef65))
+* resolve promise if there's no error, even if result is falsy ([#3477](https://github.com/dynamic-labs/DynamicAuth/issues/3477)) ([1b570dc](https://github.com/dynamic-labs/DynamicAuth/commit/1b570dc8ae6b104567790d93ebb57efed032ba1c))
+* return promise from createEmbeddedWallet ([#3476](https://github.com/dynamic-labs/DynamicAuth/issues/3476)) ([5a9591e](https://github.com/dynamic-labs/DynamicAuth/commit/5a9591e0808d5d16fb886901902d763eabd8ec61))
+* utilize the wallet connector key when looking up the wallet in localstorage during getWalletConnectorByKey ([#3386](https://github.com/dynamic-labs/DynamicAuth/issues/3386)) ([13a8ef4](https://github.com/dynamic-labs/DynamicAuth/commit/13a8ef4581e7799cc467bddb7cd1435dc4ab4de5))
+
 ## [0.19.0-alpha.10](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.9...v0.19.0-alpha.10) (2023-09-28)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.10";
+var version = "0.19.0-alpha.12";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.32",
 	"@dynamic-labs/sdk-api": "0.0.281",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.0-alpha.10";
+var version = "0.19.0-alpha.12";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.32",
 	"@dynamic-labs/sdk-api": "0.0.281",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.10",
+  "version": "0.19.0-alpha.12",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,13 +17,13 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.10",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.10",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.10",
-    "@dynamic-labs/types": "0.19.0-alpha.10",
-    "@dynamic-labs/utils": "0.19.0-alpha.10",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.10",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.10",
+    "@dynamic-labs/logger": "0.19.0-alpha.12",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.12",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.12",
+    "@dynamic-labs/types": "0.19.0-alpha.12",
+    "@dynamic-labs/utils": "0.19.0-alpha.12",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.12",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.12",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -93,6 +93,7 @@ var signInWithEmail = require('./lib/shared/assets/sign-in-with-email.cjs');
 var passkeyIntroIcon = require('./lib/shared/assets/passkey-intro-icon.cjs');
 var passkeySuccessIcon = require('./lib/shared/assets/passkey-success-icon.cjs');
 var androidFaceId = require('./lib/shared/assets/android-face-id.cjs');
+var androidTouchId = require('./lib/shared/assets/android-touch-id.cjs');
 var iphoneFaceId = require('./lib/shared/assets/iphone-face-id.cjs');
 var iphoneTouchId = require('./lib/shared/assets/iphone-touch-id.cjs');
 var embeddedWalletIcon = require('./lib/shared/assets/embedded-wallet-icon.cjs');
@@ -117,6 +118,7 @@ require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('./lib/context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('viem');
 require('./lib/components/IconButton/IconButton.cjs');
 require('@dynamic-labs/wallet-book');
@@ -247,6 +249,7 @@ exports.SignInWithEmailIcon = signInWithEmail.ReactComponent;
 exports.PasskeyIntroIcon = passkeyIntroIcon.ReactComponent;
 exports.PasskeySuccessIcon = passkeySuccessIcon.ReactComponent;
 exports.AndroidFaceId = androidFaceId.ReactComponent;
+exports.AndroidTouchId = androidTouchId.ReactComponent;
 exports.IPhoneFaceId = iphoneFaceId.ReactComponent;
 exports.IPhoneTouchId = iphoneTouchId.ReactComponent;
 exports.EmbeddedWalletIcon = embeddedWalletIcon.ReactComponent;

package/src/index.js

@@ -89,6 +89,7 @@ export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-
 export { ReactComponent as PasskeyIntroIcon } from './lib/shared/assets/passkey-intro-icon.js';
 export { ReactComponent as PasskeySuccessIcon } from './lib/shared/assets/passkey-success-icon.js';
 export { ReactComponent as AndroidFaceId } from './lib/shared/assets/android-face-id.js';
+export { ReactComponent as AndroidTouchId } from './lib/shared/assets/android-touch-id.js';
 export { ReactComponent as IPhoneFaceId } from './lib/shared/assets/iphone-face-id.js';
 export { ReactComponent as IPhoneTouchId } from './lib/shared/assets/iphone-touch-id.js';
 export { ReactComponent as EmbeddedWalletIcon } from './lib/shared/assets/embedded-wallet-icon.js';
@@ -113,6 +114,7 @@ import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import '@dynamic-labs/wallet-book';

package/src/lib/Main.cjs

@@ -33,6 +33,7 @@ var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletN
 require('./context/ErrorContext/ErrorContext.cjs');
 var AccessDeniedContext = require('./context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('./context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('./components/IconButton/IconButton.cjs');
 require('./components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

package/src/lib/Main.js

@@ -29,6 +29,7 @@ import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalle
 import './context/ErrorContext/ErrorContext.js';
 import { useAccessDeniedContext } from './context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from './context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import './components/IconButton/IconButton.js';
 import './components/Transition/ZoomTransition/ZoomTransition.js';
 import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -26,6 +26,7 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('react-dom');
+require('react-i18next');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -22,6 +22,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import 'react-dom';
+import 'react-i18next';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -25,6 +25,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -21,6 +21,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -29,6 +29,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -57,9 +58,6 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     if (walletConnectorCore.isEmailOTPWalletConnector(wallet.connector)) {
         return iconic.SignInWithEmailIcon;
     }
-    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
-        return embeddedWalletIcon.ReactComponent;
-    }
     if (walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
         if (!socialAccountDataForWallet ||
@@ -75,6 +73,9 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.logger.error(err);
         }
     }
+    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
+        return embeddedWalletIcon.ReactComponent;
+    }
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { isEmailOTPWalletConnector, isEmbeddedConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
@@ -25,6 +25,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -53,9 +54,6 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     if (isEmailOTPWalletConnector(wallet.connector)) {
         return SignInWithEmailIcon;
     }
-    if (isEmbeddedConnector(wallet.connector)) {
-        return SvgEmbeddedWalletIcon;
-    }
     if (isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount(jwt, wallet.id);
         if (!socialAccountDataForWallet ||
@@ -71,6 +69,9 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.error(err);
         }
     }
+    if (isEmbeddedConnector(wallet.connector)) {
+        return SvgEmbeddedWalletIcon;
+    }
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {

package/src/lib/components/Divider/Divider.cjs

@@ -32,6 +32,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
 require('formik');

package/src/lib/components/Divider/Divider.js

@@ -28,6 +28,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
 import 'formik';

package/src/lib/components/MenuList/Dropdown/Dropdown.cjs

@@ -32,6 +32,7 @@ require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
 require('react-dom');
+require('react-i18next');
 require('../../ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/components/MenuList/Dropdown/Dropdown.js

@@ -28,6 +28,7 @@ import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
 import 'react-dom';
+import 'react-i18next';
 import '../../ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/components/Modal/Modal.cjs

@@ -28,6 +28,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/components/Modal/Modal.js

@@ -24,6 +24,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -27,6 +27,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -23,6 +23,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.cjs

@@ -34,6 +34,7 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
 require('formik');

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js

@@ -30,6 +30,7 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
 import 'formik';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -34,6 +34,7 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../IconButton/IconButton.cjs');
 var Spinner = require('../../../IconWithSpinner/Spinner/Spinner.cjs');
 require('../../../Alert/Alert.cjs');

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -30,6 +30,7 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../IconButton/IconButton.js';
 import { Spinner } from '../../../IconWithSpinner/Spinner/Spinner.js';
 import '../../../Alert/Alert.js';

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -34,6 +34,7 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var useFetchChain = require('../../../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -30,6 +30,7 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { useFetchChain } from '../../../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs

@@ -37,6 +37,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 var IconButton = require('../IconButton/IconButton.cjs');
 var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -33,6 +33,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';

package/src/lib/components/OverlayCard/OverlayCard.cjs

@@ -29,6 +29,7 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/components/OverlayCard/OverlayCard.js

@@ -25,6 +25,7 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';

package/src/lib/components/Portal/Portal.cjs

@@ -29,6 +29,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useElementById = require('../../utils/hooks/useElementById/useElementById.cjs');
+require('react-i18next');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useKeyboardEventListener = require('../../utils/hooks/useKeyboardEventListener/useKeyboardEventListener.cjs');

package/src/lib/components/Portal/Portal.js

@@ -25,6 +25,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import { useElementById } from '../../utils/hooks/useElementById/useElementById.js';
+import 'react-i18next';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { useKeyboardEventListener } from '../../utils/hooks/useKeyboardEventListener/useKeyboardEventListener.js';

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -26,6 +26,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 var Typography = require('../Typography/Typography.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -22,6 +22,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import { Typography } from '../Typography/Typography.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
+require('../../utils/constants/colors.cjs');
+var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-dom');
+require('react-i18next');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-focus-lock');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../IconButton/IconButton.cjs');
+require('../Alert/Alert.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+require('../InlineWidget/InlineWidget.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+
+const SyncPasskeyFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const lastUsedWallet = localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
+    const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    React.useEffect(() => {
+        if (authMode === 'connect-only' ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+        ) {
+            return;
+        }
+        try {
+            createEmbeddedWallet();
+        }
+        catch (error) {
+            return;
+        }
+    }, [isProjectSettingsLoading, projectSettings, lastUsedWallet]);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
+
+exports.SyncPasskeyFlow = SyncPasskeyFlow;

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SyncPasskeyFlow: FC;

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.js

@@ -0,0 +1,71 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import { LAST_USED_WALLET } from '../../utils/constants/localStorage.js';
+import '../../utils/constants/colors.js';
+import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-dom';
+import 'react-i18next';
+import '../ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-focus-lock';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../IconButton/IconButton.js';
+import '../Alert/Alert.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import '../InlineWidget/InlineWidget.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+
+const SyncPasskeyFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, authMode } = useInternalDynamicContext();
+    const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
+    const { createEmbeddedWallet } = useEmbeddedWallet();
+    useEffect(() => {
+        if (authMode === 'connect-only' ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+        ) {
+            return;
+        }
+        try {
+            createEmbeddedWallet();
+        }
+        catch (error) {
+            return;
+        }
+    }, [isProjectSettingsLoading, projectSettings, lastUsedWallet]);
+    return jsx(Fragment, {});
+};
+
+export { SyncPasskeyFlow };

package/src/lib/components/SyncPasskeyFlow/index.d.ts

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