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

package/dist/register/components/RegisterContext.js

@@ -0,0 +1,167 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useReducer, } from 'react';
+const RegisterContext = createContext(null);
+const initialState = {
+    validations: null,
+    usernameSuggestions: [],
+    validationApiRateLimited: false,
+    registrationResult: { success: false, redirectUrl: '', authenticatedUser: null },
+    registrationError: {},
+    backendCountryCode: '',
+    registrationFormData: {
+        configurableFormFields: {
+            marketingEmailsOptIn: true,
+        },
+        formFields: {
+            name: '', email: '', username: '', password: '',
+        },
+        emailSuggestion: {
+            suggestion: '', type: '',
+        },
+        errors: {
+            name: '', email: '', username: '', password: '',
+        },
+    },
+};
+const registerReducer = (state, action) => {
+    switch (action.type) {
+        case 'SET_VALIDATIONS_SUCCESS': {
+            const _a = action.payload, { usernameSuggestions: newUsernameSuggestions } = _a, validationWithoutUsernameSuggestions = __rest(_a, ["usernameSuggestions"]);
+            return Object.assign(Object.assign({}, state), { validations: validationWithoutUsernameSuggestions, usernameSuggestions: newUsernameSuggestions || state.usernameSuggestions, validationApiRateLimited: false });
+        }
+        case 'SET_VALIDATIONS_FAILURE':
+            return Object.assign(Object.assign({}, state), { validationApiRateLimited: true, validations: null });
+        case 'CLEAR_USERNAME_SUGGESTIONS':
+            return Object.assign(Object.assign({}, state), { usernameSuggestions: [] });
+        case 'CLEAR_REGISTRATION_BACKEND_ERROR': {
+            const rest = Object.assign({}, state.registrationError);
+            delete rest[action.payload];
+            return Object.assign(Object.assign({}, state), { registrationError: rest });
+        }
+        case 'SET_BACKEND_COUNTRY_CODE':
+            return Object.assign(Object.assign({}, state), { backendCountryCode: !state.registrationFormData.configurableFormFields.country
+                    ? action.payload
+                    : state.backendCountryCode });
+        case 'SET_EMAIL_SUGGESTION':
+            return Object.assign(Object.assign({}, state), { registrationFormData: Object.assign(Object.assign({}, state.registrationFormData), { emailSuggestion: { suggestion: action.payload.suggestion, type: action.payload.type } }) });
+        case 'UPDATE_REGISTRATION_FORM_DATA':
+            return Object.assign(Object.assign({}, state), { registrationFormData: Object.assign(Object.assign({}, state.registrationFormData), action.payload) });
+        case 'SET_REGISTRATION_FORM_DATA':
+            return Object.assign(Object.assign({}, state), { registrationFormData: typeof action.payload === 'function'
+                    ? action.payload(state.registrationFormData)
+                    : action.payload });
+        case 'SET_REGISTRATION_RESULT':
+            return Object.assign(Object.assign({}, state), { registrationResult: action.payload });
+        case 'SET_REGISTRATION_ERROR':
+            return Object.assign(Object.assign({}, state), { registrationError: action.payload });
+        default:
+            return state;
+    }
+};
+export const RegisterProvider = ({ children }) => {
+    const [state, dispatch] = useReducer(registerReducer, initialState);
+    const setValidationsSuccess = useCallback((validationData) => {
+        dispatch({ type: 'SET_VALIDATIONS_SUCCESS', payload: validationData });
+    }, []);
+    const setValidationsFailure = useCallback(() => {
+        dispatch({ type: 'SET_VALIDATIONS_FAILURE' });
+    }, []);
+    const clearUsernameSuggestions = useCallback(() => {
+        dispatch({ type: 'CLEAR_USERNAME_SUGGESTIONS' });
+    }, []);
+    const clearRegistrationBackendError = useCallback((field) => {
+        dispatch({ type: 'CLEAR_REGISTRATION_BACKEND_ERROR', payload: field });
+    }, []);
+    const setBackendCountryCode = useCallback((countryCode) => {
+        dispatch({ type: 'SET_BACKEND_COUNTRY_CODE', payload: countryCode });
+    }, []);
+    const setEmailSuggestionContext = useCallback((suggestion, type) => {
+        dispatch({ type: 'SET_EMAIL_SUGGESTION', payload: { suggestion, type } });
+    }, []);
+    const updateRegistrationFormData = useCallback((newData) => {
+        dispatch({ type: 'UPDATE_REGISTRATION_FORM_DATA', payload: newData });
+    }, []);
+    const setRegistrationResult = useCallback((result) => {
+        dispatch({ type: 'SET_REGISTRATION_RESULT', payload: result });
+    }, []);
+    const setRegistrationFormData = useCallback((data) => {
+        dispatch({ type: 'SET_REGISTRATION_FORM_DATA', payload: data });
+    }, []);
+    const setRegistrationError = useCallback((error) => {
+        dispatch({ type: 'SET_REGISTRATION_ERROR', payload: error });
+    }, []);
+    const backendValidations = useMemo(() => {
+        if (state.registrationError && Object.keys(state.registrationError).length > 0) {
+            const fields = Object.keys(state.registrationError).filter((fieldName) => !(['errorCode', 'usernameSuggestions'].includes(fieldName)));
+            const validationDecisions = {};
+            fields.forEach(field => {
+                var _a, _b;
+                validationDecisions[field] = ((_b = (_a = state.registrationError[field]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.userMessage) || '';
+            });
+            return validationDecisions;
+        }
+        if (state.validations) {
+            return state.validations.validationDecisions;
+        }
+        return null;
+    }, [state.validations, state.registrationError]);
+    const contextValue = useMemo(() => ({
+        validations: state.validations,
+        registrationFormData: state.registrationFormData,
+        registrationError: state.registrationError,
+        registrationResult: state.registrationResult,
+        backendCountryCode: state.backendCountryCode,
+        usernameSuggestions: state.usernameSuggestions,
+        validationApiRateLimited: state.validationApiRateLimited,
+        backendValidations,
+        setValidationsSuccess,
+        setValidationsFailure,
+        clearUsernameSuggestions,
+        clearRegistrationBackendError,
+        setRegistrationFormData,
+        setEmailSuggestionContext,
+        updateRegistrationFormData,
+        setBackendCountryCode,
+        setRegistrationError,
+        setRegistrationResult,
+    }), [
+        state.validations,
+        state.registrationFormData,
+        state.backendCountryCode,
+        state.usernameSuggestions,
+        state.validationApiRateLimited,
+        state.registrationError,
+        state.registrationResult,
+        backendValidations,
+        setValidationsSuccess,
+        setValidationsFailure,
+        clearUsernameSuggestions,
+        clearRegistrationBackendError,
+        setRegistrationFormData,
+        setEmailSuggestionContext,
+        updateRegistrationFormData,
+        setBackendCountryCode,
+        setRegistrationError,
+        setRegistrationResult,
+    ]);
+    return (_jsx(RegisterContext.Provider, { value: contextValue, children: children }));
+};
+export const useRegisterContext = () => {
+    const context = useContext(RegisterContext);
+    if (!context) {
+        throw new Error('useRegisterContext must be used within a RegisterProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=RegisterContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterContext.js","sourceRoot":"","sources":["../../../src/register/components/RegisterContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext, FC, ReactNode, useCallback, useContext, useMemo, useReducer,\n} from 'react';\n\nimport {\n  RegisterContextType, RegisterState, RegistrationFormData, RegistrationResult, ValidationData,\n} from '../types';\n\nconst RegisterContext = createContext<RegisterContextType | null>(null);\n\nconst initialState: RegisterState = {\n  validations: null,\n  usernameSuggestions: [],\n  validationApiRateLimited: false,\n  registrationResult: { success: false, redirectUrl: '', authenticatedUser: null },\n  registrationError: {},\n  backendCountryCode: '',\n  registrationFormData: {\n    configurableFormFields: {\n      marketingEmailsOptIn: true,\n    },\n    formFields: {\n      name: '', email: '', username: '', password: '',\n    },\n    emailSuggestion: {\n      suggestion: '', type: '',\n    },\n    errors: {\n      name: '', email: '', username: '', password: '',\n    },\n  },\n};\n\nconst registerReducer = (state: RegisterState, action: any): RegisterState => {\n  switch (action.type) {\n    case 'SET_VALIDATIONS_SUCCESS': {\n      const { usernameSuggestions: newUsernameSuggestions, ...validationWithoutUsernameSuggestions } = action.payload;\n      return {\n        ...state,\n        validations: validationWithoutUsernameSuggestions,\n        usernameSuggestions: newUsernameSuggestions || state.usernameSuggestions,\n        validationApiRateLimited: false,\n      };\n    }\n    case 'SET_VALIDATIONS_FAILURE':\n      return {\n        ...state,\n        validationApiRateLimited: true,\n        validations: null,\n      };\n    case 'CLEAR_USERNAME_SUGGESTIONS':\n      return { ...state, usernameSuggestions: [] };\n    case 'CLEAR_REGISTRATION_BACKEND_ERROR': {\n      const rest = { ...state.registrationError };\n      delete rest[action.payload];\n      return { ...state, registrationError: rest };\n    }\n    case 'SET_BACKEND_COUNTRY_CODE':\n      return {\n        ...state,\n        backendCountryCode: !state.registrationFormData.configurableFormFields.country\n          ? action.payload\n          : state.backendCountryCode,\n      };\n    case 'SET_EMAIL_SUGGESTION':\n      return {\n        ...state,\n        registrationFormData: {\n          ...state.registrationFormData,\n          emailSuggestion: { suggestion: action.payload.suggestion, type: action.payload.type },\n        },\n      };\n    case 'UPDATE_REGISTRATION_FORM_DATA':\n      return {\n        ...state,\n        registrationFormData: { ...state.registrationFormData, ...action.payload },\n      };\n    case 'SET_REGISTRATION_FORM_DATA':\n      return {\n        ...state,\n        registrationFormData: typeof action.payload === 'function'\n          ? action.payload(state.registrationFormData)\n          : action.payload,\n      };\n    case 'SET_REGISTRATION_RESULT':\n      return { ...state, registrationResult: action.payload };\n    case 'SET_REGISTRATION_ERROR':\n      return { ...state, registrationError: action.payload };\n    default:\n      return state;\n  }\n};\n\ninterface RegisterProviderProps {\n  children: ReactNode,\n}\n\nexport const RegisterProvider: FC<RegisterProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(registerReducer, initialState);\n\n  const setValidationsSuccess = useCallback((validationData: ValidationData) => {\n    dispatch({ type: 'SET_VALIDATIONS_SUCCESS', payload: validationData });\n  }, []);\n\n  const setValidationsFailure = useCallback(() => {\n    dispatch({ type: 'SET_VALIDATIONS_FAILURE' });\n  }, []);\n\n  const clearUsernameSuggestions = useCallback(() => {\n    dispatch({ type: 'CLEAR_USERNAME_SUGGESTIONS' });\n  }, []);\n\n  const clearRegistrationBackendError = useCallback((field: string) => {\n    dispatch({ type: 'CLEAR_REGISTRATION_BACKEND_ERROR', payload: field });\n  }, []);\n\n  const setBackendCountryCode = useCallback((countryCode: string) => {\n    dispatch({ type: 'SET_BACKEND_COUNTRY_CODE', payload: countryCode });\n  }, []);\n\n  const setEmailSuggestionContext = useCallback((suggestion: string, type: string) => {\n    dispatch({ type: 'SET_EMAIL_SUGGESTION', payload: { suggestion, type } });\n  }, []);\n\n  const updateRegistrationFormData = useCallback((newData: Partial<RegistrationFormData>) => {\n    dispatch({ type: 'UPDATE_REGISTRATION_FORM_DATA', payload: newData });\n  }, []);\n\n  const setRegistrationResult = useCallback((result: RegistrationResult) => {\n    dispatch({ type: 'SET_REGISTRATION_RESULT', payload: result });\n  }, []);\n\n  const setRegistrationFormData = useCallback((data: RegistrationFormData |\n    ((prev: RegistrationFormData) => RegistrationFormData)) => {\n    dispatch({ type: 'SET_REGISTRATION_FORM_DATA', payload: data });\n  }, []);\n\n  const setRegistrationError = useCallback((error: Record<string, { userMessage: string }[]>) => {\n    dispatch({ type: 'SET_REGISTRATION_ERROR', payload: error });\n  }, []);\n\n  const backendValidations = useMemo(() => {\n    if (state.registrationError && Object.keys(state.registrationError).length > 0) {\n      const fields = Object.keys(state.registrationError).filter(\n        (fieldName) => !(['errorCode', 'usernameSuggestions'].includes(fieldName)),\n      );\n\n      const validationDecisions: Record<string, string> = {};\n      fields.forEach(field => {\n        validationDecisions[field] = state.registrationError[field]?.[0]?.userMessage || '';\n      });\n      return validationDecisions;\n    }\n\n    if (state.validations) {\n      return state.validations.validationDecisions;\n    }\n\n    return null;\n  }, [state.validations, state.registrationError]);\n\n  const contextValue = useMemo(() => ({\n    validations: state.validations,\n    registrationFormData: state.registrationFormData,\n    registrationError: state.registrationError,\n    registrationResult: state.registrationResult,\n    backendCountryCode: state.backendCountryCode,\n    usernameSuggestions: state.usernameSuggestions,\n    validationApiRateLimited: state.validationApiRateLimited,\n    backendValidations,\n    setValidationsSuccess,\n    setValidationsFailure,\n    clearUsernameSuggestions,\n    clearRegistrationBackendError,\n    setRegistrationFormData,\n    setEmailSuggestionContext,\n    updateRegistrationFormData,\n    setBackendCountryCode,\n    setRegistrationError,\n    setRegistrationResult,\n  }), [\n    state.validations,\n    state.registrationFormData,\n    state.backendCountryCode,\n    state.usernameSuggestions,\n    state.validationApiRateLimited,\n    state.registrationError,\n    state.registrationResult,\n    backendValidations,\n    setValidationsSuccess,\n    setValidationsFailure,\n    clearUsernameSuggestions,\n    clearRegistrationBackendError,\n    setRegistrationFormData,\n    setEmailSuggestionContext,\n    updateRegistrationFormData,\n    setBackendCountryCode,\n    setRegistrationError,\n    setRegistrationResult,\n  ]);\n\n  return (\n    <RegisterContext.Provider value={contextValue}>\n      {children}\n    </RegisterContext.Provider>\n  );\n};\n\nexport const useRegisterContext = () => {\n  const context = useContext(RegisterContext);\n  if (!context) {\n    throw new Error('useRegisterContext must be used within a RegisterProvider');\n  }\n  return context;\n};\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,60 @@
+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, FORBIDDEN_USERNAME, 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;
+        case FORBIDDEN_USERNAME:
+            errorMessage = formatMessage(messages['registration.forbidden.username']);
+            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":"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","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  FORBIDDEN_USERNAME,\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    case FORBIDDEN_USERNAME:\n      errorMessage = formatMessage(messages['registration.forbidden.username']);\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/api.d.ts

@@ -0,0 +1,9 @@
+declare const registerNewUserApi: (registrationInformation: any) => Promise<{
+    redirectUrl: any;
+    success: any;
+    authenticatedUser: any;
+}>;
+declare const getFieldsValidations: (formPayload: any) => Promise<{
+    fieldValidations: any;
+}>;
+export { registerNewUserApi, getFieldsValidations, };

package/dist/register/data/api.js

@@ -0,0 +1,45 @@
+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 { getAuthenticatedHttpClient, getHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import * as QueryString from 'query-string';
+import { normalizeRedirectUrl } from '../../data/utils';
+const registerNewUserApi = (registrationInformation) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        isPublic: true,
+    };
+    const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/registration/`;
+    const { data } = yield getAuthenticatedHttpClient()
+        .post(url, QueryString.stringify(registrationInformation), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    return {
+        redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),
+        success: data.success || false,
+        authenticatedUser: data.authenticated_user,
+    };
+});
+const getFieldsValidations = (formPayload) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    };
+    const url = `${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`;
+    const { data } = yield getHttpClient()
+        .post(url, QueryString.stringify(formPayload), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    return {
+        fieldValidations: data,
+    };
+});
+export { registerNewUserApi, getFieldsValidations, };
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/register/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,kBAAkB,GAAG,CAAO,uBAAuB,EAAE,EAAE;IAC3D,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;QAChE,QAAQ,EAAE,IAAI;KACf,CAAC;IACF,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,oCAAoC,CAAC;IAC9E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,uBAAuB,CAAC,EAAE,aAAa,CAAC;SACxE,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE;QAChB,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEL,OAAO;QACL,WAAW,EAAE,oBAAoB,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;QAC1D,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;QAC9B,iBAAiB,EAAE,IAAI,CAAC,kBAAkB;KAC3C,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAO,WAAW,EAAE,EAAE;IACjD,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;KACjE,CAAC;IACF,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,sCAAsC,CAAC;IAChF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;SACnC,IAAI,CACH,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;SACxD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEL,OAAO;QACL,gBAAgB,EAAE,IAAI;KACvB,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,CAAC","sourcesContent":["import { getAuthenticatedHttpClient, getHttpClient, getSiteConfig } from '@openedx/frontend-base';\nimport * as QueryString from 'query-string';\n\nimport { normalizeRedirectUrl } from '../../data/utils';\n\nconst registerNewUserApi = async (registrationInformation) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n    isPublic: true,\n  };\n  const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/registration/`;\n  const { data } = await getAuthenticatedHttpClient()\n    .post(url, QueryString.stringify(registrationInformation), requestConfig)\n    .catch((e: any) => {\n      throw (e);\n    });\n\n  return {\n    redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),\n    success: data.success || false,\n    authenticatedUser: data.authenticated_user,\n  };\n};\n\nconst getFieldsValidations = async (formPayload) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n  const url = `${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`;\n  const { data } = await getHttpClient()\n    .post(\n      url, QueryString.stringify(formPayload), requestConfig)\n    .catch((e) => {\n      throw (e);\n    });\n\n  return {\n    fieldValidations: data,\n  };\n};\n\nexport {\n  registerNewUserApi,\n  getFieldsValidations,\n};\n"]}

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

@@ -0,0 +1,33 @@
+type RegistrationPayload = Record<string, unknown>;
+interface AuthenticatedUser {
+    username: string;
+    full_name: string;
+    user_id: number;
+}
+interface RegistrationResponse {
+    redirectUrl: string;
+    success: boolean;
+    authenticatedUser: AuthenticatedUser;
+}
+interface UseRegistrationOptions {
+    onSuccess?: (data: RegistrationResponse) => void;
+    onError?: (error: unknown) => void;
+}
+interface ApiError extends Error {
+    response?: {
+        status: number;
+        data?: unknown;
+    };
+}
+type FieldValidationsPayload = Record<string, unknown>;
+interface UseFieldValidationsOptions {
+    onSuccess?: (data: unknown) => void;
+    onError?: (error: unknown) => void;
+}
+declare const useRegistration: (options?: UseRegistrationOptions) => import("@tanstack/react-query").UseMutationResult<{
+    redirectUrl: any;
+    success: any;
+    authenticatedUser: any;
+}, ApiError, RegistrationPayload, unknown>;
+declare const useFieldValidations: (options?: UseFieldValidationsOptions) => import("@tanstack/react-query").UseMutationResult<unknown, ApiError, FieldValidationsPayload, unknown>;
+export { useRegistration, useFieldValidations, };

package/dist/register/data/apiHook.js

@@ -0,0 +1,66 @@
+import { camelCaseObject, logError, logInfo } from '@openedx/frontend-base';
+import { useMutation } from '@tanstack/react-query';
+import { getFieldsValidations, registerNewUserApi } from './api';
+import { INTERNAL_SERVER_ERROR } from './constants';
+const useRegistration = (options = {}) => useMutation({
+    mutationFn: (registrationPayload) => (registerNewUserApi(registrationPayload)),
+    onSuccess: (data) => {
+        if (options.onSuccess) {
+            options.onSuccess(data);
+        }
+    },
+    onError: (error) => {
+        const statusCodes = [400, 403, 409];
+        let errorData;
+        if (error.response) {
+            if (error.response.status && statusCodes.includes(error.response.status)) {
+                errorData = camelCaseObject(error.response.data || {});
+                logInfo(error);
+            }
+            else {
+                errorData = { errorCode: INTERNAL_SERVER_ERROR };
+                logError(error);
+            }
+        }
+        else {
+            errorData = { errorCode: INTERNAL_SERVER_ERROR };
+            logError(error);
+        }
+        if (options.onError) {
+            options.onError(errorData);
+        }
+    },
+});
+const useFieldValidations = (options = {}) => useMutation({
+    mutationFn: (payload) => (getFieldsValidations(payload)),
+    onSuccess: (data) => {
+        const transformedData = camelCaseObject(data.fieldValidations);
+        if (options.onSuccess) {
+            options.onSuccess(transformedData);
+        }
+    },
+    onError: (error) => {
+        if (error.response) {
+            if (error.response.status === 403) {
+                logInfo(error);
+                if (options.onError) {
+                    options.onError({ validationApiRateLimited: true });
+                }
+            }
+            else {
+                logError(error);
+                if (options.onError) {
+                    options.onError(error);
+                }
+            }
+        }
+        else {
+            logError(error);
+            if (options.onError) {
+                options.onError(error);
+            }
+        }
+    },
+});
+export { useRegistration, useFieldValidations, };
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/register/data/apiHook.ts"],"names":[],"mappings":"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","sourcesContent":["import { camelCaseObject, logError, logInfo } from '@openedx/frontend-base';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { getFieldsValidations, registerNewUserApi } from './api';\nimport { INTERNAL_SERVER_ERROR } from './constants';\n\ntype RegistrationPayload = Record<string, unknown>;\n\ninterface AuthenticatedUser {\n  username: string,\n  full_name: string,\n  user_id: number,\n}\n\ninterface RegistrationResponse {\n  redirectUrl: string,\n  success: boolean,\n  authenticatedUser: AuthenticatedUser,\n}\n\ninterface UseRegistrationOptions {\n  onSuccess?: (data: RegistrationResponse) => void,\n  onError?: (error: unknown) => void,\n}\n\ninterface ApiError extends Error {\n  response?: {\n    status: number,\n    data?: unknown,\n  },\n}\n\ntype FieldValidationsPayload = Record<string, unknown>;\n\ninterface UseFieldValidationsOptions {\n  onSuccess?: (data: unknown) => void,\n  onError?: (error: unknown) => void,\n}\n\nconst useRegistration = (options: UseRegistrationOptions = {}) => useMutation({\n  mutationFn: (registrationPayload: RegistrationPayload) => (\n    registerNewUserApi(registrationPayload)\n  ),\n  onSuccess: (data: RegistrationResponse) => {\n    if (options.onSuccess) {\n      options.onSuccess(data);\n    }\n  },\n  onError: (error: ApiError) => {\n    const statusCodes = [400, 403, 409];\n    let errorData: unknown;\n\n    if (error.response) {\n      if (error.response.status && statusCodes.includes(error.response.status)) {\n        errorData = camelCaseObject(error.response.data || {});\n        logInfo(error);\n      } else {\n        errorData = { errorCode: INTERNAL_SERVER_ERROR };\n        logError(error);\n      }\n    } else {\n      errorData = { errorCode: INTERNAL_SERVER_ERROR };\n      logError(error);\n    }\n\n    if (options.onError) {\n      options.onError(errorData);\n    }\n  },\n});\n\nconst useFieldValidations = (options: UseFieldValidationsOptions = {}) => useMutation({\n  mutationFn: (payload: FieldValidationsPayload) => (\n    getFieldsValidations(payload)\n  ),\n  onSuccess: (data: unknown) => {\n    const transformedData = camelCaseObject((data as { fieldValidations: unknown }).fieldValidations);\n    if (options.onSuccess) {\n      options.onSuccess(transformedData);\n    }\n  },\n  onError: (error: ApiError) => {\n    if (error.response) {\n      if (error.response.status === 403) {\n        logInfo(error);\n        if (options.onError) {\n          options.onError({ validationApiRateLimited: true });\n        }\n      } else {\n        logError(error);\n        if (options.onError) {\n          options.onError(error);\n        }\n      }\n    } else {\n      logError(error);\n      if (options.onError) {\n        options.onError(error);\n      }\n    }\n  },\n});\n\nexport {\n  useRegistration,\n  useFieldValidations,\n};\n"]}

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

@@ -0,0 +1,11 @@
+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";
+export const FORBIDDEN_USERNAME: "forbidden-username";

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

@@ -1,13 +1,14 @@
 // 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';
+export const FORBIDDEN_USERNAME = 'forbidden-username';
+//# 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;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,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';\nexport const FORBIDDEN_USERNAME = 'forbidden-username';\n"]}

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

@@ -0,0 +1,6 @@
+export function validatePasswordField(value: any, formatMessage: any): string;
+export function isFormValid(payload: any, errors: any, configurableFormFields: any, fieldDescriptions: any, formatMessage: any): {
+    fieldErrors: any;
+    isValid: boolean;
+};
+export function prepareRegistrationPayload(initPayload: any, configurableFormFields: any, showMarketingEmailOptInCheckbox: any, totalRegistrationTime: any, queryParams: any): any;

package/dist/register/data/utils.js

@@ -0,0 +1,128 @@
+import { snakeCaseObject } from '@openedx/frontend-base';
+import { LETTER_REGEX, NUMBER_REGEX } from '../../data/constants';
+import messages from '../messages';
+import validateEmail from '../RegistrationFields/EmailField/validator';
+import validateName from '../RegistrationFields/NameField/validator';
+import validateUsername from '../RegistrationFields/UsernameField/validator';
+/**
+ * It validates the password field value
+ * @param value
+ * @param formatMessage
+ * @returns {string}
+ */
+export const validatePasswordField = (value, formatMessage) => {
+    let fieldError = '';
+    if (!value || !LETTER_REGEX.test(value) || !NUMBER_REGEX.test(value) || value.length < 8) {
+        fieldError = formatMessage(messages['password.validation.message']);
+    }
+    return fieldError;
+};
+/**
+ * It accepts complete registration data as payload and checks if the form is valid.
+ * @param payload
+ * @param errors
+ * @param configurableFormFields
+ * @param fieldDescriptions
+ * @param formatMessage
+ * @returns {{fieldErrors, isValid: boolean}}
+ */
+export const isFormValid = (payload, errors, configurableFormFields, fieldDescriptions, formatMessage) => {
+    var _a, _b;
+    const fieldErrors = Object.assign({}, errors);
+    let isValid = true;
+    let emailSuggestion = { suggestion: '', type: '' };
+    Object.keys(payload).forEach(key => {
+        switch (key) {
+            case 'name':
+                fieldErrors.name || (fieldErrors.name = validateName(payload.name, formatMessage));
+                if (fieldErrors.name) {
+                    isValid = false;
+                }
+                break;
+            case 'email': {
+                if (!fieldErrors.email) {
+                    const { fieldError, confirmEmailError, suggestion, } = validateEmail(payload.email, configurableFormFields === null || configurableFormFields === void 0 ? void 0 : configurableFormFields.confirm_email, formatMessage);
+                    if (fieldError) {
+                        fieldErrors.email = fieldError;
+                        isValid = false;
+                    }
+                    if (confirmEmailError) {
+                        fieldErrors.confirm_email = confirmEmailError;
+                        isValid = false;
+                    }
+                    emailSuggestion = suggestion;
+                }
+                if (fieldErrors.email) {
+                    isValid = false;
+                }
+                break;
+            }
+            case 'username':
+                fieldErrors.username || (fieldErrors.username = validateUsername(payload.username, formatMessage));
+                if (fieldErrors.username) {
+                    isValid = false;
+                }
+                break;
+            case 'password':
+                fieldErrors.password || (fieldErrors.password = validatePasswordField(payload.password, formatMessage));
+                if (fieldErrors.password) {
+                    isValid = false;
+                }
+                break;
+            default:
+                break;
+        }
+    });
+    // Don't validate when country field is optional or hidden and not present on registration form
+    if ((configurableFormFields === null || configurableFormFields === void 0 ? void 0 : configurableFormFields.country) && !((_a = configurableFormFields.country) === null || _a === void 0 ? void 0 : _a.displayValue)) {
+        fieldErrors.country = formatMessage(messages['empty.country.field.error']);
+        isValid = false;
+    }
+    else if ((configurableFormFields === null || configurableFormFields === void 0 ? void 0 : configurableFormFields.country) && !((_b = configurableFormFields.country) === null || _b === void 0 ? void 0 : _b.countryCode)) {
+        fieldErrors.country = formatMessage(messages['invalid.country.field.error']);
+        isValid = false;
+    }
+    Object.keys(fieldDescriptions).forEach(key => {
+        var _a;
+        if (key === 'country' && !((_a = configurableFormFields === null || configurableFormFields === void 0 ? void 0 : configurableFormFields.country) === null || _a === void 0 ? void 0 : _a.displayValue)) {
+            fieldErrors[key] = formatMessage(messages['empty.country.field.error']);
+        }
+        else if (!configurableFormFields[key]) {
+            fieldErrors[key] = fieldDescriptions[key].error_message;
+        }
+        if (fieldErrors[key]) {
+            isValid = false;
+        }
+    });
+    return { isValid, fieldErrors, emailSuggestion };
+};
+/**
+ * It prepares a payload for registration data that can be passed to registration API endpoint.
+ * @param initPayload
+ * @param configurableFormFields
+ * @param showMarketingEmailOptInCheckbox
+ * @param totalRegistrationTime
+ * @param queryParams
+ * @returns {*}
+ */
+export const prepareRegistrationPayload = (initPayload, configurableFormFields, showMarketingEmailOptInCheckbox, totalRegistrationTime, queryParams) => {
+    let payload = Object.assign({}, initPayload);
+    Object.keys(configurableFormFields).forEach((fieldName) => {
+        if (fieldName === 'country') {
+            payload[fieldName] = configurableFormFields[fieldName].countryCode;
+        }
+        else {
+            payload[fieldName] = configurableFormFields[fieldName];
+        }
+    });
+    // Don't send the marketing email opt-in value if the flag is turned off
+    if (!showMarketingEmailOptInCheckbox) {
+        delete payload.marketingEmailsOptIn;
+    }
+    payload.totalRegistrationTime = totalRegistrationTime;
+    payload = snakeCaseObject(payload);
+    // add query params to the payload
+    payload = Object.assign(Object.assign({}, payload), queryParams);
+    return payload;
+};
+//# sourceMappingURL=utils.js.map