@dynamic-labs/sdk-react-core 0.17.0-RC.1 → 0.17.0-RC.10

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -2,15 +2,18 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
-import { isEmailWalletConnector } from '@dynamic-labs/multi-wallet';
+import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { Typography } from '../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/multi-wallet';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../components/Icon/Icon.js';
@@ -20,12 +23,13 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { TosAndPp } from '../../components/TosAndPp/TosAndPp.js';

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -9,12 +9,15 @@ var iconic = require('@dynamic-labs/iconic');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var chevronLeft = require('../../shared/assets/chevron-left.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Input = require('../../components/Input/Input.cjs');
@@ -24,13 +27,14 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../data/api.cjs');
+require('@dynamic-labs/rpc-providers');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var Button = require('../../components/Button/Button.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -5,12 +5,15 @@ import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import { Typography } from '../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-left.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/multi-wallet';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Input } from '../../components/Input/Input.js';
@@ -20,13 +23,14 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { updateUserProfileFields } from '../../data/api.js';
+import '@dynamic-labs/rpc-providers';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { Button } from '../../components/Button/Button.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -6,16 +6,19 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var iconic = require('@dynamic-labs/iconic');
+var utils = require('@dynamic-labs/utils');
 var Typography = require('../../components/Typography/Typography.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var check = require('../../shared/assets/check.cjs');
 var checkCircle = require('../../shared/assets/check-circle.cjs');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -26,13 +29,14 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../data/api.cjs');
+require('@dynamic-labs/rpc-providers');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
@@ -71,6 +75,7 @@ const EmailVerification = () => {
             const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
             if (onboardingOnlyJwt) {
                 setOnboardingOnlyJwt(undefined);
+                setCallback('authSuccess');
             }
             setIsValidated(true);
             if (nextView === 'verified-and-transferred') {
@@ -95,6 +100,7 @@ const EmailVerification = () => {
         verifyEmail,
         setShowAuthFlow,
         setOnboardingOnlyJwt,
+        setCallback,
         setErrorMessage,
     ]);
     const handleEmailLogin = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -133,6 +139,9 @@ const EmailVerification = () => {
             }, 1500);
         }
         catch (error) {
+            if (error instanceof utils.NoAccessError) {
+                setView('no-access');
+            }
             setErrorMessage(error.code);
         }
         finally {

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -2,16 +2,19 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
+import { NoAccessError } from '@dynamic-labs/utils';
 import { Typography } from '../../components/Typography/Typography.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '../../shared/logger.js';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import { ReactComponent as SvgCheckCircle } from '../../shared/assets/check-circle.js';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -22,13 +25,14 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { signInWithEmailVerification, retryEmailVerification } from '../../data/api.js';
+import '@dynamic-labs/rpc-providers';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
@@ -67,6 +71,7 @@ const EmailVerification = () => {
             const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
             if (onboardingOnlyJwt) {
                 setOnboardingOnlyJwt(undefined);
+                setCallback('authSuccess');
             }
             setIsValidated(true);
             if (nextView === 'verified-and-transferred') {
@@ -91,6 +96,7 @@ const EmailVerification = () => {
         verifyEmail,
         setShowAuthFlow,
         setOnboardingOnlyJwt,
+        setCallback,
         setErrorMessage,
     ]);
     const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
@@ -129,6 +135,9 @@ const EmailVerification = () => {
             }, 1500);
         }
         catch (error) {
+            if (error instanceof NoAccessError) {
+                setView('no-access');
+            }
             setErrorMessage(error.code);
         }
         finally {

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -4,15 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
@@ -22,8 +26,8 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 var OTPVerificationView = require('../../components/OTPVerificationView/OTPVerificationView.cjs');
-require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
@@ -34,7 +38,7 @@ const EmailWalletOTPVerificationView = () => {
     const [error, setError] = React.useState();
     const { selectedWalletConnector: emailWalletConnector, termsOfServiceUrl, privacyPolicyUrl, clearStatesOnBackClick, } = useInternalDynamicContext.useInternalDynamicContext();
     if (!emailWalletConnector ||
-        !multiWallet.isEmailOTPWalletConnector(emailWalletConnector)) {
+        !walletConnectorCore.isEmailOTPWalletConnector(emailWalletConnector)) {
         throw new Error('Current wallet is not EmailWalletConnector');
     }
     const { email } = emailWalletConnector;

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -1,14 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { isEmailOTPWalletConnector } from '@dynamic-labs/multi-wallet';
+import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -18,8 +22,8 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
 import { OTPVerificationView } from '../../components/OTPVerificationView/OTPVerificationView.js';
-import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';

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

@@ -8,12 +8,14 @@ require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 var getFromLS = require('../../shared/utils/functions/storage/getFromLS.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+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 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var Divider = require('../../components/Divider/Divider.cjs');
@@ -40,7 +42,7 @@ const LoginWithEmailView = () => {
     });
     const dividerText = isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder)
         ? 'Or continue with a wallet'
-        : 'Or use email';
+        : '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': isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder),
                 }), "data-testid": 'login-with-email-scroll' }, { children: [numberOfWallets &&

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

@@ -4,12 +4,14 @@ import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import { getFromLS } from '../../shared/utils/functions/storage/getFromLS.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+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 'ethers';
 import '../../shared/consts/index.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { Divider } from '../../components/Divider/Divider.js';
@@ -36,7 +38,7 @@ const LoginWithEmailView = () => {
     });
     const dividerText = isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder)
         ? 'Or continue with a wallet'
