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

package/src/lib/views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.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/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.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/Passkey/PasskeyIntroView/PasskeyIntroView.cjs

@@ -51,6 +51,7 @@ var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var IconButton = 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/Passkey/PasskeyIntroView/PasskeyIntroView.js

@@ -47,6 +47,7 @@ import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { IconButton } from '../../../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/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.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');
 var NeedHelpSection = require('../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.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 { NeedHelpSection } from '../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../components/Popper/Popper/Popper.js';

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -76,6 +76,7 @@ var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationM
 var TextButton = require('../../../../components/TextButton/TextButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -111,6 +112,9 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
             if (authenticatorType === 'passkey') {
                 return setView('passkey-recovery-complete');
             }
+            if (currentAction === 'reveal') {
+                return;
+            }
             setShowAuthFlow(false);
         }, 2000);
     }));

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -72,6 +72,7 @@ import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmatio
 import { TextButton } from '../../../../components/TextButton/TextButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import { Input } from '../../../../components/Input/Input.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
@@ -107,6 +108,9 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
             if (authenticatorType === 'passkey') {
                 return setView('passkey-recovery-complete');
             }
+            if (currentAction === 'reveal') {
+                return;
+            }
             setShowAuthFlow(false);
         }, 2000);
     }));

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs

@@ -73,6 +73,7 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
 var PasskeyDeviceIcon = require('../../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 var getProperErrorMessage = require('../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js

@@ -69,6 +69,7 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
 import { PasskeyDeviceIcon } from '../../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import { getProperErrorMessage } from '../../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../../components/Popper/Popper/Popper.js';

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -72,6 +72,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 NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -68,6 +68,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 { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../../components/Popper/Popper/Popper.js';

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

@@ -67,6 +67,7 @@ require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 var Input = require('../../../components/Input/Input.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/RenamePasskeyView/RenamePasskeyView.js

@@ -63,6 +63,7 @@ import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import { Input } from '../../../components/Input/Input.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/utils/passkeyRecovery/passkeyRecovery.cjs

@@ -217,6 +217,24 @@ const addNewPasskeyAuthenticator = ({ authToken, userEmail, environmentId, walle
         jwt,
     };
 });
+const canRestoreEmbeddedWalletSession = (sessionExpirationTime) => {
+    if (!(sessionExpirationTime === null || sessionExpirationTime === void 0 ? void 0 : sessionExpirationTime.amount)) {
+        return false;
+    }
+    const sessionSettings = localStorage.LocalStorage.getFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
+    if (!sessionSettings) {
+        return false;
+    }
+    const sessionExpiration = sessionExpirationTime.amount *
+        (sessionExpirationTime.unit === 'minutes' ? 60 : 3600);
+    const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
+    const expirationTime = new Date(recoveryExpirationSeconds);
+    if (new Date() >= expirationTime) {
+        localStorage.LocalStorage.removeFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
+        return false;
+    }
+    return true;
+};
 const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     var _o, _p, _q, _r;
     if (!authToken) {
@@ -238,7 +256,7 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
     }
     const publicKey = yield turnkeyRecoveryHandler.initRecovery('email', iframeContainer, iframeElementId, sessionExpiration);
     if (!publicKey) {
-        throw new utils.DynamicError('Something went wrong');
+        throw new utils.DynamicError('Could not open embedded wallet connection communication');
     }
     turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
     const organizationId = (_r = (_q = (_p = decodedJwt.verifiedCredentials) === null || _p === void 0 ? void 0 : _p.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _q === void 0 ? void 0 : _q.walletProperties) === null || _r === void 0 ? void 0 : _r.turnkeySubOrganizationId;
@@ -247,6 +265,7 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
 });
 
 exports.addNewPasskeyAuthenticator = addNewPasskeyAuthenticator;
+exports.canRestoreEmbeddedWalletSession = canRestoreEmbeddedWalletSession;
 exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.initEmbeddedWalletSession = initEmbeddedWalletSession;
 exports.passkeyRecoveryBundleValidation = passkeyRecoveryBundleValidation;

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.d.ts

@@ -1,5 +1,5 @@
 import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
-import { DynamicJwt, InitEmailAuthResponse, InitPasskeyRecoveryResponse } from '@dynamic-labs/sdk-api';
+import { Duration, DynamicJwt, InitEmailAuthResponse, InitPasskeyRecoveryResponse } from '@dynamic-labs/sdk-api';
 import { Wallet } from '../../../../shared';
 export declare const initEmbeddedWalletSession: ({ authenticatorType, authToken, iframeContainer, iframeElementId, environmentId, userEmail, wallet, sessionExpiration, }: {
     authenticatorType: AuthenticatorType;
@@ -43,6 +43,7 @@ export declare const addNewPasskeyAuthenticator: ({ authToken, userEmail, enviro
     decodedJwt: Omit<DynamicJwt, "jwt">;
     jwt: string;
 }>;
+export declare const canRestoreEmbeddedWalletSession: (sessionExpirationTime: Duration | undefined) => boolean;
 export declare const restoreEmbeddedWalletSession: ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }: {
     authToken: string | undefined;
     iframeContainer: HTMLElement;

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.js

@@ -213,6 +213,24 @@ const addNewPasskeyAuthenticator = ({ authToken, userEmail, environmentId, walle
         jwt,
     };
 });
+const canRestoreEmbeddedWalletSession = (sessionExpirationTime) => {
+    if (!(sessionExpirationTime === null || sessionExpirationTime === void 0 ? void 0 : sessionExpirationTime.amount)) {
+        return false;
+    }
+    const sessionSettings = LocalStorage.getFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
+    if (!sessionSettings) {
+        return false;
+    }
+    const sessionExpiration = sessionExpirationTime.amount *
+        (sessionExpirationTime.unit === 'minutes' ? 60 : 3600);
+    const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
+    const expirationTime = new Date(recoveryExpirationSeconds);
+    if (new Date() >= expirationTime) {
+        LocalStorage.removeFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
+        return false;
+    }
+    return true;
+};
 const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _o, _p, _q, _r;
     if (!authToken) {
@@ -234,7 +252,7 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
     }
     const publicKey = yield turnkeyRecoveryHandler.initRecovery('email', iframeContainer, iframeElementId, sessionExpiration);
     if (!publicKey) {
-        throw new DynamicError('Something went wrong');
+        throw new DynamicError('Could not open embedded wallet connection communication');
     }
     turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
     const organizationId = (_r = (_q = (_p = decodedJwt.verifiedCredentials) === null || _p === void 0 ? void 0 : _p.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _q === void 0 ? void 0 : _q.walletProperties) === null || _r === void 0 ? void 0 : _r.turnkeySubOrganizationId;
@@ -242,4 +260,4 @@ const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElemen
     return true;
 });
 
-export { addNewPasskeyAuthenticator, completePasskeyRecovery, initEmbeddedWalletSession, passkeyRecoveryBundleValidation, resentRecoveryEmail, restoreEmbeddedWalletSession };
+export { addNewPasskeyAuthenticator, canRestoreEmbeddedWalletSession, completePasskeyRecovery, initEmbeddedWalletSession, passkeyRecoveryBundleValidation, resentRecoveryEmail, restoreEmbeddedWalletSession };

package/src/lib/views/PendingConnectView/PendingConnectView.cjs

@@ -63,6 +63,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/PendingConnectView/PendingConnectView.js

@@ -59,6 +59,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/PendingSignatureView/PendingSignatureView.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');

package/src/lib/views/PendingSignatureView/PendingSignatureView.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';

package/src/lib/views/QrCodeView/QRCode.cjs

@@ -44,6 +44,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/QrCodeView/QRCode.js

@@ -40,6 +40,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/QrCodeView/QrCodeContainer/QrCodeContainer.cjs

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

package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js

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

package/src/lib/views/QrCodeView/QrCodeView.cjs

@@ -45,6 +45,7 @@ var Typography = require('../../components/Typography/Typography.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/QrCodeView/QrCodeView.js

@@ -41,6 +41,7 @@ import { Typography } from '../../components/Typography/Typography.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/SelectHardwareWalletView/SelectHardwareWalletView.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/SelectHardwareWalletView/SelectHardwareWalletView.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/SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.cjs

@@ -44,6 +44,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/SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.js

@@ -40,6 +40,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/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -24,6 +24,7 @@ var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs'
 require('viem/chains');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -47,7 +48,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');
 var ListTileAnimatedTrailing = require('../../../../components/ListTileAnimatedTrailing/ListTileAnimatedTrailing.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -65,8 +65,10 @@ 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');
 var ListTile = require('../../../../components/ListTile/ListTile.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');
@@ -76,18 +78,20 @@ require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const WalletGroupItem = ({ groupKey, wallet, onClick, }) => {
+    const { recommendedWallets } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const walletOverride = walletBook.findWalletGroupOverride(walletBook$1, groupKey, wallet.key);
     const walletData = walletBook.findWalletBookWallet(walletBook$1, wallet.key);
     const brand = (walletOverride === null || walletOverride === void 0 ? void 0 : walletOverride.brand) || (walletData === null || walletData === void 0 ? void 0 : walletData.brand);
     const name = (walletOverride === null || walletOverride === void 0 ? void 0 : walletOverride.name) || (walletData === null || walletData === void 0 ? void 0 : walletData.name);
     const icon = brand ? (jsxRuntime.jsx(walletBook.BrandIcon, { brand: brand, walletKey: wallet.key, style: { height: pixelToRem.pixelToRem(28), width: pixelToRem.pixelToRem(28) } })) : null;
-    const label = getWalletListItemLabel.getWalletListItemLabel({
+    const labelSettings = getWalletListItemLabel.getWalletListItemLabel({
+        recommendedWallets,
         wallet,
     });
     const trailing = (jsxRuntime.jsx(ListTileAnimatedTrailing.ListTileAnimatedTrailing, { hoverElement: 
         // eslint-disable-next-line react/jsx-wrap-multilines
-        jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'mini', children: jsxRuntime.jsx(stroke.ReactComponent, {}) }), children: label && (jsxRuntime.jsx(Badge.Badge, { dot: true, text: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: label }) })) }));
+        jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'mini', children: jsxRuntime.jsx(stroke.ReactComponent, {}) }), children: labelSettings && (jsxRuntime.jsx(Badge.Badge, { dot: !labelSettings.isRecommended, variant: labelSettings.isRecommended ? 'primary' : 'secondary', text: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: labelSettings.label }) })) }));
     return (jsxRuntime.jsx(ListTile.ListTile, { onClick: onClick, leading: icon, trailing: trailing, children: name }));
 };
 

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -20,6 +20,7 @@ import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js
 import 'viem/chains';
 import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -43,7 +44,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 { ListTileAnimatedTrailing } from '../../../../components/ListTileAnimatedTrailing/ListTileAnimatedTrailing.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -61,8 +61,10 @@ 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 { 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';
