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

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

@@ -1 +1 @@
-{"version":3,"file":"UsernameField.js","sourceRoot":"","sources":["../../../../src/register/RegistrationFields/UsernameField/UsernameField.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EACL,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,gBAAgB,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;GAWG;AACH,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,iBAAiB,GAClB,GAAG,KAAK,CAAC;IAEV,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,oBAAoB,GAAG,IAAI,CAAC;IAChC,IAAI,UAAU,GAAG,IAAI,CAAC;IACtB,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACrF,MAAM,wBAAwB,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IAE/F;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YACzC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACzC,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAC7D,IAAI,UAAU,EAAE,CAAC;YACf,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC5C,CAAC;aAAM,IAAI,CAAC,wBAAwB,EAAE,CAAC;YACrC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;QAC/B,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,QAAQ,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACvC,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC;QACD,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;QAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;QACrC,4EAA4E;QAC5E,yEAAyE;QACzE,yCAAyC;QACzC,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5D,CAAC;QACD,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAClC,QAAQ,CAAC,6BAA6B,CAAC,UAAU,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,EAAE;QACvD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;QACjD,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,6BAA6B;QAChG,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,6BAA6B,GAAG,GAAG,EAAE;QACzC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;QACtF,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,eAAK,SAAS,EAAE,SAAS,aACvB,eAAM,SAAS,EAAC,sCAAsC,YAAE,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC,GAAQ,EACjI,cAAK,SAAS,EAAC,uCAAuC,YACnD,mBAAmB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,6CAA6C,EACvD,YAAY,EAAE,KAAK,CAAC,YAAY,EAEhC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,EAAE,QAAQ,CAAC,YAEjD,QAAQ,IAHJ,cAAc,KAAK,CAAC,QAAQ,EAAE,EAAE,CAI9B,CACV,CAAC,GACE,EACL,UAAU,IACP,CACP,CAAC;IAEF,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;QACpE,SAAS,GAAG,6BAA6B,CAAC;QAC1C,UAAU,GAAG,KAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,6BAA6B,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,qCAAqC,GAAG,CAAC;QAC5L,oBAAoB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,CAAC;SAAM,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;QAC3D,SAAS,GAAG,gDAAgD,CAAC;QAC7D,UAAU,GAAG,KAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,6BAA6B,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,qCAAqC,GAAG,CAAC;QAC5L,oBAAoB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,CAAC;SAAM,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,EAAE,CAAC;QAC1D,oBAAoB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,CAAC;IACD,OAAO,CACL,KAAC,SAAS,oBACJ,KAAK,IACT,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,aAAa,EAC1B,UAAU,EAAE,YAAY,YAEvB,oBAAoB,IACX,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACvC,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC5C,YAAY,EAAE,SAAS,CAAC,MAAM;IAC9B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,YAAY,EAAE,SAAS,CAAC,MAAM;CAC/B,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, Icon, IconButton } from '@openedx/paragon';\nimport { Close } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport { FormGroup } from '../../../common-components';\nimport {\n  clearRegistrationBackendError,\n  clearUsernameSuggestions,\n  fetchRealtimeValidations,\n} from '../../data/actions';\nimport messages from '../../messages';\nimport validateUsername from './validator';\n\n/**\n * Username field wrapper. It accepts following handlers\n * - handleChange for setting value change and\n * - handleErrorChange for setting error\n *\n * It is responsible for\n * - Rendering username suggestions\n * - Setting and clearing username suggestions\n * - Performing username field validations\n * - clearing error on focus\n * - setting value on change\n */\nconst UsernameField = (props) => {\n  const { formatMessage } = useIntl();\n  const dispatch = useDispatch();\n\n  const {\n    value,\n    errorMessage,\n    handleChange,\n    handleErrorChange,\n  } = props;\n\n  let className = '';\n  let suggestedUsernameDiv = null;\n  let iconButton = null;\n  const usernameSuggestions = useSelector(state => state.register.usernameSuggestions);\n  const validationApiRateLimited = useSelector(state => state.register.validationApiRateLimited);\n\n  /**\n   * We need to remove the placeholder from the field, adding a space will do that.\n   * This is needed because we are placing the username suggestions on top of the field.\n   */\n  useEffect(() => {\n    if (usernameSuggestions.length && !value) {\n      handleChange({ target: { name: 'username', value: ' ' } });\n    }\n  }, [handleChange, usernameSuggestions, value]);\n\n  const handleOnBlur = (event) => {\n    const { value: username } = event.target;\n    const fieldError = validateUsername(username, formatMessage);\n    if (fieldError) {\n      handleErrorChange('username', fieldError);\n    } else if (!validationApiRateLimited) {\n      dispatch(fetchRealtimeValidations({ username }));\n    }\n  };\n\n  const handleOnChange = (event) => {\n    let username = event.target.value;\n    if (username.length > 30) {\n      return;\n    }\n    if (event.target.value.startsWith(' ')) {\n      username = username.trim();\n    }\n    handleChange({ target: { name: 'username', value: username } });\n  };\n\n  const handleOnFocus = (event) => {\n    const username = event.target.value;\n    dispatch(clearUsernameSuggestions());\n    // If we added a space character to username field to display the suggestion\n    // remove it before user enters the input. This is to ensure user doesn't\n    // have a space prefixed to the username.\n    if (username === ' ') {\n      handleChange({ target: { name: 'username', value: '' } });\n    }\n    handleErrorChange('username', '');\n    dispatch(clearRegistrationBackendError('username'));\n  };\n\n  const handleSuggestionClick = (event, suggestion = '') => {\n    event.preventDefault();\n    handleErrorChange('username', ''); // clear error\n    handleChange({ target: { name: 'username', value: suggestion } }); // to set suggestion as value\n    dispatch(clearUsernameSuggestions());\n  };\n\n  const handleUsernameSuggestionClose = () => {\n    handleChange({ target: { name: 'username', value: '' } }); // to remove space in field\n    dispatch(clearUsernameSuggestions());\n  };\n\n  const suggestedUsernames = () => (\n    <div className={className}>\n      <span className=\"text-gray username-suggestion--label\">{formatMessage(messages['registration.username.suggestion.label'])}</span>\n      <div className=\"username-scroll-suggested--form-field\">\n        {usernameSuggestions.map((username, index) => (\n          <Button\n            type=\"button\"\n            name=\"username\"\n            variant=\"outline-dark\"\n            className=\"username-suggestions--chip data-hj-suppress\"\n            autoComplete={props.autoComplete}\n            key={`suggestion-${index.toString()}`}\n            onClick={(e) => handleSuggestionClick(e, username)}\n          >\n            {username}\n          </Button>\n        ))}\n      </div>\n      {iconButton}\n    </div>\n  );\n\n  if (usernameSuggestions.length > 0 && errorMessage && value === ' ') {\n    className = 'username-suggestions__error';\n    iconButton = <IconButton src={Close} iconAs={Icon} alt=\"Close\" onClick={() => handleUsernameSuggestionClose()} variant=\"black\" size=\"sm\" className=\"username-suggestions__close__button\" />;\n    suggestedUsernameDiv = suggestedUsernames();\n  } else if (usernameSuggestions.length > 0 && value === ' ') {\n    className = 'username-suggestions d-flex align-items-center';\n    iconButton = <IconButton src={Close} iconAs={Icon} alt=\"Close\" onClick={() => handleUsernameSuggestionClose()} variant=\"black\" size=\"sm\" className=\"username-suggestions__close__button\" />;\n    suggestedUsernameDiv = suggestedUsernames();\n  } else if (usernameSuggestions.length > 0 && errorMessage) {\n    suggestedUsernameDiv = suggestedUsernames();\n  }\n  return (\n    <FormGroup\n      {...props}\n      handleChange={handleOnChange}\n      handleFocus={handleOnFocus}\n      handleBlur={handleOnBlur}\n    >\n      {suggestedUsernameDiv}\n    </FormGroup>\n  );\n};\n\nUsernameField.defaultProps = {\n  errorMessage: '',\n  autoComplete: null,\n};\n\nUsernameField.propTypes = {\n  handleChange: PropTypes.func.isRequired,\n  handleErrorChange: PropTypes.func.isRequired,\n  errorMessage: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string.isRequired,\n  autoComplete: PropTypes.string,\n};\n\nexport default UsernameField;\n"]}
+{"version":3,"file":"UsernameField.js","sourceRoot":"","sources":["../../../../src/register/RegistrationFields/UsernameField/UsernameField.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, Icon, IconButton } from '@openedx/paragon';\nimport { Close } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport validateUsername from './validator';\nimport { FormGroup } from '../../../common-components';\nimport { useRegisterContext } from '../../components/RegisterContext';\nimport { useFieldValidations } from '../../data/apiHook';\nimport messages from '../../messages';\n\n/**\n * Username field wrapper. It accepts following handlers\n * - handleChange for setting value change and\n * - handleErrorChange for setting error\n *\n * It is responsible for\n * - Rendering username suggestions\n * - Setting and clearing username suggestions\n * - Performing username field validations\n * - clearing error on focus\n * - setting value on change\n */\nconst UsernameField = (props) => {\n  const { formatMessage } = useIntl();\n\n  const {\n    value,\n    errorMessage,\n    handleChange,\n    handleErrorChange,\n  } = props;\n\n  let className = '';\n  let suggestedUsernameDiv = null;\n  let iconButton = null;\n  const {\n    usernameSuggestions,\n    validationApiRateLimited,\n    setValidationsSuccess,\n    setValidationsFailure,\n    clearUsernameSuggestions,\n    clearRegistrationBackendError,\n  } = useRegisterContext();\n\n  const fieldValidationsMutation = useFieldValidations({\n    onSuccess: (data) => {\n      setValidationsSuccess(data);\n    },\n    onError: () => {\n      setValidationsFailure();\n    },\n  });\n\n  /**\n   * We need to remove the placeholder from the field, adding a space will do that.\n   * This is needed because we are placing the username suggestions on top of the field.\n   */\n  useEffect(() => {\n    if (usernameSuggestions.length && !value) {\n      handleChange({ target: { name: 'username', value: ' ' } });\n    }\n  }, [handleChange, usernameSuggestions, value]);\n\n  const handleOnBlur = (event) => {\n    const { value: username } = event.target;\n    const fieldError = validateUsername(username, formatMessage);\n    if (fieldError) {\n      handleErrorChange('username', fieldError);\n    } else if (!validationApiRateLimited) {\n      fieldValidationsMutation.mutate({ username });\n    }\n  };\n\n  const handleOnChange = (event) => {\n    let username = event.target.value;\n    if (username.length > 30) {\n      return;\n    }\n    if (event.target.value.startsWith(' ')) {\n      username = username.trim();\n    }\n    handleChange({ target: { name: 'username', value: username } });\n  };\n\n  const handleOnFocus = (event) => {\n    const username = event.target.value;\n    clearUsernameSuggestions();\n    // If we added a space character to username field to display the suggestion\n    // remove it before user enters the input. This is to ensure user doesn't\n    // have a space prefixed to the username.\n    if (username === ' ') {\n      handleChange({ target: { name: 'username', value: '' } });\n    }\n    handleErrorChange('username', '');\n    clearRegistrationBackendError('username');\n  };\n\n  const handleSuggestionClick = (event, suggestion = '') => {\n    event.preventDefault();\n    handleErrorChange('username', ''); // clear error\n    handleChange({ target: { name: 'username', value: suggestion } }); // to set suggestion as value\n    clearUsernameSuggestions();\n  };\n\n  const handleUsernameSuggestionClose = () => {\n    handleChange({ target: { name: 'username', value: '' } }); // to remove space in field\n    clearUsernameSuggestions();\n  };\n\n  const suggestedUsernames = () => (\n    <div className={className} role=\"listbox\">\n      <span className=\"text-gray username-suggestion--label\">{formatMessage(messages['registration.username.suggestion.label'])}</span>\n      <div className=\"username-scroll-suggested--form-field\">\n        {usernameSuggestions.map((username, index) => (\n          <Button\n            type=\"button\"\n            name=\"username\"\n            variant=\"outline-dark\"\n            className=\"username-suggestions--chip data-hj-suppress\"\n            autoComplete={props.autoComplete}\n            key={`suggestion-${index.toString()}`}\n            tabIndex={0}\n            onClick={(e) => handleSuggestionClick(e, username)}\n            role=\"option\"\n          >\n            {username}\n          </Button>\n        ))}\n      </div>\n      {iconButton}\n    </div>\n  );\n\n  if (usernameSuggestions.length > 0 && errorMessage && value === ' ') {\n    className = 'username-suggestions';\n    iconButton = <IconButton src={Close} iconAs={Icon} alt=\"Close\" onClick={() => handleUsernameSuggestionClose()} variant=\"black\" size=\"sm\" className=\"username-suggestions__close__button\" />;\n    suggestedUsernameDiv = suggestedUsernames();\n  } else if (usernameSuggestions.length > 0 && value === ' ') {\n    className = 'username-suggestions d-flex align-items-center';\n    iconButton = <IconButton src={Close} iconAs={Icon} alt=\"Close\" onClick={() => handleUsernameSuggestionClose()} variant=\"black\" size=\"sm\" className=\"username-suggestions__close__button\" />;\n    suggestedUsernameDiv = suggestedUsernames();\n  } else if (usernameSuggestions.length > 0 && errorMessage) {\n    suggestedUsernameDiv = suggestedUsernames();\n  }\n  return (\n    <div className=\"username__form-group-wrapper\">\n      {suggestedUsernameDiv}\n      <FormGroup\n        {...props}\n        handleChange={handleOnChange}\n        handleFocus={handleOnFocus}\n        handleBlur={handleOnBlur}\n      />\n    </div>\n  );\n};\n\nUsernameField.defaultProps = {\n  errorMessage: '',\n  autoComplete: null,\n};\n\nUsernameField.propTypes = {\n  handleChange: PropTypes.func.isRequired,\n  handleErrorChange: PropTypes.func.isRequired,\n  errorMessage: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string.isRequired,\n  autoComplete: PropTypes.string,\n};\n\nexport default UsernameField;\n"]}

