@openedx/frontend-app-authn 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist/register/RegistrationFields/index.d.ts

@@ -0,0 +1,6 @@
+export { default as NameField } from "./NameField/NameField";
+export { default as EmailField } from "./EmailField/EmailField";
+export { default as UsernameField } from "./UsernameField/UsernameField";
+export { default as CountryField } from "./CountryField/CountryField";
+export { default as HonorCode } from "./HonorCodeField/HonorCode";
+export { default as TermsOfService } from "./TermsOfServiceField/TermsOfService";

package/{src → dist}/register/RegistrationFields/index.js

@@ -4,3 +4,4 @@ export { default as UsernameField } from './UsernameField/UsernameField';
 export { default as CountryField } from './CountryField/CountryField';
 export { default as HonorCode } from './HonorCodeField/HonorCode';
 export { default as TermsOfService } from './TermsOfServiceField/TermsOfService';
+//# sourceMappingURL=index.js.map

package/dist/register/RegistrationFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/register/RegistrationFields/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC","sourcesContent":["export { default as NameField } from './NameField/NameField';\nexport { default as EmailField } from './EmailField/EmailField';\nexport { default as UsernameField } from './UsernameField/UsernameField';\nexport { default as CountryField } from './CountryField/CountryField';\nexport { default as HonorCode } from './HonorCodeField/HonorCode';\nexport { default as TermsOfService } from './TermsOfServiceField/TermsOfService';\n"]}

package/dist/register/RegistrationPage.d.ts

