fix: Manage imports eslint [VAN-48]

src/MainApp.jsx

@@ -1,16 +1,16 @@
 import React from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
 
 import { getConfig } from '@edx/frontend-platform';
 import { AppProvider } from '@edx/frontend-platform/react';
+import { Redirect, Route, Switch } from 'react-router-dom';
 
 import {
-  UnAuthOnlyRoute, registerIcons, NotFoundPage, Logistration,
+  Logistration, NotFoundPage, registerIcons, UnAuthOnlyRoute,
 } from './common-components';
-import {
-  LOGIN_PAGE, PAGE_NOT_FOUND, REGISTER_PAGE, RESET_PAGE, PASSWORD_RESET_CONFIRM, WELCOME_PAGE,
-} from './data/constants';
 import configureStore from './data/configureStore';
+import {
+  LOGIN_PAGE, PAGE_NOT_FOUND, PASSWORD_RESET_CONFIRM, REGISTER_PAGE, RESET_PAGE, WELCOME_PAGE,
+} from './data/constants';
 import { updatePathWithQueryParams } from './data/utils';
 import ForgotPasswordPage from './forgot-password';
 import ResetPasswordPage from './reset-password';

src/base-component/AuthExtraLargeLayout.jsx

@@ -1,13 +1,12 @@
 import React from 'react';
 
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Col, Hyperlink, Image, Row,
 } from '@edx/paragon';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 
 import messages from './messages';
 

src/base-component/AuthMediumLayout.jsx

@@ -1,12 +1,11 @@
 import React from 'react';
 
-import PropTypes from 'prop-types';
-
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getConfig } from '@edx/frontend-platform';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Col, Hyperlink, Image, Row,
 } from '@edx/paragon';
+import PropTypes from 'prop-types';
 
 import messages from './messages';
 

src/base-component/AuthSmallLayout.jsx

@@ -1,13 +1,12 @@
 import React from 'react';
 
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Col, Hyperlink, Image, Row,
 } from '@edx/paragon';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
 
 import messages from './messages';
 

src/base-component/BaseComponent.jsx

@@ -1,21 +1,20 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
+
+import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
+import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
+import { getLocale } from '@edx/frontend-platform/i18n';
+import { breakpoints } from '@edx/paragon';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-
-import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import MediaQuery from 'react-responsive';
-import { breakpoints } from '@edx/paragon';
-import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
-import { getLocale } from '@edx/frontend-platform/i18n';
-
-import LargeLayout from './LargeLayout';
-import MediumLayout from './MediumLayout';
-import SmallLayout from './SmallLayout';
 
 import AuthExtraLargeLayout from './AuthExtraLargeLayout';
 import AuthMediumLayout from './AuthMediumLayout';
 import AuthSmallLayout from './AuthSmallLayout';
 import DiscountExperimentBanner from './DiscountBanner';
+import LargeLayout from './LargeLayout';
+import MediumLayout from './MediumLayout';
+import SmallLayout from './SmallLayout';
 
 const BaseComponent = ({ children, isRegistrationPage, showWelcomeBanner }) => {
   const authenticatedUser = showWelcomeBanner ? getAuthenticatedUser() : null;

src/base-component/DiscountBanner.jsx

@@ -1,12 +1,11 @@
 import React, { useState } from 'react';
 
-import ClipboardJS from 'clipboard';
-
-import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
+import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { PageBanner, Toast } from '@edx/paragon';
 import { faCut } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import ClipboardJS from 'clipboard';
 
-import { Toast, PageBanner } from '@edx/paragon';
 import messages from './messages';
 
 const DiscountExperimentBanner = (props) => {

src/base-component/LargeLayout.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
 import { Hyperlink, Image } from '@edx/paragon';
+import PropTypes from 'prop-types';
 
 import LargeScreenLeftLayout from './LargeLeftLayout';
 

src/base-component/LargeLeftLayout.jsx

@@ -1,15 +1,13 @@
 import React, { useState } from 'react';
 
-import classNames from 'classnames';
-
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getConfig } from '@edx/frontend-platform';
-import PropTypes from 'prop-types';
-import ClipboardJS from 'clipboard';
-
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Toast } from '@edx/paragon';
 import { faCut } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Toast } from '@edx/paragon';
+import classNames from 'classnames';
+import ClipboardJS from 'clipboard';
+import PropTypes from 'prop-types';
 
 import messages from './messages';
 import SideDiscountBanner from './SideDiscountBanner';

src/base-component/MediumLayout.jsx

@@ -1,16 +1,14 @@
 import React, { useState } from 'react';
 
-import classNames from 'classnames';
-
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getConfig } from '@edx/frontend-platform';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image, Toast } from '@edx/paragon';
-import PropTypes from 'prop-types';
-
-import ClipboardJS from 'clipboard';
-
 import { faCut } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import ClipboardJS from 'clipboard';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 import SideDiscountBanner from './SideDiscountBanner';
 

src/base-component/SmallLayout.jsx

@@ -1,17 +1,14 @@
 import React, { useState } from 'react';
 
-import classNames from 'classnames';
-
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getConfig } from '@edx/frontend-platform';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image, Toast } from '@edx/paragon';
-
-import PropTypes from 'prop-types';
-
-import ClipboardJS from 'clipboard';
-
 import { faCut } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import ClipboardJS from 'clipboard';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 import SideDiscountBanner from './SideDiscountBanner';
 

src/base-component/tests/BaseComponent.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import { mount } from 'enzyme';
+
 import { IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
 
 import LargeLayout from '../LargeLayout';
 import MediumLayout from '../MediumLayout';

src/common-components/EnterpriseSSO.jsx

@@ -1,14 +1,13 @@
 import React from 'react';
 
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
-import { faSignInAlt } from '@fortawesome/free-solid-svg-icons';
-
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
-  Form, Button,
+  Button, Form,
 } from '@edx/paragon';
