@openedx/frontend-app-authn 1.0.0-alpha.5 → 1.0.0-alpha.6

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/RegistrationFailure.d.ts

@@ -0,0 +1,19 @@
+export default RegistrationFailureMessage;
+declare function RegistrationFailureMessage(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace RegistrationFailureMessage {
+    namespace defaultProps {
+        namespace context {
+            let errorMessage: null;
+        }
+    }
+    namespace propTypes {
+        let context_1: PropTypes.Requireable<PropTypes.InferProps<{
+            provider: PropTypes.Requireable<string>;
+            errorMessage: PropTypes.Requireable<string>;
+        }>>;
+        export { context_1 as context };
+        export let errorCode: PropTypes.Validator<string>;
+        export let failureCount: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/register/components/RegistrationFailure.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Alert } from '@openedx/paragon';
+import { Error } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+import { windowScrollTo } from '../../data/utils';
+import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR, TPA_AUTHENTICATION_FAILURE, TPA_SESSION_EXPIRED, } from '../data/constants';
+import messages from '../messages';
+const RegistrationFailureMessage = (props) => {
+    const { formatMessage } = useIntl();
+    const { context, errorCode, failureCount, } = props;
+    useEffect(() => {
+        windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });
+    }, [errorCode, failureCount]);
+    if (!errorCode) {
+        return null;
+    }
+    let errorMessage;
+    switch (errorCode) {
+        case INTERNAL_SERVER_ERROR:
+            errorMessage = formatMessage(messages['registration.request.server.error']);
+            break;
+        case FORBIDDEN_REQUEST:
+            errorMessage = formatMessage(messages['registration.rate.limit.error']);
+            break;
+        case TPA_AUTHENTICATION_FAILURE:
+            errorMessage = formatMessage(messages['registration.tpa.authentication.failure'], {
+                platform_name: getSiteConfig().siteName,
+                lineBreak: _jsx("br", {}),
+                errorMessage: context.errorMessage,
+            });
+            break;
+        case TPA_SESSION_EXPIRED:
+            errorMessage = formatMessage(messages['registration.tpa.session.expired'], { provider: context.provider });
+            break;
+        default:
+            errorMessage = formatMessage(messages['registration.empty.form.submission.error']);
+            break;
+    }
+    return (_jsxs(Alert, { id: "validation-errors", className: "mb-5", variant: "danger", icon: Error, children: [_jsx(Alert.Heading, { children: formatMessage(messages['registration.request.failure.header']) }), _jsx("p", { children: errorMessage })] }));
+};
+RegistrationFailureMessage.defaultProps = {
+    context: {
+        errorMessage: null,
+    },
+};
+RegistrationFailureMessage.propTypes = {
+    context: PropTypes.shape({
+        provider: PropTypes.string,
+        errorMessage: PropTypes.string,
+    }),
+    errorCode: PropTypes.string.isRequired,
+    failureCount: PropTypes.number.isRequired,
+};
+export default RegistrationFailureMessage;
+//# sourceMappingURL=RegistrationFailure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegistrationFailure.js","sourceRoot":"","sources":["../../../src/register/components/RegistrationFailure.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,OAAO,EAAE,SAAS,EAAE,YAAY,GACjC,GAAG,KAAK,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,CAAC;IACjB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,qBAAqB;YACxB,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,mCAAmC,CAAC,CAAC,CAAC;YAC5E,MAAM;QACR,KAAK,iBAAiB;YACpB,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAC,CAAC;YACxE,MAAM;QACR,KAAK,0BAA0B;YAC7B,YAAY,GAAG,aAAa,CAC1B,QAAQ,CAAC,yCAAyC,CAAC,EACnD;gBACE,aAAa,EAAE,aAAa,EAAE,CAAC,QAAQ;gBACvC,SAAS,EAAE,cAAM;gBACjB,YAAY,EAAE,OAAO,CAAC,YAAY;aACnC,CACF,CAAC;YACF,MAAM;QACR,KAAK,mBAAmB;YACtB,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,kCAAkC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC3G,MAAM;QACR;YACE,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC,CAAC;YACnF,MAAM;IACV,CAAC;IAED,OAAO,CACL,MAAC,KAAK,IAAC,EAAE,EAAC,mBAAmB,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,aACzE,KAAC,KAAK,CAAC,OAAO,cAAE,aAAa,CAAC,QAAQ,CAAC,qCAAqC,CAAC,CAAC,GAAiB,EAC/F,sBAAI,YAAY,GAAK,IACf,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,YAAY,GAAG;IACxC,OAAO,EAAE;QACP,YAAY,EAAE,IAAI;KACnB;CACF,CAAC;AAEF,0BAA0B,CAAC,SAAS,GAAG;IACrC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACvB,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,YAAY,EAAE,SAAS,CAAC,MAAM;KAC/B,CAAC;IACF,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACtC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CAC1C,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Alert } from '@openedx/paragon';\nimport { Error } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport { windowScrollTo } from '../../data/utils';\nimport {\n  FORBIDDEN_REQUEST,\n  INTERNAL_SERVER_ERROR,\n  TPA_AUTHENTICATION_FAILURE,\n  TPA_SESSION_EXPIRED,\n} from '../data/constants';\nimport messages from '../messages';\n\nconst RegistrationFailureMessage = (props) => {\n  const { formatMessage } = useIntl();\n  const {\n    context, errorCode, failureCount,\n  } = props;\n\n  useEffect(() => {\n    windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n  }, [errorCode, failureCount]);\n\n  if (!errorCode) {\n    return null;\n  }\n\n  let errorMessage;\n  switch (errorCode) {\n    case INTERNAL_SERVER_ERROR:\n      errorMessage = formatMessage(messages['registration.request.server.error']);\n      break;\n    case FORBIDDEN_REQUEST:\n      errorMessage = formatMessage(messages['registration.rate.limit.error']);\n      break;\n    case TPA_AUTHENTICATION_FAILURE:\n      errorMessage = formatMessage(\n        messages['registration.tpa.authentication.failure'],\n        {\n          platform_name: getSiteConfig().siteName,\n          lineBreak: <br />,\n          errorMessage: context.errorMessage,\n        }\n      );\n      break;\n    case TPA_SESSION_EXPIRED:\n      errorMessage = formatMessage(messages['registration.tpa.session.expired'], { provider: context.provider });\n      break;\n    default:\n      errorMessage = formatMessage(messages['registration.empty.form.submission.error']);\n      break;\n  }\n\n  return (\n    <Alert id=\"validation-errors\" className=\"mb-5\" variant=\"danger\" icon={Error}>\n      <Alert.Heading>{formatMessage(messages['registration.request.failure.header'])}</Alert.Heading>\n      <p>{errorMessage}</p>\n    </Alert>\n  );\n};\n\nRegistrationFailureMessage.defaultProps = {\n  context: {\n    errorMessage: null,\n  },\n};\n\nRegistrationFailureMessage.propTypes = {\n  context: PropTypes.shape({\n    provider: PropTypes.string,\n    errorMessage: PropTypes.string,\n  }),\n  errorCode: PropTypes.string.isRequired,\n  failureCount: PropTypes.number.isRequired,\n};\n\nexport default RegistrationFailureMessage;\n"]}

