@dynamic-labs/sdk-react-core 0.16.1 → 0.16.3

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

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var formik = require('formik');
-require('react');
-var Typography = require('../../../components/Typography/Typography.cjs.js');
-require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('../../../context/ViewContext/ViewContext.cjs.js');
-var index = require('../../../shared/utils/functions/getValueByKey/index.cjs.js');
-require('../../../utils/constants/colors.cjs.js');
-var index$1 = require('../../../shared/consts/index.cjs.js');
-require('../../../context/DynamicContext/DynamicContext.cjs.js');
-require('../../../components/ShadowDOM/ShadowDOM.cjs.js');
-require('../../../context/ThemeContext/ThemeContext.cjs.js');
-var Input = require('../../../components/Input/Input.cjs.js');
-var Checkbox = require('../../../components/Checkbox/Checkbox.cjs.js');
-var Select = require('../../../components/Select/Select.cjs.js');
-require('react-dom');
-require('react-focus-lock');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
-require('../../../config/ApiEndpoint.cjs.js');
-require('../../../context/ErrorContext/ErrorContext.cjs.js');
-require('ethers');
-require('../../../context/MockContext/MockContext.cjs.js');
-require('../../../context/CaptchaContext/CaptchaContext.cjs.js');
-require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
-require('../../../components/IconButton/IconButton.cjs.js');
-var fieldsConfig = require('../fieldsConfig.cjs.js');
-var getDisplayErrorMessage = require('./utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs.js');
-
-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 { 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));
-        }
-        else if (name === 'team') {
-            return (jsxRuntime.jsx(formik.Field, Object.assign({ as: Select.Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'teamSelect', message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, { children: index$1.teamNames.map((teamName) => (jsxRuntime.jsx("option", Object.assign({ value: teamName }, { children: teamName }), teamName))) }), name));
-        }
-        else if (name === 'country') {
-            return (jsxRuntime.jsx(formik.Field, Object.assign({ as: Select.Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'countrySelect', message: touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) }, { children: index$1.countryCodes.map((countryCode) => (jsxRuntime.jsx("option", Object.assign({ value: countryCode.code }, { children: countryCode.name }), countryCode.code))) }), name));
-        }
-        else if (name === 'policiesConsent') {
-            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));
-        }
-    }) })));
-
-exports.UserDataFields = UserDataFields;

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

@@ -1,53 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Field } from 'formik';
-import 'react';
-import { Typography } from '../../../components/Typography/Typography.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import '../../../context/ViewContext/ViewContext.es.js';
-import { getValueByKey } from '../../../shared/utils/functions/getValueByKey/index.es.js';
-import '../../../utils/constants/colors.es.js';
-import { tShirtSizes, teamNames, countryCodes } from '../../../shared/consts/index.es.js';
-import '../../../context/DynamicContext/DynamicContext.es.js';
-import '../../../components/ShadowDOM/ShadowDOM.es.js';
-import '../../../context/ThemeContext/ThemeContext.es.js';
-import { Input } from '../../../components/Input/Input.es.js';
-import { Checkbox } from '../../../components/Checkbox/Checkbox.es.js';
-import { Select } from '../../../components/Select/Select.es.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
-import '../../../config/ApiEndpoint.es.js';
-import '../../../context/ErrorContext/ErrorContext.es.js';
-import 'ethers';
-import '../../../context/MockContext/MockContext.es.js';
-import '../../../context/CaptchaContext/CaptchaContext.es.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
-import '../../../components/IconButton/IconButton.es.js';
-import { fieldsConfig } from '../fieldsConfig.es.js';
-import { getDisplayErrorMessage } from './utils/getDisplayErrorMessage/getDisplayErrorMessage.es.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 { 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));
-        }
-        else if (name === 'team') {
-            return (jsx(Field, Object.assign({ as: Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'teamSelect', message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, { children: teamNames.map((teamName) => (jsx("option", Object.assign({ value: teamName }, { children: teamName }), teamName))) }), name));
-        }
-        else if (name === 'country') {
-            return (jsx(Field, Object.assign({ as: Select, type: type, id: name, name: name, label: label, error: errors[name] && touched[name], selectDataTestId: 'countrySelect', message: touched[name] && getDisplayErrorMessage(label, errors[name]) }, { children: countryCodes.map((countryCode) => (jsx("option", Object.assign({ value: countryCode.code }, { children: countryCode.name }), countryCode.code))) }), name));
-        }
-        else if (name === 'policiesConsent') {
-            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));
-        }
-    }) })));
-
-export { UserDataFields };

