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

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -44,6 +44,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 '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -55,6 +56,7 @@ import '../../../context/MockContext/MockContext.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../components/InlineWidget/InlineWidget.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -44,6 +44,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('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -55,6 +56,7 @@ require('../../../../context/MockContext/MockContext.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -40,6 +40,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 '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -51,6 +52,7 @@ import '../../../../context/MockContext/MockContext.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/InlineWidget/InlineWidget.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -45,6 +45,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('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -54,6 +55,7 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -41,6 +41,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 '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -50,6 +51,7 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.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('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -51,6 +52,7 @@ require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cj
 require('formik');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.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 '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -47,6 +48,7 @@ import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js'
 import 'formik';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
+import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -43,6 +43,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('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -52,6 +53,7 @@ require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cj
 require('formik');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -39,6 +39,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 '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -48,6 +49,7 @@ import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js'
 import 'formik';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
+import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -49,6 +49,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('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -58,6 +59,7 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js

@@ -45,6 +45,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 '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -54,6 +55,7 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -46,6 +46,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('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -55,6 +56,7 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('formik');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -42,6 +42,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 '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -51,6 +52,7 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -41,6 +41,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('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -51,6 +52,7 @@ require('formik');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TosAndPp = require('../../../components/TosAndPp/TosAndPp.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -37,6 +37,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 '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -47,6 +48,7 @@ import 'formik';
 import '../../../context/MockContext/MockContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TosAndPp } from '../../../components/TosAndPp/TosAndPp.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -43,6 +43,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('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -52,6 +53,7 @@ require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 var Step = require('../../../components/Step/Step.cjs');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -39,6 +39,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 '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -48,6 +49,7 @@ import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import { Step } from '../../../components/Step/Step.js';

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -48,6 +48,7 @@ var DynamicWidgetHeader = require('../../widgets/DynamicWidget/components/Dynami
 var DynamicWidgetPrompts = require('../../widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.cjs');
 var DynamicWidgetViews = require('../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.cjs');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var DynamicWidgetContext_types = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.types.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('@dynamic-labs/types');
@@ -56,9 +57,14 @@ require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');
 
+const shouldNotRenderHeaderViews = [
+    ...DynamicWidgetContext_types.DynamicPasskeyWidgetViews,
+    ...DynamicWidgetContext_types.DynamicTransactionsWidgetViews,
+];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
+    // It should render header only if the view is not send-balance or one of passkey widgets view
+    const shouldRenderHeader = !shouldNotRenderHeaderViews.includes(dynamicWidgetView);
     return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs("div", { className: classNames.classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }));
 };
 

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -44,6 +44,7 @@ import { MemoizedDynamicWidgetHeader } from '../../widgets/DynamicWidget/compone
 import { DynamicWidgetPrompts } from '../../widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.js';
 import { DynamicWidgetViews } from '../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.js';
 import { useWidgetContext } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { DynamicPasskeyWidgetViews, DynamicTransactionsWidgetViews } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.types.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import '@dynamic-labs/types';
@@ -52,9 +53,14 @@ import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import { OverlayCardTarget } from '../../components/OverlayCard/OverlayCardTarget.js';
 
+const shouldNotRenderHeaderViews = [
+    ...DynamicPasskeyWidgetViews,
+    ...DynamicTransactionsWidgetViews,
+];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { dynamicWidgetView } = useWidgetContext();
-    const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
+    // It should render header only if the view is not send-balance or one of passkey widgets view
+    const shouldRenderHeader = !shouldNotRenderHeaderViews.includes(dynamicWidgetView);
     return (jsx(OverlayCardTarget, { children: jsxs("div", { className: classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }));
 };
 

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -43,6 +43,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('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -54,6 +55,7 @@ var Button = require('../../components/Button/Button.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -39,6 +39,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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -50,6 +51,7 @@ import { Button } from '../../components/Button/Button.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -43,6 +43,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('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -54,6 +55,7 @@ var Button = require('../../components/Button/Button.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Step = require('../../components/Step/Step.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -39,6 +39,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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -50,6 +51,7 @@ import { Button } from '../../components/Button/Button.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import { Step } from '../../components/Step/Step.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -44,6 +44,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('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -55,6 +56,7 @@ var Button = require('../../components/Button/Button.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -40,6 +40,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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -51,6 +52,7 @@ import { Button } from '../../components/Button/Button.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/locale/en/translation.cjs

@@ -316,6 +316,40 @@ const translation = {
             button_only: 'Continue with a wallet',
         },
     },
+    /**
+     * @description copy keys for Dynamic manage passkeys view which are used inside dynamic widget
+     * @default
+     * {
+        title: 'My passkeys',
+        passkey_from: 'from',
+        passkey_providers: {
+          android: 'Android Phone',
+          brave: 'Brave Browser',
+          chrome: 'Google Chrome',
+          edge: 'Microsoft Edge',
+          firefox: 'Firefox',
+          iPhone: 'iPhone',
+          opera: 'Opera Browser',
+          safari: 'Safari Browser',
+        },
+        recovery_button: 'Set up new passkey',
+      }
+     */
+    dyn_manage_passkeys: {
+        title: 'My passkeys',
+        passkey_from: 'from',
+        passkey_providers: {
+            android: 'Android Phone',
+            brave: 'Brave Browser',
+            chrome: 'Google Chrome',
+            edge: 'Microsoft Edge',
+            firefox: 'Firefox',
+            iPhone: 'iPhone',
+            opera: 'Opera Browser',
+            safari: 'Safari Browser',
+        },
+        recovery_button: 'Set up new passkey',
+    },
     /**
      * @description copy keys for merge user accounts view
      * @default
@@ -338,11 +372,13 @@ const translation = {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'If you need to contact our support',
+        info: 'Any troubles with your passkey?',
+        contact_support: 'Contact Support',
       }
      */
     dyn_need_help_section: {
-        info: 'If you need to contact our support',
+        info: 'Any troubles with your passkey?',
+        contact_support: 'Contact support',
     },
     /**
      * @description copy keys for network not supported view
@@ -424,7 +460,8 @@ const translation = {
     },
     /**
      * @description copy keys for email OTP verification for magiclink
-     * @default {
+     * @default
+     * {
         banner_text: 'Sign in to access your email based wallet',
         code_sent: 'We’ve sent a verification code to',
         confirm_code: 'Confirm verification code',
@@ -460,7 +497,6 @@ const translation = {
         },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
-        warning: 'If you delete your passkey, you will be locked out of your wallet.',
       }
      */
     dyn_passkey_intro: {
@@ -481,7 +517,53 @@ const translation = {
         },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
-        warning: 'If you delete your passkey, you will be locked out of your wallet.',
+    },
+    /**
+     * @description copy keys for passkeys recovery flow
+     * @default
+     * {
+        code: {
+            description: 'An email has been sent from',
+            input_label: 'Enter your code here...',
+            title: 'Enter email code',
+          resend: {
+              button: 'Resend code',
+              text: "Didn't receive a code?",
+          },
+        },
+        complete: {
+          complete_button: 'Create a passkey',
+          description: 'Secure your wallet by adding a new passkey.',
+          title: 'Create a new passkey',
+        },
+        start: {
+          description:
+            'To complete this process, ensure you are using the same device/browser.',
+          start_button: 'Send me an email',
+          title: 'Initiate Request',
+        },`
+      }
+     */
+    dyn_passkey_recovery: {
+        code: {
+            description: 'An email has been sent from',
+            input_label: 'Enter your code here...',
+            title: 'Enter email code',
+            resend: {
+                button: 'Resend code',
+                text: "Didn't receive a code?",
+            },
+        },
+        complete: {
+            complete_button: 'Create a passkey',
+            description: 'Secure your wallet by adding a new passkey.',
+            title: 'Create a new passkey',
+        },
+        start: {
+            description: 'To complete this process, ensure you are using the same device/browser.',
+            start_button: 'Send me an email',
+            title: 'Initiate Request',
+        },
     },
     /**
      * @description copy keys for send transaction flow views
@@ -629,6 +711,42 @@ const translation = {
     dyn_social_redirect: {
         logging_in: 'Logging you in',
     },
+    /**
+     * @description copy keys for messages related to time since a date
+     * @default
+     * {
+        second: 'second',
+        seconds: 'seconds',
+        minute: 'minute',
+        minutes: 'minutes',
+        hour: 'hour',
+        hours: 'hours',
+        day: 'day',
+        days: 'days',
+        month: 'month',
+        months: 'months',
+        year: 'year',
+        years: 'years',
+        ago: 'ago',
+        created: 'Created',
+     }
+     */
+    dyn_time_since: {
+        second: 'second',
+        seconds: 'seconds',
+        minute: 'minute',
+        minutes: 'minutes',
+        hour: 'hour',
+        hours: 'hours',
+        day: 'day',
+        days: 'days',
+        month: 'month',
+        months: 'months',
+        year: 'year',
+        years: 'years',
+        ago: 'ago',
+        created: 'Created',
+    },
     /**
      * @description copy keys for connecting wallets view
      * @default