package/dist/register/data/actions.d.ts

@@ -0,0 +1,80 @@
+export const BACKUP_REGISTRATION_DATA: AsyncActionType;
+export const REGISTER_FORM_VALIDATIONS: AsyncActionType;
+export const REGISTER_NEW_USER: AsyncActionType;
+export const REGISTER_CLEAR_USERNAME_SUGGESTIONS: "REGISTRATION_CLEAR_USERNAME_SUGGESTIONS";
+export const REGISTRATION_CLEAR_BACKEND_ERROR: "REGISTRATION_CLEAR_BACKEND_ERROR";
+export const REGISTER_SET_COUNTRY_CODE: "REGISTER_SET_COUNTRY_CODE";
+export const REGISTER_SET_USER_PIPELINE_DATA_LOADED: "REGISTER_SET_USER_PIPELINE_DATA_LOADED";
+export const REGISTER_SET_EMAIL_SUGGESTIONS: "REGISTER_SET_EMAIL_SUGGESTIONS";
+export function backupRegistrationForm(): {
+    type: string;
+};
+export function backupRegistrationFormBegin(data: any): {
+    type: string;
+    payload: any;
+};
+export function fetchRealtimeValidations(formPayload: any): {
+    type: string;
+    payload: {
+        formPayload: any;
+    };
+};
+export function fetchRealtimeValidationsBegin(): {
+    type: string;
+};
+export function fetchRealtimeValidationsSuccess(validations: any): {
+    type: string;
+    payload: {
+        validations: any;
+    };
+};
+export function fetchRealtimeValidationsFailure(): {
+    type: string;
+};
+export function setEmailSuggestionInStore(emailSuggestion: any): {
+    type: string;
+    payload: {
+        emailSuggestion: any;
+    };
+};
+export function registerNewUser(registrationInfo: any): {
+    type: string;
+    payload: {
+        registrationInfo: any;
+    };
+};
+export function registerNewUserBegin(): {
+    type: string;
+};
+export function registerNewUserSuccess(authenticatedUser: any, redirectUrl: any, success: any): {
+    type: string;
+    payload: {
+        authenticatedUser: any;
+        redirectUrl: any;
+        success: any;
+    };
+};
+export function registerNewUserFailure(error: any): {
+    type: string;
+    payload: any;
+};
+export function clearUsernameSuggestions(): {
+    type: string;
+};
+export function clearRegistrationBackendError(fieldName: any): {
+    type: string;
+    payload: any;
+};
+export function setCountryFromThirdPartyAuthContext(countryCode: any): {
+    type: string;
+    payload: {
+        countryCode: any;
+    };
+};
+export function setUserPipelineDataLoaded(value: any): {
+    type: string;
+    payload: {
+        value: any;
+    };
+};
+import { AsyncActionType } from '../../data/utils';