package/src/lib/views/CollectUserDataView/UserDataForm/UserDataForm.cjs.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var formik = require('formik');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs.js');
-require('../../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-var ViewContext = require('../../../context/ViewContext/ViewContext.cjs.js');
-require('../../../utils/constants/colors.cjs.js');
-require('../../../shared/consts/index.cjs.js');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-require('@dynamic-labs/sdk-api');
-require('../../../components/ShadowDOM/ShadowDOM.cjs.js');
-require('../../../context/ThemeContext/ThemeContext.cjs.js');
-require('react-dom');
-require('react-focus-lock');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
-require('../../../config/ApiEndpoint.cjs.js');
-require('../../../context/ErrorContext/ErrorContext.cjs.js');
-require('ethers');
-require('../../../context/MockContext/MockContext.cjs.js');
-require('../../../context/CaptchaContext/CaptchaContext.cjs.js');
-var useUserUpdateRequest = require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
-var Button = require('../../../components/Button/Button.cjs.js');
-require('../../../components/IconButton/IconButton.cjs.js');
-var index = require('../UserDataFields/index.cjs.js');
-var useUserDataForm = require('../../../utils/hooks/useUserDataForm/useUserDataForm.cjs.js');
-
-const UserDataForm = ({ children, userProfile }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
-    const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
-    const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
-        validationSchemaStripUnknown: false,
-    });
-    const onSubmit = React.useCallback((formValues) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { isEmailVerificationRequired } = yield updateUser(formValues);
-        if (isEmailVerificationRequired) {
-            setView('verify-email');
-            return;
-        }
-        setShowAuthFlow(false);
-    }), [setShowAuthFlow, setView, updateUser]);
-    const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm.useUserDataForm({
-        fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
-        onSubmit,
-        userProfile,
-    });
-    const policiesConsentInnerComponentArray = [
-        policiesConsentInnerComponent,
-    ].flat();
-    return (jsxRuntime.jsx(formik.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);
-            return (jsxRuntime.jsx(formik.Form, Object.assign({ className: 'user-data-form__form' }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(index.UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsxRuntime.jsx(Button.Button, Object.assign({ type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Continue" }))] }) })));
-        } })));
-};
-
-exports.UserDataForm = UserDataForm;

package/src/lib/views/CollectUserDataView/UserDataForm/UserDataForm.es.js

@@ -1,64 +0,0 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.es.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import { Formik, Form } from 'formik';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.es.js';
-import '../../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import { useViewContext } from '../../../context/ViewContext/ViewContext.es.js';
-import '../../../utils/constants/colors.es.js';
-import '../../../shared/consts/index.es.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../../components/ShadowDOM/ShadowDOM.es.js';
-import '../../../context/ThemeContext/ThemeContext.es.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
-import '../../../config/ApiEndpoint.es.js';
-import '../../../context/ErrorContext/ErrorContext.es.js';
-import 'ethers';
-import '../../../context/MockContext/MockContext.es.js';
-import '../../../context/CaptchaContext/CaptchaContext.es.js';
-import { useUserUpdateRequestInternal } from '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
-import { Button } from '../../../components/Button/Button.es.js';
-import '../../../components/IconButton/IconButton.es.js';
-import { UserDataFields } from '../UserDataFields/index.es.js';
-import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.es.js';
-
-const UserDataForm = ({ children, userProfile }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
-    const decodedJwt = decodeJwt(onboardingOnlyJwt);
-    const { updateUser } = useUserUpdateRequestInternal({
-        validationSchemaStripUnknown: false,
-    });
-    const onSubmit = useCallback((formValues) => __awaiter(void 0, void 0, void 0, function* () {
-        const { isEmailVerificationRequired } = yield updateUser(formValues);
-        if (isEmailVerificationRequired) {
-            setView('verify-email');
-            return;
-        }
-        setShowAuthFlow(false);
-    }), [setShowAuthFlow, setView, updateUser]);
-    const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
-        fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
-        onSubmit,
-        userProfile,
-    });
-    const policiesConsentInnerComponentArray = [
-        policiesConsentInnerComponent,
-    ].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);
-            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 };

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

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var yup = require('yup');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('react/jsx-runtime');
-require('../../context/ViewContext/ViewContext.cjs.js');
-require('react');
-require('../../utils/constants/colors.cjs.js');
-var index = require('../../shared/consts/index.cjs.js');
-
-const fieldsConfig = {
-    alias: { label: 'Alias', type: 'string', validation: yup.string() },
-    country: {
-        label: 'Country',
-        type: 'select',
-        validation: yup.string().oneOf(index.countryCodes.map((c) => c.code)),
-    },
-    email: {
-        label: 'Email',
-        type: 'email',
-        validation: yup.string().email('Email is not valid'),
-    },
-    firstName: { label: 'First Name', type: 'string', validation: yup.string() },
-    jobTitle: { label: 'Job Title', type: 'string', validation: yup.string() },
-    lastName: { label: 'Last Name', type: 'string', validation: yup.string() },
-    phoneNumber: {
-        label: 'Phone number',
-        type: 'string',
-        validation: yup.string().matches(/^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, 'Phone number is not valid'),
-    },
-    policiesConsent: {
-        label: 'Policies Consent',
-        type: 'boolean',
-        validation: yup.boolean(),
-    },
-    tShirtSize: {
-        label: 'T-Shirt Size',
-        type: 'select',
-        validation: yup.string().oneOf(index.tShirtSizes),
-    },
-    team: {
-        label: 'Team',
-        type: 'select',
-        validation: yup.string().oneOf(index.teamNames),
-    },
-    username: {
-        label: 'Username',
-        type: 'string',
-        // From chatGPT:
-        // - string can contain letters A-Z, a-z, numbers 0-9, or symbols $ ! # % ?
-        // - string must be length 5 to 20
-        // - string cannot contain consecutive symbols
-        validation: yup.string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?]{5,20}$/, 'Username is not valid'),
-    },
-};
-
-exports.fieldsConfig = fieldsConfig;

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

