@dynamic-labs/sdk-react-core 1.1.0 → 1.2.0-alpha.1

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -41,7 +41,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import { Badge } from '../../../../../components/Badge/Badge.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
@@ -58,8 +57,10 @@ import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucc
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../../../components/Badge/Badge.js';
 import { ListTile } from '../../../../../components/ListTile/ListTile.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.cjs

@@ -61,6 +61,7 @@ require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var IconListTile = require('../../../../components/IconListTile/IconListTile.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.js

@@ -57,6 +57,7 @@ import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { IconListTile } from '../../../../components/IconListTile/IconListTile.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -43,6 +43,7 @@ require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -75,7 +76,7 @@ var useInternalDynamicContext = require('../../../../../context/DynamicContext/u
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = reactI18next.useTranslation();
-    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
         authMode,
@@ -87,6 +88,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
+        recommendedWallets,
         searchFilter: undefined,
         signWithEmailWalletName,
         walletBook: walletBook$1,

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -39,6 +39,7 @@ import '../../../../../components/Alert/Alert.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -71,7 +72,7 @@ import { useInternalDynamicContext } from '../../../../../context/DynamicContext
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = useTranslation();
-    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext();
+    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, recommendedWallets, } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder({
         authMode,
@@ -83,6 +84,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
+        recommendedWallets,
         searchFilter: undefined,
         signWithEmailWalletName,
         walletBook,

package/src/lib/views/LoginView/useLoginView.cjs

@@ -42,6 +42,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -67,12 +68,14 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useViewSettings = require('../../utils/hooks/useViewSettings/useViewSettings.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /* eslint-disable multiline-comment-style */
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
+    const loginView = useViewSettings.useViewSettings(sdkApi.SdkViewType.Login);
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletConnectorOptions, walletsFilter, } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
@@ -95,7 +98,7 @@ const useLoginView = () => {
         type: sdkApi.SdkViewSectionType.Separator,
     }), [t]);
     const isWalletOnly = React.useMemo(() => {
-        var _a, _b, _c;
+        var _a;
         if (!projectSettings) {
             return false;
         }
@@ -103,18 +106,17 @@ const useLoginView = () => {
         if (!loginWithEmail && !hasSocialProvidersEnabled) {
             return true;
         }
-        const loginView = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.views) === null || _b === void 0 ? void 0 : _b.find((view) => view.type === sdkApi.SdkViewType.Login);
         // backwards compatibility for those that didn't set up login view sections
-        if (!((_c = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _c === void 0 ? void 0 : _c.length)) {
+        if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
             return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
         }
         return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
     }, [
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
         projectSettings,
         loginWithEmail,
         hasSocialProvidersEnabled,
         hasEmailProviderEnabled,
-        enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length,
     ]);
     /**
      * build email from project settings design.modal props
@@ -237,9 +239,8 @@ const useLoginView = () => {
      * and has backwards compatibility with project settings design.modal props
      */
     const logingViewSections = React.useMemo(() => {
-        var _a, _b, _c;
-        const loginView = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.views) === null || _b === void 0 ? void 0 : _b.find((view) => view.type === sdkApi.SdkViewType.Login);
-        if ((_c = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _c === void 0 ? void 0 : _c.length) {
+        var _a;
+        if ((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length) {
             return filterLoginViewSections(loginView === null || loginView === void 0 ? void 0 : loginView.sections);
         }
         let viewOrder = authorizationViewDisplayOrder;
@@ -248,7 +249,7 @@ const useLoginView = () => {
         }
         return buildLoginSections(viewOrder);
     }, [
-        (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.views,
+        loginView,
         authorizationViewDisplayOrder,
         isEmailOnly,
         buildLoginSections,

package/src/lib/views/LoginView/useLoginView.js

@@ -1,6 +1,6 @@
 import { useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { SdkViewSectionType, SdkViewType } from '@dynamic-labs/sdk-api';
+import { SdkViewType, SdkViewSectionType } from '@dynamic-labs/sdk-api';
 import '../../context/DynamicContext/DynamicContext.js';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -38,6 +38,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -63,12 +64,14 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useViewSettings } from '../../utils/hooks/useViewSettings/useViewSettings.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /* eslint-disable multiline-comment-style */
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
+    const loginView = useViewSettings(SdkViewType.Login);
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletConnectorOptions, walletsFilter, } = useInternalDynamicContext();
     const { t } = useTranslation();
     const { enabledSocialProviders } = useSocialRedirectContext();
@@ -91,7 +94,7 @@ const useLoginView = () => {
         type: SdkViewSectionType.Separator,
     }), [t]);
     const isWalletOnly = useMemo(() => {
-        var _a, _b, _c;
+        var _a;
         if (!projectSettings) {
             return false;
         }
@@ -99,18 +102,17 @@ const useLoginView = () => {
         if (!loginWithEmail && !hasSocialProvidersEnabled) {
             return true;
         }
-        const loginView = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.views) === null || _b === void 0 ? void 0 : _b.find((view) => view.type === SdkViewType.Login);
         // backwards compatibility for those that didn't set up login view sections
-        if (!((_c = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _c === void 0 ? void 0 : _c.length)) {
+        if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
             return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
         }
         return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
     }, [
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
         projectSettings,
         loginWithEmail,
         hasSocialProvidersEnabled,
         hasEmailProviderEnabled,
-        enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length,
     ]);
     /**
      * build email from project settings design.modal props
@@ -233,9 +235,8 @@ const useLoginView = () => {
      * and has backwards compatibility with project settings design.modal props
      */
     const logingViewSections = useMemo(() => {
-        var _a, _b, _c;
-        const loginView = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.views) === null || _b === void 0 ? void 0 : _b.find((view) => view.type === SdkViewType.Login);
-        if ((_c = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _c === void 0 ? void 0 : _c.length) {
+        var _a;
+        if ((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length) {
             return filterLoginViewSections(loginView === null || loginView === void 0 ? void 0 : loginView.sections);
         }
         let viewOrder = authorizationViewDisplayOrder;
@@ -244,7 +245,7 @@ const useLoginView = () => {
         }
         return buildLoginSections(viewOrder);
     }, [
-        (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.views,
+        loginView,
         authorizationViewDisplayOrder,
         isEmailOnly,
         buildLoginSections,

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs

@@ -68,6 +68,7 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 require('../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js

@@ -64,6 +64,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
 import '../../components/Popper/Popper/Popper.js';

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs

@@ -66,6 +66,7 @@ require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js

@@ -62,6 +62,7 @@ import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs

@@ -67,6 +67,7 @@ require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js

@@ -63,6 +63,7 @@ import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -67,6 +67,7 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/NoAccess/NoAccess.js

@@ -63,6 +63,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/NoAccess/useNoAccessText.cjs

@@ -41,6 +41,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

package/src/lib/views/NoAccess/useNoAccessText.js

@@ -37,6 +37,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs

@@ -64,6 +64,7 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js

@@ -60,6 +60,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.cjs

@@ -60,6 +60,7 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.js

@@ -56,6 +56,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/Passkey/EmbeddedAuthChoice/AuthChoiceInfo/AuthChoiceInfo.cjs

@@ -62,6 +62,7 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/Passkey/EmbeddedAuthChoice/AuthChoiceInfo/AuthChoiceInfo.js

@@ -58,6 +58,7 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.cjs

@@ -68,6 +68,7 @@ require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -78,6 +79,24 @@ require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secon
 var EmbeddedAuthChoiceCards = require('../EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.cjs');
 var AuthChoiceInfo = require('./AuthChoiceInfo/AuthChoiceInfo.cjs');
 
+const titleDescriptionMap = {
+    helpSession: {
+        description: 'dyn_embedded_authenticator.need_help_description',
+        title: 'dyn_embedded_authenticator.need_help_title',
+    },
+    reveal: {
+        description: 'dyn_embedded_authenticator.reveal_description',
+        title: 'dyn_embedded_authenticator.reveal_title',
+    },
+    sendTransaction: {
+        description: 'dyn_embedded_authenticator.description',
+        title: 'dyn_embedded_authenticator.title',
+    },
+    signMessage: {
+        description: 'dyn_embedded_authenticator.description',
+        title: 'dyn_embedded_authenticator.title',
+    },
+};
 const EmbeddedAuthChoice = ({ currentAction, }) => {
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
@@ -87,7 +106,7 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
         var _a;
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators.getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         const supportedMethods = Object.keys(supportedAuths);
-        if (currentAction !== 'helpSession') {
+        if (!currentAction || !['helpSession', 'reveal'].includes(currentAction)) {
             return supportedMethods.filter((auth) => auth !== 'email');
         }
         return supportedMethods;
@@ -103,18 +122,13 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
     const buttonCopyKey = isEmailAuthSessionActive()
         ? 'dyn_embedded_authenticator.passkey.auth_info.start_button'
         : 'dyn_embedded_authenticator.passkey.auth_info.add_button';
-    const title = currentAction === 'helpSession'
-        ? 'dyn_embedded_authenticator.need_help_title'
-        : 'dyn_embedded_authenticator.title';
-    const description = currentAction === 'helpSession'
-        ? 'dyn_embedded_authenticator.need_help_description'
-        : 'dyn_embedded_authenticator.description';
+    const { title, description } = titleDescriptionMap[currentAction || 'signMessage'];
     if (!(supportedAuthenticators === null || supportedAuthenticators === void 0 ? void 0 : supportedAuthenticators.length)) {
         return null;
     }
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: title, children: t(title) }) }), jsxRuntime.jsxs("div", { className: 'embedded-auth-choice', children: [jsxRuntime.jsx("div", { className: 'embedded-auth-choice__header', children: renderIcon() }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'embedded-auth-choice__subtitle', copykey: description, children: t(description) }), supportedAuthenticators.length > 1 ? (jsxRuntime.jsx(EmbeddedAuthChoiceCards.EmbeddedAuthChoiceCards, { currentAction: currentAction, supportedAuthenticators: supportedAuthenticators })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AuthChoiceInfo.AuthChoiceInfo, { choice: 'passkey' }), jsxRuntime.jsx(Button.Button, { dataTestId: 'passkey-only-choice-button', buttonVariant: 'brand-primary', color: 'brand-primary', expanded: true, onClick: () => initPasskeyRecoveryProcess('passkey'), copykey: buttonCopyKey, typographyProps: {
                                     color: 'inherit',
-                                }, children: t(buttonCopyKey) })] })), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') })] })] }));
+                                }, children: t(buttonCopyKey) })] })), currentAction !== 'reveal' && (jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') }))] })] }));
 };
 
 exports.EmbeddedAuthChoice = EmbeddedAuthChoice;

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.js