-        : 'Or use email';
+        : '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': isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder),
                 }), "data-testid": 'login-with-email-scroll' }, { children: [numberOfWallets &&

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

@@ -10,10 +10,13 @@ var stroke = require('../../../../shared/assets/stroke.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
@@ -23,13 +26,14 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 var ListTile = require('../../../../components/ListTile/ListTile.cjs');
+require('../../../../components/Alert/Alert.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

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

@@ -6,10 +6,13 @@ import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
@@ -19,13 +22,14 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../components/IconButton/IconButton.js';
 import { ListTile } from '../../../../components/ListTile/ListTile.js';
+import '../../../../components/Alert/Alert.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

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

@@ -5,14 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/utils');
 var api = require('../../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('react-dom');
@@ -25,13 +29,14 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
-require('ethers');
+require('../../../../components/Alert/Alert.cjs');
 var useWalletItemActions = require('../../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var useConnectWithEmail = require('../../../../utils/hooks/useConnectWithEmail/useConnectWithEmail.cjs');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../../../context/LoadingContext/LoadingContext.cjs');
 var SocialSignIn = require('../SocialSignIn/SocialSignIn.cjs');
+var SocialRedirectContext = require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 
 const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
 const LoginWithEmailForm = () => {
@@ -40,11 +45,12 @@ const LoginWithEmailForm = () => {
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { setEmail: setEmailForVerification, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
+    const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const [emailInput, setEmailInput] = React.useState('');
     const [emailError, setEmailError] = React.useState(false);
     const emailWalletConnector = wallets
         .map(({ walletConnector }) => walletConnector)
-        .find(multiWallet.isEmailWalletConnector);
+        .find(walletConnectorCore.isEmailWalletConnector);
     const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
     const { connectWithEmail, email: magicEmail, setEmail: setEmailForMagic, loading: isMagicLoading, } = useConnectWithEmail.useConnectWithEmail({
         emailWalletConnector,
@@ -96,13 +102,8 @@ const LoginWithEmailForm = () => {
             setLoading(false);
         }
     });
-    let socialSignInEnabled = false;
-    const params = new URLSearchParams(window.location.search);
-    if (params.has('socialSignIn')) {
-        socialSignInEnabled = true;
-    }
     // social sign in currently coupled to email... might be better to decouple
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [socialSignInEnabled && jsxRuntime.jsx(SocialSignIn.SocialSignIn, {}), jsxRuntime.jsxs("form", Object.assign({ className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e) }, { children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailValue, onChange: onChangeHandler, label: 'Enter your email', error: emailError, message: emailError && 'Please enter a valid email address' }), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'primary', buttonPadding: 'large', buttonRounded: 'medium', expanded: true }, { children: "Continue" }))] }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enabledSocialProviders.length > 0 && jsxRuntime.jsx(SocialSignIn.SocialSignIn, {}), jsxRuntime.jsxs("form", Object.assign({ className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e) }, { children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailValue, onChange: onChangeHandler, label: 'Enter your email', error: emailError, message: emailError && 'Please enter a valid email address' }), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'primary', buttonPadding: 'large', buttonRounded: 'medium', expanded: true }, { children: "Continue" }))] }))] }));
 };
 
 exports.EMAIL_REGEX = EMAIL_REGEX;

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

@@ -1,14 +1,18 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
-import { isEmailWalletConnector } from '@dynamic-labs/multi-wallet';
+import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/utils';
 import { createEmailVerification } from '../../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import '../../../../utils/constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import 'react-dom';
@@ -21,13 +25,14 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
-import 'ethers';
+import '../../../../components/Alert/Alert.js';
 import { useWalletItemActions } from '../../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useConnectWithEmail } from '../../../../utils/hooks/useConnectWithEmail/useConnectWithEmail.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../../../context/LoadingContext/LoadingContext.js';
 import { SocialSignIn } from '../SocialSignIn/SocialSignIn.js';
+import { useSocialRedirectContext } from '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 
 const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
 const LoginWithEmailForm = () => {
@@ -36,6 +41,7 @@ const LoginWithEmailForm = () => {
     const { loading, setLoading } = useLoadingContext();
     const { setErrorMessage } = useErrorContext();
     const { setEmail: setEmailForVerification, setVerificationUUID } = useEmailVerificationContext();
+    const { enabledSocialProviders } = useSocialRedirectContext();
     const [emailInput, setEmailInput] = useState('');
     const [emailError, setEmailError] = useState(false);
     const emailWalletConnector = wallets
@@ -92,13 +98,8 @@ const LoginWithEmailForm = () => {
             setLoading(false);
         }
     });
-    let socialSignInEnabled = false;
-    const params = new URLSearchParams(window.location.search);
-    if (params.has('socialSignIn')) {
-        socialSignInEnabled = true;
-    }
     // social sign in currently coupled to email... might be better to decouple
-    return (jsxs(Fragment, { children: [socialSignInEnabled && jsx(SocialSignIn, {}), jsxs("form", Object.assign({ className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e) }, { children: [jsx(Input, { id: 'email_field', value: emailValue, onChange: onChangeHandler, label: 'Enter your email', error: emailError, message: emailError && 'Please enter a valid email address' }), jsx(Button, Object.assign({ buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'primary', buttonPadding: 'large', buttonRounded: 'medium', expanded: true }, { children: "Continue" }))] }))] }));
+    return (jsxs(Fragment, { children: [enabledSocialProviders.length > 0 && jsx(SocialSignIn, {}), jsxs("form", Object.assign({ className: 'login-with-email-form', onSubmit: (e) => handleSubmit(e) }, { children: [jsx(Input, { id: 'email_field', value: emailValue, onChange: onChangeHandler, label: 'Enter your email', error: emailError, message: emailError && 'Please enter a valid email address' }), jsx(Button, Object.assign({ buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading, buttonVariant: 'primary', buttonPadding: 'large', buttonRounded: 'medium', expanded: true }, { children: "Continue" }))] }))] }));
 };
 
 export { EMAIL_REGEX, LoginWithEmailForm };