@dynamic-labs/sdk-react-core 0.19.3 → 0.19.4

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

@@ -46,6 +46,7 @@ import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
 import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -56,6 +57,7 @@ import 'formik';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { PinField } from '../PinField/PinField.js';
 import { ModalHeaderBanner } from '../ModalHeaderBanner/ModalHeaderBanner.js';
 import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';

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

@@ -52,11 +52,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {
     const context = React.useContext(OverlayCard_context.overlayCardContext);

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

@@ -48,11 +48,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {
     const context = useContext(overlayCardContext);

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

@@ -51,11 +51,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -47,11 +47,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, whiteList, }) => {
     const { view } = useViewContext();

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

@@ -59,11 +59,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useIconThemeVariant = require('../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;

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

@@ -55,11 +55,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useIconThemeVariant } from '../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;

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

@@ -4,20 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 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('react');
 require('@dynamic-labs/wallet-book');
 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('@dynamic-labs/utils');
-var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../shared/consts/index.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -53,18 +52,24 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.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');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const SyncPasskeyFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext.useInternalDynamicContext();
     const lastUsedWallet = localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
-    useEffectOnce.useEffectOnce(() => {
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login and refresh page to skip it
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    React.useEffect(() => {
         var _a;
         const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -79,12 +84,20 @@ const SyncPasskeyFlow = () => {
             !projectSettings ||
             !isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
             !((_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation) ||
+            primaryWalletId || //should not override primary wallet
             lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
         ) {
             return;
         }
         createWallet();
-    });
+    }, [
+        isProjectSettingsLoading,
+        projectSettings,
+        lastUsedWallet,
+        primaryWalletId,
+        user,
+        createEmbeddedWallet,
+    ]);
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 

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

@@ -1,19 +1,18 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 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 'react';
 import '@dynamic-labs/wallet-book';
 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 '@dynamic-labs/utils';
-import { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../shared/consts/index.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
@@ -49,18 +48,24 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.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';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const SyncPasskeyFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user } = useInternalDynamicContext();
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext();
     const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
     const { createEmbeddedWallet } = useEmbeddedWallet();
-    useEffectOnce(() => {
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login and refresh page to skip it
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    useEffect(() => {
         var _a;
         const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -75,12 +80,20 @@ const SyncPasskeyFlow = () => {
             !projectSettings ||
             !isTurnkeyEnabled(projectSettings) ||
             !((_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation) ||
+            primaryWalletId || //should not override primary wallet
             lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
         ) {
             return;
         }
         createWallet();
-    });
+    }, [
+        isProjectSettingsLoading,
+        projectSettings,
+        lastUsedWallet,
+        primaryWalletId,
+        user,
+        createEmbeddedWallet,
+    ]);
     return jsx(Fragment, {});
 };
 

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

@@ -0,0 +1,2 @@
+import { TextareaComponent } from './Textarea.types';
+export declare const Textarea: TextareaComponent;

package/src/lib/components/Textarea/Textarea.types.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+export type TextareaVariant = 'dense' | 'regular';
+export type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {
+    className?: string;
+    error?: boolean;
+    id: string;
+    label: string;
+    message?: ReactNode;
+    optional?: boolean;
+    placeholder?: string;
+    variant?: TextareaVariant;
+    isValid?: boolean;
+};
+export type TextareaComponent = FC<PropsWithChildren<TextareaProps>>;

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

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

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -55,11 +55,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {
     const portalRoot = useElementById.useElementById('dynamic-tooltips');

package/src/lib/components/Tooltip/Tooltip.js

@@ -51,11 +51,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {
     const portalRoot = useElementById('dynamic-tooltips');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -58,11 +58,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TransactionRow = require('../TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.cjs');
 
 const TransactionStatusLayout = ({ destinationAddress, amount, networkName, networkCurrency, NetworkIcon, onDone, displayPoweredByDynamicFooter = true, onClickClose, }) => {

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -54,11 +54,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TransactionRow } from '../TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.js';
 
 const TransactionStatusLayout = ({ destinationAddress, amount, networkName, networkCurrency, NetworkIcon, onDone, displayPoweredByDynamicFooter = true, onClickClose, }) => {

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -53,11 +53,13 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const VerticalDrawerTransition = (_a) => {
     var { style, children, className } = _a, props = _tslib.__rest(_a, ["style", "children", "className"]);

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -49,11 +49,13 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const VerticalDrawerTransition = (_a) => {
     var { style, children, className } = _a, props = __rest(_a, ["style", "children", "className"]);

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -54,11 +54,13 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;

package/src/lib/components/UserAddress/UserAddress.js

@@ -50,11 +50,13 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -42,6 +42,7 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -51,6 +52,7 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('formik');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -38,6 +38,7 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -47,6 +48,7 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import '../../../InlineWidget/InlineWidget.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -42,6 +42,7 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -51,6 +52,7 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('formik');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -38,6 +38,7 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -47,6 +48,7 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import '../../../InlineWidget/InlineWidget.js';

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -57,6 +57,7 @@ require('formik');
 var Button = require('../../../Button/Button.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useIconThemeVariant = require('../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -53,6 +53,7 @@ import 'formik';
 import { Button } from '../../../Button/Button.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -77,8 +77,10 @@ var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimar
 var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('i18next');
 require('../FooterAnimationContext/index.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
@@ -86,7 +88,7 @@ var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs')
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
-var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../views/viewToComponentMap.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
@@ -231,7 +233,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
+    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -320,6 +322,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
+        setSdkHasLoaded,
         clearAllWalletConnectSessions,
         walletsByChain,
         toolkitEnabled,
@@ -331,6 +334,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         initialAuthenticationMode,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
+        removeLsSettings,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
@@ -406,6 +410,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             onConnect: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnect,
             onEmailVerificationFailure,
             onEmailVerificationSuccess,
+            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -416,14 +421,14 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setIsVerificationInProgress,
         user,
     });
-    const sendWagmiSettings = (settings) => {
+    const sendWagmiSettings = React.useCallback(() => (settings) => {
         const { dynamicWagmiSettings } = settings;
         if (dynamicWagmiSettings) {
             api.sendDynamicProps(environmentId, {
                 dynamicWagmiSettings: { dynamicWagmiSettings },
             });
         }
-    };
+    }, [environmentId]);
     const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setDesktopUri('');
         // Clear verification flag but dont require it to be set
@@ -449,6 +454,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
         }
     }), [
+        isVerificationInProgress,
+        setIsVerificationInProgress,
         user,
         setMultiWalletWidgetState,
         authMode,
@@ -457,13 +464,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
-    const linkedWallets = React.useMemo(() => {
-        if (authMode === 'connect-only' || !user || !primaryWallet) {
-            return [];
-        }
-        const walletsList = [primaryWallet, ...secondaryWallets];
-        return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
-    }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = React.useMemo(() => {
         var _a, _b, _c;
         return ({
@@ -511,7 +511,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             isSingleWalletAccount,
             isVerificationInProgress,
             legacyIsVerifying,
-            linkedWallets,
+            linkedWallets: authMode === 'connect-only' || !user ? [] : linkedOrConnectedWallets,
             loadingNetwork,
             locale: {
                 changeLanguage: (_a = locale.Locale.getInstance()) === null || _a === void 0 ? void 0 : _a.changeLanguage,
@@ -613,13 +613,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
         desktopUri,
+        disconnectWallet,
         displaySiweStatement,
         environmentId,
         eventsCallbacks,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
-        disconnectWallet,
         handleUnlinkWallet,
         i18nSDKInstance,
         isAuthenticated,
@@ -629,7 +629,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         isSingleWalletAccount,
         isVerificationInProgress,
         legacyIsVerifying,
-        linkedWallets,
+        linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -666,6 +666,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
+        setSelectedWalletConnector,
         setShowAuthFlowWithInit,
         setShowQrcodeModal,
         setUser,