package/dist/register/RegistrationPage.d.ts

@@ -1,6 +1,6 @@
 export default RegistrationPage;
 /**
- * Main Registration Page component
+ * Inner Registration Page component that uses the context
  */
 declare function RegistrationPage(props: any): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RegistrationPage {

package/dist/register/RegistrationPage.js

@@ -1,32 +1,49 @@
+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 { useDispatch, useSelector } from 'react-redux';
-import { useAppConfig, getSiteConfig, sendPageEvent, sendTrackEvent, useIntl } from '@openedx/frontend-base';
+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 { InstitutionLogistration, PasswordField, RedirectLogistration, ThirdPartyAuthAlert, } from '../common-components';
-import { getThirdPartyAuthContext as getRegistrationDataFromBackend } from '../common-components/data/actions';
-import EnterpriseSSO from '../common-components/EnterpriseSSO';
-import ThirdPartyAuth from '../common-components/ThirdPartyAuth';
-import { COMPLETE_STATE, PENDING_STATE, REGISTER_PAGE, } from '../data/constants';
-import { getAllPossibleQueryParams, getTpaHint, getTpaProvider, isHostAvailableInQueryParams, setCookie, } from '../data/utils';
 import ConfigurableRegistrationForm from './components/ConfigurableRegistrationForm';
+import { useRegisterContext } from './components/RegisterContext';
 import RegistrationFailure from './components/RegistrationFailure';
-import { backupRegistrationFormBegin, clearRegistrationBackendError, registerNewUser, setEmailSuggestionInStore, setUserPipelineDataLoaded, } from './data/actions';
+import { useFieldValidations, useRegistration } from './data/apiHook';
 import { FORM_SUBMISSION_ERROR, TPA_AUTHENTICATION_FAILURE, } from './data/constants';
-import getBackendValidations from './data/selectors';
 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';
 /**
- * Main Registration Page component
+ * Inner Registration Page component that uses the context
  */
 const RegistrationPage = (props) => {
+    var _a;
     const { formatMessage } = useIntl();
-    const dispatch = useDispatch();
+    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;
@@ -35,26 +52,31 @@ const RegistrationPage = (props) => {
         showMarketingEmailOptInCheckbox: MARKETING_EMAILS_OPT_IN,
         autoGeneratedUsernameEnabled: ENABLE_AUTO_GENERATED_USERNAME,
     };
-    const backedUpFormData = useSelector(state => state.register.registrationFormData);
-    const registrationError = useSelector(state => state.register.registrationError);
-    const registrationErrorCode = registrationError === null || registrationError === void 0 ? void 0 : registrationError.errorCode;
-    const registrationResult = useSelector(state => state.register.registrationResult);
-    const shouldBackupState = useSelector(state => state.register.shouldBackupState);
-    const userPipelineDataLoaded = useSelector(state => state.register.userPipelineDataLoaded);
-    const submitState = useSelector(state => state.register.submitState);
-    const fieldDescriptions = useSelector(state => state.commonComponents.fieldDescriptions);
-    const optionalFields = useSelector(state => state.commonComponents.optionalFields);
-    const thirdPartyAuthApiStatus = useSelector(state => state.commonComponents.thirdPartyAuthApiStatus);
-    const autoSubmitRegForm = useSelector(state => state.commonComponents.thirdPartyAuthContext.autoSubmitRegForm);
-    const thirdPartyAuthErrorMessage = useSelector(state => state.commonComponents.thirdPartyAuthContext.errorMessage);
-    const finishAuthUrl = useSelector(state => state.commonComponents.thirdPartyAuthContext.finishAuthUrl);
-    const currentProvider = useSelector(state => state.commonComponents.thirdPartyAuthContext.currentProvider);
-    const providers = useSelector(state => state.commonComponents.thirdPartyAuthContext.providers);
-    const secondaryProviders = useSelector(state => state.commonComponents.thirdPartyAuthContext.secondaryProviders);
-    const pipelineUserDetails = useSelector(state => state.commonComponents.thirdPartyAuthContext.pipelineUserDetails);
-    const backendValidations = useSelector(getBackendValidations);
+    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));
@@ -77,7 +99,7 @@ const RegistrationPage = (props) => {
             if (pipelineUserDetails && Object.keys(pipelineUserDetails).length !== 0) {
                 const { name = '', username = '', email = '' } = pipelineUserDetails;
                 setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { name, username, email })));
