@dynamic-labs/sdk-react-core 0.19.0-alpha.4 → 0.19.0-alpha.5

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

@@ -0,0 +1,132 @@
+import { useMemo } from 'react';
+import { SdkViewType, SdkViewSectionType } from '@dynamic-labs/sdk-api';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+
+const NUMBER_OF_WALLETS = 3;
+const useLoginView = () => {
+    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, wallets, } = useInternalDynamicContext();
+    const isWalletOnly = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!projectSettings) {
+            return false;
+        }
+        // toolkit functionality overrides whatever is defined
+        if (!loginWithEmail) {
+            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 sessions
+        if (!((_c = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _c === void 0 ? void 0 : _c.length)) {
+            return (!((_e = (_d = projectSettings.design) === null || _d === void 0 ? void 0 : _d.modal) === null || _e === void 0 ? void 0 : _e.emailOnly) &&
+                !((_f = projectSettings.providers) === null || _f === void 0 ? void 0 : _f.length));
+        }
+        return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
+    }, [projectSettings, loginWithEmail]);
+    /**
+     * build email and social view sections from project settings design.modal props - backwards compatibility
+     * @returns SdkViewSection[]
+     */
+    const getEmailViewSectionDefinition = () => {
+        var _a, _b, _c;
+        const loginViewSections = [
+            {
+                type: SdkViewSectionType.Email,
+            },
+        ];
+        if ((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.socialSignIn) === null || _b === void 0 ? void 0 : _b.providers) === null || _c === void 0 ? void 0 : _c.length) {
+            const numOfProvidersToDisplay = projectSettings.sdk.socialSignIn.providers.filter((provider) => provider.enabled).length;
+            loginViewSections.push({
+                numOfItemsToDisplay: numOfProvidersToDisplay,
+                type: SdkViewSectionType.Social,
+            });
+        }
+        return loginViewSections;
+    };
+    // TODO: https://linear.app/dynamic-labs/issue/GVTY-212/rethink-or-implement-toolkit-template-for-email-wallet-order
+    /**
+     * remove wallet view section from projectSettings?.sdk?.views if no wallet defined
+     * @param sections
+     * @returns
+     */
+    const filterLoginViewSections = (sections) => {
+        if (wallets === null || wallets === void 0 ? void 0 : wallets.length) {
+            return sections;
+        }
+        return sections.filter((section) => section.type !== 'wallet');
+    };
+    const addSeparator = (index, loginItem) => {
+        var _a;
+        // if not the first index, no separator is needed
+        // if the first index but does not have wallets or providers,
+        // it'll show only one view section - no separator is needed
+        if (index !== 0 ||
+            !(wallets === null || wallets === void 0 ? void 0 : wallets.length) ||
+            !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length)) {
+            return [];
+        }
+        const label = loginItem === 'email' ? 'Or continue with a wallet' : 'Or continue with';
+        return [
+            {
+                label,
+                type: SdkViewSectionType.Separator,
+            },
+        ];
+    };
+    /**
+     * build login view sections array from project settings design.modal props - backwards compatibility
+     * @returns SdkViewSection[]
+     */
+    const buildLoginSections = () => {
+        let loginViewSections = [];
+        authorizationViewDisplayOrder === null || authorizationViewDisplayOrder === void 0 ? void 0 : authorizationViewDisplayOrder.forEach((loginItem, index) => {
+            var _a, _b, _c;
+            if (loginItem === 'email' && ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length)) {
+                loginViewSections = loginViewSections.concat(getEmailViewSectionDefinition(), 
+                // add separator if wallets defined
+                addSeparator(index, loginItem));
+            }
+            if (loginItem === 'wallet' && (wallets === null || wallets === void 0 ? void 0 : wallets.length)) {
+                // if showWalletsButton is true, it should show "Connec with Wallet" button
+                const numOfItemsToDisplay = ((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) === null || _c === void 0 ? void 0 : _c.showWalletsButton)
+                    ? 0
+                    : NUMBER_OF_WALLETS;
+                loginViewSections = loginViewSections.concat([
+                    {
+                        numOfItemsToDisplay,
+                        type: SdkViewSectionType.Wallet,
+                    },
+                ], 
+                // add separator if email providers defined
+                addSeparator(index, loginItem));
+            }
+        });
+        return loginViewSections;
+    };
+    /**
+     * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
+     * and has backwards compatibility with project settings design.modal props
+     */
+    const logingViewSections = useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        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) {
+            return filterLoginViewSections(loginView === null || loginView === void 0 ? void 0 : loginView.sections);
+        }
+        if ((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _d === void 0 ? void 0 : _d.modal) === null || _e === void 0 ? void 0 : _e.emailOnly) {
+            return getEmailViewSectionDefinition();
+        }
+        return buildLoginSections();
+    }, [
+        projectSettings,
+        authorizationViewDisplayOrder,
+        getEmailViewSectionDefinition,
+        filterLoginViewSections,
+        buildLoginSections,
+    ]);
+    return {
+        isWalletOnly,
+        logingViewSections,
+    };
+};
+
+export { NUMBER_OF_WALLETS, useLoginView };

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -57,7 +57,7 @@ var Badge = require('../../../components/Badge/Badge.cjs');
 var isWalletGroup = require('../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 var WalletGroupContext = require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 
-const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsxRuntime.jsx(ListTile.ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
+const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsxRuntime.jsx(ListTile.ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
     const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();
     const _isWalletGroup = isWalletGroup.isWalletGroup(wallet);
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
@@ -69,7 +69,7 @@ const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = (
     const Tile = tile;
     const isComingSoon = label === 'Coming soon';
     const handleClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (isComingSoon) {
+        if (isComingSoon || disabled) {
             return;
         }
         onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -53,7 +53,7 @@ import { Badge } from '../../../components/Badge/Badge.js';
 import { isWalletGroup } from '../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 import { useWalletGroupContext } from '../../../context/WalletGroupContext/WalletGroupContext.js';
 
-const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsx(ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
+const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsx(ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile', dataTestId: 'ListTile' }, { children: name }))), }) => {
     const { navigateToWalletGroup } = useWalletGroupContext();
     const _isWalletGroup = isWalletGroup(wallet);
     const { walletBook } = useWalletBookContext();
@@ -65,7 +65,7 @@ const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = (
     const Tile = tile;
     const isComingSoon = label === 'Coming soon';
     const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (isComingSoon) {
+        if (isComingSoon || disabled) {
             return;
         }
         onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.types.d.ts

@@ -5,6 +5,7 @@ export type WalletListItemProps = {
     tile?: WalletListItemTile;
     usingMultiWallet: boolean;
     wallet: WalletOption;
+    disabled?: boolean;
 };
 export type WalletListItemComponent = (props: WalletListItemProps) => ReactElement;
 export type WalletListItemTileProps = {

package/src/lib/views/viewToComponentMap.cjs

@@ -10,7 +10,6 @@ var EmailConfirmationWaitingView = require('./EmailConfirmationWaitingView/Email
 var EmailUpdate = require('./EmailUpdate/EmailUpdate.cjs');
 var EmailVerification = require('./EmailVerification/EmailVerification.cjs');
 var EmailWalletOTPVerificationView = require('./EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs');
-var LoginWithEmailView = require('./LoginWithEmailView/LoginWithEmailView.cjs');
 var NetworkNotSupported = require('./NetworkNotSupported/NetworkNotSupported.cjs');
 var NetworkNotSupportedSwitchManual = require('./NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs');
 var NoQrNotInstalledView = require('./NoQrNotInstalledView/NoQrNotInstalledView.cjs');
@@ -31,6 +30,7 @@ var BridgeNextWalletConnectionView = require('./BridgeNextWalletConnectionView/B
 var AccountExistsView = require('./AccountExistsView/AccountExistsView.cjs');
 var MergeUserAccountsView = require('./MergeUserAccountsView/MergeUserAccountsView.cjs');
 var WalletCannotBeTransferredView = require('./WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs');
+var LoginView = require('./LoginView/LoginView.cjs');
 
 const viewToComponentMap = {
     'account-exists': jsxRuntime.jsx(AccountExistsView.AccountExistsView, {}),
@@ -43,9 +43,10 @@ const viewToComponentMap = {
     'collect-user-data-login-with-email': jsxRuntime.jsx(CollectUserDataViewLoginWithEmail.CollectUserDataViewLoginWithEmail, {}),
     'email-wallet-otp-verification-view': jsxRuntime.jsx(EmailWalletOTPVerificationView.EmailWalletOTPVerificationView, {}),
     'gate-blocked-wallet': jsxRuntime.jsx(NoAccess.NoAccess, {}),
-    'login-with-email-or-wallet': jsxRuntime.jsx(LoginWithEmailView.LoginWithEmailView, {}),
-    'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
+    'login-with-email-or-wallet': jsxRuntime.jsx(LoginView.LoginView, {}),
+    'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(LoginView.LoginView, {}),
     'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
+    'login-with-wallet-only': jsxRuntime.jsx(LoginView.LoginView, {}),
     'merge-user-accounts': jsxRuntime.jsx(MergeUserAccountsView.MergeUserAccountsView, {}),
     'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
     'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),

package/src/lib/views/viewToComponentMap.js

@@ -6,7 +6,6 @@ import { EmailConfirmationWaitingView } from './EmailConfirmationWaitingView/Ema
 import { EmailUpdate } from './EmailUpdate/EmailUpdate.js';
 import { EmailVerification } from './EmailVerification/EmailVerification.js';
 import { EmailWalletOTPVerificationView } from './EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js';
-import { LoginWithEmailView } from './LoginWithEmailView/LoginWithEmailView.js';
 import { NetworkNotSupported } from './NetworkNotSupported/NetworkNotSupported.js';
 import { NetworkNotSupportedSwitchManual } from './NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js';
 import { NoQrNotInstalledView } from './NoQrNotInstalledView/NoQrNotInstalledView.js';
@@ -27,6 +26,7 @@ import { BridgeNextWalletConnectionView } from './BridgeNextWalletConnectionView
 import { AccountExistsView } from './AccountExistsView/AccountExistsView.js';
 import { MergeUserAccountsView } from './MergeUserAccountsView/MergeUserAccountsView.js';
 import { WalletCannotBeTransferredView } from './WalletCannotBeTransferredView/WalletCannotBeTransferredView.js';
+import { LoginView } from './LoginView/LoginView.js';
 
 const viewToComponentMap = {
     'account-exists': jsx(AccountExistsView, {}),
@@ -39,9 +39,10 @@ const viewToComponentMap = {
     'collect-user-data-login-with-email': jsx(CollectUserDataViewLoginWithEmail, {}),
     'email-wallet-otp-verification-view': jsx(EmailWalletOTPVerificationView, {}),
     'gate-blocked-wallet': jsx(NoAccess, {}),
-    'login-with-email-or-wallet': jsx(LoginWithEmailView, {}),
-    'login-with-email-or-wallet-full-wallet-list': jsx(WalletList, {}),
+    'login-with-email-or-wallet': jsx(LoginView, {}),
+    'login-with-email-or-wallet-full-wallet-list': jsx(LoginView, {}),
     'login-with-email-verification': jsx(EmailVerification, {}),
+    'login-with-wallet-only': jsx(LoginView, {}),
     'merge-user-accounts': jsx(MergeUserAccountsView, {}),
     'network-not-supported': jsx(NetworkNotSupported, {}),
     'network-not-supported-manual': jsx(NetworkNotSupportedSwitchManual, {}),

package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var walletBook = require('@dynamic-labs/wallet-book');
-var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
-require('react');
-var isDisplayOrderPriorityForWeb2 = require('../../shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.cjs');
-require('@dynamic-labs/utils');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
-require('../../utils/constants/colors.cjs');
-var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
-require('../../shared/consts/index.cjs');
-var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
-var Divider = require('../../components/Divider/Divider.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-var classNames = require('../../utils/functions/classNames/classNames.cjs');
-var walletListBuilder = require('../../utils/functions/walletListBuilder/walletListBuilder.cjs');
-var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
-var LoginWithEmailForm = require('./components/LoginWithEmailForm/LoginWithEmailForm.cjs');
-var LoginWithEmailWalletList = require('./components/LoginWithEmailWalletList/LoginWithEmailWalletList.cjs');
-var SocialSignIn = require('./components/SocialSignIn/SocialSignIn.cjs');
-
-const LoginWithEmailView = () => {
-    var _a;
-    const { error } = ErrorContext.useErrorContext();
-    const { authorizationViewDisplayOrder, wallets, projectSettings, walletsFilter, signWithEmailWalletName, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
-    const { showToSFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
-    const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
-    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
-        groupWallets: true,
-        inputList: wallets,
-        isWalletConnectList: false,
-        lastUsedWalletName: localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET),
-        loginWithEmail,
-        numberOfWalletsToShow: LoginWithEmailWalletList.NUMBER_OF_WALLETS,
-        searchFilter: undefined,
-        signWithEmailWalletName,
-        walletBook: walletBook$1,
-        walletsFilter,
-    });
-    const isWeb2Priority = isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder);
-    const dividerText = isWeb2Priority
-        ? 'Or continue with a wallet'
-        : 'Or continue with';
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'login-with-email__container' }, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('login-with-email__scroll', {
-                    'login-with-email__scroll--email-first': isWeb2Priority,
-                    'login-with-email__scroll--with-footer': showToSFooter,
-                }), "data-testid": 'login-with-email-scroll' }, { children: [numberOfWallets &&
-                        walletsList.length &&
-                        !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.emailOnly) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(LoginWithEmailWalletList.LoginWithEmailWalletList, { walletsList: walletsList, numberOfWallets: numberOfWallets }), jsxRuntime.jsx(Divider.Divider, { text: dividerText })] })) : null, jsxRuntime.jsxs("div", Object.assign({ className: 'login-with-email__scroll__web2' }, { children: [jsxRuntime.jsx(LoginWithEmailForm.LoginWithEmailForm, {}), enabledSocialProviders.length > 0 && jsxRuntime.jsx(SocialSignIn.SocialSignIn, {})] }))] }))] })));
-};
-
-exports.LoginWithEmailView = LoginWithEmailView;

package/src/lib/views/LoginWithEmailView/LoginWithEmailView.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const LoginWithEmailView: () => JSX.Element;

package/src/lib/views/LoginWithEmailView/LoginWithEmailView.js

@@ -1,59 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useWalletBookContext } from '@dynamic-labs/wallet-book';
-import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
-import 'react';
-import { isDisplayOrderPriorityForWeb2 } from '../../shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.js';
-import '@dynamic-labs/utils';
-import { LAST_USED_WALLET } from '../../utils/constants/localStorage.js';
-import '../../utils/constants/colors.js';
-import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
-import '../../shared/consts/index.js';
-import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
-import { Divider } from '../../components/Divider/Divider.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
-import { walletListBuilder } from '../../utils/functions/walletListBuilder/walletListBuilder.js';
-import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
-import { LoginWithEmailForm } from './components/LoginWithEmailForm/LoginWithEmailForm.js';
-import { NUMBER_OF_WALLETS, LoginWithEmailWalletList } from './components/LoginWithEmailWalletList/LoginWithEmailWalletList.js';
-import { SocialSignIn } from './components/SocialSignIn/SocialSignIn.js';
-
-const LoginWithEmailView = () => {
-    var _a;
-    const { error } = useErrorContext();
-    const { authorizationViewDisplayOrder, wallets, projectSettings, walletsFilter, signWithEmailWalletName, loginWithEmail, } = useInternalDynamicContext();
-    const { walletBook } = useWalletBookContext();
-    const { showToSFooter } = useAuthLayoutChecks();
-    const { enabledSocialProviders } = useSocialRedirectContext();
-    const { numberOfWallets, walletsList } = walletListBuilder({
-        groupWallets: true,
-        inputList: wallets,
-        isWalletConnectList: false,
-        lastUsedWalletName: LocalStorage.getFromLS(LAST_USED_WALLET),
-        loginWithEmail,
-        numberOfWalletsToShow: NUMBER_OF_WALLETS,
-        searchFilter: undefined,
-        signWithEmailWalletName,
-        walletBook,
-        walletsFilter,
-    });
-    const isWeb2Priority = isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder);
-    const dividerText = isWeb2Priority
-        ? 'Or continue with a wallet'
-        : 'Or continue with';
-    return (jsxs("div", Object.assign({ className: 'login-with-email__container' }, { children: [error && jsx(ErrorContainer, { children: error }), jsxs("div", Object.assign({ className: classNames('login-with-email__scroll', {
-                    'login-with-email__scroll--email-first': isWeb2Priority,
-                    'login-with-email__scroll--with-footer': showToSFooter,
-                }), "data-testid": 'login-with-email-scroll' }, { children: [numberOfWallets &&
-                        walletsList.length &&
-                        !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.emailOnly) ? (jsxs(Fragment, { children: [jsx(LoginWithEmailWalletList, { walletsList: walletsList, numberOfWallets: numberOfWallets }), jsx(Divider, { text: dividerText })] })) : null, jsxs("div", Object.assign({ className: 'login-with-email__scroll__web2' }, { children: [jsx(LoginWithEmailForm, {}), enabledSocialProviders.length > 0 && jsx(SocialSignIn, {})] }))] }))] })));
-};
-
-export { LoginWithEmailView };

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const EMAIL_REGEX: RegExp;
-type Props = {
-    currentEmail?: string;
-};
-export declare const LoginWithEmailForm: ({ currentEmail }: Props) => JSX.Element;
-export {};

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/index.d.ts

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

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailWalletList/LoginWithEmailWalletList.cjs

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
-require('../../../../utils/constants/colors.cjs');
-var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
-require('../../../../shared/consts/index.cjs');
-var WalletListItem = require('../../../WalletList/WalletListItem/WalletListItem.cjs');
-var ListItemButton = require('../ListItemButton/ListItemButton.cjs');
-
-const NUMBER_OF_WALLETS = 3;
-const LoginWithEmailWalletList = ({ walletsList, numberOfWallets, }) => {
-    const { setView } = ViewContext.useViewContext();
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const isUsingMultiWallet = Boolean(localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER));
-    return !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: NUMBER_OF_WALLETS + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxRuntime.jsxs("div", Object.assign({ className: 'login-with-email-wallet-list__container' }, { children: [walletsList.map((wallet) => {
-                var _a;
-                return (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
-            }), jsxRuntime.jsx(ListItemButton.ListItemButton, { text: 'View all wallets', onClick: () => setView('login-with-email-or-wallet-full-wallet-list'), numberOfWallets: numberOfWallets })] })));
-};
-
-exports.LoginWithEmailWalletList = LoginWithEmailWalletList;
-exports.NUMBER_OF_WALLETS = NUMBER_OF_WALLETS;

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailWalletList/LoginWithEmailWalletList.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { WalletOption } from '../../../../shared';
-export declare const NUMBER_OF_WALLETS = 3;
-type Props = {
-    numberOfWallets: number;
-    walletsList: WalletOption[];
-};
-export declare const LoginWithEmailWalletList: ({ walletsList, numberOfWallets, }: Props) => JSX.Element;
-export {};

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailWalletList/LoginWithEmailWalletList.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import { AUTH_USER } from '../../../../utils/constants/localStorage.js';
-import '../../../../utils/constants/colors.js';
-import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
-import '../../../../shared/consts/index.js';
-import { WalletListItem } from '../../../WalletList/WalletListItem/WalletListItem.js';
-import { ListItemButton } from '../ListItemButton/ListItemButton.js';
-
-const NUMBER_OF_WALLETS = 3;
-const LoginWithEmailWalletList = ({ walletsList, numberOfWallets, }) => {
-    const { setView } = useViewContext();
-    const { projectSettings } = useInternalDynamicContext();
-    const isUsingMultiWallet = Boolean(LocalStorage.getFromLS(AUTH_USER));
-    return !projectSettings ? (jsx(Skeleton, { count: NUMBER_OF_WALLETS + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxs("div", Object.assign({ className: 'login-with-email-wallet-list__container' }, { children: [walletsList.map((wallet) => {
-                var _a;
-                return (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
-            }), jsx(ListItemButton, { text: 'View all wallets', onClick: () => setView('login-with-email-or-wallet-full-wallet-list'), numberOfWallets: numberOfWallets })] })));
-};
-
-export { LoginWithEmailWalletList, NUMBER_OF_WALLETS };

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailWalletList/index.d.ts

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

package/src/lib/views/LoginWithEmailView/index.d.ts

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