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

package/src/lib/views/CollectUserDataView/{UserDataForm/UserDataForm.d.ts → OnboardingUserDataForm/OnboardingUserDataForm.d.ts}

@@ -5,4 +5,4 @@ export type UserDataFormProps = {
     disableSubmit?: boolean;
     userProfile: UserProfile | undefined;
 };
-export declare const UserDataForm: ({ children, userProfile }: UserDataFormProps) => JSX.Element;
+export declare const OnboardingUserDataForm: ({ children, userProfile, disableSubmit, }: UserDataFormProps) => JSX.Element;

package/src/lib/views/CollectUserDataView/{UserDataForm/UserDataForm.js → OnboardingUserDataForm/OnboardingUserDataForm.js}

@@ -5,11 +5,14 @@ import { Formik, Form } from 'formik';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.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 '@dynamic-labs/sdk-api';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -19,18 +22,19 @@ 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 { useUserUpdateRequestInternal } from '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { Button } from '../../../components/Button/Button.js';
 import '../../../components/IconButton/IconButton.js';
+import '../../../components/Alert/Alert.js';
 import { UserDataFields } from '../UserDataFields/index.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 
-const UserDataForm = ({ children, userProfile }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow } = useInternalDynamicContext();
+const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
+    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequestInternal({
@@ -43,7 +47,8 @@ const UserDataForm = ({ children, userProfile }) => {
             return;
         }
         setShowAuthFlow(false);
-    }), [setShowAuthFlow, setView, updateUser]);
+        setCallback('authSuccess');
+    }), [setCallback, setShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
         onSubmit,
@@ -54,11 +59,12 @@ const UserDataForm = ({ children, userProfile }) => {
     ].flat();
     return (jsx(Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema }, { children: ({ errors, touched, values }) => {
             var _a;
-            const isSubmitBtnDisabled = enforcePolicies &&
-                (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
-                    ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length);
+            const isSubmitBtnDisabled = disableSubmit ||
+                (enforcePolicies &&
+                    (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
+                        ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length));
             return (jsx(Form, Object.assign({ className: 'user-data-form__form' }, { children: jsxs(Fragment, { children: [children, jsx(UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsx(Button, Object.assign({ type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Continue" }))] }) })));
         } })));
 };
 
-export { UserDataForm };
+export { OnboardingUserDataForm };

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/index.d.ts

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

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -9,12 +9,15 @@ var Typography = require('../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 var index = require('../../../shared/utils/functions/getValueByKey/index.cjs');
+require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
+require('ethers');
 var index$1 = 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 Input = require('../../../components/Input/Input.cjs');
@@ -26,16 +29,17 @@ 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');
+require('../../../components/Alert/Alert.cjs');
 var fieldsConfig = require('../fieldsConfig.cjs');
 var getDisplayErrorMessage = require('./utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
 
-const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsxRuntime.jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required }) => {
+const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsxRuntime.jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
         const { label, type } = index.getValueByKey(fieldsConfig.fieldsConfig, name);
         if (name === 'tShirtSize') {
             return (jsxRuntime.jsx(formik.Field, Object.assign({ as: Select.Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'tShirtSizeSelect', message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, { children: index$1.tShirtSizes.map((size) => (jsxRuntime.jsx("option", Object.assign({ value: size }, { children: size }), size))) }), name));
@@ -50,7 +54,7 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
             return (jsxRuntime.jsx("div", Object.assign({ role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-data-fields__checkbox-container' }, { children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxRuntime.jsxs("div", Object.assign({ className: 'user-data-fields__consent-checkbox' }, { children: [jsxRuntime.jsx(formik.Field, { as: Checkbox.Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}` }, `policiesConsent_${index}`), jsxRuntime.jsx("label", Object.assign({ htmlFor: `policiesConsent_${index}`, className: 'user-data-fields__checkbox-label' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: component })) }))] }), `policiesConsent_${index}`))) }), 'policiesConsentGroup'));
         }
         else {
-            return (jsxRuntime.jsx(formik.Field, { as: Input.Input, type: type, id: name, name: name, label: label, optional: !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, name));
+            return (jsxRuntime.jsx(formik.Field, { disabled: !enabled, as: Input.Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, name));
         }
     }) })));
 

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -5,12 +5,15 @@ import { Typography } from '../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import { getValueByKey } from '../../../shared/utils/functions/getValueByKey/index.js';
+import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
+import 'ethers';
 import { tShirtSizes, teamNames, countryCodes } from '../../../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 { Input } from '../../../components/Input/Input.js';
@@ -22,16 +25,17 @@ 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 '../../../components/Alert/Alert.js';
 import { fieldsConfig } from '../fieldsConfig.js';
 import { getDisplayErrorMessage } from './utils/getDisplayErrorMessage/getDisplayErrorMessage.js';
 
-const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required }) => {
+const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
         const { label, type } = getValueByKey(fieldsConfig, name);
         if (name === 'tShirtSize') {
             return (jsx(Field, Object.assign({ as: Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'tShirtSizeSelect', message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, { children: tShirtSizes.map((size) => (jsx("option", Object.assign({ value: size }, { children: size }), size))) }), name));
@@ -46,7 +50,7 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
             return (jsx("div", Object.assign({ role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-data-fields__checkbox-container' }, { children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxs("div", Object.assign({ className: 'user-data-fields__consent-checkbox' }, { children: [jsx(Field, { as: Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}` }, `policiesConsent_${index}`), jsx("label", Object.assign({ htmlFor: `policiesConsent_${index}`, className: 'user-data-fields__checkbox-label' }, { children: jsx(Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: component })) }))] }), `policiesConsent_${index}`))) }), 'policiesConsentGroup'));
         }
         else {
-            return (jsx(Field, { as: Input, type: type, id: name, name: name, label: label, optional: !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, name));
+            return (jsx(Field, { disabled: !enabled, as: Input, type: type, id: name, name: name, label: label, optional: enabled && !required, error: errors[name] && touched[name], message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, name));
         }
     }) })));
 

package/src/lib/views/CollectUserDataView/fieldsConfig.cjs

@@ -6,11 +6,13 @@ var yup = require('yup');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 var index = require('../../shared/consts/index.cjs');
 
 const fieldsConfig = {

package/src/lib/views/CollectUserDataView/fieldsConfig.js

@@ -2,11 +2,13 @@ import { string, boolean } from 'yup';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import { countryCodes, tShirtSizes, teamNames } from '../../shared/consts/index.js';
 
 const fieldsConfig = {

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -8,11 +8,14 @@ require('react');
 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');
 require('../../context/ViewContext/ViewContext.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');
 var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -21,15 +24,16 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var TextButton = require('../../components/TextButton/TextButton.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');
+var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/IconButton/IconButton.cjs');
-var UserDataForm = require('../CollectUserDataView/UserDataForm/UserDataForm.cjs');
+require('../../components/Alert/Alert.cjs');
+var OnboardingUserDataForm = require('../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataViewLoginWithEmail = () => {
     const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -37,7 +41,7 @@ const CollectUserDataViewLoginWithEmail = () => {
         return null;
     }
     const userProfile = createUserProfile.createUserProfile(decodedOnboardingOnlyToken);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsxRuntime.jsx(UserDataForm.UserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsxRuntime.jsx(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         `Welcome to ${appName}` })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                         'We need a bit of information to get started' }))] })) })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data-login-with-email__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js

@@ -4,11 +4,14 @@ import 'react';
 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 '../../context/ViewContext/ViewContext.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 { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -17,15 +20,16 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { TextButton } from '../../components/TextButton/TextButton.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 { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/IconButton/IconButton.js';
-import { UserDataForm } from '../CollectUserDataView/UserDataForm/UserDataForm.js';
+import '../../components/Alert/Alert.js';
+import { OnboardingUserDataForm } from '../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataViewLoginWithEmail = () => {
     const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext();
@@ -33,7 +37,7 @@ const CollectUserDataViewLoginWithEmail = () => {
         return null;
     }
     const userProfile = createUserProfile(decodedOnboardingOnlyToken);
-    return (jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsx(UserProfileIcon, {}) })), jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsx(UserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsx(UserProfileIcon, {}) })), jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsx(OnboardingUserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         `Welcome to ${appName}` })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                         'We need a bit of information to get started' }))] })) })), jsx(TextButton, Object.assign({ className: 'collect-user-data-login-with-email__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -6,15 +6,18 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var iconic = require('@dynamic-labs/iconic');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.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 Icon = require('../../components/Icon/Icon.cjs');
@@ -24,12 +27,13 @@ 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');
 var IconButton = 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 TosAndPp = require('../../components/TosAndPp/TosAndPp.cjs');
@@ -37,13 +41,12 @@ var TosAndPp = require('../../components/TosAndPp/TosAndPp.cjs');
 const EmailConfirmationWaitingView = () => {
     const { setView } = ViewContext.useViewContext();
     const { clearStatesOnBackClick, termsOfServiceUrl, privacyPolicyUrl, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
-    if (walletConnector && !multiWallet.isEmailWalletConnector(walletConnector)) {
+    if (walletConnector && !walletConnectorCore.isEmailWalletConnector(walletConnector)) {
         throw new Error('Wallet connector is not email provider');
     }
     const emailConnector = walletConnector;
     const onClickResetEmail = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        yield ((_a = emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(emailConnector));
+        yield (emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.endSession());
         setView('login-with-email-or-wallet');
         clearStatesOnBackClick();
     }), [setView, emailConnector, clearStatesOnBackClick]);

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';
@@ -38,8 +42,7 @@ const EmailConfirmationWaitingView = () => {
     }
     const emailConnector = walletConnector;
     const onClickResetEmail = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        yield ((_a = emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(emailConnector));
+        yield (emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.endSession());
         setView('login-with-email-or-wallet');
         clearStatesOnBackClick();
     }), [setView, emailConnector, clearStatesOnBackClick]);

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');
@@ -25,14 +28,15 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var TextButton = require('../../components/TextButton/TextButton.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';
@@ -21,14 +24,15 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { TextButton } from '../../components/TextButton/TextButton.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 {