@@ -0,0 +1,18 @@
+export default RegistrationPage;
+/**
+ * Inner Registration Page component that uses the context
+ */
+declare function RegistrationPage(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace RegistrationPage {
+    namespace propTypes {
+        let institutionLogin: PropTypes.Requireable<boolean>;
+        let handleInstitutionLogin: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let handleInstitutionLogin_1: null;
+        export { handleInstitutionLogin_1 as handleInstitutionLogin };
+        let institutionLogin_1: boolean;
+        export { institutionLogin_1 as institutionLogin };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/register/RegistrationPage.js

@@ -0,0 +1,259 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { fetchAuthenticatedUser, hydrateAuthenticatedUser, useAppConfig, getSiteConfig, sendPageEvent, sendTrackEvent, useIntl, } from '@openedx/frontend-base';
+import { Form, Spinner, StatefulButton } from '@openedx/paragon';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import Skeleton from 'react-loading-skeleton';
+import ConfigurableRegistrationForm from './components/ConfigurableRegistrationForm';
+import { useRegisterContext } from './components/RegisterContext';
+import RegistrationFailure from './components/RegistrationFailure';
+import { useFieldValidations, useRegistration } from './data/apiHook';
+import { FORM_SUBMISSION_ERROR, TPA_AUTHENTICATION_FAILURE, } from './data/constants';
+import { isFormValid, prepareRegistrationPayload, } from './data/utils';
+import messages from './messages';
+import { EmailField, NameField, UsernameField } from './RegistrationFields';
+import { InstitutionLogistration, PasswordField, RedirectLogistration, ThirdPartyAuthAlert, } from '../common-components';
+import { useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';
+import { useThirdPartyAuthHook } from '../common-components/data/apiHook';
+import EnterpriseSSO from '../common-components/EnterpriseSSO';
+import ThirdPartyAuth from '../common-components/ThirdPartyAuth';
+import { registerPath } from '../constants';
+import { COMPLETE_STATE, DEFAULT_STATE, PENDING_STATE } from '../data/constants';
+import { getAllPossibleQueryParams, getTpaHint, getTpaProvider, isHostAvailableInQueryParams, setCookie, } from '../data/utils';
+/**
+ * Inner Registration Page component that uses the context
+ */
+const RegistrationPage = (props) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const { fieldDescriptions, optionalFields, thirdPartyAuthApiStatus, thirdPartyAuthContext, setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure, } = useThirdPartyAuthContext();
+    const { autoSubmitRegForm, currentProvider, finishAuthUrl, pipelineUserDetails, providers, secondaryProviders, errorMessage: thirdPartyAuthErrorMessage, } = thirdPartyAuthContext;
+    const { clearRegistrationBackendError, registrationFormData, registrationResult, registrationError, setEmailSuggestionContext, updateRegistrationFormData, setRegistrationError, setRegistrationResult, setValidationsSuccess, setValidationsFailure, validationApiRateLimited, backendValidations, setBackendCountryCode, } = useRegisterContext();
+    const fieldValidationsMutation = useFieldValidations({
+        onSuccess: (data) => { setValidationsSuccess(data); },
+        onError: () => { setValidationsFailure(); },
+    });
+    const registrationEmbedded = isHostAvailableInQueryParams();
+    const platformName = getSiteConfig().siteName;
+    const { handleInstitutionLogin, institutionLogin, } = props;
+    const { ENABLE_AUTO_GENERATED_USERNAME, ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN, MARKETING_EMAILS_OPT_IN, USER_RETENTION_COOKIE_NAME, SESSION_COOKIE_DOMAIN, } = useAppConfig();
+    const flags = {
+        showMarketingEmailOptInCheckbox: MARKETING_EMAILS_OPT_IN,
+        autoGeneratedUsernameEnabled: ENABLE_AUTO_GENERATED_USERNAME,
+    };
+    const backendRegistrationError = registrationError;
+    const registrationMutation = useRegistration({
+        onSuccess: (data) => __awaiter(void 0, void 0, void 0, function* () {
+            const redirectUrl = localNextPath || data.redirectUrl || '';
+            if (redirectUrl.startsWith('/')) {
+                yield fetchAuthenticatedUser({ forceRefresh: true });
+                // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after
+                // SPA navigation, so the header picks up the full user profile (avatar, etc.)
+                hydrateAuthenticatedUser();
+            }
+            setRegistrationResult(Object.assign(Object.assign({}, data), { redirectUrl }));
+            setRegistrationError({});
+        }),
+        onError: (errorData) => {
+            setRegistrationError(errorData);
+        },
+    });
+    const [userPipelineDataLoaded, setUserPipelineDataLoaded] = useState(false);
+    const registrationErrorCode = (registrationError === null || registrationError === void 0 ? void 0 : registrationError.errorCode) || (backendRegistrationError === null || backendRegistrationError === void 0 ? void 0 : backendRegistrationError.errorCode);
+    const submitState = registrationMutation.isPending ? PENDING_STATE : DEFAULT_STATE;
+    const queryParams = useMemo(() => getAllPossibleQueryParams(), []);
+    const localNextPath = ((_a = queryParams.next) === null || _a === void 0 ? void 0 : _a.startsWith('/')) ? queryParams.next : null;
+    const tpaHint = useMemo(() => getTpaHint(), []);
+    // Initialize form state from local backedUpFormData
+    const backedUpFormData = registrationFormData;
+    const [formFields, setFormFields] = useState(Object.assign({}, backedUpFormData.formFields));
+    const [configurableFormFields, setConfigurableFormFields] = useState(Object.assign({}, backedUpFormData.configurableFormFields));
+    const [errors, setErrors] = useState(Object.assign({}, backedUpFormData.errors));
+    const [errorCode, setErrorCode] = useState({ type: '', count: 0 });
+    const [formStartTime, setFormStartTime] = useState(null);
+    // temporary error state for embedded experience because we don't want to show errors on blur
+    const [temporaryErrors, setTemporaryErrors] = useState(Object.assign({}, backedUpFormData.errors));
+    const { cta, host } = queryParams;
+    const buttonLabel = cta
+        ? formatMessage(messages['create.account.cta.button'], { label: cta })
+        : formatMessage(messages['create.account.for.free.button']);
+    /**
+     * Set the userPipelineDetails data in formFields for only first time
+     */
+    useEffect(() => {
+        if (!userPipelineDataLoaded && thirdPartyAuthApiStatus === COMPLETE_STATE) {
+            if (thirdPartyAuthErrorMessage) {
+                setErrorCode(prevState => ({ type: TPA_AUTHENTICATION_FAILURE, count: prevState.count + 1 }));
+            }
+            if (pipelineUserDetails && Object.keys(pipelineUserDetails).length !== 0) {
+                const { name = '', username = '', email = '' } = pipelineUserDetails;
+                setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { name, username, email })));
+                setUserPipelineDataLoaded(true);
+            }
+        }
+    }, [
+        thirdPartyAuthApiStatus,
+        thirdPartyAuthErrorMessage,
+        pipelineUserDetails,
+        userPipelineDataLoaded,
+    ]);
+    const params = Object.assign(Object.assign({}, queryParams), { is_register_page: true });
+    if (tpaHint) {
+        params.tpa_hint = tpaHint;
+    }
+    const { data, isSuccess, error } = useThirdPartyAuthHook(registerPath, params);
+    useEffect(() => {
+        if (!formStartTime) {
+            sendPageEvent('login_and_registration', 'register');
+            setThirdPartyAuthContextBegin();
+            setFormStartTime(Date.now());
+        }
+        if (formStartTime) {
+            if (isSuccess && data) {
+                setThirdPartyAuthContextSuccess(data.fieldDescriptions, data.optionalFields, data.thirdPartyAuthContext);
+                setBackendCountryCode(data.thirdPartyAuthContext.countryCode);
+            }
+            if (error) {
+                setThirdPartyAuthContextFailure();
+            }
+        }
+    }, [formStartTime, isSuccess, data, error,
+        setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess,
+        setBackendCountryCode, setThirdPartyAuthContextFailure]);
+    // Handle backend validation errors from context
+    useEffect(() => {
+        if (backendValidations) {
+            if (registrationEmbedded) {
+                setTemporaryErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), backendValidations)));
+            }
+            else {
+                setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), backendValidations)));
+            }
+        }
+    }, [backendValidations, registrationEmbedded]);
+    useEffect(() => {
+        if (registrationErrorCode) {
+            setErrorCode(prevState => ({ type: registrationErrorCode, count: prevState.count + 1 }));
+        }
+    }, [registrationErrorCode]);
+    useEffect(() => {
+        if (registrationResult.success) {
+            // This event is used by GTM
+            sendTrackEvent('edx.bi.user.account.registered.client', {});
+            // This is used by the "User Retention Rate Event" on GTM
+            setCookie(USER_RETENTION_COOKIE_NAME, true, SESSION_COOKIE_DOMAIN);
+        }
+    }, [registrationResult, USER_RETENTION_COOKIE_NAME, SESSION_COOKIE_DOMAIN]);
+    const handleOnChange = (event) => {
+        const { name } = event.target;
+        const value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;
+        if (backendRegistrationError[name]) {
+            clearRegistrationBackendError(name);
+        }
+        // Clear context registration errors
+        if (registrationError.errorCode) {
+            setRegistrationError({});
+        }
+        setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: '' })));
+        // Update local state
+        const newFormFields = Object.assign(Object.assign({}, formFields), { [name]: value });
+        setFormFields(newFormFields);
+        // Save to context for persistence across tab switches
+        updateRegistrationFormData({
+            formFields: newFormFields,
+            errors,
+            configurableFormFields,
+        });
+    };
+    const handleErrorChange = (fieldName, errorMessage) => {
+        if (registrationEmbedded) {
+            setTemporaryErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: errorMessage })));
+            if (errorMessage === '' && errors[fieldName] !== '') {
+                setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: errorMessage })));
+            }
+        }
+        else {
+            setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: errorMessage })));
+        }
+    };
+    const registerUser = () => {
+        const totalRegistrationTime = (Date.now() - formStartTime) / 1000;
+        let payload = Object.assign({}, formFields);
+        if (currentProvider) {
+            delete payload.password;
+            payload.social_auth_provider = currentProvider;
+        }
+        if (flags.autoGeneratedUsernameEnabled) {
+            delete payload.username;
+        }
+        // Validating form data before submitting
+        const { isValid, fieldErrors, emailSuggestion } = isFormValid(payload, registrationEmbedded ? temporaryErrors : errors, configurableFormFields, fieldDescriptions, formatMessage);
+        setErrors(Object.assign({}, fieldErrors));
+        updateRegistrationFormData({
+            formFields,
+            errors: fieldErrors,
+            configurableFormFields,
+        });
+        setEmailSuggestionContext(emailSuggestion.suggestion, emailSuggestion.type);
+        // returning if not valid
+        if (!isValid) {
+            setErrorCode(prevState => ({ type: FORM_SUBMISSION_ERROR, count: prevState.count + 1 }));
+            return;
+        }
+        // Preparing payload for submission
+        payload = prepareRegistrationPayload(payload, configurableFormFields, flags.showMarketingEmailOptInCheckbox, totalRegistrationTime, queryParams);
+        // making register call with React Query
+        registrationMutation.mutate(payload);
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        registerUser();
+    };
+    useEffect(() => {
+        if (autoSubmitRegForm && userPipelineDataLoaded) {
+            registerUser();
+        }
+    }, [autoSubmitRegForm, userPipelineDataLoaded]); // eslint-disable-line react-hooks/exhaustive-deps
+    const renderForm = () => {
+        if (institutionLogin) {
+            return (_jsx(InstitutionLogistration, { secondaryProviders: secondaryProviders, headingTitle: formatMessage(messages['register.institution.login.page.title']) }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['register.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(RedirectLogistration, { host: host, authenticatedUser: registrationResult.authenticatedUser, success: registrationResult.success, redirectUrl: registrationResult.redirectUrl, finishAuthUrl: finishAuthUrl, optionalFields: optionalFields, registrationEmbedded: registrationEmbedded, redirectToProgressiveProfilingPage: ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN && !!Object.keys(optionalFields.fields).length }), autoSubmitRegForm && !errorCode.type ? (_jsx("div", { className: "mw-xs mt-5 text-center", children: _jsx(Spinner, { animation: "border", variant: "primary", id: "tpa-spinner" }) })) : (_jsxs("div", { className: classNames('mw-xs mt-3', { 'w-100 m-auto pt-4 main-content': registrationEmbedded }), children: [_jsx(ThirdPartyAuthAlert, { currentProvider: currentProvider, platformName: platformName, referrer: registerPath }), _jsx(RegistrationFailure, { errorCode: errorCode.type, failureCount: errorCode.count, context: { provider: currentProvider, errorMessage: thirdPartyAuthErrorMessage } }), _jsxs(Form, { id: "registration-form", name: "registration-form", children: [_jsx(NameField, { name: "name", value: formFields.name, shouldFetchUsernameSuggestions: !formFields.username.trim(), handleChange: handleOnChange, handleErrorChange: handleErrorChange, errorMessage: errors.name, helpText: [formatMessage(messages['help.text.name'])], floatingLabel: formatMessage(messages['registration.fullname.label']) }), _jsx(EmailField, { name: "email", value: formFields.email, confirmEmailValue: configurableFormFields === null || configurableFormFields === void 0 ? void 0 : configurableFormFields.confirm_email, handleErrorChange: handleErrorChange, handleChange: handleOnChange, errorMessage: errors.email, helpText: [formatMessage(messages['help.text.email'])], floatingLabel: formatMessage(messages['registration.email.label']) }), !flags.autoGeneratedUsernameEnabled && (_jsx(UsernameField, { name: "username", spellCheck: "false", value: formFields.username, handleChange: handleOnChange, handleErrorChange: handleErrorChange, errorMessage: errors.username, helpText: [formatMessage(messages['help.text.username.1']), formatMessage(messages['help.text.username.2'])], floatingLabel: formatMessage(messages['registration.username.label']) })), !currentProvider && (_jsx(PasswordField, { name: "password", value: formFields.password, handleChange: handleOnChange, handleErrorChange: handleErrorChange, errorMessage: errors.password, floatingLabel: formatMessage(messages['registration.password.label']), clearRegistrationBackendError: clearRegistrationBackendError, validateField: fieldValidationsMutation.mutate, validationApiRateLimited: validationApiRateLimited })), _jsx(ConfigurableRegistrationForm, { email: formFields.email, fieldErrors: errors, formFields: configurableFormFields, setFieldErrors: registrationEmbedded ? setTemporaryErrors : setErrors, setFormFields: setConfigurableFormFields, autoSubmitRegisterForm: autoSubmitRegForm, fieldDescriptions: fieldDescriptions }), _jsx(StatefulButton, { id: "register-user", name: "register-user", type: "submit", variant: "brand", className: "register-button mt-4 mb-4", state: submitState, labels: {
+                                        default: buttonLabel,
+                                        pending: '',
+                                    }, onClick: handleSubmit, onMouseDown: (e) => e.preventDefault() }), !registrationEmbedded && (_jsx(ThirdPartyAuth, { currentProvider: currentProvider, providers: providers, secondaryProviders: secondaryProviders, handleInstitutionLogin: handleInstitutionLogin, thirdPartyAuthApiStatus: thirdPartyAuthApiStatus }))] })] }))] }));
+    };
+    if (tpaHint) {
+        if (thirdPartyAuthApiStatus === PENDING_STATE) {
+            return _jsx(Skeleton, { height: 36 });
+        }
+        const { provider, skipHintedLogin } = getTpaProvider(tpaHint, providers, secondaryProviders);
+        if (skipHintedLogin) {
+            window.location.href = getSiteConfig().lmsBaseUrl + provider.registerUrl;
+            return null;
+        }
+        return provider ? _jsx(EnterpriseSSO, { provider: provider }) : renderForm();
+    }
+    return (renderForm());
+};
+RegistrationPage.propTypes = {
+    institutionLogin: PropTypes.bool,
+    handleInstitutionLogin: PropTypes.func,
+};
+RegistrationPage.defaultProps = {
+    handleInstitutionLogin: null,
+    institutionLogin: false,
+};
+export default RegistrationPage;
+//# sourceMappingURL=RegistrationPage.js.map