-                dispatch(setUserPipelineDataLoaded(true));
+                setUserPipelineDataLoaded(true);
             }
         }
     }, [
@@ -86,25 +108,30 @@ const RegistrationPage = (props) => {
         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');
-            const payload = Object.assign(Object.assign({}, queryParams), { is_register_page: true });
-            if (tpaHint) {
-                payload.tpa_hint = tpaHint;
-            }
-            dispatch(getRegistrationDataFromBackend(payload));
+            setThirdPartyAuthContextBegin();
             setFormStartTime(Date.now());
         }
-    }, [dispatch, formStartTime, queryParams, tpaHint]);
-    /**
-     * Backup the registration form in redux when register page is toggled.
-     */
-    useEffect(() => {
-        if (shouldBackupState) {
-            dispatch(backupRegistrationFormBegin(Object.assign(Object.assign({}, backedUpFormData), { configurableFormFields: Object.assign({}, configurableFormFields), formFields: Object.assign({}, formFields), errors: Object.assign({}, errors) })));
+        if (formStartTime) {
+            if (isSuccess && data) {
+                setThirdPartyAuthContextSuccess(data.fieldDescriptions, data.optionalFields, data.thirdPartyAuthContext);
+                setBackendCountryCode(data.thirdPartyAuthContext.countryCode);
+            }
+            if (error) {
+                setThirdPartyAuthContextFailure();
+            }
         }
-    }, [shouldBackupState, configurableFormFields, formFields, errors, dispatch, backedUpFormData]);
+    }, [formStartTime, isSuccess, data, error,
+        setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess,
+        setBackendCountryCode, setThirdPartyAuthContextFailure]);
+    // Handle backend validation errors from context
     useEffect(() => {
         if (backendValidations) {
             if (registrationEmbedded) {
@@ -127,25 +154,37 @@ const RegistrationPage = (props) => {
             // This is used by the "User Retention Rate Event" on GTM
             setCookie(USER_RETENTION_COOKIE_NAME, true, SESSION_COOKIE_DOMAIN);
         }
-    }, [registrationResult]);
+    }, [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 (registrationError[name]) {
-            dispatch(clearRegistrationBackendError(name));
+        if (backendRegistrationError[name]) {
+            clearRegistrationBackendError(name);
+        }
+        // Clear context registration errors
+        if (registrationError.errorCode) {
+            setRegistrationError({});
         }
         setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: '' })));