@@ -1,58 +0,0 @@
-import { string, boolean } from 'yup';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import 'react/jsx-runtime';
-import '../../context/ViewContext/ViewContext.es.js';
-import 'react';
-import '../../utils/constants/colors.es.js';
-import { countryCodes, tShirtSizes, teamNames } from '../../shared/consts/index.es.js';
-
-const fieldsConfig = {
-    alias: { label: 'Alias', type: 'string', validation: string() },
-    country: {
-        label: 'Country',
-        type: 'select',
-        validation: string().oneOf(countryCodes.map((c) => c.code)),
-    },
-    email: {
-        label: 'Email',
-        type: 'email',
-        validation: string().email('Email is not valid'),
-    },
-    firstName: { label: 'First Name', type: 'string', validation: string() },
-    jobTitle: { label: 'Job Title', type: 'string', validation: string() },
-    lastName: { label: 'Last Name', type: 'string', validation: string() },
-    phoneNumber: {
-        label: 'Phone number',
-        type: 'string',
-        validation: string().matches(/^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, 'Phone number is not valid'),
-    },
-    policiesConsent: {
-        label: 'Policies Consent',
-        type: 'boolean',
-        validation: boolean(),
-    },
-    tShirtSize: {
-        label: 'T-Shirt Size',
-        type: 'select',
-        validation: string().oneOf(tShirtSizes),
-    },
-    team: {
-        label: 'Team',
-        type: 'select',
-        validation: string().oneOf(teamNames),
-    },
-    username: {
-        label: 'Username',
-        type: 'string',
-        // From chatGPT:
-        // - string can contain letters A-Z, a-z, numbers 0-9, or symbols $ ! # % ?
-        // - string must be length 5 to 20
-        // - string cannot contain consecutive symbols
-        validation: string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?]{5,20}$/, 'Username is not valid'),
-    },
-};
-
-export { fieldsConfig };

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

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var iconic = require('@dynamic-labs/iconic');
-require('react');
-var Typography = require('../../components/Typography/Typography.cjs.js');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/multi-wallet');
-require('../../context/ViewContext/ViewContext.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-require('../../shared/consts/index.cjs.js');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs.js');
-require('../../components/ShadowDOM/ShadowDOM.cjs.js');
-require('../../context/ThemeContext/ThemeContext.cjs.js');
-require('react-dom');
-require('react-focus-lock');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
-var TextButton = require('../../components/TextButton/TextButton.cjs.js');
-require('../../config/ApiEndpoint.cjs.js');
-require('../../context/ErrorContext/ErrorContext.cjs.js');
-require('ethers');
-require('../../context/MockContext/MockContext.cjs.js');
-require('../../context/CaptchaContext/CaptchaContext.cjs.js');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
-require('../../components/IconButton/IconButton.cjs.js');
-var UserDataForm = require('../CollectUserDataView/UserDataForm/UserDataForm.cjs.js');
-
-const CollectUserDataViewLoginWithEmail = () => {
-    const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!decodedOnboardingOnlyToken) {
-        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) ||
-                                        `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" }))] }))] })));
-};
-
-exports.CollectUserDataViewLoginWithEmail = CollectUserDataViewLoginWithEmail;

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

@@ -1,41 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { UserProfileIcon } from '@dynamic-labs/iconic';
-import 'react';
-import { Typography } from '../../components/Typography/Typography.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/multi-wallet';
-import '../../context/ViewContext/ViewContext.es.js';
-import '../../utils/constants/colors.es.js';
-import '../../shared/consts/index.es.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
-import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.es.js';
-import '../../components/ShadowDOM/ShadowDOM.es.js';
-import '../../context/ThemeContext/ThemeContext.es.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../components/Transition/ZoomTransition/ZoomTransition.es.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.es.js';
-import { TextButton } from '../../components/TextButton/TextButton.es.js';
-import '../../config/ApiEndpoint.es.js';
-import '../../context/ErrorContext/ErrorContext.es.js';
-import 'ethers';
-import '../../context/MockContext/MockContext.es.js';
-import '../../context/CaptchaContext/CaptchaContext.es.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
-import '../../components/IconButton/IconButton.es.js';
-import { UserDataForm } from '../CollectUserDataView/UserDataForm/UserDataForm.es.js';
-
-const CollectUserDataViewLoginWithEmail = () => {
-    const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext();
-    if (!decodedOnboardingOnlyToken) {
-        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) ||
-                                        `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" }))] }))] })));
-};
-
-export { CollectUserDataViewLoginWithEmail };

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

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var iconic = require('@dynamic-labs/iconic');
-var multiWallet = require('@dynamic-labs/multi-wallet');
-var Typography = require('../../components/Typography/Typography.cjs.js');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs.js');
-var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-require('../../shared/consts/index.cjs.js');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-require('../../components/ShadowDOM/ShadowDOM.cjs.js');
-require('../../context/ThemeContext/ThemeContext.cjs.js');
-var Icon = require('../../components/Icon/Icon.cjs.js');
-require('react-dom');
-require('react-focus-lock');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
-require('../../config/ApiEndpoint.cjs.js');
-require('../../context/ErrorContext/ErrorContext.cjs.js');
-require('ethers');
-require('../../context/MockContext/MockContext.cjs.js');
-require('../../context/CaptchaContext/CaptchaContext.cjs.js');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
-var IconButton = require('../../components/IconButton/IconButton.cjs.js');
-var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs.js');
-var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs.js');
-var TosAndPp = require('../../components/TosAndPp/TosAndPp.cjs.js');
-
-const EmailConfirmationWaitingView = () => {
-    const { setView } = ViewContext.useViewContext();
-    const { clearStatesOnBackClick, termsOfServiceUrl, privacyPolicyUrl, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
-    if (walletConnector && !multiWallet.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));
-        setView('login-with-email-or-wallet');
-        clearStatesOnBackClick();
-    }), [setView, emailConnector, clearStatesOnBackClick]);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'email-confirmation-waiting-view' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__header-icon' }, { children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-confirmation-waiting-view__title' }, { children: "Confirm your email" })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' '] })), jsxRuntime.jsxs("div", Object.assign({ className: 'email-confirmation-waiting-view__email-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.email })), jsxRuntime.jsx(IconButton.IconButton, Object.assign({ onClick: onClickResetEmail, className: 'email-confirmation-waiting-view__edit-icon-button', "data-testid": 'email-confirmation-waiting-view__edit-button' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary' }, { children: jsxRuntime.jsx(pencilAltIcon.ReactComponent, {}) })) }))] })), jsxRuntime.jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__note' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" })) })), jsxRuntime.jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__term_of_service' }, { children: jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'logging in', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }) })), jsxRuntime.jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__powered_by_dynamic_footer' }, { children: jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {}) }))] })));
-};
-
-exports.EmailConfirmationWaitingView = EmailConfirmationWaitingView;

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

