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

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';