package/{src → dist}/register/data/actions.js

@@ -1,5 +1,4 @@
 import { AsyncActionType } from '../../data/utils';
-
 export const BACKUP_REGISTRATION_DATA = new AsyncActionType('REGISTRATION', 'BACKUP_REGISTRATION_DATA');
 export const REGISTER_FORM_VALIDATIONS = new AsyncActionType('REGISTRATION', 'GET_FORM_VALIDATIONS');
 export const REGISTER_NEW_USER = new AsyncActionType('REGISTRATION', 'REGISTER_NEW_USER');
@@ -8,78 +7,63 @@ export const REGISTRATION_CLEAR_BACKEND_ERROR = 'REGISTRATION_CLEAR_BACKEND_ERRO
 export const REGISTER_SET_COUNTRY_CODE = 'REGISTER_SET_COUNTRY_CODE';
 export const REGISTER_SET_USER_PIPELINE_DATA_LOADED = 'REGISTER_SET_USER_PIPELINE_DATA_LOADED';
 export const REGISTER_SET_EMAIL_SUGGESTIONS = 'REGISTER_SET_EMAIL_SUGGESTIONS';
-
 // Backup registration form
 export const backupRegistrationForm = () => ({
-  type: BACKUP_REGISTRATION_DATA.BASE,
+    type: BACKUP_REGISTRATION_DATA.BASE,
 });
-
 export const backupRegistrationFormBegin = (data) => ({
-  type: BACKUP_REGISTRATION_DATA.BEGIN,
-  payload: { ...data },
+    type: BACKUP_REGISTRATION_DATA.BEGIN,
+    payload: Object.assign({}, data),
 });
-
 // Validate fields from the backend
 export const fetchRealtimeValidations = (formPayload) => ({
-  type: REGISTER_FORM_VALIDATIONS.BASE,
-  payload: { formPayload },
+    type: REGISTER_FORM_VALIDATIONS.BASE,
+    payload: { formPayload },
 });
-
 export const fetchRealtimeValidationsBegin = () => ({
-  type: REGISTER_FORM_VALIDATIONS.BEGIN,
+    type: REGISTER_FORM_VALIDATIONS.BEGIN,
 });
-
 export const fetchRealtimeValidationsSuccess = (validations) => ({
-  type: REGISTER_FORM_VALIDATIONS.SUCCESS,
-  payload: { validations },
+    type: REGISTER_FORM_VALIDATIONS.SUCCESS,
+    payload: { validations },
 });
-
 export const fetchRealtimeValidationsFailure = () => ({
-  type: REGISTER_FORM_VALIDATIONS.FAILURE,
+    type: REGISTER_FORM_VALIDATIONS.FAILURE,
 });
-
 // Set email field frontend validations
 export const setEmailSuggestionInStore = (emailSuggestion) => ({
-  type: REGISTER_SET_EMAIL_SUGGESTIONS,
-  payload: { emailSuggestion },
+    type: REGISTER_SET_EMAIL_SUGGESTIONS,
+    payload: { emailSuggestion },
 });