@@ -64,6 +64,7 @@ import '../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -74,6 +75,24 @@ import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Second
 import { EmbeddedAuthChoiceCards } from '../EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.js';
 import { AuthChoiceInfo } from './AuthChoiceInfo/AuthChoiceInfo.js';
 
+const titleDescriptionMap = {
+    helpSession: {
+        description: 'dyn_embedded_authenticator.need_help_description',
+        title: 'dyn_embedded_authenticator.need_help_title',
+    },
+    reveal: {
+        description: 'dyn_embedded_authenticator.reveal_description',
+        title: 'dyn_embedded_authenticator.reveal_title',
+    },
+    sendTransaction: {
+        description: 'dyn_embedded_authenticator.description',
+        title: 'dyn_embedded_authenticator.title',
+    },
+    signMessage: {
+        description: 'dyn_embedded_authenticator.description',
+        title: 'dyn_embedded_authenticator.title',
+    },
+};
 const EmbeddedAuthChoice = ({ currentAction, }) => {
     const { t } = useTranslation();
     const { primaryWallet, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
@@ -83,7 +102,7 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
         var _a;
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         const supportedMethods = Object.keys(supportedAuths);
-        if (currentAction !== 'helpSession') {
+        if (!currentAction || !['helpSession', 'reveal'].includes(currentAction)) {
             return supportedMethods.filter((auth) => auth !== 'email');
         }
         return supportedMethods;
@@ -99,18 +118,13 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
     const buttonCopyKey = isEmailAuthSessionActive()
         ? 'dyn_embedded_authenticator.passkey.auth_info.start_button'
         : 'dyn_embedded_authenticator.passkey.auth_info.add_button';
-    const title = currentAction === 'helpSession'
-        ? 'dyn_embedded_authenticator.need_help_title'
-        : 'dyn_embedded_authenticator.title';
-    const description = currentAction === 'helpSession'
-        ? 'dyn_embedded_authenticator.need_help_description'
-        : 'dyn_embedded_authenticator.description';
+    const { title, description } = titleDescriptionMap[currentAction || 'signMessage'];
     if (!(supportedAuthenticators === null || supportedAuthenticators === void 0 ? void 0 : supportedAuthenticators.length)) {
         return null;
     }
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: title, children: t(title) }) }), jsxs("div", { className: 'embedded-auth-choice', children: [jsx("div", { className: 'embedded-auth-choice__header', children: renderIcon() }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'embedded-auth-choice__subtitle', copykey: description, children: t(description) }), supportedAuthenticators.length > 1 ? (jsx(EmbeddedAuthChoiceCards, { currentAction: currentAction, supportedAuthenticators: supportedAuthenticators })) : (jsxs(Fragment, { children: [jsx(AuthChoiceInfo, { choice: 'passkey' }), jsx(Button, { dataTestId: 'passkey-only-choice-button', buttonVariant: 'brand-primary', color: 'brand-primary', expanded: true, onClick: () => initPasskeyRecoveryProcess('passkey'), copykey: buttonCopyKey, typographyProps: {
                                     color: 'inherit',
-                                }, children: t(buttonCopyKey) })] })), jsx(Button, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') })] })] }));
+                                }, children: t(buttonCopyKey) })] })), currentAction !== 'reveal' && (jsx(Button, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') }))] })] }));
 };
 
 export { EmbeddedAuthChoice };

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.cjs

@@ -46,7 +46,6 @@ require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
@@ -64,7 +63,9 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.js

@@ -42,7 +42,6 @@ import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
@@ -60,7 +59,9 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.cjs

@@ -67,6 +67,7 @@ require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var PasskeyDeviceIcon = require('../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -98,7 +99,9 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
             description: t('dyn_embedded_authenticator.passkey.description'),
             descriptionKey: 'dyn_embedded_authenticator.passkey.description',
             icon: (jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { defaultIcon: jsxRuntime.jsx(androidTouchId.ReactComponent, { "data-testid": 'default-icon' }) })),
-            titleKey: 'dyn_embedded_authenticator.passkey.title',
+            titleKey: currentAction === 'reveal'
+                ? 'dyn_embedded_authenticator.passkey.reveal_title'
+                : 'dyn_embedded_authenticator.passkey.title',
         },
     };
     const handleSelection = (authenticatorType) => () => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.js

@@ -63,6 +63,7 @@ import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { PasskeyDeviceIcon } from '../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -94,7 +95,9 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
             description: t('dyn_embedded_authenticator.passkey.description'),
             descriptionKey: 'dyn_embedded_authenticator.passkey.description',
             icon: (jsx(PasskeyDeviceIcon, { defaultIcon: jsx(SvgAndroidTouchId, { "data-testid": 'default-icon' }) })),
-            titleKey: 'dyn_embedded_authenticator.passkey.title',
+            titleKey: currentAction === 'reveal'
+                ? 'dyn_embedded_authenticator.passkey.reveal_title'
+                : 'dyn_embedded_authenticator.passkey.title',
         },
     };
     const handleSelection = (authenticatorType) => () => __awaiter(void 0, void 0, void 0, function* () {