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

package/CHANGELOG.md

@@ -1,4 +1,34 @@
 
+### [0.19.5](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.4...v0.19.5) (2023-12-05)
+
+
+### Bug Fixes
+
+* add support for embedded wallets in connect-only ([#4041](https://github.com/dynamic-labs/DynamicAuth/issues/4041)) ([#4056](https://github.com/dynamic-labs/DynamicAuth/issues/4056)) ([78f34cb](https://github.com/dynamic-labs/DynamicAuth/commit/78f34cbedf127c301997a72e058f9a4ff62badad))
+* show full passkey name on management view ([#4057](https://github.com/dynamic-labs/DynamicAuth/issues/4057)) ([be9c65a](https://github.com/dynamic-labs/DynamicAuth/commit/be9c65a04143b7253b9b6641e153cb100f626343)), closes [#4043](https://github.com/dynamic-labs/DynamicAuth/issues/4043)
+* make passkey recovery more easily discoverable ([#4058](https://github.com/dynamic-labs/DynamicAuth/issues/4058)) ([#4061](https://github.com/dynamic-labs/DynamicAuth/issues/4061)) ([93c4c4f](https://github.com/dynamic-labs/DynamicAuth/commit/93c4c4fb563bc723e3cd180ba44925db87b25459))
+* fix network picker when using embedded wallet ([#4054](https://github.com/dynamic-labs/DynamicAuth/issues/4054)) ([3bac838](https://github.com/dynamic-labs/DynamicAuth/commit/3bac838d434464ab33bca0fefb0c53208014f41b))
+* clear project settings on page refresh ([#3826](https://github.com/dynamic-labs/DynamicAuth/issues/3826)) ([#4039](https://github.com/dynamic-labs/DynamicAuth/issues/4039)) ([bfbb7b2](https://github.com/dynamic-labs/DynamicAuth/commit/bfbb7b2c3349895e0812c3e884a1e71e4ab84c58))
+* add close button to wallets list ([#4036](https://github.com/dynamic-labs/DynamicAuth/issues/4036)) ([#4046](https://github.com/dynamic-labs/DynamicAuth/issues/4046)) ([6e4038d](https://github.com/dynamic-labs/DynamicAuth/commit/6e4038d49de5c26ceda9be723298daaef4bf8356))
+
+### [0.19.4](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.3...v0.19.4) (2023-11-29)
+
+
+### Features
+
+* passkey management and recovery ([#4018](https://github.com/dynamic-labs/DynamicAuth/issues/4018)) ([6fae19f](https://github.com/dynamic-labs/DynamicAuth/commit/6fae19f26d9bbbff5dd5863ac012cfb67e3fe535))
+
+
+### Bug Fixes
+
+* add hydration safeguard for embedded widget ([#3953](https://github.com/dynamic-labs/DynamicAuth/issues/3953)) ([#3955](https://github.com/dynamic-labs/DynamicAuth/issues/3955)) ([848a684](https://github.com/dynamic-labs/DynamicAuth/commit/848a684a08fd38e23f86898b287f3badaa0a3b49))
+* ensure all chain rpc providers are always assigned correctly ([#3985](https://github.com/dynamic-labs/DynamicAuth/issues/3985)) ([f36aebe](https://github.com/dynamic-labs/DynamicAuth/commit/f36aebeb8ddffa7fb65f6865005f44d5eacf3982))
+* initialize selected chain with first evm network if no value in ls ([#4008](https://github.com/dynamic-labs/DynamicAuth/issues/4008)) ([b7d99be](https://github.com/dynamic-labs/DynamicAuth/commit/b7d99be80d990c264838f2619b45750b1a0037bc))
+* nextjs issues to show transaction modals ([#3964](https://github.com/dynamic-labs/DynamicAuth/issues/3964)) ([#3978](https://github.com/dynamic-labs/DynamicAuth/issues/3978)) ([0ef4c3a](https://github.com/dynamic-labs/DynamicAuth/commit/0ef4c3adbc0883e127023c3c475637dfb648160d))
+* onEmbeddedWalletCreated not being called ([#3977](https://github.com/dynamic-labs/DynamicAuth/issues/3977)) ([24de7c0](https://github.com/dynamic-labs/DynamicAuth/commit/24de7c0443d957302a52055e59196592f87e70e1)), closes [#3975](https://github.com/dynamic-labs/DynamicAuth/issues/3975)
+* return linked wallets even when there's no primary wallet ([#3965](https://github.com/dynamic-labs/DynamicAuth/issues/3965)) ([#3976](https://github.com/dynamic-labs/DynamicAuth/issues/3976)) ([7052f99](https://github.com/dynamic-labs/DynamicAuth/commit/7052f990638295ddfc3cbe35853736dfc6250268))
+* transaction modal not throwing viem compatible exception ([#3971](https://github.com/dynamic-labs/DynamicAuth/issues/3971)) ([#3979](https://github.com/dynamic-labs/DynamicAuth/issues/3979)) ([8bc551f](https://github.com/dynamic-labs/DynamicAuth/commit/8bc551f432e140e1cf16eb2b3305a8de761d4305))
+
 ### [0.19.3](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.2...v0.19.3) (2023-11-22)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.3";
+var version = "0.19.5";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
-	"@dynamic-labs/sdk-api": "0.0.307",
+	"@dynamic-labs/sdk-api": "0.0.311",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "0.19.3";
+var version = "0.19.5";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
-	"@dynamic-labs/sdk-api": "0.0.307",
+	"@dynamic-labs/sdk-api": "0.0.311",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.3",
+  "version": "0.19.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.37",
-    "@dynamic-labs/sdk-api": "0.0.307",
+    "@dynamic-labs/sdk-api": "0.0.311",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,14 +17,14 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "0.19.3",
-    "@dynamic-labs/logger": "0.19.3",
-    "@dynamic-labs/multi-wallet": "0.19.3",
-    "@dynamic-labs/rpc-providers": "0.19.3",
-    "@dynamic-labs/types": "0.19.3",
-    "@dynamic-labs/utils": "0.19.3",
-    "@dynamic-labs/wallet-book": "0.19.3",
-    "@dynamic-labs/wallet-connector-core": "0.19.3",
+    "@dynamic-labs/ethereum": "0.19.5",
+    "@dynamic-labs/logger": "0.19.5",
+    "@dynamic-labs/multi-wallet": "0.19.5",
+    "@dynamic-labs/rpc-providers": "0.19.5",
+    "@dynamic-labs/types": "0.19.5",
+    "@dynamic-labs/utils": "0.19.5",
+    "@dynamic-labs/wallet-book": "0.19.5",
+    "@dynamic-labs/wallet-connector-core": "0.19.5",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -94,6 +94,8 @@ var userCard = require('./lib/shared/assets/user-card.cjs');
 var workSuitcase = require('./lib/shared/assets/work-suitcase.cjs');
 var location = require('./lib/shared/assets/location.cjs');
 var sparkles = require('./lib/shared/assets/sparkles.cjs');
+var circleLocker = require('./lib/shared/assets/circle-locker.cjs');
+var turnkey = require('./lib/shared/assets/turnkey.cjs');
 var justifiedText = require('./lib/shared/assets/justified-text.cjs');
 var signInWithEmail = require('./lib/shared/assets/sign-in-with-email.cjs');
 var passkeyIntroIcon = require('./lib/shared/assets/passkey-intro-icon.cjs');
@@ -137,6 +139,7 @@ require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var useEmailVerificationRequest = require('./lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
 require('qrcode');
 require('./lib/context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 require('./lib/components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -146,6 +149,8 @@ require('formik');
 require('viem');
 require('./lib/components/IconButton/IconButton.cjs');
 require('./lib/components/Alert/Alert.cjs');
+var usePasskeyRecovery = require('./lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
+require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
 require('./lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -263,6 +268,8 @@ exports.UserCardIcon = userCard.ReactComponent;
 exports.WorkSuitcaseIcon = workSuitcase.ReactComponent;
 exports.LocationIcon = location.ReactComponent;
 exports.SparklesIcon = sparkles.ReactComponent;
+exports.CircleLockerIcon = circleLocker.ReactComponent;
+exports.TurnkeyIcon = turnkey.ReactComponent;
 exports.JustifiedTextIcon = justifiedText.ReactComponent;
 exports.SignInWithEmailIcon = signInWithEmail.ReactComponent;
 exports.PasskeyIntroIcon = passkeyIntroIcon.ReactComponent;
@@ -299,6 +306,7 @@ exports.useEmailVerificationRequest = useEmailVerificationRequest.useEmailVerifi
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useSocialAccounts = useSocialAccounts.useSocialAccounts;
 exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
+exports.usePasskeyRecovery = usePasskeyRecovery.usePasskeyRecovery;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
 exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;

package/src/index.d.ts

@@ -23,7 +23,7 @@ export { classNames } from './lib/utils/functions/classNames';
 export { getNetwork } from './lib/utils/functions/getNetwork';
 export * from './lib/utils/functions/walletFilters';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useIsLoggedIn, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, usePasskeyRecovery, useIsLoggedIn, } from './lib/utils/hooks';
 export { useUserUpdateRequest } from './lib/utils/hooks';
 export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -90,6 +90,8 @@ export { ReactComponent as UserCardIcon } from './lib/shared/assets/user-card.js
 export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.js';
 export { ReactComponent as LocationIcon } from './lib/shared/assets/location.js';
 export { ReactComponent as SparklesIcon } from './lib/shared/assets/sparkles.js';
+export { ReactComponent as CircleLockerIcon } from './lib/shared/assets/circle-locker.js';
+export { ReactComponent as TurnkeyIcon } from './lib/shared/assets/turnkey.js';
 export { ReactComponent as JustifiedTextIcon } from './lib/shared/assets/justified-text.js';
 export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-in-with-email.js';
 export { ReactComponent as PasskeyIntroIcon } from './lib/shared/assets/passkey-intro-icon.js';
@@ -133,6 +135,7 @@ import './lib/context/CaptchaContext/CaptchaContext.js';
 export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 import 'qrcode';
 import './lib/context/LoadingContext/LoadingContext.js';
+import 'i18next';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import './lib/components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -142,6 +145,8 @@ import 'formik';
 import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import './lib/components/Alert/Alert.js';
+export { usePasskeyRecovery } from './lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
+import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
 import './lib/context/UserFieldEditorContext/UserFieldEditorContext.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.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');
 
 const AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {
     const childRef = React.useRef(null);

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.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 AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {
     const childRef = useRef(null);

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

@@ -50,11 +50,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 useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cjs');
 
 const AnimatePresence = ({ children, animationComponent, }) => {

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

@@ -46,11 +46,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 { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.js';
 
 const AnimatePresence = ({ children, animationComponent, }) => {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.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');
 var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 
 const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.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';
 import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 
 const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {

package/src/lib/components/Button/Button.cjs

@@ -9,7 +9,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
+const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
     variant: 'button_primary',
 }, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
@@ -36,7 +36,9 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
         if (onClick) {
             const onClickResult = onClick(e);
             if (onClickResult instanceof Promise) {
-                setInternalButtonLoading(true);
+                if (showInternalLoading) {
+                    setInternalButtonLoading(true);
+                }
                 try {
                     yield onClickResult;
                 }

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

@@ -11,6 +11,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick
     endSlot?: JSX.Element;
     expanded?: boolean;
     feedback?: ReactNode;
+    showInternalLoading?: boolean;
     loading?: boolean;
     startSlot?: JSX.Element;
     typographyProps?: Omit<TypographyProps, 'as'>;

package/src/lib/components/Button/Button.js

@@ -5,7 +5,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
 import { Typography } from '../Typography/Typography.js';
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
+const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
     variant: 'button_primary',
 }, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
@@ -32,7 +32,9 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
         if (onClick) {
             const onClickResult = onClick(e);
             if (onClickResult instanceof Promise) {
-                setInternalButtonLoading(true);
+                if (showInternalLoading) {
+                    setInternalButtonLoading(true);
+                }
                 try {
                     yield onClickResult;
                 }

package/src/lib/components/Divider/Divider.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('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -52,6 +53,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/Divider/Divider.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 '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -48,6 +49,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/MenuList/Dropdown/Dropdown.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 IN_DURATION = 300;
 const OUT_DURATION = 300;

package/src/lib/components/MenuList/Dropdown/Dropdown.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 IN_DURATION = 300;
 const OUT_DURATION = 300;

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

@@ -50,11 +50,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 Modal = ({ children, className, isShown = true, transitionProps, }) => (jsxRuntime.jsx("div", { className: classNames.classNames('modal', className), children: jsxRuntime.jsx(SlideInUpTransition.SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsxRuntime.jsx("div", { className: 'modal__items', children: children }) })) }));
 

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

@@ -46,11 +46,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 Modal = ({ children, className, isShown = true, transitionProps, }) => (jsx("div", { className: classNames('modal', className), children: jsx(SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsx("div", { className: 'modal__items', children: children }) })) }));
 

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -5,15 +5,97 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('react');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api');
+require('../../config/ApiEndpoint.cjs');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.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');
 var Typography = require('../Typography/Typography.cjs');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('react-focus-lock');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+var TextButton = require('../TextButton/TextButton.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('../../context/FooterAnimationContext/index.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+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');
+var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const NeedHelpSection = () => {
+    var _a, _b, _c, _d;
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
-    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
-    if (!supportEmail)
+    const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
+    const { view } = ViewContext.useViewContext();
+    const supportEmail = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportEmail;
+    const supportUrl = ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls) &&
+        ((_c = Object.values(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls)) === null || _c === void 0 ? void 0 : _c[0]);
+    // don't show passkey recovery helper on passkey creation flow views
+    const isRecoveryEnabled = !view.startsWith('passkey') &&
+        Boolean((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.passkeyEmbeddedWalletRecoveryEnabled);
+    const hasContactInfo = Boolean(supportEmail || supportUrl);
+    const getSupportHelpSession = () => {
+        if (!hasContactInfo) {
+            return null;
+        }
+        return (jsxRuntime.jsxs("div", { className: 'need-help-section__links', children: [supportUrl && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: supportUrl, rel: 'noreferrer', target: '_blank', children: t('dyn_need_help_section.contact_support') }) })), supportEmail && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) }))] }));
+    };
+    const getPasskeyRecoverySession = () => {
+        if (!isRecoveryEnabled) {
+            return null;
+        }
+        const recoveryText = t('dyn_need_help_section.recovery_button');
+        const finalRecoveryText = hasContactInfo
+            ? recoveryText
+            : recoveryText.slice(0, 1).toUpperCase() + recoveryText.slice(1);
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasContactInfo && (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.divider') })), jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('helper-link', {
+                        'need-help-section--captalize': !hasContactInfo,
+                    }), onClick: initPasskeyRecoveryProcess, children: finalRecoveryText })] }));
+    };
+    if (!hasContactInfo && !isRecoveryEnabled) {
         return null;
-    return (jsxRuntime.jsxs("div", { className: 'need-help-section', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) })] }));
+    }
+    return (jsxRuntime.jsxs("div", { className: 'need-help-section', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), getSupportHelpSession(), getPasskeyRecoverySession()] }));
 };
 
 exports.NeedHelpSection = NeedHelpSection;