-
 // Register
 export const registerNewUser = registrationInfo => ({
-  type: REGISTER_NEW_USER.BASE,
-  payload: { registrationInfo },
+    type: REGISTER_NEW_USER.BASE,
+    payload: { registrationInfo },
 });
-
 export const registerNewUserBegin = () => ({
-  type: REGISTER_NEW_USER.BEGIN,
+    type: REGISTER_NEW_USER.BEGIN,
 });
-
 export const registerNewUserSuccess = (authenticatedUser, redirectUrl, success) => ({
-  type: REGISTER_NEW_USER.SUCCESS,
-  payload: { authenticatedUser, redirectUrl, success },
-
+    type: REGISTER_NEW_USER.SUCCESS,
+    payload: { authenticatedUser, redirectUrl, success },
 });
-
 export const registerNewUserFailure = (error) => ({
-  type: REGISTER_NEW_USER.FAILURE,
-  payload: { ...error },
+    type: REGISTER_NEW_USER.FAILURE,
+    payload: Object.assign({}, error),
 });
-
 export const clearUsernameSuggestions = () => ({
-  type: REGISTER_CLEAR_USERNAME_SUGGESTIONS,
+    type: REGISTER_CLEAR_USERNAME_SUGGESTIONS,
 });
-
 export const clearRegistrationBackendError = (fieldName) => ({
-  type: REGISTRATION_CLEAR_BACKEND_ERROR,
-  payload: fieldName,
+    type: REGISTRATION_CLEAR_BACKEND_ERROR,
+    payload: fieldName,
 });
-
 export const setCountryFromThirdPartyAuthContext = (countryCode) => ({
-  type: REGISTER_SET_COUNTRY_CODE,
-  payload: { countryCode },
+    type: REGISTER_SET_COUNTRY_CODE,
+    payload: { countryCode },
 });
-
 export const setUserPipelineDataLoaded = (value) => ({
-  type: REGISTER_SET_USER_PIPELINE_DATA_LOADED,
-  payload: { value },
+    type: REGISTER_SET_USER_PIPELINE_DATA_LOADED,
+    payload: { value },
 });
+//# sourceMappingURL=actions.js.map

package/dist/register/data/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/register/data/actions.js"],"names":[],"mappings":"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","sourcesContent":["import { AsyncActionType } from '../../data/utils';\n\nexport const BACKUP_REGISTRATION_DATA = new AsyncActionType('REGISTRATION', 'BACKUP_REGISTRATION_DATA');\nexport const REGISTER_FORM_VALIDATIONS = new AsyncActionType('REGISTRATION', 'GET_FORM_VALIDATIONS');\nexport const REGISTER_NEW_USER = new AsyncActionType('REGISTRATION', 'REGISTER_NEW_USER');\nexport const REGISTER_CLEAR_USERNAME_SUGGESTIONS = 'REGISTRATION_CLEAR_USERNAME_SUGGESTIONS';\nexport const REGISTRATION_CLEAR_BACKEND_ERROR = 'REGISTRATION_CLEAR_BACKEND_ERROR';\nexport const REGISTER_SET_COUNTRY_CODE = 'REGISTER_SET_COUNTRY_CODE';\nexport const REGISTER_SET_USER_PIPELINE_DATA_LOADED = 'REGISTER_SET_USER_PIPELINE_DATA_LOADED';\nexport const REGISTER_SET_EMAIL_SUGGESTIONS = 'REGISTER_SET_EMAIL_SUGGESTIONS';\n\n// Backup registration form\nexport const backupRegistrationForm = () => ({\n  type: BACKUP_REGISTRATION_DATA.BASE,\n});\n\nexport const backupRegistrationFormBegin = (data) => ({\n  type: BACKUP_REGISTRATION_DATA.BEGIN,\n  payload: { ...data },\n});\n\n// Validate fields from the backend\nexport const fetchRealtimeValidations = (formPayload) => ({\n  type: REGISTER_FORM_VALIDATIONS.BASE,\n  payload: { formPayload },\n});\n\nexport const fetchRealtimeValidationsBegin = () => ({\n  type: REGISTER_FORM_VALIDATIONS.BEGIN,\n});\n\nexport const fetchRealtimeValidationsSuccess = (validations) => ({\n  type: REGISTER_FORM_VALIDATIONS.SUCCESS,\n  payload: { validations },\n});\n\nexport const fetchRealtimeValidationsFailure = () => ({\n  type: REGISTER_FORM_VALIDATIONS.FAILURE,\n});\n\n// Set email field frontend validations\nexport const setEmailSuggestionInStore = (emailSuggestion) => ({\n  type: REGISTER_SET_EMAIL_SUGGESTIONS,\n  payload: { emailSuggestion },\n});\n\n// Register\nexport const registerNewUser = registrationInfo => ({\n  type: REGISTER_NEW_USER.BASE,\n  payload: { registrationInfo },\n});\n\nexport const registerNewUserBegin = () => ({\n  type: REGISTER_NEW_USER.BEGIN,\n});\n\nexport const registerNewUserSuccess = (authenticatedUser, redirectUrl, success) => ({\n  type: REGISTER_NEW_USER.SUCCESS,\n  payload: { authenticatedUser, redirectUrl, success },\n\n});\n\nexport const registerNewUserFailure = (error) => ({\n  type: REGISTER_NEW_USER.FAILURE,\n  payload: { ...error },\n});\n\nexport const clearUsernameSuggestions = () => ({\n  type: REGISTER_CLEAR_USERNAME_SUGGESTIONS,\n});\n\nexport const clearRegistrationBackendError = (fieldName) => ({\n  type: REGISTRATION_CLEAR_BACKEND_ERROR,\n  payload: fieldName,\n});\n\nexport const setCountryFromThirdPartyAuthContext = (countryCode) => ({\n  type: REGISTER_SET_COUNTRY_CODE,\n  payload: { countryCode },\n});\n\nexport const setUserPipelineDataLoaded = (value) => ({\n  type: REGISTER_SET_USER_PIPELINE_DATA_LOADED,\n  payload: { value },\n});\n"]}