@@ -1,49 +0,0 @@
-import { __awaiter } from '../../../../_virtual/_tslib.es.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 { Typography } from '../../components/Typography/Typography.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.es.js';
-import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.es.js';
-import '../../utils/constants/colors.es.js';
-import '../../shared/consts/index.es.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
-import '../../components/ShadowDOM/ShadowDOM.es.js';
-import '../../context/ThemeContext/ThemeContext.es.js';
-import { Icon } from '../../components/Icon/Icon.es.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../components/Transition/ZoomTransition/ZoomTransition.es.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.es.js';
-import '../../config/ApiEndpoint.es.js';
-import '../../context/ErrorContext/ErrorContext.es.js';
-import 'ethers';
-import '../../context/MockContext/MockContext.es.js';
-import '../../context/CaptchaContext/CaptchaContext.es.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
-import { IconButton } from '../../components/IconButton/IconButton.es.js';
-import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.es.js';
-import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.es.js';
-import { TosAndPp } from '../../components/TosAndPp/TosAndPp.es.js';
-
-const EmailConfirmationWaitingView = () => {
-    const { setView } = useViewContext();
-    const { clearStatesOnBackClick, termsOfServiceUrl, privacyPolicyUrl, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
-    if (walletConnector && !isEmailWalletConnector(walletConnector)) {
-        throw new Error('Wallet connector is not email provider');
-    }
-    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));
-        setView('login-with-email-or-wallet');
-        clearStatesOnBackClick();
-    }), [setView, emailConnector, clearStatesOnBackClick]);
-    return (jsxs("div", Object.assign({ className: 'email-confirmation-waiting-view' }, { children: [jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__header-icon' }, { children: jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }) })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-confirmation-waiting-view__title' }, { children: "Confirm your email" })), jsxs(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' '] })), jsxs("div", Object.assign({ className: 'email-confirmation-waiting-view__email-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailConnector === null || emailConnector === void 0 ? void 0 : emailConnector.email })), jsx(IconButton, Object.assign({ onClick: onClickResetEmail, className: 'email-confirmation-waiting-view__edit-icon-button', "data-testid": 'email-confirmation-waiting-view__edit-button' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: jsx(SvgPencilAltIcon, {}) })) }))] })), jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__note' }, { children: jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" })) })), jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__term_of_service' }, { children: jsx(TosAndPp, { mode: 'logging in', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }) })), jsx("div", Object.assign({ className: 'email-confirmation-waiting-view__powered_by_dynamic_footer' }, { children: jsx(PoweredByDynamic, {}) }))] })));
-};
-
-export { EmailConfirmationWaitingView };