+import { faSignInAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import PropTypes from 'prop-types';
 
 import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';
 import messages from './messages';

src/common-components/InstitutionLogistration.jsx

@@ -1,9 +1,11 @@
 import React from 'react';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+
 import { getConfig } from '@edx/frontend-platform';
-import PropTypes from 'prop-types';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Button, Hyperlink, Icon } from '@edx/paragon';
 import { Institution } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 
 export const RenderInstitutionButton = props => {

src/common-components/Logistration.jsx

@@ -1,24 +1,24 @@
 import React, { useEffect, useState } from 'react';
+
+import { getConfig } from '@edx/frontend-platform';
+import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
+import { getAuthService } from '@edx/frontend-platform/auth';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import {
+  Icon,
+  Tab,
+  Tabs,
+} from '@edx/paragon';
+import { ChevronLeft } from '@edx/paragon/icons';
 import PropTypes from 'prop-types';
 import { Redirect } from 'react-router-dom';
 
-import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { getConfig } from '@edx/frontend-platform';
-import { getAuthService } from '@edx/frontend-platform/auth';
-import {
-  Tabs,
-  Tab,
-  Icon,
-} from '@edx/paragon';
-import { ChevronLeft } from '@edx/paragon/icons';
-
-import messages from './messages';
+import BaseComponent from '../base-component';
 import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';
-import { updatePathWithQueryParams, getTpaHint } from '../data/utils';
+import { getTpaHint, updatePathWithQueryParams } from '../data/utils';
 import { LoginPage } from '../login';
 import { RegistrationPage } from '../register';
-import BaseComponent from '../base-component';
+import messages from './messages';
 
 const Logistration = (props) => {
   const { intl, selectedPage } = props;

src/common-components/NotFoundPage.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 export default function NotFoundPage() {

src/common-components/PasswordField.jsx

@@ -1,16 +1,16 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
-  Form, IconButton, useToggle, Tooltip, OverlayTrigger, Icon,
+  Form, Icon, IconButton, OverlayTrigger, Tooltip, useToggle,
 } from '@edx/paragon';
 import {
   Check, Remove, Visibility, VisibilityOff,
 } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
 
-import messages from './messages';
 import { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';
+import messages from './messages';
 
 const PasswordField = (props) => {
   const { formatMessage } = props.intl;

src/common-components/RedirectLogistration.jsx

@@ -1,10 +1,9 @@
 import React from 'react';
 
+import { getConfig } from '@edx/frontend-platform';
 import PropTypes from 'prop-types';
 import { Redirect } from 'react-router-dom';
 
-import { getConfig } from '@edx/frontend-platform';
-
 import { WELCOME_PAGE } from '../data/constants';
 import { setCookie } from '../data/utils';
 

src/common-components/SocialAuthProviders.jsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSignInAlt } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import PropTypes from 'prop-types';
 
-import messages from './messages';
 import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';
+import messages from './messages';
 
 function SocialAuthProviders(props) {
   const { intl, referrer, socialAuthProviders } = props;

src/common-components/SwitchContent.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { TransitionReplace } from '@edx/paragon';
+import PropTypes from 'prop-types';
 
 const onChildExit = (htmlNode) => {
   // If the leaving child has focus, take control and redirect it

src/common-components/ThirdPartyAuthAlert.jsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert } from '@edx/paragon';
+import PropTypes from 'prop-types';
 
-import messages from './messages';
 import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';
+import messages from './messages';
 
 const ThirdPartyAuthAlert = (props) => {
   const { currentProvider, intl, referrer } = props;

src/common-components/UnAuthOnlyRoute.jsx

@@ -1,7 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Route } from 'react-router-dom';
+
 import { getConfig } from '@edx/frontend-platform';
 import { fetchAuthenticatedUser, getAuthenticatedUser } from '@edx/frontend-platform/auth';
+import { Route } from 'react-router-dom';
+
 import { DEFAULT_REDIRECT_URL } from '../data/constants';
 
 /**

src/common-components/data/reducers.js

@@ -1,7 +1,6 @@
+import { COMPLETE_STATE, PENDING_STATE } from '../../data/constants';
 import { THIRD_PARTY_AUTH_CONTEXT } from './actions';
 
-import { PENDING_STATE, COMPLETE_STATE } from '../../data/constants';
-
 export const defaultState = {
   extendedProfile: [],
   fieldDescriptions: {},

src/common-components/data/sagas.js

@@ -1,16 +1,12 @@
+import { logError } from '@edx/frontend-platform/logging';
 import { call, put, takeEvery } from 'redux-saga/effects';
 
-import { logError } from '@edx/frontend-platform/logging';
-
-// Actions
 import {
-  THIRD_PARTY_AUTH_CONTEXT,
   getThirdPartyAuthContextBegin,
-  getThirdPartyAuthContextSuccess,
   getThirdPartyAuthContextFailure,
+  getThirdPartyAuthContextSuccess,
+  THIRD_PARTY_AUTH_CONTEXT,
 } from './actions';
-
-// Services
 import {
   getThirdPartyAuthContext,
 } from './service';

src/common-components/data/tests/sagas.test.js

@@ -1,9 +1,9 @@
 import { runSaga } from 'redux-saga';
 
+import initializeMockLogging from '../../../setupTest';
 import * as actions from '../actions';
 import { fetchThirdPartyAuthContext } from '../sagas';
 import * as api from '../service';
-import initializeMockLogging from '../../../setupTest';
 
 const { loggingService } = initializeMockLogging();
 

src/common-components/tests/FormField.test.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
 
 import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { act } from 'react-dom/test-utils';
 
 import FormGroup from '../FormGroup';
 import PasswordField from '../PasswordField';

src/common-components/tests/Logistration.test.jsx

@@ -1,17 +1,17 @@
 import React from 'react';
-import { mount } from 'enzyme';
-import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
 
 import { getConfig, mergeConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
-import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
-
 import * as auth from '@edx/frontend-platform/auth';
-import Logistration from '../Logistration';
-import { RenderInstitutionButton } from '../InstitutionLogistration';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+
 import { COMPLETE_STATE, LOGIN_PAGE } from '../../data/constants';
+import { RenderInstitutionButton } from '../InstitutionLogistration';
+import Logistration from '../Logistration';
 
 jest.mock('@edx/frontend-platform/analytics');
 jest.mock('@edx/frontend-platform/auth');

src/common-components/tests/SocialAuthProviders.test.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { IntlProvider } from '@edx/frontend-platform/i18n';
 
-import SocialAuthProviders from '../SocialAuthProviders';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import renderer from 'react-test-renderer';
+
 import registerIcons from '../RegisterFaIcons';
+import SocialAuthProviders from '../SocialAuthProviders';
 
 registerIcons();
 

src/common-components/tests/ThirdPartyAuthAlert.test.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { IntlProvider } from '@edx/frontend-platform/i18n';
 
-import ThirdPartyAuthAlert from '../ThirdPartyAuthAlert';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import renderer from 'react-test-renderer';
+
 import { REGISTER_PAGE } from '../../data/constants';
+import ThirdPartyAuthAlert from '../ThirdPartyAuthAlert';
 
 describe('ThirdPartyAuthAlert', () => {
   let props = {};

src/common-components/tests/UnAuthOnlyRoute.test.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
-import { BrowserRouter as Router, MemoryRouter, Switch } from 'react-router-dom';
 
 import * as auth from '@edx/frontend-platform/auth';
+import { mount } from 'enzyme';
+import { MemoryRouter, BrowserRouter as Router, Switch } from 'react-router-dom';
 
 import { UnAuthOnlyRoute } from '..';
 import { LOGIN_PAGE } from '../../data/constants';

src/data/configureStore.js

@@ -1,9 +1,9 @@
 import { getConfig } from '@edx/frontend-platform';
-import { applyMiddleware, createStore, compose } from 'redux';
-import thunkMiddleware from 'redux-thunk';
 import { composeWithDevTools } from '@redux-devtools/extension';
+import { applyMiddleware, compose, createStore } from 'redux';
 import { createLogger } from 'redux-logger';
 import createSagaMiddleware from 'redux-saga';
+import thunkMiddleware from 'redux-thunk';
 
 import createRootReducer from './reducers';
 import rootSaga from './sagas';

src/data/reducers.js

@@ -1,13 +1,5 @@
 import { combineReducers } from 'redux';
 
-import {
-  reducer as loginReducer,
-  storeName as loginStoreName,
-} from '../login';
-import {
-  reducer as registerReducer,
-  storeName as registerStoreName,
-} from '../register';
 import {
   reducer as commonComponentsReducer,
   storeName as commonComponentsStoreName,
@@ -16,11 +8,18 @@ import {
   reducer as forgotPasswordReducer,
   storeName as forgotPasswordStoreName,
 } from '../forgot-password';
+import {
+  reducer as loginReducer,
+  storeName as loginStoreName,
+} from '../login';
+import {
+  reducer as registerReducer,
+  storeName as registerStoreName,
+} from '../register';
 import {
   reducer as resetPasswordReducer,
   storeName as resetPasswordStoreName,
 } from '../reset-password';
-
 import {
   reducer as welcomePageReducers,
   storeName as welcomePageStoreName,

src/data/sagas.js

@@ -1,9 +1,9 @@
 import { all } from 'redux-saga/effects';
 
-import { saga as registrationSaga } from '../register';
-import { saga as loginSaga } from '../login';
 import { saga as commonComponentsSaga } from '../common-components';
 import { saga as forgotPasswordSaga } from '../forgot-password';
+import { saga as loginSaga } from '../login';
+import { saga as registrationSaga } from '../register';
 import { saga as resetPasswordSaga } from '../reset-password';
 import { saga as welcomePageSaga } from '../welcome';
 

src/data/utils/cookies.js

@@ -1,5 +1,5 @@
-import Cookies from 'universal-cookie';
 import { getConfig } from '@edx/frontend-platform';
+import Cookies from 'universal-cookie';
 
 export function setCookie(cookieName, cookieValue, cookieExpiry) {
   const cookies = new Cookies();

src/data/utils/dataUtils.js

@@ -1,6 +1,7 @@
 // Utility functions
 
 import * as QueryString from 'query-string';
+
 import { AUTH_PARAMS } from '../constants';
 
 export default function processLink(link) {

src/data/utils/useMobileResponsive.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 import { breakpoints } from '@edx/paragon';
 

src/field-renderer/FieldRenderer.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import PropTypes from 'prop-types';
 import { Form, Icon } from '@edx/paragon';
 import { ExpandMore } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
 
 const FormFieldRenderer = (props) => {
   let formField = null;

src/field-renderer/tests/FieldRenderer.test.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { mount } from 'enzyme';
 
 import FieldRenderer from '../FieldRenderer';

src/forgot-password/ForgotPasswordAlert.jsx

@@ -1,14 +1,14 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert } from '@edx/paragon';
 import { CheckCircle, Error } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
 
-import messages from './messages';
 import { INTERNAL_SERVER_ERROR } from '../data/constants';
 import { PASSWORD_RESET } from '../reset-password/data/constants';
+import messages from './messages';
 
 const ForgotPasswordAlert = (props) => {
   const { email, emailError, intl } = props;

src/forgot-password/ForgotPasswordPage.jsx

@@ -1,33 +1,31 @@
-import React, { useState, useEffect } from 'react';
-
-import { Formik } from 'formik';
-import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
-import { Helmet } from 'react-helmet';
-import { Redirect } from 'react-router-dom';
 
 import { getConfig } from '@edx/frontend-platform';
 import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Form,
-  StatefulButton,
   Hyperlink,
-  Tabs,
-  Tab,
   Icon,
+  StatefulButton,
+  Tab,
+  Tabs,
 } from '@edx/paragon';
 import { ChevronLeft } from '@edx/paragon/icons';
+import { Formik } from 'formik';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import { Redirect } from 'react-router-dom';
 
-import { forgotPassword } from './data/actions';
-import { forgotPasswordResultSelector } from './data/selectors';
-
-import messages from './messages';
+import BaseComponent from '../base-component';
 import { FormGroup } from '../common-components';
 import { DEFAULT_STATE, LOGIN_PAGE, VALID_EMAIL_REGEX } from '../data/constants';
 import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';
+import { forgotPassword } from './data/actions';
+import { forgotPasswordResultSelector } from './data/selectors';
 import ForgotPasswordAlert from './ForgotPasswordAlert';
-import BaseComponent from '../base-component';
+import messages from './messages';
 
 const ForgotPasswordPage = (props) => {
   const { intl, status, submitState } = props;

src/forgot-password/data/reducers.js

@@ -1,6 +1,6 @@
-import { FORGOT_PASSWORD } from './actions';
 import { INTERNAL_SERVER_ERROR, PENDING_STATE } from '../../data/constants';
 import { PASSWORD_RESET_FAILURE } from '../../reset-password/data/actions';
+import { FORGOT_PASSWORD } from './actions';
 
 export const defaultState = {
   status: '',

src/forgot-password/data/sagas.js

@@ -5,11 +5,10 @@ import { call, put, takeEvery } from 'redux-saga/effects';
 import {
   FORGOT_PASSWORD,
   forgotPasswordBegin,
-  forgotPasswordSuccess,
   forgotPasswordForbidden,
   forgotPasswordServerError,
+  forgotPasswordSuccess,
 } from './actions';
-
 import { forgotPassword } from './service';
 
 // Services

src/forgot-password/data/tests/sagas.test.js

@@ -1,9 +1,9 @@
 import { runSaga } from 'redux-saga';
 
+import initializeMockLogging from '../../../setupTest';
 import * as actions from '../actions';
 import { handleForgotPassword } from '../sagas';
 import * as api from '../service';
-import initializeMockLogging from '../../../setupTest';
 
 const { loggingService } = initializeMockLogging();
 

src/forgot-password/tests/ForgotPasswordPage.test.jsx

@@ -1,21 +1,20 @@
 import React from 'react';
-
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
 import { Provider } from 'react-redux';
-import { MemoryRouter, Router } from 'react-router-dom';
-import configureStore from 'redux-mock-store';
-import { createMemoryHistory } from 'history';
 
-import * as analytics from '@edx/frontend-platform/analytics';
 import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
 import { mergeConfig } from '@edx/frontend-platform';
-import { IntlProvider, injectIntl, configure } from '@edx/frontend-platform/i18n';
-
+import * as analytics from '@edx/frontend-platform/analytics';
 import * as auth from '@edx/frontend-platform/auth';
-import ForgotPasswordPage from '../ForgotPasswordPage';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { createMemoryHistory } from 'history';
+import { act } from 'react-dom/test-utils';
+import { MemoryRouter, Router } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+
 import { INTERNAL_SERVER_ERROR, LOGIN_PAGE } from '../../data/constants';
 import { PASSWORD_RESET } from '../../reset-password/data/constants';
+import ForgotPasswordPage from '../ForgotPasswordPage';
 
 jest.mock('@edx/frontend-platform/analytics');
 jest.mock('@edx/frontend-platform/auth');

src/i18n/index.jsx

@@ -1,21 +1,21 @@
 import arMessages from './messages/ar.json';
 import caMessages from './messages/ca.json';
 // no need to import en messages-- they are in the defaultMessage field
+import dedeMessages from './messages/de_DE.json';
 import es419Messages from './messages/es_419.json';
 import frMessages from './messages/fr.json';
-import zhcnMessages from './messages/zh_CN.json';
-import ititMessages from './messages/it_IT.json';
-import ptptMessages from './messages/pt_PT.json';
-import dedeMessages from './messages/de_DE.json';
-import hiMessages from './messages/hi.json';
 import heMessages from './messages/he.json';
+import hiMessages from './messages/hi.json';
 import idMessages from './messages/id.json';
+import ititMessages from './messages/it_IT.json';
 import kokrMessages from './messages/ko_kr.json';
 import plMessages from './messages/pl.json';
 import ptbrMessages from './messages/pt_br.json';
+import ptptMessages from './messages/pt_PT.json';
 import ruMessages from './messages/ru.json';
 import thMessages from './messages/th.json';
 import ukMessages from './messages/uk.json';
+import zhcnMessages from './messages/zh_CN.json';
 
 const messages = {
   ar: arMessages,

src/index.jsx

@@ -1,15 +1,16 @@
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
 
-import {
-  APP_INIT_ERROR, APP_READY, subscribe, initialize, mergeConfig,
-} from '@edx/frontend-platform';
-import { ErrorPage } from '@edx/frontend-platform/react';
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import MainApp from './MainApp';
+import {
+  APP_INIT_ERROR, APP_READY, initialize, mergeConfig, subscribe,
+} from '@edx/frontend-platform';
+import { ErrorPage } from '@edx/frontend-platform/react';
+
 import messages from './i18n';
+import MainApp from './MainApp';
 
 subscribe(APP_READY, () => {
   ReactDOM.render(

src/login/ChangePasswordPrompt.jsx

@@ -1,19 +1,18 @@
 import React, { useState } from 'react';
 
-import classNames from 'classnames';
-import { Link, Redirect } from 'react-router-dom';
-import PropTypes from 'prop-types';
-
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   ActionRow, ModalDialog, useToggle,
 } from '@edx/paragon';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { Link, Redirect } from 'react-router-dom';
 
-import messages from './messages';
 import { DEFAULT_REDIRECT_URL, RESET_PAGE } from '../data/constants';
 import { updatePathWithQueryParams } from '../data/utils';
 import useMobileResponsive from '../data/utils/useMobileResponsive';
+import messages from './messages';
 
 const ChangePasswordPrompt = ({ intl, variant, redirectUrl }) => {
   const isMobileView = useMobileResponsive();

src/login/LoginFailure.jsx

@@ -1,12 +1,13 @@
 import React from 'react';
 
-import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getAuthService } from '@edx/frontend-platform/auth';
+import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert, Hyperlink } from '@edx/paragon';
 import { Error } from '@edx/paragon/icons';
 import PropTypes from 'prop-types';
 
 import processLink from '../data/utils';
+import ChangePasswordPrompt from './ChangePasswordPrompt';
 import {
   ACCOUNT_LOCKED_OUT,
   FAILED_LOGIN_ATTEMPT,
@@ -20,7 +21,6 @@ import {
   REQUIRE_PASSWORD_CHANGE,
 } from './data/constants';
 import messages from './messages';
-import ChangePasswordPrompt from './ChangePasswordPrompt';
 
 const LoginFailureMessage = (props) => {
   const { intl } = props;

src/login/LoginPage.jsx

@@ -1,10 +1,5 @@
 import React from 'react';
-
-import PropTypes from 'prop-types';
-import { Helmet } from 'react-helmet';
-import Skeleton from 'react-loading-skeleton';
 import { connect } from 'react-redux';
-import { Link } from 'react-router-dom';
 
 import { getConfig } from '@edx/frontend-platform';
 import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
@@ -13,17 +8,14 @@ import {
   Form, Hyperlink, Icon, StatefulButton,
 } from '@edx/paragon';
 import { Institution } from '@edx/paragon/icons';
-
-import AccountActivationMessage from './AccountActivationMessage';
-import { loginRequest, loginRequestFailure, loginRequestReset } from './data/actions';
-import { INVALID_FORM } from './data/constants';
-import { loginErrorSelector, loginRequestSelector } from './data/selectors';
-import LoginFailureMessage from './LoginFailure';
-import messages from './messages';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import Skeleton from 'react-loading-skeleton';
+import { Link } from 'react-router-dom';
 
 import {
-  RedirectLogistration, SocialAuthProviders, ThirdPartyAuthAlert, RenderInstitutionButton,
-  InstitutionLogistration, FormGroup, PasswordField,
+  FormGroup, InstitutionLogistration, PasswordField, RedirectLogistration,
+  RenderInstitutionButton, SocialAuthProviders, ThirdPartyAuthAlert,
 } from '../common-components';
 import { getThirdPartyAuthContext } from '../common-components/data/actions';
 import { thirdPartyAuthContextSelector } from '../common-components/data/selectors';
@@ -32,16 +24,22 @@ import {
   DEFAULT_STATE, ENTERPRISE_LOGIN_URL, PENDING_STATE, RESET_PAGE,
 } from '../data/constants';
 import {
-  getTpaHint,
-  getTpaProvider,
-  windowScrollTo,
-  setSurveyCookie,
   getActivationStatus,
   getAllPossibleQueryParam,
+  getTpaHint,
+  getTpaProvider,
+  setSurveyCookie,
   updatePathWithQueryParams,
+  windowScrollTo,
 } from '../data/utils';
 import { forgotPasswordResultSelector } from '../forgot-password';
 import ResetPasswordSuccess from '../reset-password/ResetPasswordSuccess';
+import AccountActivationMessage from './AccountActivationMessage';
+import { loginRequest, loginRequestFailure, loginRequestReset } from './data/actions';
+import { INVALID_FORM } from './data/constants';
+import { loginErrorSelector, loginRequestSelector } from './data/selectors';
+import LoginFailureMessage from './LoginFailure';
+import messages from './messages';
 
 class LoginPage extends React.Component {
   constructor(props, context) {

src/login/data/reducers.js

@@ -1,7 +1,6 @@
-import { LOGIN_REQUEST } from './actions';
-
 import { DEFAULT_STATE, PENDING_STATE } from '../../data/constants';
 import { RESET_PASSWORD } from '../../reset-password';
+import { LOGIN_REQUEST } from './actions';
 
 export const defaultState = {
   loginError: null,

src/login/data/sagas.js

@@ -1,18 +1,14 @@
-import { call, put, takeEvery } from 'redux-saga/effects';
-
 import { camelCaseObject } from '@edx/frontend-platform';
 import { logError, logInfo } from '@edx/frontend-platform/logging';
-import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from './constants';
+import { call, put, takeEvery } from 'redux-saga/effects';
 
-// Actions
 import {
   LOGIN_REQUEST,
   loginRequestBegin,
   loginRequestFailure,
   loginRequestSuccess,
 } from './actions';
-
-// Services
+import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from './constants';
 import {
   loginRequest,
 } from './service';

src/login/data/service.js

@@ -1,5 +1,5 @@
-import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import * as QueryString from 'query-string';
 
 // eslint-disable-next-line import/prefer-default-export

src/login/data/tests/sagas.test.js

@@ -1,12 +1,11 @@
+import { camelCaseObject } from '@edx/frontend-platform';
 import { runSaga } from 'redux-saga';
 
-import { camelCaseObject } from '@edx/frontend-platform';
-
-import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from '../constants';
+import initializeMockLogging from '../../../setupTest';
 import * as actions from '../actions';
+import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from '../constants';
 import { handleLoginRequest } from '../sagas';
 import * as api from '../service';
-import initializeMockLogging from '../../../setupTest';
 
 const { loggingService } = initializeMockLogging();
 

src/login/tests/AccountActivationMessage.test.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
 
 import { mergeConfig } from '@edx/frontend-platform';
 import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
 
 import AccountActivationMessage from '../AccountActivationMessage';
 import { ACCOUNT_ACTIVATION_MESSAGE } from '../data/constants';

src/login/tests/ChangePasswordPrompt.test.jsx

@@ -1,15 +1,14 @@
 import React from 'react';
 
-import { createMemoryHistory } from 'history';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-import { MemoryRouter, Router } from 'react-router-dom';
-
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { createMemoryHistory } from 'history';
+import { act } from 'react-dom/test-utils';
+import { MemoryRouter, Router } from 'react-router-dom';
 
-import ChangePasswordPrompt from '../ChangePasswordPrompt';
 import { RESET_PAGE } from '../../data/constants';
+import ChangePasswordPrompt from '../ChangePasswordPrompt';
 
 const IntlChangePasswordPrompt = injectIntl(ChangePasswordPrompt);
 const history = createMemoryHistory();

src/login/tests/LoginFailure.test.jsx

@@ -1,22 +1,22 @@
 import React from 'react';
+
+import * as auth from '@edx/frontend-platform/auth';
+import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
 import { mount } from 'enzyme';
 import { MemoryRouter } from 'react-router-dom';
 
-import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
-import * as auth from '@edx/frontend-platform/auth';
-
-import LoginFailureMessage from '../LoginFailure';
 import {
+  FAILED_LOGIN_ATTEMPT,
   FORBIDDEN_REQUEST,
   INACTIVE_USER,
+  INCORRECT_EMAIL_PASSWORD,
   INTERNAL_SERVER_ERROR,
   INVALID_FORM,
   NON_COMPLIANT_PASSWORD_EXCEPTION,
-  FAILED_LOGIN_ATTEMPT,
-  INCORRECT_EMAIL_PASSWORD,
   NUDGE_PASSWORD_CHANGE,
   REQUIRE_PASSWORD_CHANGE,
 } from '../data/constants';
+import LoginFailureMessage from '../LoginFailure';
 
 jest.mock('@edx/frontend-platform/auth');
 auth.getAuthService = jest.fn();

src/login/tests/LoginPage.test.jsx

@@ -1,23 +1,21 @@
 import React from 'react';
-
-import { mount } from 'enzyme';
-import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
-import renderer from 'react-test-renderer';
 
 import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
 import { getConfig, mergeConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
 import * as auth from '@edx/frontend-platform/auth';
-import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
+import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import configureStore from 'redux-mock-store';
 
+import { COMPLETE_STATE, PENDING_STATE } from '../../data/constants';
 import { loginRequest, loginRequestFailure, loginRequestReset } from '../data/actions';
 import LoginFailureMessage from '../LoginFailure';
 import LoginPage from '../LoginPage';
 
-import { COMPLETE_STATE, PENDING_STATE } from '../../data/constants';
-
 jest.mock('@edx/frontend-platform/analytics');
 jest.mock('@edx/frontend-platform/auth');
 

src/register/CountryDropdown.jsx

@@ -1,8 +1,10 @@
 import React from 'react';
+
 import { Icon, IconButton } from '@edx/paragon';
-import { ExpandMore, ExpandLess } from '@edx/paragon/icons';
-import onClickOutside from 'react-onclickoutside';
+import { ExpandLess, ExpandMore } from '@edx/paragon/icons';
 import PropTypes from 'prop-types';
+import onClickOutside from 'react-onclickoutside';
+
 import { FormGroup } from '../common-components';
 import { FORM_SUBMISSION_ERROR } from './data/constants';
 

src/register/HonorCode.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
-import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink, Form } from '@edx/paragon';
+import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Form, Hyperlink } from '@edx/paragon';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 
 const HonorCode = (props) => {

src/register/RegistrationFailure.jsx

@@ -1,13 +1,13 @@
 import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
 
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert } from '@edx/paragon';
 import { Error } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
 
+import { windowScrollTo } from '../data/utils';
 import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR, TPA_SESSION_EXPIRED } from './data/constants';
 import messages from './messages';
-import { windowScrollTo } from '../data/utils';
 
 const RegistrationFailureMessage = (props) => {
   const {

src/register/RegistrationPage.jsx

@@ -1,40 +1,22 @@
 import React from 'react';
-
 import { connect } from 'react-redux';
-import Skeleton from 'react-loading-skeleton';
-import { Helmet } from 'react-helmet';
-import PropTypes, { string } from 'prop-types';
 
 import { getConfig, snakeCaseObject } from '@edx/frontend-platform';
 import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
 import {
-  injectIntl, intlShape, getCountryList, getLocale,
+  getCountryList, getLocale, injectIntl, intlShape,
 } from '@edx/frontend-platform/i18n';
 import {
-  Alert, Form, StatefulButton, Icon,
+  Alert, Form, Icon, StatefulButton,
 } from '@edx/paragon';
-import { Error, Close } from '@edx/paragon/icons';
-import FormFieldRenderer from '../field-renderer';
-import {
-  clearUsernameSuggestions, registerNewUser, resetRegistrationForm, fetchRealtimeValidations,
-} from './data/actions';
-import {
-  FIELDS, FORM_SUBMISSION_ERROR, DEFAULT_SERVICE_PROVIDER_DOMAINS, DEFAULT_TOP_LEVEL_DOMAINS, COMMON_EMAIL_PROVIDERS,
-} from './data/constants';
-import {
-  registrationErrorSelector,
-  registrationRequestSelector,
-  validationsSelector,
-  usernameSuggestionsSelector,
-} from './data/selectors';
-import messages from './messages';
-import RegistrationFailure from './RegistrationFailure';
-import UsernameField from './UsernameField';
-import HonorCode from './HonorCode';
+import { Close, Error } from '@edx/paragon/icons';
+import PropTypes, { string } from 'prop-types';
+import { Helmet } from 'react-helmet';
+import Skeleton from 'react-loading-skeleton';
 
 import {
-  RedirectLogistration, SocialAuthProviders, ThirdPartyAuthAlert, RenderInstitutionButton,
-  InstitutionLogistration, FormGroup, PasswordField,
+  FormGroup, InstitutionLogistration, PasswordField, RedirectLogistration,
+  RenderInstitutionButton, SocialAuthProviders, ThirdPartyAuthAlert,
 } from '../common-components';
 import { getThirdPartyAuthContext } from '../common-components/data/actions';
 import {
@@ -45,14 +27,31 @@ import {
 } from '../common-components/data/selectors';
 import EnterpriseSSO from '../common-components/EnterpriseSSO';
 import {
-  DEFAULT_STATE, PENDING_STATE, REGISTER_PAGE, VALID_EMAIL_REGEX, LETTER_REGEX, NUMBER_REGEX, VALID_NAME_REGEX,
+  DEFAULT_STATE, LETTER_REGEX, NUMBER_REGEX, PENDING_STATE, REGISTER_PAGE, VALID_EMAIL_REGEX, VALID_NAME_REGEX,
 } from '../data/constants';
 import {
-  getTpaProvider, getTpaHint, getAllPossibleQueryParam, setSurveyCookie, setCookie,
+  getAllPossibleQueryParam, getTpaHint, getTpaProvider, setCookie, setSurveyCookie,
 } from '../data/utils';
+import FormFieldRenderer from '../field-renderer';
 import CountryDropdown from './CountryDropdown';
-import { getLevenshteinSuggestion, getSuggestionForInvalidEmail } from './utils';
+import {
+  clearUsernameSuggestions, fetchRealtimeValidations, registerNewUser, resetRegistrationForm,
+} from './data/actions';
+import {
+  COMMON_EMAIL_PROVIDERS, DEFAULT_SERVICE_PROVIDER_DOMAINS, DEFAULT_TOP_LEVEL_DOMAINS, FIELDS, FORM_SUBMISSION_ERROR,
+} from './data/constants';
+import {
+  registrationErrorSelector,
+  registrationRequestSelector,
+  usernameSuggestionsSelector,
+  validationsSelector,
+} from './data/selectors';
+import HonorCode from './HonorCode';
+import messages from './messages';
+import RegistrationFailure from './RegistrationFailure';
 import TermsOfService from './TermsOfService';
+import UsernameField from './UsernameField';
+import { getLevenshteinSuggestion, getSuggestionForInvalidEmail } from './utils';
 
 class RegistrationPage extends React.Component {
   constructor(props, context) {

src/register/TermsOfService.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { getConfig } from '@edx/frontend-platform';
-import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink, Form } from '@edx/paragon';
+import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Form, Hyperlink } from '@edx/paragon';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 
 const TermsOfService = (props) => {

src/register/UsernameField.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import PropTypes, { string } from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
-import { Button, IconButton, Icon } from '@edx/paragon';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Button, Icon, IconButton } from '@edx/paragon';
 import { Close } from '@edx/paragon/icons';
+import PropTypes, { string } from 'prop-types';
 
 import { FormGroup } from '../common-components';
 import messages from './messages';

src/register/data/reducers.js

@@ -1,14 +1,13 @@
-import {
-  REGISTRATION_FORM,
-  REGISTER_NEW_USER,
-  REGISTER_FORM_VALIDATIONS,
-  REGISTER_CLEAR_USERNAME_SUGGESTIONS,
-} from './actions';
-
 import {
   DEFAULT_STATE,
   PENDING_STATE,
 } from '../../data/constants';
+import {
+  REGISTER_CLEAR_USERNAME_SUGGESTIONS,
+  REGISTER_FORM_VALIDATIONS,
+  REGISTER_NEW_USER,
+  REGISTRATION_FORM,
+} from './actions';
 
 export const defaultState = {
   registrationError: {},

src/register/data/sagas.js

@@ -1,22 +1,18 @@
-import { call, put, takeEvery } from 'redux-saga/effects';
-
 import { camelCaseObject } from '@edx/frontend-platform';
 import { logError, logInfo } from '@edx/frontend-platform/logging';
+import { call, put, takeEvery } from 'redux-saga/effects';
 
-// Actions
 import {
+  fetchRealtimeValidationsBegin,
+  fetchRealtimeValidationsFailure,
+  fetchRealtimeValidationsSuccess,
+  REGISTER_FORM_VALIDATIONS,
   REGISTER_NEW_USER,
   registerNewUserBegin,
   registerNewUserFailure,
   registerNewUserSuccess,
-  REGISTER_FORM_VALIDATIONS,
-  fetchRealtimeValidationsBegin,
-  fetchRealtimeValidationsSuccess,
-  fetchRealtimeValidationsFailure,
 } from './actions';
 import { INTERNAL_SERVER_ERROR } from './constants';
-
-// Services
 import { getFieldsValidations, registerRequest } from './service';
 
 export function* handleNewUserRegistration(action) {

src/register/data/selectors.js

@@ -1,4 +1,5 @@
 import { createSelector } from 'reselect';
+
 import { FORM_FIELDS } from './constants';
 
 export const storeName = 'register';

src/register/data/service.js

@@ -1,5 +1,5 @@
 import { getConfig } from '@edx/frontend-platform';
-import { getHttpClient, getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
+import { getAuthenticatedHttpClient, getHttpClient } from '@edx/frontend-platform/auth';
 import * as QueryString from 'query-string';
 
 export async function registerRequest(registrationInformation) {

src/register/data/tests/reducers.test.js

@@ -1,8 +1,8 @@
-import reducer from '../reducers';
+import { DEFAULT_STATE } from '../../../data/constants';
 import {
   REGISTER_CLEAR_USERNAME_SUGGESTIONS, REGISTER_FORM_VALIDATIONS, REGISTER_NEW_USER,
 } from '../actions';
-import { DEFAULT_STATE } from '../../../data/constants';
+import reducer from '../reducers';
 
 describe('register reducer', () => {
   it('should return the initial state', () => {

src/register/data/tests/sagas.test.js

@@ -1,14 +1,14 @@
+import { camelCaseObject } from '@edx/frontend-platform';
 import { runSaga } from 'redux-saga';
 
-import { camelCaseObject } from '@edx/frontend-platform';
+import initializeMockLogging from '../../../setupTest';
 import * as actions from '../actions';
+import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from '../constants';
 import {
   fetchRealtimeValidations,
   handleNewUserRegistration,
 } from '../sagas';
 import * as api from '../service';
-import initializeMockLogging from '../../../setupTest';
-import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from '../constants';
 
 const { loggingService } = initializeMockLogging();
 

src/register/tests/HonorCode.test.jsx

@@ -1,8 +1,9 @@
 import React from 'react';
+
+import { mergeConfig } from '@edx/frontend-platform';
+import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
 import { mount } from 'enzyme';
 
-import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
-import { mergeConfig } from '@edx/frontend-platform';
 import HonorCode from '../HonorCode';
 
 const IntlHonorCode = injectIntl(HonorCode);

src/register/tests/RegistrationPage.test.jsx

@@ -1,16 +1,16 @@
 import React from 'react';
-
-import { mount } from 'enzyme';
-import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
-import renderer from 'react-test-renderer';
 
 import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
 import { getConfig, mergeConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
-import { IntlProvider, injectIntl, configure } from '@edx/frontend-platform/i18n';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
 import { MemoryRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import configureStore from 'redux-mock-store';
 
+import { COMPLETE_STATE, PENDING_STATE, WELCOME_PAGE } from '../../data/constants';
 import {
   clearUsernameSuggestions,
   fetchRealtimeValidations,
@@ -23,8 +23,6 @@ import {
 import RegistrationFailureMessage from '../RegistrationFailure';
 import RegistrationPage from '../RegistrationPage';
 
-import { COMPLETE_STATE, PENDING_STATE, WELCOME_PAGE } from '../../data/constants';
-
 jest.mock('@edx/frontend-platform/analytics');
 
 analytics.sendTrackEvent = jest.fn();

src/register/tests/TermsOfService.test.jsx

@@ -1,8 +1,9 @@
 import React from 'react';
+
+import { mergeConfig } from '@edx/frontend-platform';
+import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
 import { mount } from 'enzyme';
 
-import { injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
-import { mergeConfig } from '@edx/frontend-platform';
 import TermsOfService from '../TermsOfService';
 
 const IntlTermsOfService = injectIntl(TermsOfService);

src/register/utils.js

@@ -1,4 +1,5 @@
 import { distance } from 'fastest-levenshtein';
+
 import { COMMON_EMAIL_PROVIDERS } from './data/constants';
 
 export function getLevenshteinSuggestion(word, knownWords, similarityThreshold = 4) {

src/reset-password/ResetPasswordFailure.jsx

@@ -1,12 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Alert } from '@edx/paragon';
 import { Error } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
 
 import { FORM_SUBMISSION_ERROR, PASSWORD_RESET, PASSWORD_VALIDATION_ERROR } from './data/constants';
-
 import messages from './messages';
 
 const ResetPasswordFailure = (props) => {

src/reset-password/ResetPasswordPage.jsx

@@ -1,35 +1,35 @@
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Helmet } from 'react-helmet';
 import { connect } from 'react-redux';
-import { Redirect } from 'react-router-dom';
 
+import { getConfig, getQueryParameters } from '@edx/frontend-platform';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Form,
+  Icon,
   Spinner,
   StatefulButton,
-  Tabs,
   Tab,
-  Icon,
+  Tabs,
 } from '@edx/paragon';
 import { ChevronLeft } from '@edx/paragon/icons';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { getQueryParameters, getConfig } from '@edx/frontend-platform';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import { Redirect } from 'react-router-dom';
 
-import messages from './messages';
-import { resetPassword, validateToken } from './data/actions';
-import { resetPasswordResultSelector } from './data/selectors';
-import { validatePassword } from './data/service';
-import ResetPasswordFailure from './ResetPasswordFailure';
+import BaseComponent from '../base-component';
 import { PasswordField } from '../common-components';
 import {
   LETTER_REGEX, LOGIN_PAGE, NUMBER_REGEX, RESET_PAGE,
 } from '../data/constants';
+import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';
+import { resetPassword, validateToken } from './data/actions';
 import {
   FORM_SUBMISSION_ERROR, PASSWORD_RESET_ERROR, PASSWORD_VALIDATION_ERROR, TOKEN_STATE,
 } from './data/constants';
-import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';
-import BaseComponent from '../base-component';
+import { resetPasswordResultSelector } from './data/selectors';
+import { validatePassword } from './data/service';
+import messages from './messages';
+import ResetPasswordFailure from './ResetPasswordFailure';
 
 const ResetPasswordPage = (props) => {
   const { intl } = props;

src/reset-password/data/reducers.js

@@ -1,4 +1,4 @@
-import { RESET_PASSWORD, VALIDATE_TOKEN, PASSWORD_RESET_FAILURE } from './actions';
+import { PASSWORD_RESET_FAILURE, RESET_PASSWORD, VALIDATE_TOKEN } from './actions';
 import { PASSWORD_RESET_ERROR, TOKEN_STATE } from './constants';
 
 export const defaultState = {

src/reset-password/data/sagas.js

@@ -1,20 +1,18 @@
-import { call, put, takeEvery } from 'redux-saga/effects';
 import { logError, logInfo } from '@edx/frontend-platform/logging';
+import { call, put, takeEvery } from 'redux-saga/effects';
 
-// Actions
 import {
+  passwordResetFailure,
+  RESET_PASSWORD,
+  resetPasswordBegin,
+  resetPasswordFailure,
+  resetPasswordSuccess,
   VALIDATE_TOKEN,
   validateTokenBegin,
   validateTokenSuccess,
-  RESET_PASSWORD,
-  resetPasswordBegin,
-  resetPasswordSuccess,
-  resetPasswordFailure,
-  passwordResetFailure,
 } from './actions';
-
-import { validateToken, resetPassword } from './service';
 import { PASSWORD_RESET, PASSWORD_VALIDATION_ERROR } from './constants';
+import { resetPassword, validateToken } from './service';
 
 // Services
 export function* handleValidateToken(action) {

src/reset-password/data/tests/sagas.test.js

@@ -1,17 +1,16 @@
 import { runSaga } from 'redux-saga';
 
+import initializeMockLogging from '../../../setupTest';
 import {
+  passwordResetFailure,
   resetPasswordBegin,
-  resetPasswordSuccess,
-  validateTokenBegin,
-  passwordResetFailure, resetPasswordFailure,
+  resetPasswordFailure,
+  resetPasswordSuccess, validateTokenBegin,
 } from '../actions';
 import { PASSWORD_RESET } from '../constants';
 import { handleResetPassword, handleValidateToken } from '../sagas';
 import * as api from '../service';
 
-import initializeMockLogging from '../../../setupTest';
-
 const { loggingService } = initializeMockLogging();
 
 describe('handleResetPassword', () => {

src/reset-password/tests/ResetPasswordPage.test.jsx

@@ -1,19 +1,18 @@
 import React from 'react';
-
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
-import { MemoryRouter, Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
 
-import * as auth from '@edx/frontend-platform/auth';
 import CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';
-import { IntlProvider, injectIntl, configure } from '@edx/frontend-platform/i18n';
+import * as auth from '@edx/frontend-platform/auth';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { createMemoryHistory } from 'history';
+import { act } from 'react-dom/test-utils';
+import { MemoryRouter, Router } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
 
+import { LOGIN_PAGE } from '../../data/constants';
 import { resetPassword } from '../data/actions';
 import { PASSWORD_RESET, TOKEN_STATE } from '../data/constants';
-import { LOGIN_PAGE } from '../../data/constants';
 import ResetPasswordPage from '../ResetPasswordPage';
 
 jest.mock('@edx/frontend-platform/auth');

src/setupTest.js

@@ -1,10 +1,9 @@
 /* eslint-disable import/no-extraneous-dependencies */
 
-import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
 import { getConfig } from '@edx/frontend-platform';
 import { configure as configureLogging } from '@edx/frontend-platform/logging';
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 
 Enzyme.configure({ adapter: new Adapter() });
 class MockLoggingService {

src/welcome/ProgressiveProfiling.jsx

@@ -1,39 +1,37 @@
-import React, { useState, useEffect } from 'react';
-
-import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
-import { Helmet } from 'react-helmet';
 
 import { getConfig, snakeCaseObject } from '@edx/frontend-platform';
 import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
 import {
-  configure as configureAuth,
   AxiosJwtAuthService,
+  configure as configureAuth,
   ensureAuthenticatedUser,
-  hydrateAuthenticatedUser,
   getAuthenticatedUser,
+  hydrateAuthenticatedUser,
 } from '@edx/frontend-platform/auth';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getLoggingService } from '@edx/frontend-platform/logging';
 import {
   Alert,
   Form,
-  StatefulButton,
   Hyperlink,
+  StatefulButton,
 } from '@edx/paragon';
 import { Error } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
 
-import { saveUserProfile } from './data/actions';
-import { welcomePageSelector } from './data/selectors';
-import messages from './messages';
-
+import BaseComponent from '../base-component';
 import { RedirectLogistration } from '../common-components';
 import {
   DEFAULT_REDIRECT_URL, DEFAULT_STATE, FAILURE_STATE,
 } from '../data/constants';
 import FormFieldRenderer from '../field-renderer';
+import { saveUserProfile } from './data/actions';
+import { welcomePageSelector } from './data/selectors';
+import messages from './messages';
 import WelcomePageModal from './WelcomePageModal';
-import BaseComponent from '../base-component';
 
 const ProgressiveProfiling = (props) => {
   const {

src/welcome/WelcomePage.jsx

@@ -1,38 +1,36 @@
-import React, { useState, useEffect } from 'react';
-
-import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
-import { Helmet } from 'react-helmet';
 
 import { getConfig, snakeCaseObject } from '@edx/frontend-platform';
 import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
 import {
-  configure as configureAuth,
   AxiosJwtAuthService,
+  configure as configureAuth,
   ensureAuthenticatedUser,
-  hydrateAuthenticatedUser,
   getAuthenticatedUser,
+  hydrateAuthenticatedUser,
 } from '@edx/frontend-platform/auth';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { getLoggingService } from '@edx/frontend-platform/logging';
 import {
   Alert,
   Form,
-  StatefulButton,
   Hyperlink,
   Icon,
+  StatefulButton,
 } from '@edx/paragon';
-import { ExpandMore, Error } from '@edx/paragon/icons';
-
-import { saveUserProfile } from './data/actions';
-import { welcomePageSelector } from './data/selectors';
-import messages from './messages';
+import { Error, ExpandMore } from '@edx/paragon/icons';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
 
+import BaseComponent from '../base-component';
 import { RedirectLogistration } from '../common-components';
 import { DEFAULT_REDIRECT_URL, DEFAULT_STATE } from '../data/constants';
 import { EDUCATION_LEVELS, GENDER_OPTIONS, YEAR_OF_BIRTH_OPTIONS } from '../register/data/constants';
+import { saveUserProfile } from './data/actions';
+import { welcomePageSelector } from './data/selectors';
+import messages from './messages';
 import WelcomePageModal from './WelcomePageModal';
-import BaseComponent from '../base-component';
 
 const WelcomePage = (props) => {
   const { intl, submitState, showError } = props;

src/welcome/WelcomePageModal.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import PropTypes from 'prop-types';
-
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { ActionRow, Button, ModalDialog } from '@edx/paragon';
+import PropTypes from 'prop-types';
+
 import messages from './messages';
 
 const WelcomePageModal = (props) => {

src/welcome/data/reducers.js

@@ -1,7 +1,7 @@
-import { SAVE_USER_PROFILE } from './actions';
 import {
   DEFAULT_STATE, PENDING_STATE,
 } from '../../data/constants';
+import { SAVE_USER_PROFILE } from './actions';
 
 export const defaultState = {
   extendedProfile: [],

src/welcome/data/sagas.js

@@ -6,7 +6,6 @@ import {
   saveUserProfileFailure,
   saveUserProfileSuccess,
 } from './actions';
-
 import { patchAccount } from './service';
 
 export function* saveUserProfileInformation(action) {

src/welcome/tests/ProgressiveProfiling.test.jsx

@@ -1,21 +1,20 @@
 import React from 'react';
-
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
 import { Provider } from 'react-redux';
-import configureStore from 'redux-mock-store';
 
 import { getConfig, mergeConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
 import * as auth from '@edx/frontend-platform/auth';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
 import * as logging from '@edx/frontend-platform/logging';
-import { injectIntl, IntlProvider, configure } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { act } from 'react-dom/test-utils';
+import configureStore from 'redux-mock-store';
 
-import { saveUserProfile } from '../data/actions';
-import ProgressiveProfiling from '../ProgressiveProfiling';
 import {
   COMPLETE_STATE, DEFAULT_REDIRECT_URL, FAILURE_STATE,
 } from '../../data/constants';
+import { saveUserProfile } from '../data/actions';
+import ProgressiveProfiling from '../ProgressiveProfiling';
 
 const IntlProgressiveProfilingPage = injectIntl(ProgressiveProfiling);
 const mockStore = configureStore();

src/welcome/tests/WelcomePage.test.jsx

@@ -1,14 +1,13 @@
 import React from 'react';
-
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
 import { Provider } from 'react-redux';
-import configureStore from 'redux-mock-store';
 
 import { mergeConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
 import * as auth from '@edx/frontend-platform/auth';
-import { injectIntl, IntlProvider, configure } from '@edx/frontend-platform/i18n';
+import { configure, injectIntl, IntlProvider } from '@edx/frontend-platform/i18n';
+import { mount } from 'enzyme';
+import { act } from 'react-dom/test-utils';
+import configureStore from 'redux-mock-store';
 
 import { saveUserProfile } from '../data/actions';
 import WelcomePage from '../WelcomePage';
@@ -23,8 +22,8 @@ analytics.sendTrackEvent = jest.fn();
 analytics.sendPageEvent = jest.fn();
 auth.configure = jest.fn();
 
-auth.ensureAuthenticatedUser = jest.fn().mockImplementation(() => Promise.resolve((true)));
-auth.hydrateAuthenticatedUser = jest.fn().mockImplementation(() => Promise.resolve((true)));
+auth.ensureAuthenticatedUser = jest.fn().mockImplementation(() => Promise.resolve(true));
+auth.hydrateAuthenticatedUser = jest.fn().mockImplementation(() => Promise.resolve(true));
 
 describe('WelcomePageTests', () => {
   mergeConfig({