@@ -72,18 +74,20 @@ import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const WalletGroupItem = ({ groupKey, wallet, onClick, }) => {
+    const { recommendedWallets } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const walletOverride = findWalletGroupOverride(walletBook, groupKey, wallet.key);
     const walletData = findWalletBookWallet(walletBook, wallet.key);
     const brand = (walletOverride === null || walletOverride === void 0 ? void 0 : walletOverride.brand) || (walletData === null || walletData === void 0 ? void 0 : walletData.brand);
     const name = (walletOverride === null || walletOverride === void 0 ? void 0 : walletOverride.name) || (walletData === null || walletData === void 0 ? void 0 : walletData.name);
     const icon = brand ? (jsx(BrandIcon, { brand: brand, walletKey: wallet.key, style: { height: pixelToRem(28), width: pixelToRem(28) } })) : null;
-    const label = getWalletListItemLabel({
+    const labelSettings = getWalletListItemLabel({
+        recommendedWallets,
         wallet,
     });
     const trailing = (jsx(ListTileAnimatedTrailing, { hoverElement: 
         // eslint-disable-next-line react/jsx-wrap-multilines
-        jsx(Icon, { color: 'text-tertiary', size: 'mini', children: jsx(SvgStroke, {}) }), children: label && (jsx(Badge, { dot: true, text: jsx(Typography, { variant: 'body_small', children: label }) })) }));
+        jsx(Icon, { color: 'text-tertiary', size: 'mini', children: jsx(SvgStroke, {}) }), children: labelSettings && (jsx(Badge, { dot: !labelSettings.isRecommended, variant: labelSettings.isRecommended ? 'primary' : 'secondary', text: jsx(Typography, { variant: 'body_small', children: labelSettings.label }) })) }));
     return (jsx(ListTile, { onClick: onClick, leading: icon, trailing: trailing, children: name }));
 };
 

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -47,6 +47,7 @@ require('../../components/ShadowDOM/ShadowDOM.cjs');
 var Icon = require('../../components/Icon/Icon.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/SendBalanceView/SendBalanceView.js

@@ -43,6 +43,7 @@ import '../../components/ShadowDOM/ShadowDOM.js';
 import { Icon } from '../../components/Icon/Icon.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/SendBalanceView/components/TransactionStage/TransactionStage.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');

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.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';

package/src/lib/views/SocialRedirectView/SocialRedirectView.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/SocialRedirectView/SocialRedirectView.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/SocialWrongAccountView/SocialWrongAccountView.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/SocialWrongAccountView/SocialWrongAccountView.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/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -48,6 +48,7 @@ require('../../components/ShadowDOM/ShadowDOM.cjs');
 var Icon = require('../../components/Icon/Icon.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/TransactionConfirmationView/TransactionConfirmationView.js

@@ -44,6 +44,7 @@ import '../../components/ShadowDOM/ShadowDOM.js';
 import { Icon } from '../../components/Icon/Icon.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/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.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');