@dynamic-labs/sdk-react-core 3.0.0-alpha.0 → 3.0.0-alpha.10

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js

@@ -19,18 +19,17 @@ import { shortenWalletAddress } from '../../../../shared/utils/functions/shorten
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
+import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -17,6 +17,7 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 require('../../../../events/dynamicEvents.cjs');
@@ -24,8 +25,6 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -13,6 +13,7 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '../../../../events/dynamicEvents.js';
@@ -20,8 +21,6 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -20,14 +20,13 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -16,14 +16,13 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs

@@ -23,14 +23,13 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js

@@ -19,14 +19,13 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -23,6 +23,7 @@ require('@dynamic-labs/wallet-book');
 require('../../../../../utils/constants/colors.cjs');
 require('../../../../../utils/constants/values.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -30,8 +31,6 @@ require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var shortenEmail = require('../../../../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
-require('viem');
-require('viem/chains');
 require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -19,6 +19,7 @@ import '@dynamic-labs/wallet-book';
 import '../../../../../utils/constants/colors.js';
 import '../../../../../utils/constants/values.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
@@ -26,8 +27,6 @@ import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { shortenEmail } from '../../../../../shared/utils/functions/shortenEmail/shortenEmail.js';
-import 'viem';
-import 'viem/chains';
 import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../../locale/locale.js';

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.cjs

@@ -24,18 +24,17 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
+var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.js

@@ -20,18 +20,17 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import { getEditableUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
+import { getEditableUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.cjs

@@ -31,14 +31,13 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
@@ -101,7 +100,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const WalletSettingsView = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { projectSettings, primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { addEmbeddedWalletRecoveryEmail } = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator();
@@ -119,6 +118,9 @@ const WalletSettingsView = () => {
     const isTurnkeyHDWallet = turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId;
     const isPasskeyEnabled = Boolean((_h = (_g = (_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.supportedSecurityMethods) === null || _g === void 0 ? void 0 : _g.passkey) === null || _h === void 0 ? void 0 : _h.isEnabled);
     const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;
+    const isSessionKeyCompatibleWallet = walletConnectorCore.isSessionKeyCompatibleWalletConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) ||
+        (((_j = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _j === void 0 ? void 0 : _j.key) === 'zerodev' &&
+            walletConnectorCore.isSessionKeyCompatibleWalletConnector((_k = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _k === void 0 ? void 0 : _k.getEOAConnector()));
     const handlePasskeyClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (isTurnkeyWalletWithAuthenticator) {
             return setDynamicWidgetView('manage-passkeys');
@@ -132,8 +134,10 @@ const WalletSettingsView = () => {
         }
     });
     const handleExportClick = (recoveryPhrase) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (yield shouldInitRecovery()) {
-            yield initPasskeyRecoveryProcess(undefined, 'reveal');
+        if (!isSessionKeyCompatibleWallet) {
+            if (yield shouldInitRecovery()) {
+                yield initPasskeyRecoveryProcess(undefined, 'reveal');
+            }
         }
         return initExportProcess(recoveryPhrase);
     });
@@ -152,7 +156,8 @@ const WalletSettingsView = () => {
         return jsxRuntime.jsx(add.ReactComponent, { "data-testid": 'email-add-icon' });
     };
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    const showSigninSection = (isPasskeyEnabled && isTurnkeyWallet) || isCoinbaseWallet;
+    const showSigninSection = (isPasskeyEnabled && isTurnkeyWallet && !isSessionKeyCompatibleWallet) ||
+        isCoinbaseWallet;
     return (jsxRuntime.jsxs("div", { className: 'wallet-settings-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'wallet-settings-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body', children: [showSigninSection && (jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-settings-view__body__section__title', {
                                     'wallet-settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
                                 }), children: [t('dyn_wallet_settings.signing_section.title'), !isTurnkeyWalletWithAuthenticator && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, { className: 'wallet-settings-view__body__section__title__info-icon' }) }))] }), isPasskeyEnabled && isTurnkeyWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: () => handlePasskeyClick(), buttonClassName: classNames.classNames('wallet-settings-view__body__section__button', {
@@ -161,7 +166,9 @@ const WalletSettingsView = () => {
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { className: 'wallet-settings-view__body__section__button__icon', defaultIcon: jsxRuntime.jsx(androidTouchId.ReactComponent, { "data-testid": 'default-icon' }) }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') }), !isTurnkeyWalletWithAuthenticator && (jsxRuntime.jsx(Badge.Badge, { text: t('dyn_wallet_settings.tags.recommended'), copykey: 'dyn_wallet_settings.tags.recommended', variant: 'secondary' }))] }), endSlot: renderPasskeysButtonEndSlot(), disabled: isLoading, showInternalLoading: false })), isCoinbaseWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-password-button', onClick: () => createPassword(!hasClaimedCoinbaseMPC), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(altKey.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.password_button') })] }), endSlot: hasClaimedCoinbaseMPC ? (jsxRuntime.jsx(checkCircle.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false }))] })), isTurnkeyWallet && !hasRecoveryEmail && (jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-settings-view__body__section__title', 'wallet-settings-view__body__section__title__info-icon'), children: [t('dyn_wallet_settings.identity_section.title'), jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, { className: 'wallet-settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames.classNames('wallet-settings-view__body__section__button', 'wallet-settings-view__body__section__button__badge'), startSlot: 
+                                jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(altKey.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.password_button') })] }), endSlot: hasClaimedCoinbaseMPC ? (jsxRuntime.jsx(checkCircle.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false }))] })), isTurnkeyWallet &&
+                        !hasRecoveryEmail &&
+                        !isSessionKeyCompatibleWallet && (jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-settings-view__body__section__title', 'wallet-settings-view__body__section__title__info-icon'), children: [t('dyn_wallet_settings.identity_section.title'), jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, { className: 'wallet-settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames.classNames('wallet-settings-view__body__section__button', 'wallet-settings-view__body__section__button__badge'), startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(signInWithEmail.ReactComponent, { className: 'wallet-settings-view__body__section__button__icon email' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.identity_section.add_email_button', children: t('dyn_wallet_settings.identity_section.add_email_button') }), jsxRuntime.jsx(Badge.Badge, { text: t('dyn_wallet_settings.tags.recommended'), copykey: 'dyn_wallet_settings.tags.recommended', variant: 'secondary' })] }), endSlot: renderEmailButtonEndSlot(), disabled: isLoading || hasRecoveryEmail, showInternalLoading: false })] })), jsxRuntime.jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: () => handleExportClick(), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isCoinbaseMpcWalletConnector, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -27,14 +27,13 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
@@ -97,7 +96,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const WalletSettingsView = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { projectSettings, primaryWallet, user } = useInternalDynamicContext();
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
     const { addEmbeddedWalletRecoveryEmail } = useEmbeddedWalletAuthenticator();
@@ -115,6 +114,9 @@ const WalletSettingsView = () => {
     const isTurnkeyHDWallet = turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId;
     const isPasskeyEnabled = Boolean((_h = (_g = (_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.supportedSecurityMethods) === null || _g === void 0 ? void 0 : _g.passkey) === null || _h === void 0 ? void 0 : _h.isEnabled);
     const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;
+    const isSessionKeyCompatibleWallet = isSessionKeyCompatibleWalletConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) ||
+        (((_j = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _j === void 0 ? void 0 : _j.key) === 'zerodev' &&
+            isSessionKeyCompatibleWalletConnector((_k = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _k === void 0 ? void 0 : _k.getEOAConnector()));
     const handlePasskeyClick = () => __awaiter(void 0, void 0, void 0, function* () {
         if (isTurnkeyWalletWithAuthenticator) {
             return setDynamicWidgetView('manage-passkeys');
@@ -128,8 +130,10 @@ const WalletSettingsView = () => {
         }
     });
     const handleExportClick = (recoveryPhrase) => __awaiter(void 0, void 0, void 0, function* () {
-        if (yield shouldInitRecovery()) {
-            yield initPasskeyRecoveryProcess(undefined, 'reveal');
+        if (!isSessionKeyCompatibleWallet) {
+            if (yield shouldInitRecovery()) {
+                yield initPasskeyRecoveryProcess(undefined, 'reveal');
+            }
         }
         return initExportProcess(recoveryPhrase);
     });
@@ -148,7 +152,8 @@ const WalletSettingsView = () => {
         return jsx(SvgAdd, { "data-testid": 'email-add-icon' });
     };
     const backButton = (jsx(IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    const showSigninSection = (isPasskeyEnabled && isTurnkeyWallet) || isCoinbaseWallet;
+    const showSigninSection = (isPasskeyEnabled && isTurnkeyWallet && !isSessionKeyCompatibleWallet) ||
+        isCoinbaseWallet;
     return (jsxs("div", { className: 'wallet-settings-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'wallet-settings-view__header', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_wallet_settings.title', children: t('dyn_wallet_settings.title') }) }) }), jsxs("div", { className: 'wallet-settings-view__body', children: [showSigninSection && (jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxs("div", { className: classNames('wallet-settings-view__body__section__title', {
                                     'wallet-settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
                                 }), children: [t('dyn_wallet_settings.signing_section.title'), !isTurnkeyWalletWithAuthenticator && (jsx(Icon, { size: 'small', children: jsx(SvgFooterInfoIcon, { className: 'wallet-settings-view__body__section__title__info-icon' }) }))] }), isPasskeyEnabled && isTurnkeyWallet && (jsx(TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: () => handlePasskeyClick(), buttonClassName: classNames('wallet-settings-view__body__section__button', {
@@ -157,7 +162,9 @@ const WalletSettingsView = () => {
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(PasskeyDeviceIcon, { className: 'wallet-settings-view__body__section__button__icon', defaultIcon: jsx(SvgAndroidTouchId, { "data-testid": 'default-icon' }) }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.passkey_button') }), !isTurnkeyWalletWithAuthenticator && (jsx(Badge, { text: t('dyn_wallet_settings.tags.recommended'), copykey: 'dyn_wallet_settings.tags.recommended', variant: 'secondary' }))] }), endSlot: renderPasskeysButtonEndSlot(), disabled: isLoading, showInternalLoading: false })), isCoinbaseWallet && (jsx(TypographyButton, { dataTestId: 'manage-password-button', onClick: () => createPassword(!hasClaimedCoinbaseMPC), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(SvgAltKey, { className: 'wallet-settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.password_button') })] }), endSlot: hasClaimedCoinbaseMPC ? (jsx(SvgCheckCircle, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false }))] })), isTurnkeyWallet && !hasRecoveryEmail && (jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxs("div", { className: classNames('wallet-settings-view__body__section__title', 'wallet-settings-view__body__section__title__info-icon'), children: [t('dyn_wallet_settings.identity_section.title'), jsx(Icon, { size: 'small', children: jsx(SvgFooterInfoIcon, { className: 'wallet-settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsx(TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames('wallet-settings-view__body__section__button', 'wallet-settings-view__body__section__button__badge'), startSlot: 
+                                jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(SvgAltKey, { className: 'wallet-settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.signing_section.passkey_button', children: t('dyn_wallet_settings.signing_section.password_button') })] }), endSlot: hasClaimedCoinbaseMPC ? (jsx(SvgCheckCircle, { className: 'wallet-settings-view__body__section__button__icon-secondary--success' })) : undefined, showInternalLoading: false }))] })), isTurnkeyWallet &&
+                        !hasRecoveryEmail &&
+                        !isSessionKeyCompatibleWallet && (jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsxs("div", { className: classNames('wallet-settings-view__body__section__title', 'wallet-settings-view__body__section__title__info-icon'), children: [t('dyn_wallet_settings.identity_section.title'), jsx(Icon, { size: 'small', children: jsx(SvgFooterInfoIcon, { className: 'wallet-settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsx(TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames('wallet-settings-view__body__section__button', 'wallet-settings-view__body__section__button__badge'), startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxs("div", { className: 'wallet-settings-view__body__section__button__start-slot', children: [jsx(SvgSignInWithEmail, { className: 'wallet-settings-view__body__section__button__icon email' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_wallet_settings.identity_section.add_email_button', children: t('dyn_wallet_settings.identity_section.add_email_button') }), jsx(Badge, { text: t('dyn_wallet_settings.tags.recommended'), copykey: 'dyn_wallet_settings.tags.recommended', variant: 'secondary' })] }), endSlot: renderEmailButtonEndSlot(), disabled: isLoading || hasRecoveryEmail, showInternalLoading: false })] })), jsxs("div", { className: 'wallet-settings-view__body__section', children: [jsx("div", { className: 'wallet-settings-view__body__section__title', children: t('dyn_wallet_settings.export_section.title') }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: () => handleExportClick(), buttonClassName: 'wallet-settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -21,14 +21,13 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -17,14 +17,13 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -20,6 +20,7 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -27,8 +28,6 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -16,6 +16,7 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -23,8 +24,6 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';

package/src/lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.cjs

@@ -1,64 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var viem = require('viem');
-var chains = require('viem/chains');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var chains__namespace = /*#__PURE__*/_interopNamespace(chains);
-
-const findChain = (chainId) => Object.values(chains__namespace).find((chain) => chain.id.toString() === chainId.toString());
-/**
- * Creates a WalletClient instance from a given Wallet object.
- *
- * This function initializes a WalletClient with the appropriate transport, chain, and account
- * details based on the provided Wallet.
- *
- * @param {Wallet} wallet - The wallet
- * @returns {Promise<WalletClient<Transport, Chain, Account>>} - A promise that resolves to a WalletClient instance.
- * @throws Will throw an error if the wallet's chain is not 'eip155', the wallet's network is not set, or the
- * chain is not supported.
- */
-const createWalletClientFromWallet = (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    if (wallet.chain !== 'eip155') {
-        throw new Error(`Wallet chain "${wallet.chain}" is not viem compatible`);
-    }
-    const network = wallet.network || (yield wallet.connector.getNetwork());
-    if (!network) {
-        throw new Error('Wallet network is not set');
-    }
-    const walletClient = yield wallet.connector.getWalletClient();
-    const chain = walletClient.chain || findChain(network);
-    const account = walletClient.account || wallet.address;
-    const transport = viem.custom(walletClient.transport);
-    if (chain === undefined) {
-        throw new Error(`Chain "${network}" is not supported.`);
-    }
-    return viem.createWalletClient({
-        account,
-        chain,
-        transport,
-    });
-});
-
-exports.createWalletClientFromWallet = createWalletClientFromWallet;

package/src/lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.d.ts

@@ -1,14 +0,0 @@
-import { Account, Chain, Transport, WalletClient } from 'viem';
-import { Wallet } from '../../../shared';
-/**
- * Creates a WalletClient instance from a given Wallet object.
- *
- * This function initializes a WalletClient with the appropriate transport, chain, and account
- * details based on the provided Wallet.
- *
- * @param {Wallet} wallet - The wallet
- * @returns {Promise<WalletClient<Transport, Chain, Account>>} - A promise that resolves to a WalletClient instance.
- * @throws Will throw an error if the wallet's chain is not 'eip155', the wallet's network is not set, or the
- * chain is not supported.
- */
-export declare const createWalletClientFromWallet: (wallet: Wallet) => Promise<WalletClient<Transport, Chain, Account>>;

package/src/lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.js

@@ -1,40 +0,0 @@
-'use client'
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { custom, createWalletClient } from 'viem';
-import * as chains from 'viem/chains';
-
-const findChain = (chainId) => Object.values(chains).find((chain) => chain.id.toString() === chainId.toString());
-/**
- * Creates a WalletClient instance from a given Wallet object.
- *
- * This function initializes a WalletClient with the appropriate transport, chain, and account
- * details based on the provided Wallet.
- *
- * @param {Wallet} wallet - The wallet
- * @returns {Promise<WalletClient<Transport, Chain, Account>>} - A promise that resolves to a WalletClient instance.
- * @throws Will throw an error if the wallet's chain is not 'eip155', the wallet's network is not set, or the
- * chain is not supported.
- */
-const createWalletClientFromWallet = (wallet) => __awaiter(void 0, void 0, void 0, function* () {
-    if (wallet.chain !== 'eip155') {
-        throw new Error(`Wallet chain "${wallet.chain}" is not viem compatible`);
-    }
-    const network = wallet.network || (yield wallet.connector.getNetwork());
-    if (!network) {
-        throw new Error('Wallet network is not set');
-    }
-    const walletClient = yield wallet.connector.getWalletClient();
-    const chain = walletClient.chain || findChain(network);
-    const account = walletClient.account || wallet.address;
-    const transport = custom(walletClient.transport);
-    if (chain === undefined) {
-        throw new Error(`Chain "${network}" is not supported.`);
-    }
-    return createWalletClient({
-        account,
-        chain,
-        transport,
-    });
-});
-
-export { createWalletClientFromWallet };

package/src/lib/utils/functions/createWalletClientFromWallet/index.d.ts

@@ -1 +0,0 @@
-export { createWalletClientFromWallet } from './createWalletClientFromWallet';

package/src/lib/utils/functions/isTestnet/index.d.ts

@@ -1 +0,0 @@
-export { isTestnet } from './isTestnet';

package/src/lib/utils/functions/isTestnet/isTestnet.cjs

@@ -1,16 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-
-const isTestnet = (primaryWallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) {
-        return false;
-    }
-    return (((_b = (_a = (yield primaryWallet.connector.getPublicClient())) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.testnet) || false);
-});
-
-exports.isTestnet = isTestnet;

package/src/lib/utils/functions/isTestnet/isTestnet.d.ts

@@ -1,2 +0,0 @@
-import { Wallet } from '../../../shared';
-export declare const isTestnet: (primaryWallet: Wallet | null) => Promise<boolean>;

package/src/lib/utils/functions/isTestnet/isTestnet.js

@@ -1,12 +0,0 @@
-'use client'
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-
-const isTestnet = (primaryWallet) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) {
-        return false;
-    }
-    return (((_b = (_a = (yield primaryWallet.connector.getPublicClient())) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.testnet) || false);
-});
-
-export { isTestnet };