-        setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { [name]: value })));
+        // 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, error) => {
+    const handleErrorChange = (fieldName, errorMessage) => {
         if (registrationEmbedded) {
-            setTemporaryErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: error })));
-            if (error === '' && errors[fieldName] !== '') {
-                setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: error })));
+            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]: error })));
+            setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [fieldName]: errorMessage })));
         }
     };
     const registerUser = () => {
@@ -161,7 +200,12 @@ const RegistrationPage = (props) => {
         // Validating form data before submitting
         const { isValid, fieldErrors, emailSuggestion } = isFormValid(payload, registrationEmbedded ? temporaryErrors : errors, configurableFormFields, fieldDescriptions, formatMessage);
         setErrors(Object.assign({}, fieldErrors));
-        dispatch(setEmailSuggestionInStore(emailSuggestion));
+        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 }));
@@ -169,8 +213,8 @@ const RegistrationPage = (props) => {
         }
         // Preparing payload for submission
         payload = prepareRegistrationPayload(payload, configurableFormFields, flags.showMarketingEmailOptInCheckbox, totalRegistrationTime, queryParams);
-        // making register call
-        dispatch(registerNewUser(payload));
+        // making register call with React Query
+        registrationMutation.mutate(payload);
     };
     const handleSubmit = (e) => {
         e.preventDefault();
@@ -185,7 +229,7 @@ const RegistrationPage = (props) => {
         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: REGISTER_PAGE }), _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']) })), _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: {