package/dist/register/RegistrationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegistrationPage.js","sourceRoot":"","sources":["../../src/register/RegistrationPage.jsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,YAAY,EACZ,aAAa,EACb,aAAa,EAAE,cAAc,EAC7B,OAAO,GACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,4BAA4B,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,WAAW,EAAE,0BAA0B,GACxC,MAAM,cAAc,CAAC;AACtB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EACL,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EACL,yBAAyB,EAAE,UAAU,EAAE,cAAc,EAAE,4BAA4B,EAAE,SAAS,GAC/F,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;;IACjC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,6BAA6B,EAC7B,+BAA+B,EAC/B,+BAA+B,GAChC,GAAG,wBAAwB,EAAE,CAAC;IAE/B,MAAM,EACJ,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EAClB,YAAY,EAAE,0BAA0B,GACzC,GAAG,qBAAqB,CAAC;IAE1B,MAAM,EACJ,6BAA6B,EAC7B,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,GACtB,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;QACnD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,EAAE,GAAG,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC,CAAC;KAC5C,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,4BAA4B,EAAE,CAAC;IAC5D,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC;IAC9C,MAAM,EACJ,sBAAsB,EACtB,gBAAgB,GACjB,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,8BAA8B,EAC9B,qCAAqC,EACrC,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,GACtB,GAAG,YAAY,EAAE,CAAC;IACnB,MAAM,KAAK,GAAG;QACZ,+BAA+B,EAAE,uBAAuB;QACxD,4BAA4B,EAAE,8BAA8B;KAC7D,CAAC;IAEF,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACnD,MAAM,oBAAoB,GAAG,eAAe,CAAC;QAC3C,SAAS,EAAE,CAAO,IAAI,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,aAAa,IAAI,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;YAC5D,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBAChC,MAAM,sBAAsB,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;gBACrD,yEAAyE;gBACzE,8EAA8E;gBAC9E,wBAAwB,EAAE,CAAC;YAC7B,CAAC;YACD,qBAAqB,iCAAM,IAAI,KAAE,WAAW,IAAG,CAAC;YAChD,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,CAAA;QACD,OAAO,EAAE,CAAC,SAAS,EAAE,EAAE;YACrB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,qBAAqB,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,MAAI,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,SAAS,CAAA,CAAC;IAClG,MAAM,WAAW,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;IACnF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAyB,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,aAAa,GAAG,CAAA,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAU,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAClF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,oDAAoD;IACpD,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,mBAAM,gBAAgB,CAAC,UAAU,EAAG,CAAC;IACjF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,mBAAM,gBAAgB,CAAC,sBAAsB,EAAG,CAAC;IACrH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,mBAAM,gBAAgB,CAAC,MAAM,EAAG,CAAC;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,6FAA6F;IAC7F,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,mBAAM,gBAAgB,CAAC,MAAM,EAAG,CAAC;IACvF,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC;IAClC,MAAM,WAAW,GAAG,GAAG;QACrB,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;QACtE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,sBAAsB,IAAI,uBAAuB,KAAK,cAAc,EAAE,CAAC;YAC1E,IAAI,0BAA0B,EAAE,CAAC;gBAC/B,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAChG,CAAC;YACD,IAAI,mBAAmB,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACzE,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,mBAAmB,CAAC;gBACrE,aAAa,CAAC,SAAS,CAAC,EAAE,CAAC,iCACtB,SAAS,KAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,IACnC,CAAC,CAAC;gBACJ,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,uBAAuB;QACvB,0BAA0B;QAC1B,mBAAmB;QACnB,sBAAsB;KACvB,CAAC,CAAC;IAEH,MAAM,MAAM,mCAAQ,WAAW,KAAE,gBAAgB,EAAE,IAAI,GAAE,CAAC;IAC1D,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC5B,CAAC;IACD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,qBAAqB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,aAAa,CAAC,wBAAwB,EAAE,UAAU,CAAC,CAAC;YACpD,6BAA6B,EAAE,CAAC;YAChC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAC/B,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACtB,+BAA+B,CAC7B,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,qBAAqB,CAC3B,CAAC;gBACF,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;YAChE,CAAC;YAED,IAAI,KAAK,EAAE,CAAC;gBACV,+BAA+B,EAAE,CAAC;YACpC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;QACvC,6BAA6B,EAAE,+BAA+B;QAC9D,qBAAqB,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAE3D,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,EAAE,CAAC;YACvB,IAAI,oBAAoB,EAAE,CAAC;gBACzB,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAC,iCAAM,UAAU,GAAK,kBAAkB,EAAG,CAAC,CAAC;YAC/E,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,iCAAM,UAAU,GAAK,kBAAkB,EAAG,CAAC,CAAC;YACtE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,EAAE,CAAC;YAC1B,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC/B,4BAA4B;YAC5B,cAAc,CAAC,uCAAuC,EAAE,EAAE,CAAC,CAAC;YAE5D,yDAAyD;YACzD,SAAS,CAAC,0BAA0B,EAAE,IAAI,EAAE,qBAAqB,CAAC,CAAC;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,0BAA0B,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3F,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,6BAA6B,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,oCAAoC;QACpC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC;YAChC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;QACD,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,iCAAM,UAAU,KAAE,CAAC,IAAI,CAAC,EAAE,EAAE,IAAG,CAAC,CAAC;QACzD,qBAAqB;QACrB,MAAM,aAAa,mCAAQ,UAAU,KAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAE,CAAC;QACvD,aAAa,CAAC,aAAa,CAAC,CAAC;QAC7B,sDAAsD;QACtD,0BAA0B,CAAC;YACzB,UAAU,EAAE,aAAa;YACzB,MAAM;YACN,sBAAsB;SACvB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE;QACpD,IAAI,oBAAoB,EAAE,CAAC;YACzB,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAC,iCAC5B,UAAU,KACb,CAAC,SAAS,CAAC,EAAE,YAAY,IACzB,CAAC,CAAC;YACJ,IAAI,YAAY,KAAK,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC;gBACpD,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,iCACnB,UAAU,KACb,CAAC,SAAS,CAAC,EAAE,YAAY,IACzB,CAAC,CAAC;YACN,CAAC;QACH,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,iCACnB,UAAU,KACb,CAAC,SAAS,CAAC,EAAE,YAAY,IACzB,CAAC,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,qBAAqB,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,GAAG,IAAI,CAAC;QAClE,IAAI,OAAO,qBAAQ,UAAU,CAAE,CAAC;QAEhC,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,OAAO,CAAC,QAAQ,CAAC;YACxB,OAAO,CAAC,oBAAoB,GAAG,eAAe,CAAC;QACjD,CAAC;QACD,IAAI,KAAK,CAAC,4BAA4B,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC,QAAQ,CAAC;QAC1B,CAAC;QAED,yCAAyC;QACzC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,WAAW,CAC3D,OAAO,EACP,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,EAC/C,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,CACd,CAAC;QACF,SAAS,mBAAM,WAAW,EAAG,CAAC;QAC9B,0BAA0B,CAAC;YACzB,UAAU;YACV,MAAM,EAAE,WAAW;YACnB,sBAAsB;SACvB,CAAC,CAAC;QACH,yBAAyB,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAE5E,yBAAyB;QACzB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACzF,OAAO;QACT,CAAC;QAED,mCAAmC;QACnC,OAAO,GAAG,0BAA0B,CAClC,OAAO,EACP,sBAAsB,EACtB,KAAK,CAAC,+BAA+B,EACrC,qBAAqB,EACrB,WAAW,CACZ,CAAC;QACF,wCAAwC;QACxC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,sBAAsB,EAAE,CAAC;YAChD,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAEnG,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,CACL,KAAC,uBAAuB,IACtB,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,uCAAuC,CAAC,CAAC,GAC9E,CACH,CAAC;QACJ,CAAC;QACD,OAAO,CACL,8BACE,KAAC,MAAM,cACL,0BAAQ,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAS,GAChG,EACT,KAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,kBAAkB,CAAC,iBAAiB,EACvD,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,WAAW,EAAE,kBAAkB,CAAC,WAAW,EAC3C,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,kCAAkC,EAChC,qCAAqC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,GAEtF,EACD,iBAAiB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,aAAa,GAAG,GAC7D,CACP,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,UAAU,CACnB,YAAY,EACZ,EAAE,gCAAgC,EAAE,oBAAoB,EAAE,CAC3D,aAED,KAAC,mBAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,GACtB,EACF,KAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,CAAC,IAAI,EACzB,YAAY,EAAE,SAAS,CAAC,KAAK,EAC7B,OAAO,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,0BAA0B,EAAE,GAChF,EACF,MAAC,IAAI,IAAC,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,mBAAmB,aACnD,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,8BAA8B,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,EAC3D,YAAY,EAAE,cAAc,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,MAAM,CAAC,IAAI,EACzB,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACrD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC,GACrE,EACF,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,iBAAiB,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,aAAa,EACxD,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,cAAc,EAC5B,YAAY,EAAE,MAAM,CAAC,KAAK,EAC1B,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACtD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CAAC,GAClE,EACD,CAAC,KAAK,CAAC,4BAA4B,IAAI,CACtC,KAAC,aAAa,IACZ,IAAI,EAAC,UAAU,EACf,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,UAAU,CAAC,QAAQ,EAC1B,YAAY,EAAE,cAAc,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,MAAM,CAAC,QAAQ,EAC7B,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAC5G,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC,GACrE,CACH,EACA,CAAC,eAAe,IAAI,CACnB,KAAC,aAAa,IACZ,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,UAAU,CAAC,QAAQ,EAC1B,YAAY,EAAE,cAAc,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,MAAM,CAAC,QAAQ,EAC7B,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC,EACrE,6BAA6B,EAAE,6BAA6B,EAC5D,aAAa,EAAE,wBAAwB,CAAC,MAAM,EAC9C,wBAAwB,EAAE,wBAAwB,GAClD,CACH,EACD,KAAC,4BAA4B,IAC3B,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,sBAAsB,EAClC,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACrE,aAAa,EAAE,yBAAyB,EACxC,sBAAsB,EAAE,iBAAiB,EACzC,iBAAiB,EAAE,iBAAiB,GACpC,EACF,KAAC,cAAc,IACb,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE;wCACN,OAAO,EAAE,WAAW;wCACpB,OAAO,EAAE,EAAE;qCACZ,EACD,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACtC,EACD,CAAC,oBAAoB,IAAI,CACxB,KAAC,cAAc,IACb,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,GAChD,CACH,IACI,IACH,CACP,IACA,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,uBAAuB,KAAK,aAAa,EAAE,CAAC;YAC9C,OAAO,KAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI,CAAC;QAClC,CAAC;QACD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;QAC7F,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,EAAE,CAAC,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC;YACzE,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzE,CAAC;IACD,OAAO,CACL,UAAU,EAAE,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,gBAAgB,EAAE,SAAS,CAAC,IAAI;IAChC,sBAAsB,EAAE,SAAS,CAAC,IAAI;CACvC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG;IAC9B,sBAAsB,EAAE,IAAI;IAC5B,gBAAgB,EAAE,KAAK;CACxB,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport {\n  fetchAuthenticatedUser,\n  hydrateAuthenticatedUser,\n  useAppConfig,\n  getSiteConfig,\n  sendPageEvent, sendTrackEvent,\n  useIntl,\n} from '@openedx/frontend-base';\nimport { Form, Spinner, StatefulButton } from '@openedx/paragon';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport Skeleton from 'react-loading-skeleton';\n\nimport ConfigurableRegistrationForm from './components/ConfigurableRegistrationForm';\nimport { useRegisterContext } from './components/RegisterContext';\nimport RegistrationFailure from './components/RegistrationFailure';\nimport { useFieldValidations, useRegistration } from './data/apiHook';\nimport {\n  FORM_SUBMISSION_ERROR,\n  TPA_AUTHENTICATION_FAILURE,\n} from './data/constants';\nimport {\n  isFormValid, prepareRegistrationPayload,\n} from './data/utils';\nimport messages from './messages';\nimport { EmailField, NameField, UsernameField } from './RegistrationFields';\nimport {\n  InstitutionLogistration,\n  PasswordField,\n  RedirectLogistration,\n  ThirdPartyAuthAlert,\n} from '../common-components';\nimport { useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';\nimport { useThirdPartyAuthHook } from '../common-components/data/apiHook';\nimport EnterpriseSSO from '../common-components/EnterpriseSSO';\nimport ThirdPartyAuth from '../common-components/ThirdPartyAuth';\nimport { registerPath } from '../constants';\nimport { COMPLETE_STATE, DEFAULT_STATE, PENDING_STATE } from '../data/constants';\nimport {\n  getAllPossibleQueryParams, getTpaHint, getTpaProvider, isHostAvailableInQueryParams, setCookie,\n} from '../data/utils';\n\n/**\n * Inner Registration Page component that uses the context\n */\nconst RegistrationPage = (props) => {\n  const { formatMessage } = useIntl();\n  const {\n    fieldDescriptions,\n    optionalFields,\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthContext,\n    setThirdPartyAuthContextBegin,\n    setThirdPartyAuthContextSuccess,\n    setThirdPartyAuthContextFailure,\n  } = useThirdPartyAuthContext();\n\n  const {\n    autoSubmitRegForm,\n    currentProvider,\n    finishAuthUrl,\n    pipelineUserDetails,\n    providers,\n    secondaryProviders,\n    errorMessage: thirdPartyAuthErrorMessage,\n  } = thirdPartyAuthContext;\n\n  const {\n    clearRegistrationBackendError,\n    registrationFormData,\n    registrationResult,\n    registrationError,\n    setEmailSuggestionContext,\n    updateRegistrationFormData,\n    setRegistrationError,\n    setRegistrationResult,\n    setValidationsSuccess,\n    setValidationsFailure,\n    validationApiRateLimited,\n    backendValidations,\n    setBackendCountryCode,\n  } = useRegisterContext();\n\n  const fieldValidationsMutation = useFieldValidations({\n    onSuccess: (data) => { setValidationsSuccess(data); },\n    onError: () => { setValidationsFailure(); },\n  });\n\n  const registrationEmbedded = isHostAvailableInQueryParams();\n  const platformName = getSiteConfig().siteName;\n  const {\n    handleInstitutionLogin,\n    institutionLogin,\n  } = props;\n  const {\n    ENABLE_AUTO_GENERATED_USERNAME,\n    ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN,\n    MARKETING_EMAILS_OPT_IN,\n    USER_RETENTION_COOKIE_NAME,\n    SESSION_COOKIE_DOMAIN,\n  } = useAppConfig();\n  const flags = {\n    showMarketingEmailOptInCheckbox: MARKETING_EMAILS_OPT_IN,\n    autoGeneratedUsernameEnabled: ENABLE_AUTO_GENERATED_USERNAME,\n  };\n\n  const backendRegistrationError = registrationError;\n  const registrationMutation = useRegistration({\n    onSuccess: async (data) => {\n      const redirectUrl = localNextPath || data.redirectUrl || '';\n      if (redirectUrl.startsWith('/')) {\n        await fetchAuthenticatedUser({ forceRefresh: true });\n        // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after\n        // SPA navigation, so the header picks up the full user profile (avatar, etc.)\n        hydrateAuthenticatedUser();\n      }\n      setRegistrationResult({ ...data, redirectUrl });\n      setRegistrationError({});\n    },\n    onError: (errorData) => {\n      setRegistrationError(errorData);\n    },\n  });\n\n  const [userPipelineDataLoaded, setUserPipelineDataLoaded] = useState(false);\n  const registrationErrorCode = registrationError?.errorCode || backendRegistrationError?.errorCode;\n  const submitState = registrationMutation.isPending ? PENDING_STATE : DEFAULT_STATE;\n  const queryParams = useMemo(() => getAllPossibleQueryParams(), []);\n  const localNextPath = queryParams.next?.startsWith('/') ? queryParams.next : null;\n  const tpaHint = useMemo(() => getTpaHint(), []);\n  // Initialize form state from local backedUpFormData\n  const backedUpFormData = registrationFormData;\n  const [formFields, setFormFields] = useState({ ...backedUpFormData.formFields });\n  const [configurableFormFields, setConfigurableFormFields] = useState({ ...backedUpFormData.configurableFormFields });\n  const [errors, setErrors] = useState({ ...backedUpFormData.errors });\n  const [errorCode, setErrorCode] = useState({ type: '', count: 0 });\n  const [formStartTime, setFormStartTime] = useState(null);\n  // temporary error state for embedded experience because we don't want to show errors on blur\n  const [temporaryErrors, setTemporaryErrors] = useState({ ...backedUpFormData.errors });\n  const { cta, host } = queryParams;\n  const buttonLabel = cta\n    ? formatMessage(messages['create.account.cta.button'], { label: cta })\n    : formatMessage(messages['create.account.for.free.button']);\n\n  /**\n   * Set the userPipelineDetails data in formFields for only first time\n   */\n  useEffect(() => {\n    if (!userPipelineDataLoaded && thirdPartyAuthApiStatus === COMPLETE_STATE) {\n      if (thirdPartyAuthErrorMessage) {\n        setErrorCode(prevState => ({ type: TPA_AUTHENTICATION_FAILURE, count: prevState.count + 1 }));\n      }\n      if (pipelineUserDetails && Object.keys(pipelineUserDetails).length !== 0) {\n        const { name = '', username = '', email = '' } = pipelineUserDetails;\n        setFormFields(prevState => ({\n          ...prevState, name, username, email,\n        }));\n        setUserPipelineDataLoaded(true);\n      }\n    }\n  }, [\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthErrorMessage,\n    pipelineUserDetails,\n    userPipelineDataLoaded,\n  ]);\n\n  const params = { ...queryParams, is_register_page: true };\n  if (tpaHint) {\n    params.tpa_hint = tpaHint;\n  }\n  const { data, isSuccess, error } = useThirdPartyAuthHook(registerPath, params);\n  useEffect(() => {\n    if (!formStartTime) {\n      sendPageEvent('login_and_registration', 'register');\n      setThirdPartyAuthContextBegin();\n      setFormStartTime(Date.now());\n    }\n    if (formStartTime) {\n      if (isSuccess && data) {\n        setThirdPartyAuthContextSuccess(\n          data.fieldDescriptions,\n          data.optionalFields,\n          data.thirdPartyAuthContext,\n        );\n        setBackendCountryCode(data.thirdPartyAuthContext.countryCode);\n      }\n\n      if (error) {\n        setThirdPartyAuthContextFailure();\n      }\n    }\n  }, [formStartTime, isSuccess, data, error,\n    setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess,\n    setBackendCountryCode, setThirdPartyAuthContextFailure]);\n\n  // Handle backend validation errors from context\n  useEffect(() => {\n    if (backendValidations) {\n      if (registrationEmbedded) {\n        setTemporaryErrors(prevErrors => ({ ...prevErrors, ...backendValidations }));\n      } else {\n        setErrors(prevErrors => ({ ...prevErrors, ...backendValidations }));\n      }\n    }\n  }, [backendValidations, registrationEmbedded]);\n\n  useEffect(() => {\n    if (registrationErrorCode) {\n      setErrorCode(prevState => ({ type: registrationErrorCode, count: prevState.count + 1 }));\n    }\n  }, [registrationErrorCode]);\n\n  useEffect(() => {\n    if (registrationResult.success) {\n      // This event is used by GTM\n      sendTrackEvent('edx.bi.user.account.registered.client', {});\n\n      // This is used by the \"User Retention Rate Event\" on GTM\n      setCookie(USER_RETENTION_COOKIE_NAME, true, SESSION_COOKIE_DOMAIN);\n    }\n  }, [registrationResult, USER_RETENTION_COOKIE_NAME, SESSION_COOKIE_DOMAIN]);\n\n  const handleOnChange = (event) => {\n    const { name } = event.target;\n    const value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;\n    if (backendRegistrationError[name]) {\n      clearRegistrationBackendError(name);\n    }\n    // Clear context registration errors\n    if (registrationError.errorCode) {\n      setRegistrationError({});\n    }\n    setErrors(prevErrors => ({ ...prevErrors, [name]: '' }));\n    // Update local state\n    const newFormFields = { ...formFields, [name]: value };\n    setFormFields(newFormFields);\n    // Save to context for persistence across tab switches\n    updateRegistrationFormData({\n      formFields: newFormFields,\n      errors,\n      configurableFormFields,\n    });\n  };\n\n  const handleErrorChange = (fieldName, errorMessage) => {\n    if (registrationEmbedded) {\n      setTemporaryErrors(prevErrors => ({\n        ...prevErrors,\n        [fieldName]: errorMessage,\n      }));\n      if (errorMessage === '' && errors[fieldName] !== '') {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          [fieldName]: errorMessage,\n        }));\n      }\n    } else {\n      setErrors(prevErrors => ({\n        ...prevErrors,\n        [fieldName]: errorMessage,\n      }));\n    }\n  };\n\n  const registerUser = () => {\n    const totalRegistrationTime = (Date.now() - formStartTime) / 1000;\n    let payload = { ...formFields };\n\n    if (currentProvider) {\n      delete payload.password;\n      payload.social_auth_provider = currentProvider;\n    }\n    if (flags.autoGeneratedUsernameEnabled) {\n      delete payload.username;\n    }\n\n    // Validating form data before submitting\n    const { isValid, fieldErrors, emailSuggestion } = isFormValid(\n      payload,\n      registrationEmbedded ? temporaryErrors : errors,\n      configurableFormFields,\n      fieldDescriptions,\n      formatMessage,\n    );\n    setErrors({ ...fieldErrors });\n    updateRegistrationFormData({\n      formFields,\n      errors: fieldErrors,\n      configurableFormFields,\n    });\n    setEmailSuggestionContext(emailSuggestion.suggestion, emailSuggestion.type);\n\n    // returning if not valid\n    if (!isValid) {\n      setErrorCode(prevState => ({ type: FORM_SUBMISSION_ERROR, count: prevState.count + 1 }));\n      return;\n    }\n\n    // Preparing payload for submission\n    payload = prepareRegistrationPayload(\n      payload,\n      configurableFormFields,\n      flags.showMarketingEmailOptInCheckbox,\n      totalRegistrationTime,\n      queryParams,\n    );\n    // making register call with React Query\n    registrationMutation.mutate(payload);\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    registerUser();\n  };\n\n  useEffect(() => {\n    if (autoSubmitRegForm && userPipelineDataLoaded) {\n      registerUser();\n    }\n  }, [autoSubmitRegForm, userPipelineDataLoaded]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const renderForm = () => {\n    if (institutionLogin) {\n      return (\n        <InstitutionLogistration\n          secondaryProviders={secondaryProviders}\n          headingTitle={formatMessage(messages['register.institution.login.page.title'])}\n        />\n      );\n    }\n    return (\n      <>\n        <Helmet>\n          <title>{formatMessage(messages['register.page.title'], { siteName: getSiteConfig().siteName })}</title>\n        </Helmet>\n        <RedirectLogistration\n          host={host}\n          authenticatedUser={registrationResult.authenticatedUser}\n          success={registrationResult.success}\n          redirectUrl={registrationResult.redirectUrl}\n          finishAuthUrl={finishAuthUrl}\n          optionalFields={optionalFields}\n          registrationEmbedded={registrationEmbedded}\n          redirectToProgressiveProfilingPage={\n            ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN && !!Object.keys(optionalFields.fields).length\n          }\n        />\n        {autoSubmitRegForm && !errorCode.type ? (\n          <div className=\"mw-xs mt-5 text-center\">\n            <Spinner animation=\"border\" variant=\"primary\" id=\"tpa-spinner\" />\n          </div>\n        ) : (\n          <div\n            className={classNames(\n              'mw-xs mt-3',\n              { 'w-100 m-auto pt-4 main-content': registrationEmbedded },\n            )}\n          >\n            <ThirdPartyAuthAlert\n              currentProvider={currentProvider}\n              platformName={platformName}\n              referrer={registerPath}\n            />\n            <RegistrationFailure\n              errorCode={errorCode.type}\n              failureCount={errorCode.count}\n              context={{ provider: currentProvider, errorMessage: thirdPartyAuthErrorMessage }}\n            />\n            <Form id=\"registration-form\" name=\"registration-form\">\n              <NameField\n                name=\"name\"\n                value={formFields.name}\n                shouldFetchUsernameSuggestions={!formFields.username.trim()}\n                handleChange={handleOnChange}\n                handleErrorChange={handleErrorChange}\n                errorMessage={errors.name}\n                helpText={[formatMessage(messages['help.text.name'])]}\n                floatingLabel={formatMessage(messages['registration.fullname.label'])}\n              />\n              <EmailField\n                name=\"email\"\n                value={formFields.email}\n                confirmEmailValue={configurableFormFields?.confirm_email}\n                handleErrorChange={handleErrorChange}\n                handleChange={handleOnChange}\n                errorMessage={errors.email}\n                helpText={[formatMessage(messages['help.text.email'])]}\n                floatingLabel={formatMessage(messages['registration.email.label'])}\n              />\n              {!flags.autoGeneratedUsernameEnabled && (\n                <UsernameField\n                  name=\"username\"\n                  spellCheck=\"false\"\n                  value={formFields.username}\n                  handleChange={handleOnChange}\n                  handleErrorChange={handleErrorChange}\n                  errorMessage={errors.username}\n                  helpText={[formatMessage(messages['help.text.username.1']), formatMessage(messages['help.text.username.2'])]}\n                  floatingLabel={formatMessage(messages['registration.username.label'])}\n                />\n              )}\n              {!currentProvider && (\n                <PasswordField\n                  name=\"password\"\n                  value={formFields.password}\n                  handleChange={handleOnChange}\n                  handleErrorChange={handleErrorChange}\n                  errorMessage={errors.password}\n                  floatingLabel={formatMessage(messages['registration.password.label'])}\n                  clearRegistrationBackendError={clearRegistrationBackendError}\n                  validateField={fieldValidationsMutation.mutate}\n                  validationApiRateLimited={validationApiRateLimited}\n                />\n              )}\n              <ConfigurableRegistrationForm\n                email={formFields.email}\n                fieldErrors={errors}\n                formFields={configurableFormFields}\n                setFieldErrors={registrationEmbedded ? setTemporaryErrors : setErrors}\n                setFormFields={setConfigurableFormFields}\n                autoSubmitRegisterForm={autoSubmitRegForm}\n                fieldDescriptions={fieldDescriptions}\n              />\n              <StatefulButton\n                id=\"register-user\"\n                name=\"register-user\"\n                type=\"submit\"\n                variant=\"brand\"\n                className=\"register-button mt-4 mb-4\"\n                state={submitState}\n                labels={{\n                  default: buttonLabel,\n                  pending: '',\n                }}\n                onClick={handleSubmit}\n                onMouseDown={(e) => e.preventDefault()}\n              />\n              {!registrationEmbedded && (\n                <ThirdPartyAuth\n                  currentProvider={currentProvider}\n                  providers={providers}\n                  secondaryProviders={secondaryProviders}\n                  handleInstitutionLogin={handleInstitutionLogin}\n                  thirdPartyAuthApiStatus={thirdPartyAuthApiStatus}\n                />\n              )}\n            </Form>\n          </div>\n        )}\n      </>\n    );\n  };\n\n  if (tpaHint) {\n    if (thirdPartyAuthApiStatus === PENDING_STATE) {\n      return <Skeleton height={36} />;\n    }\n    const { provider, skipHintedLogin } = getTpaProvider(tpaHint, providers, secondaryProviders);\n    if (skipHintedLogin) {\n      window.location.href = getSiteConfig().lmsBaseUrl + provider.registerUrl;\n      return null;\n    }\n    return provider ? <EnterpriseSSO provider={provider} /> : renderForm();\n  }\n  return (\n    renderForm()\n  );\n};\n\nRegistrationPage.propTypes = {\n  institutionLogin: PropTypes.bool,\n  handleInstitutionLogin: PropTypes.func,\n};\n\nRegistrationPage.defaultProps = {\n  handleInstitutionLogin: null,\n  institutionLogin: false,\n};\n\nexport default RegistrationPage;\n"]}

package/dist/register/components/ConfigurableRegistrationForm.d.ts

@@ -0,0 +1,37 @@
+export default ConfigurableRegistrationForm;
+/**
+ * Fields on registration page that are not the default required fields (name, email, username, password).
+ * These configurable required fields are defined on the backend using REGISTRATION_EXTRA_FIELDS setting.
+ *
+ * Country and Honor Code/Terms of Services (if enabled) will appear at the bottom of the form, even if they
+ * appear higher in order returned by backend. This is to make the user experience better.
+ *
+ * */
+declare function ConfigurableRegistrationForm(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ConfigurableRegistrationForm {
+    namespace propTypes {
+        let email: PropTypes.Validator<string>;
+        let fieldDescriptions: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        let fieldErrors: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            country: PropTypes.Requireable<string>;
+        }>>>;
+        let formFields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            country: PropTypes.Requireable<PropTypes.InferProps<{
+                displayValue: PropTypes.Requireable<string>;
+                countryCode: PropTypes.Requireable<string>;
+            }>>;
+            honor_code: PropTypes.Requireable<boolean>;
+            marketingEmailsOptIn: PropTypes.Requireable<boolean>;
+        }>>>;
+        let setFieldErrors: PropTypes.Validator<(...args: any[]) => any>;
+        let setFormFields: PropTypes.Validator<(...args: any[]) => any>;
+        let autoSubmitRegistrationForm: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let fieldDescriptions_1: {};
+        export { fieldDescriptions_1 as fieldDescriptions };
+        let autoSubmitRegistrationForm_1: boolean;
+        export { autoSubmitRegistrationForm_1 as autoSubmitRegistrationForm };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/register/components/ConfigurableRegistrationForm.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { useAppConfig, getSiteConfig, getLocale, useIntl } from '@openedx/frontend-base';
+import PropTypes from 'prop-types';
+import { getCountryList } from '../../data/countries';
+import { FormFieldRenderer } from '../../field-renderer';
+import { FIELDS } from '../data/constants';
+import messages from '../messages';
+import { CountryField, HonorCode, TermsOfService } from '../RegistrationFields';
+/**
+ * Fields on registration page that are not the default required fields (name, email, username, password).
+ * These configurable required fields are defined on the backend using REGISTRATION_EXTRA_FIELDS setting.
+ *
+ * Country and Honor Code/Terms of Services (if enabled) will appear at the bottom of the form, even if they
+ * appear higher in order returned by backend. This is to make the user experience better.
+ *
+ * */
+const ConfigurableRegistrationForm = (props) => {
+    const { formatMessage } = useIntl();
+    const { email, fieldDescriptions, fieldErrors, formFields, setFieldErrors, setFormFields, autoSubmitRegistrationForm, } = props;
+    const { ENABLE_DYNAMIC_REGISTRATION_FIELDS, MARKETING_EMAILS_OPT_IN, } = useAppConfig();
+    /**
+     * The reason for adding the entry 'United States' is that Chrome auto-fills the form with 'United
+     * States' instead of 'United States of America', which does not exist in the country dropdown list.
+     * So we added the United States entry in the dropdown list.
+     */
+    const countryList = useMemo(() => getCountryList(getLocale()).concat([{ code: 'US', name: 'United States' }]), []);
+    let showTermsOfServiceAndHonorCode = false;
+    let showCountryField = false;
+    const formFieldDescriptions = [];
+    const honorCode = [];
+    const flags = {
+        showConfigurableRegistrationFields: ENABLE_DYNAMIC_REGISTRATION_FIELDS,
+        showMarketingEmailOptInCheckbox: MARKETING_EMAILS_OPT_IN,
+    };
+    /**
+     * If auto submitting register form, we will check tos and honor code fields if they exist for feature parity.
+     */
+    useEffect(() => {
+        if (autoSubmitRegistrationForm) {
+            if (Object.keys(fieldDescriptions).includes(FIELDS.HONOR_CODE)) {
+                setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { [FIELDS.HONOR_CODE]: true })));
+            }
+            if (Object.keys(fieldDescriptions).includes(FIELDS.TERMS_OF_SERVICE)) {
+                setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { [FIELDS.TERMS_OF_SERVICE]: true })));
+            }
+        }
+    }, [autoSubmitRegistrationForm]); // eslint-disable-line react-hooks/exhaustive-deps
+    const handleErrorChange = (fieldName, error) => {
+        if (fieldName) {
+            setFieldErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: error })));
+        }
+    };
+    const handleOnChange = (event, countryValue = null) => {
+        const { name } = event.target;
+        let value;
+        if (countryValue) {
+            value = Object.assign({}, countryValue);
+        }
+        else {
+            value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;
+            if (event.target.type === 'checkbox') {
+                setFieldErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: '' })));
+            }
+        }
+        setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { [name]: value })));
+    };
+    const handleOnBlur = (event) => {
+        var _a;
+        const { name, value } = event.target;
+        let error = '';
+        if ((!value || !value.trim()) && ((_a = fieldDescriptions[name]) === null || _a === void 0 ? void 0 : _a.error_message)) {
+            error = fieldDescriptions[name].error_message;
+        }
+        else if (name === 'confirm_email' && value !== email) {
+            error = formatMessage(messages['email.do.not.match']);
+        }
+        setFieldErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: error })));
+    };
+    const handleOnFocus = (event) => {
+        const { name } = event.target;
+        setFieldErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: '' })));
+    };
+    if (flags.showConfigurableRegistrationFields) {
+        Object.keys(fieldDescriptions).forEach(fieldName => {
+            const fieldData = fieldDescriptions[fieldName];
+            switch (fieldData.name) {
+                case FIELDS.COUNTRY:
+                    showCountryField = true;
+                    break;
+                case FIELDS.HONOR_CODE:
+                    if (fieldData.type === 'tos_and_honor_code') {
+                        showTermsOfServiceAndHonorCode = true;
+                    }
+                    else {
+                        honorCode.push(_jsx("span", { children: _jsx(HonorCode, { fieldType: fieldData.type, value: formFields[fieldData.name], onChangeHandler: handleOnChange, errorMessage: fieldErrors[fieldData.name] }) }, fieldData.name));
+                    }
+                    break;
+                case FIELDS.TERMS_OF_SERVICE:
+                    honorCode.push(_jsx("span", { children: _jsx(TermsOfService, { value: formFields[fieldData.name], onChangeHandler: handleOnChange, errorMessage: fieldErrors[fieldData.name] }) }, fieldData.name));
+                    break;
+                default:
+                    formFieldDescriptions.push(_jsx("span", { children: _jsx(FormFieldRenderer, { fieldData: fieldData, value: formFields[fieldData.name], onChangeHandler: handleOnChange, handleBlur: handleOnBlur, handleFocus: handleOnFocus, errorMessage: fieldErrors[fieldData.name], isRequired: true }) }, fieldData.name));
+            }
+        });
+    }
+    if (showCountryField) {
+        formFieldDescriptions.push(_jsx("span", { children: _jsx(CountryField, { countryList: countryList, selectedCountry: formFields.country, errorMessage: fieldErrors.country || '', onChangeHandler: handleOnChange, handleErrorChange: handleErrorChange, onBlurHandler: handleOnBlur, onFocusHandler: handleOnFocus }) }, "country"));
+    }
+    if (flags.showMarketingEmailOptInCheckbox) {
+        formFieldDescriptions.push(_jsx("span", { children: _jsx(FormFieldRenderer, { fieldData: {
+                    type: 'checkbox',
+                    label: formatMessage(messages['registration.opt.in.label'], { siteName: getSiteConfig().siteName }),
+                    name: 'marketingEmailsOptIn',
+                }, value: formFields.marketingEmailsOptIn, className: "form-field--checkbox", onChangeHandler: handleOnChange, handleBlur: handleOnBlur, handleFocus: handleOnFocus }) }, "marketing_email_opt_in"));
+    }
+    if (showTermsOfServiceAndHonorCode) {
+        formFieldDescriptions.push(_jsx("span", { children: _jsx(HonorCode, { fieldType: "tos_and_honor_code", onChangeHandler: handleOnChange, value: formFields.honor_code }) }, "honor_code"));
+    }
+    return (_jsxs(_Fragment, { children: [formFieldDescriptions, _jsx("div", { children: honorCode })] }));
+};
+ConfigurableRegistrationForm.propTypes = {
+    email: PropTypes.string.isRequired,
+    fieldDescriptions: PropTypes.shape({}),
+    fieldErrors: PropTypes.shape({
+        country: PropTypes.string,
+    }).isRequired,
+    formFields: PropTypes.shape({
+        country: PropTypes.shape({
+            displayValue: PropTypes.string,
+            countryCode: PropTypes.string,
+        }),
+        honor_code: PropTypes.bool,
+        marketingEmailsOptIn: PropTypes.bool,
+    }).isRequired,
+    setFieldErrors: PropTypes.func.isRequired,
+    setFormFields: PropTypes.func.isRequired,
+    autoSubmitRegistrationForm: PropTypes.bool,
+};
+ConfigurableRegistrationForm.defaultProps = {
+    fieldDescriptions: {},
+    autoSubmitRegistrationForm: false,
+};
+export default ConfigurableRegistrationForm;
+//# sourceMappingURL=ConfigurableRegistrationForm.js.map