package/dist/register/data/constants.d.ts

@@ -0,0 +1,10 @@
+export namespace FIELDS {
+    let COUNTRY: string;
+    let HONOR_CODE: string;
+    let TERMS_OF_SERVICE: string;
+}
+export const FORBIDDEN_REQUEST: "forbidden-request";
+export const FORM_SUBMISSION_ERROR: "form-submission-error";
+export const INTERNAL_SERVER_ERROR: "internal-server-error";
+export const TPA_AUTHENTICATION_FAILURE: "tpa-authentication-failure";
+export const TPA_SESSION_EXPIRED: "tpa-session-expired";

package/{src → dist}/register/data/constants.js

@@ -1,13 +1,13 @@
 // Registration Fields
 export const FIELDS = {
-  COUNTRY: 'country',
-  HONOR_CODE: 'honor_code',
-  TERMS_OF_SERVICE: 'terms_of_service',
+    COUNTRY: 'country',
+    HONOR_CODE: 'honor_code',
+    TERMS_OF_SERVICE: 'terms_of_service',
 };
-
 // Registration Error Codes
 export const FORBIDDEN_REQUEST = 'forbidden-request';
 export const FORM_SUBMISSION_ERROR = 'form-submission-error';
 export const INTERNAL_SERVER_ERROR = 'internal-server-error';
 export const TPA_AUTHENTICATION_FAILURE = 'tpa-authentication-failure';
 export const TPA_SESSION_EXPIRED = 'tpa-session-expired';
+//# sourceMappingURL=constants.js.map

package/dist/register/data/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/register/data/constants.js"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,YAAY;IACxB,gBAAgB,EAAE,kBAAkB;CACrC,CAAC;AAEF,2BAA2B;AAC3B,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AACrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC","sourcesContent":["// Registration Fields\nexport const FIELDS = {\n  COUNTRY: 'country',\n  HONOR_CODE: 'honor_code',\n  TERMS_OF_SERVICE: 'terms_of_service',\n};\n\n// Registration Error Codes\nexport const FORBIDDEN_REQUEST = 'forbidden-request';\nexport const FORM_SUBMISSION_ERROR = 'form-submission-error';\nexport const INTERNAL_SERVER_ERROR = 'internal-server-error';\nexport const TPA_AUTHENTICATION_FAILURE = 'tpa-authentication-failure';\nexport const TPA_SESSION_EXPIRED = 'tpa-session-expired';\n"]}