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

package/CHANGELOG.md

@@ -1,4 +1,30 @@
 
+### [0.19.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.5...v0.19.6) (2023-12-14)
+
+
+### Bug Fixes
+
+* better handle recovery decrypt failure ([#4148](https://github.com/dynamic-labs/DynamicAuth/issues/4148)) ([#4151](https://github.com/dynamic-labs/DynamicAuth/issues/4151)) ([30178f9](https://github.com/dynamic-labs/DynamicAuth/commit/30178f9b92dc16d9aacea385e15319a413d54ac2))
+* detect wallet network switch for secondary wallets ([#4139](https://github.com/dynamic-labs/DynamicAuth/issues/4139)) ([7096819](https://github.com/dynamic-labs/DynamicAuth/commit/70968199485e5e1bb68dfda577085adcf262137d))
+* make the pin input fields responsive ([#4141](https://github.com/dynamic-labs/DynamicAuth/issues/4141)) ([d8a2e0b](https://github.com/dynamic-labs/DynamicAuth/commit/d8a2e0b01db25947237f0321640a7b8916ea361f))
+* remove last separator from email or social only login view ([#4118](https://github.com/dynamic-labs/DynamicAuth/issues/4118)) ([3bdd25c](https://github.com/dynamic-labs/DynamicAuth/commit/3bdd25ca9c97d1d88f4f62a2e80c04ed634c1ed4)), closes [#4103](https://github.com/dynamic-labs/DynamicAuth/issues/4103)
+* render recovery section only when turnkey provider is enabled ([#4093](https://github.com/dynamic-labs/DynamicAuth/issues/4093)) ([#4096](https://github.com/dynamic-labs/DynamicAuth/issues/4096)) ([969eef1](https://github.com/dynamic-labs/DynamicAuth/commit/969eef1616e9891a8387746dbdd87162fd111a94))
+* reset selected social provider on logout ([164363f](https://github.com/dynamic-labs/DynamicAuth/commit/164363f1435831e911e69f522212030ff66e5474))
+* sync wagmi when using embedded wallets in connect-only ([#4110](https://github.com/dynamic-labs/DynamicAuth/issues/4110)) ([e97da0d](https://github.com/dynamic-labs/DynamicAuth/commit/e97da0d1b8a51857f69b578adc157a2ba694be7e))
+* update wagmi to v1.4.12 to fix ledger security issue ([#4170](https://github.com/dynamic-labs/DynamicAuth/issues/4170)) ([3ad0a17](https://github.com/dynamic-labs/DynamicAuth/commit/3ad0a171cca9d97f6a62659b75826926cd955b27))
+
+### [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)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.4";
+var version = "0.19.6";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
 	"@dynamic-labs/sdk-api": "0.0.311",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.4";
+var version = "0.19.6";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
 	"@dynamic-labs/sdk-api": "0.0.311",

package/package.json

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

package/src/index.cjs

@@ -122,6 +122,7 @@ require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./lib/config/ApiEndpoint.cjs');
 require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
+var useWalletConnectorEvent = require('./lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -149,12 +150,13 @@ require('formik');
 require('viem');
 require('./lib/components/IconButton/IconButton.cjs');
 require('./lib/components/Alert/Alert.cjs');
-var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.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');
 require('./lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 var useIsLoggedIn = require('./lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/Popper/Popper/Popper.cjs');
@@ -297,6 +299,7 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
 });
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
 exports.isSameWalletName = isSameWalletName.isSameWalletName;
+exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEvent;
 exports.MockContext = MockContext.MockContext;
 exports.MockContextProvider = MockContext.MockContextProvider;
 exports.MockContextWrapper = MockContext.MockContextWrapper;
@@ -305,9 +308,10 @@ exports.useEmailVerificationRequest = useEmailVerificationRequest.useEmailVerifi
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useSocialAccounts = useSocialAccounts.useSocialAccounts;
 exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
-exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
+exports.usePasskeyRecovery = usePasskeyRecovery.usePasskeyRecovery;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
+exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
 exports.useIsLoggedIn = useIsLoggedIn.useIsLoggedIn;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.WalletList = WalletList.WalletList;

package/src/index.d.ts

@@ -23,8 +23,8 @@ 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 { useUserUpdateRequest } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, usePasskeyRecovery, useIsLoggedIn, } from './lib/utils/hooks';
+export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
 export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';

package/src/index.js

@@ -118,6 +118,7 @@ import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
 import './lib/config/ApiEndpoint.js';
 import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
+export { useWalletConnectorEvent } from './lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.js';
 import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
@@ -145,12 +146,13 @@ import 'formik';
 import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import './lib/components/Alert/Alert.js';
-export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.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';
 import './lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 export { useIsLoggedIn } from './lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/Popper/Popper/Popper.js';

package/src/lib/Main.cjs

@@ -51,6 +51,7 @@ require('./utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('./context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('./components/Popper/Popper/Popper.cjs');
 var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
+require('i18next');
 require('./components/InlineWidget/InlineWidget.cjs');
 require('./components/MenuList/Dropdown/Dropdown.cjs');
 require('./components/OverlayCard/OverlayCard.context.cjs');

package/src/lib/Main.js

@@ -47,6 +47,7 @@ import './utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import './context/UserFieldEditorContext/UserFieldEditorContext.js';
 import './components/Popper/Popper/Popper.js';
 import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
+import 'i18next';
 import './components/InlineWidget/InlineWidget.js';
 import './components/MenuList/Dropdown/Dropdown.js';
 import './components/OverlayCard/OverlayCard.context.js';

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

@@ -39,6 +39,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('i18next');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../OverlayCard/OverlayCard.context.cjs');
@@ -51,7 +52,6 @@ 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');

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

@@ -35,6 +35,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import 'i18next';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../OverlayCard/OverlayCard.context.js';
@@ -47,7 +48,6 @@ 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';

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

@@ -38,6 +38,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('i18next');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../OverlayCard/OverlayCard.context.cjs');
@@ -50,7 +51,6 @@ 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');

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

@@ -34,6 +34,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import 'i18next';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../OverlayCard/OverlayCard.context.js';
@@ -46,7 +47,6 @@ 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';

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

@@ -42,6 +42,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('i18next');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../OverlayCard/OverlayCard.context.cjs');
@@ -54,7 +55,6 @@ 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');

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

@@ -38,6 +38,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import 'i18next';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../OverlayCard/OverlayCard.context.js';
@@ -50,7 +51,6 @@ 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';

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

@@ -43,6 +43,7 @@ require('../../IconButton/IconButton.cjs');
 require('../../Alert/Alert.cjs');
 require('formik');
 require('yup');
+require('i18next');
 require('../../InlineWidget/InlineWidget.cjs');
 require('../../OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
@@ -54,7 +55,6 @@ 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');

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

@@ -39,6 +39,7 @@ import '../../IconButton/IconButton.js';
 import '../../Alert/Alert.js';
 import 'formik';
 import 'yup';
+import 'i18next';
 import '../../InlineWidget/InlineWidget.js';
 import '../../OverlayCard/OverlayCard.context.js';
 import '../../../context/FooterAnimationContext/index.js';
@@ -50,7 +51,6 @@ 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';

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

@@ -38,6 +38,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('i18next');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../OverlayCard/OverlayCard.context.cjs');
@@ -50,7 +51,6 @@ 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');

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

@@ -34,6 +34,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import 'i18next';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../OverlayCard/OverlayCard.context.js';
@@ -46,7 +47,6 @@ 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';

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

@@ -4,19 +4,99 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+var sdkApi = require('@dynamic-labs/sdk-api');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('react');
+require('@dynamic-labs/utils');
+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('i18next');
+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('../../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, _e;
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
-    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
-    const supportUrl = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls) &&
-        Object.values(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls)[0];
-    if (!supportEmail && !supportUrl) {
+    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') &&
+        ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _d === void 0 ? void 0 : _d.find((p) => p.provider === sdkApi.ProviderEnum.Turnkey && p.enabledAt)) &&
+        Boolean((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.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.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 }) }))] })] }));
+    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;

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -1,18 +1,98 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import 'react';
+import '@dynamic-labs/utils';
+import '../../config/ApiEndpoint.js';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-dom';
 import { Typography } from '../Typography/Typography.js';
+import '../ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import 'react-focus-lock';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import { TextButton } from '../TextButton/TextButton.js';
+import '../IconButton/IconButton.js';
+import '../Alert/Alert.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import 'i18next';
+import '../InlineWidget/InlineWidget.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+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 { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const NeedHelpSection = () => {
+    var _a, _b, _c, _d, _e;
     const { projectSettings } = useInternalDynamicContext();
     const { t } = useTranslation();
-    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
-    const supportUrl = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls) &&
-        Object.values(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls)[0];
-    if (!supportEmail && !supportUrl) {
+    const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
+    const { view } = 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') &&
+        ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _d === void 0 ? void 0 : _d.find((p) => p.provider === ProviderEnum.Turnkey && p.enabledAt)) &&
+        Boolean((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.passkeyEmbeddedWalletRecoveryEnabled);
+    const hasContactInfo = Boolean(supportEmail || supportUrl);
+    const getSupportHelpSession = () => {
+        if (!hasContactInfo) {
+            return null;
+        }
+        return (jsxs("div", { className: 'need-help-section__links', children: [supportUrl && (jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: supportUrl, rel: 'noreferrer', target: '_blank', children: t('dyn_need_help_section.contact_support') }) })), supportEmail && (jsx(Typography, { variant: 'body_small', color: 'link', children: 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 (jsxs(Fragment, { children: [hasContactInfo && (jsx(Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.divider') })), jsx(TextButton, { className: classNames('helper-link', {
+                        'need-help-section--captalize': !hasContactInfo,
+                    }), onClick: initPasskeyRecoveryProcess, children: finalRecoveryText })] }));
+    };
+    if (!hasContactInfo && !isRecoveryEnabled) {
         return null;
     }
-    return (jsxs("div", { className: 'need-help-section', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsxs("div", { className: 'need-help-section__links', children: [supportUrl && (jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: supportUrl, rel: 'noreferrer', target: '_blank', children: t('dyn_need_help_section.contact_support') }) })), supportEmail && (jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) }))] })] }));
+    return (jsxs("div", { className: 'need-help-section', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), getSupportHelpSession(), getPasskeyRecoverySession()] }));
 };
 
 export { NeedHelpSection };