+        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 }))] })] }))] }));
@@ -205,7 +249,6 @@ const RegistrationPage = (props) => {
 };
 RegistrationPage.propTypes = {
     institutionLogin: PropTypes.bool,
-    // Actions
     handleInstitutionLogin: PropTypes.func,
 };
 RegistrationPage.defaultProps = {

package/dist/register/RegistrationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationPage.js","sourceRoot":"","sources":["../../src/register/RegistrationPage.jsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect, useMemo, useState,\n} from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport {\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 {\n  InstitutionLogistration,\n  PasswordField,\n  RedirectLogistration,\n  ThirdPartyAuthAlert,\n} from '../common-components';\nimport { getThirdPartyAuthContext as getRegistrationDataFromBackend } from '../common-components/data/actions';\nimport EnterpriseSSO from '../common-components/EnterpriseSSO';\nimport ThirdPartyAuth from '../common-components/ThirdPartyAuth';\nimport {\n  COMPLETE_STATE, PENDING_STATE, REGISTER_PAGE,\n} from '../data/constants';\nimport {\n  getAllPossibleQueryParams, getTpaHint, getTpaProvider, isHostAvailableInQueryParams, setCookie,\n} from '../data/utils';\nimport ConfigurableRegistrationForm from './components/ConfigurableRegistrationForm';\nimport RegistrationFailure from './components/RegistrationFailure';\nimport {\n  backupRegistrationFormBegin,\n  clearRegistrationBackendError,\n  registerNewUser,\n  setEmailSuggestionInStore,\n  setUserPipelineDataLoaded,\n} from './data/actions';\nimport {\n  FORM_SUBMISSION_ERROR,\n  TPA_AUTHENTICATION_FAILURE,\n} from './data/constants';\nimport getBackendValidations from './data/selectors';\nimport {\n  isFormValid, prepareRegistrationPayload,\n} from './data/utils';\nimport messages from './messages';\nimport { EmailField, NameField, UsernameField } from './RegistrationFields';\n\n/**\n * Main Registration Page component\n */\nconst RegistrationPage = (props) => {\n  const { formatMessage } = useIntl();\n  const dispatch = useDispatch();\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 backedUpFormData = useSelector(state => state.register.registrationFormData);\n  const registrationError = useSelector(state => state.register.registrationError);\n  const registrationErrorCode = registrationError?.errorCode;\n  const registrationResult = useSelector(state => state.register.registrationResult);\n  const shouldBackupState = useSelector(state => state.register.shouldBackupState);\n  const userPipelineDataLoaded = useSelector(state => state.register.userPipelineDataLoaded);\n  const submitState = useSelector(state => state.register.submitState);\n\n  const fieldDescriptions = useSelector(state => state.commonComponents.fieldDescriptions);\n  const optionalFields = useSelector(state => state.commonComponents.optionalFields);\n  const thirdPartyAuthApiStatus = useSelector(state => state.commonComponents.thirdPartyAuthApiStatus);\n  const autoSubmitRegForm = useSelector(state => state.commonComponents.thirdPartyAuthContext.autoSubmitRegForm);\n  const thirdPartyAuthErrorMessage = useSelector(state => state.commonComponents.thirdPartyAuthContext.errorMessage);\n  const finishAuthUrl = useSelector(state => state.commonComponents.thirdPartyAuthContext.finishAuthUrl);\n  const currentProvider = useSelector(state => state.commonComponents.thirdPartyAuthContext.currentProvider);\n  const providers = useSelector(state => state.commonComponents.thirdPartyAuthContext.providers);\n  const secondaryProviders = useSelector(state => state.commonComponents.thirdPartyAuthContext.secondaryProviders);\n  const pipelineUserDetails = useSelector(state => state.commonComponents.thirdPartyAuthContext.pipelineUserDetails);\n\n  const backendValidations = useSelector(getBackendValidations);\n  const queryParams = useMemo(() => getAllPossibleQueryParams(), []);\n  const tpaHint = useMemo(() => getTpaHint(), []);\n\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\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        dispatch(setUserPipelineDataLoaded(true));\n      }\n    }\n  }, [ // eslint-disable-line react-hooks/exhaustive-deps\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthErrorMessage,\n    pipelineUserDetails,\n    userPipelineDataLoaded,\n  ]);\n\n  useEffect(() => {\n    if (!formStartTime) {\n      sendPageEvent('login_and_registration', 'register');\n      const payload = { ...queryParams, is_register_page: true };\n      if (tpaHint) {\n        payload.tpa_hint = tpaHint;\n      }\n      dispatch(getRegistrationDataFromBackend(payload));\n      setFormStartTime(Date.now());\n    }\n  }, [dispatch, formStartTime, queryParams, tpaHint]);\n\n  /**\n   * Backup the registration form in redux when register page is toggled.\n   */\n  useEffect(() => {\n    if (shouldBackupState) {\n      dispatch(backupRegistrationFormBegin({\n        ...backedUpFormData,\n        configurableFormFields: { ...configurableFormFields },\n        formFields: { ...formFields },\n        errors: { ...errors },\n      }));\n    }\n  }, [shouldBackupState, configurableFormFields, formFields, errors, dispatch, backedUpFormData]);\n\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]);\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 (registrationError[name]) {\n      dispatch(clearRegistrationBackendError(name));\n    }\n    setErrors(prevErrors => ({ ...prevErrors, [name]: '' }));\n    setFormFields(prevState => ({ ...prevState, [name]: value }));\n  };\n\n  const handleErrorChange = (fieldName, error) => {\n    if (registrationEmbedded) {\n      setTemporaryErrors(prevErrors => ({\n        ...prevErrors,\n        [fieldName]: error,\n      }));\n      if (error === '' && errors[fieldName] !== '') {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          [fieldName]: error,\n        }));\n      }\n    } else {\n      setErrors(prevErrors => ({\n        ...prevErrors,\n        [fieldName]: error,\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    dispatch(setEmailSuggestionInStore(emailSuggestion));\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\n    // making register call\n    dispatch(registerNewUser(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={REGISTER_PAGE}\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                />\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\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  // Actions\n  handleInstitutionLogin: PropTypes.func,\n};\n\nRegistrationPage.defaultProps = {\n  handleInstitutionLogin: null,\n  institutionLogin: false,\n};\n\nexport default RegistrationPage;\n"]}
+{"version":3,"file":"RegistrationPage.js","sourceRoot":"","sources":["../../src/register/RegistrationPage.jsx"],"names":[],"mappings":"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","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/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 {};