package/dist/register/components/ConfigurableRegistrationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurableRegistrationForm.js","sourceRoot":"","sources":["../../../src/register/components/ConfigurableRegistrationForm.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport {\n  useAppConfig,\n  getSiteConfig, getLocale, useIntl\n} from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\n\nimport { getCountryList } from '../../data/countries';\nimport { FormFieldRenderer } from '../../field-renderer';\nimport { FIELDS } from '../data/constants';\nimport messages from '../messages';\nimport { CountryField, HonorCode, TermsOfService } from '../RegistrationFields';\n\n/**\n * Fields on registration page that are not the default required fields (name, email, username, password).\n * These configurable required fields are defined on the backend using REGISTRATION_EXTRA_FIELDS setting.\n *\n * Country and Honor Code/Terms of Services (if enabled) will appear at the bottom of the form, even if they\n * appear higher in order returned by backend. This is to make the user experience better.\n *\n * */\nconst ConfigurableRegistrationForm = (props) => {\n  const { formatMessage } = useIntl();\n  const {\n    email,\n    fieldDescriptions,\n    fieldErrors,\n    formFields,\n    setFieldErrors,\n    setFormFields,\n    autoSubmitRegistrationForm,\n  } = props;\n  const {\n    ENABLE_DYNAMIC_REGISTRATION_FIELDS,\n    MARKETING_EMAILS_OPT_IN,\n  } = useAppConfig();\n\n  /**\n   * The reason for adding the entry 'United States' is that Chrome auto-fills the form with 'United\n   * States' instead of 'United States of America', which does not exist in the country dropdown list.\n   * So we added the United States entry in the dropdown list.\n   */\n  const countryList = useMemo(() => getCountryList(getLocale()).concat([{ code: 'US', name: 'United States' }]), []);\n\n  let showTermsOfServiceAndHonorCode = false;\n  let showCountryField = false;\n\n  const formFieldDescriptions = [];\n  const honorCode = [];\n  const flags = {\n    showConfigurableRegistrationFields: ENABLE_DYNAMIC_REGISTRATION_FIELDS,\n    showMarketingEmailOptInCheckbox: MARKETING_EMAILS_OPT_IN,\n  };\n\n  /**\n   * If auto submitting register form, we will check tos and honor code fields if they exist for feature parity.\n   */\n  useEffect(() => {\n    if (autoSubmitRegistrationForm) {\n      if (Object.keys(fieldDescriptions).includes(FIELDS.HONOR_CODE)) {\n        setFormFields(prevState => ({\n          ...prevState,\n          [FIELDS.HONOR_CODE]: true,\n        }));\n      }\n      if (Object.keys(fieldDescriptions).includes(FIELDS.TERMS_OF_SERVICE)) {\n        setFormFields(prevState => ({\n          ...prevState,\n          [FIELDS.TERMS_OF_SERVICE]: true,\n        }));\n      }\n    }\n  }, [autoSubmitRegistrationForm]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleErrorChange = (fieldName, error) => {\n    if (fieldName) {\n      setFieldErrors(prevErrors => ({\n        ...prevErrors,\n        [fieldName]: error,\n      }));\n    }\n  };\n\n  const handleOnChange = (event, countryValue = null) => {\n    const { name } = event.target;\n    let value;\n    if (countryValue) {\n      value = { ...countryValue };\n    } else {\n      value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;\n      if (event.target.type === 'checkbox') {\n        setFieldErrors(prevErrors => ({ ...prevErrors, [name]: '' }));\n      }\n    }\n    setFormFields(prevState => ({ ...prevState, [name]: value }));\n  };\n\n  const handleOnBlur = (event) => {\n    const { name, value } = event.target;\n    let error = '';\n    if ((!value || !value.trim()) && fieldDescriptions[name]?.error_message) {\n      error = fieldDescriptions[name].error_message;\n    } else if (name === 'confirm_email' && value !== email) {\n      error = formatMessage(messages['email.do.not.match']);\n    }\n    setFieldErrors(prevErrors => ({ ...prevErrors, [name]: error }));\n  };\n\n  const handleOnFocus = (event) => {\n    const { name } = event.target;\n    setFieldErrors(prevErrors => ({ ...prevErrors, [name]: '' }));\n  };\n\n  if (flags.showConfigurableRegistrationFields) {\n    Object.keys(fieldDescriptions).forEach(fieldName => {\n      const fieldData = fieldDescriptions[fieldName];\n      switch (fieldData.name) {\n        case FIELDS.COUNTRY:\n          showCountryField = true;\n          break;\n        case FIELDS.HONOR_CODE:\n          if (fieldData.type === 'tos_and_honor_code') {\n            showTermsOfServiceAndHonorCode = true;\n          } else {\n            honorCode.push(\n              <span key={fieldData.name}>\n                <HonorCode\n                  fieldType={fieldData.type}\n                  value={formFields[fieldData.name]}\n                  onChangeHandler={handleOnChange}\n                  errorMessage={fieldErrors[fieldData.name]}\n                />\n              </span>,\n            );\n          }\n          break;\n        case FIELDS.TERMS_OF_SERVICE:\n          honorCode.push(\n            <span key={fieldData.name}>\n              <TermsOfService\n                value={formFields[fieldData.name]}\n                onChangeHandler={handleOnChange}\n                errorMessage={fieldErrors[fieldData.name]}\n              />\n            </span>,\n          );\n          break;\n        default:\n          formFieldDescriptions.push(\n            <span key={fieldData.name}>\n              <FormFieldRenderer\n                fieldData={fieldData}\n                value={formFields[fieldData.name]}\n                onChangeHandler={handleOnChange}\n                handleBlur={handleOnBlur}\n                handleFocus={handleOnFocus}\n                errorMessage={fieldErrors[fieldData.name]}\n                isRequired\n              />\n            </span>,\n          );\n      }\n    });\n  }\n\n  if (showCountryField) {\n    formFieldDescriptions.push(\n      <span key=\"country\">\n        <CountryField\n          countryList={countryList}\n          selectedCountry={formFields.country}\n          errorMessage={fieldErrors.country || ''}\n          onChangeHandler={handleOnChange}\n          handleErrorChange={handleErrorChange}\n          onBlurHandler={handleOnBlur}\n          onFocusHandler={handleOnFocus}\n        />\n      </span>,\n    );\n  }\n\n  if (flags.showMarketingEmailOptInCheckbox) {\n    formFieldDescriptions.push(\n      <span key=\"marketing_email_opt_in\">\n        <FormFieldRenderer\n          fieldData={{\n            type: 'checkbox',\n            label: formatMessage(messages['registration.opt.in.label'], { siteName: getSiteConfig().siteName }),\n            name: 'marketingEmailsOptIn',\n          }}\n          value={formFields.marketingEmailsOptIn}\n          className=\"form-field--checkbox\"\n          onChangeHandler={handleOnChange}\n          handleBlur={handleOnBlur}\n          handleFocus={handleOnFocus}\n        />\n      </span>,\n    );\n  }\n\n  if (showTermsOfServiceAndHonorCode) {\n    formFieldDescriptions.push(\n      <span key=\"honor_code\">\n        <HonorCode fieldType=\"tos_and_honor_code\" onChangeHandler={handleOnChange} value={formFields.honor_code} />\n      </span>,\n    );\n  }\n\n  return (\n    <>\n      {formFieldDescriptions}\n      <div>\n        {honorCode}\n      </div>\n    </>\n  );\n};\n\nConfigurableRegistrationForm.propTypes = {\n  email: PropTypes.string.isRequired,\n  fieldDescriptions: PropTypes.shape({}),\n  fieldErrors: PropTypes.shape({\n    country: PropTypes.string,\n  }).isRequired,\n  formFields: PropTypes.shape({\n    country: PropTypes.shape({\n      displayValue: PropTypes.string,\n      countryCode: PropTypes.string,\n    }),\n    honor_code: PropTypes.bool,\n    marketingEmailsOptIn: PropTypes.bool,\n  }).isRequired,\n  setFieldErrors: PropTypes.func.isRequired,\n  setFormFields: PropTypes.func.isRequired,\n  autoSubmitRegistrationForm: PropTypes.bool,\n};\n\nConfigurableRegistrationForm.defaultProps = {\n  fieldDescriptions: {},\n  autoSubmitRegistrationForm: false,\n};\n\nexport default ConfigurableRegistrationForm;\n"]}

package/dist/register/components/RegisterContext.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { RegisterContextType } from '../types';
+interface RegisterProviderProps {
+    children: ReactNode;
+}
+export declare const RegisterProvider: FC<RegisterProviderProps>;
+export declare const useRegisterContext: () => RegisterContextType;
+export {};