@dynamic-labs/sdk-react-core 1.1.0-alpha.21 → 1.1.0-alpha.23

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [1.1.0-alpha.23](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.22...v1.1.0-alpha.23) (2024-02-01)
+
+
+### Features
+
+* bitcoin signPsbt ([3c964de](https://github.com/dynamic-labs/DynamicAuth/commit/3c964dea8a55debaf184c5a94f0f5fabdda3c877))
+* embedded wallet email auth flow ([#4353](https://github.com/dynamic-labs/DynamicAuth/issues/4353)) ([4875da3](https://github.com/dynamic-labs/DynamicAuth/commit/4875da32c47c27facef1b1cdbdc214566bbfd171))
+
+## [1.1.0-alpha.22](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.21...v1.1.0-alpha.22) (2024-02-01)
+
+
+### Bug Fixes
+
+* onAuthFlowClose not being called ([#4563](https://github.com/dynamic-labs/DynamicAuth/issues/4563)) ([c4b2648](https://github.com/dynamic-labs/DynamicAuth/commit/c4b264885b7dba6e204ef49bf642d25c7d287b04))
+
 ## [1.1.0-alpha.21](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.20...v1.1.0-alpha.21) (2024-02-01)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.21";
+var version = "1.1.0-alpha.23";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.0-alpha.21";
+var version = "1.1.0-alpha.23";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.json

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

package/src/index.cjs

@@ -102,7 +102,6 @@ var walletConnectLogo = require('./lib/shared/assets/wallet-connect-logo.cjs');
 var walletOutline = require('./lib/shared/assets/wallet-outline.cjs');
 var workSuitcase = require('./lib/shared/assets/work-suitcase.cjs');
 var circleLocker = require('./lib/shared/assets/circle-locker.cjs');
-var turnkey = require('./lib/shared/assets/turnkey.cjs');
 var lock = require('./lib/shared/assets/lock.cjs');
 var altEmbeddedWallet = require('./lib/shared/assets/alt-embedded-wallet.cjs');
 var faceId = require('./lib/shared/assets/face-id.cjs');
@@ -111,6 +110,10 @@ var walletV2 = require('./lib/shared/assets/wallet-v2.cjs');
 var altKey = require('./lib/shared/assets/alt-key.cjs');
 var exportPrivateKey = require('./lib/shared/assets/export-private-key.cjs');
 var exportRecoveryPhrase = require('./lib/shared/assets/export-recovery-phrase.cjs');
+var domain = require('./lib/shared/assets/domain.cjs');
+var gear = require('./lib/shared/assets/gear.cjs');
+var multipleAccountSecurity = require('./lib/shared/assets/multiple-account-security.cjs');
+var passkeyAccountSecurity = require('./lib/shared/assets/passkey-account-security.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('../_virtual/_tslib.cjs');
@@ -162,8 +165,8 @@ require('viem');
 require('./lib/components/IconButton/IconButton.cjs');
 require('./lib/components/Alert/Alert.cjs');
 require('./lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('./lib/context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
@@ -300,7 +303,6 @@ exports.WalletConnectLogo = walletConnectLogo.ReactComponent;
 exports.WalletOutlineIcon = walletOutline.ReactComponent;
 exports.WorkSuitcaseIcon = workSuitcase.ReactComponent;
 exports.CircleLockerIcon = circleLocker.ReactComponent;
-exports.TurnkeyIcon = turnkey.ReactComponent;
 exports.LockIcon = lock.ReactComponent;
 exports.AltEmbeddedWalletIcon = altEmbeddedWallet.ReactComponent;
 exports.FaceIdIcon = faceId.ReactComponent;
@@ -309,6 +311,10 @@ exports.WalletV2Icon = walletV2.ReactComponent;
 exports.AltKeyIcon = altKey.ReactComponent;
 exports.ExportPrivateKeyIcon = exportPrivateKey.ReactComponent;
 exports.ExportRecoveryPhraseIcon = exportRecoveryPhrase.ReactComponent;
+exports.DomainIcon = domain.ReactComponent;
+exports.GearIcon = gear.ReactComponent;
+exports.AccountSecurityIcon = multipleAccountSecurity.ReactComponent;
+exports.PasskeyAccountSecurityIcon = passkeyAccountSecurity.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;

package/src/index.js

@@ -98,7 +98,6 @@ export { ReactComponent as WalletConnectLogo } from './lib/shared/assets/wallet-
 export { ReactComponent as WalletOutlineIcon } from './lib/shared/assets/wallet-outline.js';
 export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.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 LockIcon } from './lib/shared/assets/lock.js';
 export { ReactComponent as AltEmbeddedWalletIcon } from './lib/shared/assets/alt-embedded-wallet.js';
 export { ReactComponent as FaceIdIcon } from './lib/shared/assets/face-id.js';
@@ -107,6 +106,10 @@ export { ReactComponent as WalletV2Icon } from './lib/shared/assets/wallet-v2.js
 export { ReactComponent as AltKeyIcon } from './lib/shared/assets/alt-key.js';
 export { ReactComponent as ExportPrivateKeyIcon } from './lib/shared/assets/export-private-key.js';
 export { ReactComponent as ExportRecoveryPhraseIcon } from './lib/shared/assets/export-recovery-phrase.js';
+export { ReactComponent as DomainIcon } from './lib/shared/assets/domain.js';
+export { ReactComponent as GearIcon } from './lib/shared/assets/gear.js';
+export { ReactComponent as AccountSecurityIcon } from './lib/shared/assets/multiple-account-security.js';
+export { ReactComponent as PasskeyAccountSecurityIcon } from './lib/shared/assets/passkey-account-security.js';
 export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
 export { logger } from './lib/shared/logger.js';
 import '../_virtual/_tslib.js';
@@ -158,8 +161,8 @@ import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import './lib/components/Alert/Alert.js';
 import './lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import './lib/context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';

package/src/lib/Main.cjs

@@ -59,6 +59,7 @@ require('formik');
 require('i18next');
 require('./components/OverlayCard/OverlayCard.context.cjs');
 require('./components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('./context/PasskeyContext/PasskeyContext.cjs');
 var RenderView = require('./components/RenderView/RenderView.cjs');
 require('@dynamic-labs/viem-utils');
 var useInternalDynamicContext = require('./context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -72,7 +73,6 @@ require('./context/WalletGroupContext/WalletGroupContext.cjs');
 require('./widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('./context/LoadingContext/LoadingContext.cjs');
 require('qrcode');
-require('./context/PasskeyContext/PasskeyContext.cjs');
 require('./widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('./context/FundingContext/FundingContext.cjs');
 require('./views/WalletList/WalletList.cjs');

package/src/lib/Main.js

@@ -55,6 +55,7 @@ import 'formik';
 import 'i18next';
 import './components/OverlayCard/OverlayCard.context.js';
 import './components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import './context/PasskeyContext/PasskeyContext.js';
 import { RenderView } from './components/RenderView/RenderView.js';
 import '@dynamic-labs/viem-utils';
 import { useInternalDynamicContext } from './context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -68,7 +69,6 @@ import './context/WalletGroupContext/WalletGroupContext.js';
 import './widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import './context/LoadingContext/LoadingContext.js';
 import 'qrcode';
-import './context/PasskeyContext/PasskeyContext.js';
 import './widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import './context/FundingContext/FundingContext.js';
 import './views/WalletList/WalletList.js';

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

@@ -54,6 +54,7 @@ require('formik');
 require('i18next');
 require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -62,7 +63,6 @@ require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -50,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -58,7 +59,6 @@ import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -54,6 +54,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -62,7 +63,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -50,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -58,7 +59,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -57,6 +57,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 var WalletIconWithStatus = require('../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs');
 var WalletIconWithNetwork = require('../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
@@ -67,7 +68,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -53,6 +53,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
 import { WalletIconWithNetwork } from '../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
@@ -63,7 +64,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/components/Badge/Badge.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Badge = ({ className = '', dot, text }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('badge__container', className), children: [dot && jsxRuntime.jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsxRuntime.jsx("span", { children: text })] }));
+const Badge = ({ className = '', dot, text, copykey, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('badge__container', className), children: [dot && jsxRuntime.jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsxRuntime.jsx("span", { copykey: copykey, children: text })] }));
 
 exports.Badge = Badge;

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import { CopyKey } from '../../shared';
 import { BadgeProps } from './Badge.types';
-export declare const Badge: ({ className, dot, text }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ className, dot, text, copykey, }: BadgeProps & CopyKey) => JSX.Element;

package/src/lib/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Badge = ({ className = '', dot, text }) => (jsxs("div", { className: classNames('badge__container', className), children: [dot && jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsx("span", { children: text })] }));
+const Badge = ({ className = '', dot, text, copykey, }) => (jsxs("div", { className: classNames('badge__container', className), children: [dot && jsx("span", { "data-testid": 'badge__dot', className: 'badge__dot' }), jsx("span", { copykey: copykey, children: text })] }));
 
 export { Badge };

package/src/lib/components/Captcha/Captcha.cjs

@@ -53,6 +53,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
@@ -60,7 +61,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/Captcha/Captcha.js

@@ -49,6 +49,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
@@ -56,7 +57,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -57,8 +57,8 @@ require('formik');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');

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

@@ -53,8 +53,8 @@ import 'formik';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -53,6 +53,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -61,7 +62,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -49,6 +49,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -57,7 +58,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -6,7 +6,7 @@ type Props = {
     containerClassName?: string;
     iconSize?: number;
     primaryWalletKey?: string;
-    variant?: 'green' | 'red';
+    variant?: 'green' | 'red' | 'yellow';
 };
 export declare const IconWithStatus: ({ Icon, InnerIcon, primaryWalletKey, containerClassName, iconSize, variant, }: Props) => JSX.Element;
 export {};

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -54,6 +54,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -62,7 +63,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -50,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -58,7 +59,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -56,6 +56,7 @@ require('formik');
 require('i18next');
 require('../../OverlayCard/OverlayCard.context.cjs');
 require('../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -64,7 +65,6 @@ require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -52,6 +52,7 @@ import 'formik';
 import 'i18next';
 import '../../OverlayCard/OverlayCard.context.js';
 import '../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -60,7 +61,6 @@ import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -53,6 +53,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -61,7 +62,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

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

@@ -49,6 +49,7 @@ import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -57,7 +58,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -10,7 +10,7 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -56,6 +56,7 @@ require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -64,7 +65,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -72,19 +72,18 @@ require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const NeedHelpSection = () => {
-    var _a, _b, _c, _d, _e;
+const NeedHelpSection = ({ isRecoveryFlow = false }) => {
+    var _a, _b, _c, _d, _e, _f;
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     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.type.startsWith('passkey') &&
+    const isRecoveryEnabled = !isRecoveryFlow &&
         ((_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);
+        Boolean((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.emailRecoveryEnabled);
     const hasContactInfo = Boolean(supportEmail || supportUrl);
     const getSupportHelpSession = () => {
         if (!hasContactInfo) {
@@ -96,13 +95,11 @@ const NeedHelpSection = () => {
         if (!isRecoveryEnabled) {
             return null;
         }
-        const recoveryText = t('dyn_need_help_section.recovery_button');
+        const recoveryText = t('dyn_need_help_section.help_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', copykey: 'dyn_need_help_section.divider', children: t('dyn_need_help_section.divider') })), jsxRuntime.jsx(TextButton.TextButton, { copykey: 'dyn_need_help_section.recovery_button', className: classNames.classNames('helper-link', {
-                        'need-help-section--captalize': !hasContactInfo,
-                    }), onClick: initPasskeyRecoveryProcess, children: finalRecoveryText })] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasContactInfo && (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', copykey: 'dyn_need_help_section.divider', children: t('dyn_need_help_section.divider') })), jsxRuntime.jsx(TextButton.TextButton, { copykey: 'dyn_need_help_section.help_button', className: classNames.classNames('need-help-section__helper-link'), onClick: () => initPasskeyRecoveryProcess(undefined, 'helpSession'), children: finalRecoveryText })] }));
     };
     if (!hasContactInfo && !isRecoveryEnabled) {
         return null;

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

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export declare const NeedHelpSection: () => JSX.Element | null;
+type Props = {
+    isRecoveryFlow?: boolean;
+};
+export declare const NeedHelpSection: ({ isRecoveryFlow }: Props) => JSX.Element | null;
+export {};