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

package/src/forgot-password/data/reducers.js

@@ -1,58 +0,0 @@
-import { FORGOT_PASSWORD, FORGOT_PASSWORD_PERSIST_FORM_DATA } from './actions';
-import { INTERNAL_SERVER_ERROR, PENDING_STATE } from '../../data/constants';
-import { PASSWORD_RESET_FAILURE } from '../../reset-password/data/actions';
-
-export const defaultState = {
-  status: '',
-  submitState: '',
-  email: '',
-  emailValidationError: '',
-};
-
-const reducer = (state = defaultState, action = null) => {
-  if (action !== null) {
-    switch (action.type) {
-      case FORGOT_PASSWORD.BEGIN:
-        return {
-          email: state.email,
-          status: 'pending',
-          submitState: PENDING_STATE,
-        };
-      case FORGOT_PASSWORD.SUCCESS:
-        return {
-          ...defaultState,
-          status: 'complete',
-        };
-      case FORGOT_PASSWORD.FORBIDDEN:
-        return {
-          email: state.email,
-          status: 'forbidden',
-        };
-      case FORGOT_PASSWORD.FAILURE:
-        return {
-          email: state.email,
-          status: INTERNAL_SERVER_ERROR,
-        };
-      case PASSWORD_RESET_FAILURE:
-        return {
-          status: action.payload.errorCode,
-        };
-      case FORGOT_PASSWORD_PERSIST_FORM_DATA: {
-        const { forgotPasswordFormData } = action.payload;
-        return {
-          ...state,
-          ...forgotPasswordFormData,
-        };
-      }
-      default:
-        return {
-          ...defaultState,
-          email: state.email,
-          emailValidationError: state.emailValidationError,
-        };
-    }
-  }
-  return state;
-};
-
-export default reducer;

package/src/forgot-password/data/sagas.js

@@ -1,35 +0,0 @@
-import { logError, logInfo } from '@openedx/frontend-base';
-import { call, put, takeEvery } from 'redux-saga/effects';
-
-// Actions
-import {
-  FORGOT_PASSWORD,
-  forgotPasswordBegin,
-  forgotPasswordForbidden,
-  forgotPasswordServerError,
-  forgotPasswordSuccess,
-} from './actions';
-import { forgotPassword } from './service';
-
-// Services
-export function* handleForgotPassword(action) {
-  try {
-    yield put(forgotPasswordBegin());
-
-    yield call(forgotPassword, action.payload.email);
-
-    yield put(forgotPasswordSuccess(action.payload.email));
-  } catch (e) {
-    if (e.response && e.response.status === 403) {
-      yield put(forgotPasswordForbidden());
-      logInfo(e);
-    } else {
-      yield put(forgotPasswordServerError());
-      logError(e);
-    }
-  }
-}
-
-export default function* saga() {
-  yield takeEvery(FORGOT_PASSWORD.BASE, handleForgotPassword);
-}

package/src/forgot-password/data/selectors.js

@@ -1,10 +0,0 @@
-import { createSelector } from 'reselect';
-
-export const storeName = 'forgotPassword';
-
-export const forgotPasswordSelector = state => ({ ...state[storeName] });
-
-export const forgotPasswordResultSelector = createSelector(
-  forgotPasswordSelector,
-  forgotPassword => forgotPassword,
-);

package/src/forgot-password/data/service.js

@@ -1,21 +0,0 @@
-import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
-import formurlencoded from 'form-urlencoded';
-
-export async function forgotPassword(email) {
-  const requestConfig = {
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    isPublic: true,
-  };
-
-  const { data } = await getAuthenticatedHttpClient()
-    .post(
-      `${getSiteConfig().lmsBaseUrl}/account/password`,
-      formurlencoded({ email }),
-      requestConfig,
-    )
-    .catch((e) => {
-      throw (e);
-    });
-
-  return data;
-}

package/src/forgot-password/data/tests/reducers.test.js

@@ -1,34 +0,0 @@
-import {
-  FORGOT_PASSWORD_PERSIST_FORM_DATA,
-} from '../actions';
-import reducer from '../reducers';
-
-describe('forgot password reducer', () => {
-  it('should set email and emailValidationError', () => {
-    const state = {
-      status: '',
-      submitState: '',
-      email: '',
-      emailValidationError: '',
-    };
-    const forgotPasswordFormData = {
-      email: 'test@gmail',
-      emailValidationError: 'Enter a valid email address',
-    };
-    const action = {
-      type: FORGOT_PASSWORD_PERSIST_FORM_DATA,
-      payload: { forgotPasswordFormData },
-    };
-
-    expect(
-      reducer(state, action),
-    ).toEqual(
-      {
-        status: '',
-        submitState: '',
-        email: 'test@gmail',
-        emailValidationError: 'Enter a valid email address',
-      },
-    );
-  });
-});

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

@@ -1,67 +0,0 @@
-import { runSaga } from 'redux-saga';
-
-import { initializeMockServices } from '../../../setupTest';
-import * as actions from '../actions';
-import { handleForgotPassword } from '../sagas';
-import * as api from '../service';
-
-const { loggingService } = initializeMockServices();
-
-describe('handleForgotPassword', () => {
-  const params = {
-    payload: {
-      forgotPasswordFormData: {
-        email: 'test@test.com',
-      },
-    },
-  };
-
-  beforeEach(() => {
-    loggingService.logError.mockReset();
-    loggingService.logInfo.mockReset();
-  });
-
-  it('should handle 500 error code', async () => {
-    const passwordErrorResponse = { response: { status: 500 } };
-
-    const forgotPasswordRequest = jest.spyOn(api, 'forgotPassword').mockImplementation(
-      () => Promise.reject(passwordErrorResponse),
-    );
-
-    const dispatched = [];
-    await runSaga(
-      { dispatch: (action) => dispatched.push(action) },
-      handleForgotPassword,
-      params,
-    );
-
-    expect(loggingService.logError).toHaveBeenCalled();
-    expect(dispatched).toEqual([
-      actions.forgotPasswordBegin(),
-      actions.forgotPasswordServerError(),
-    ]);
-    forgotPasswordRequest.mockClear();
-  });
-
-  it('should handle rate limit error', async () => {
-    const forbiddenErrorResponse = { response: { status: 403 } };
-
-    const forbiddenPasswordRequest = jest.spyOn(api, 'forgotPassword').mockImplementation(
-      () => Promise.reject(forbiddenErrorResponse),
-    );
-
-    const dispatched = [];
-    await runSaga(
-      { dispatch: (action) => dispatched.push(action) },
-      handleForgotPassword,
-      params,
-    );
-
-    expect(loggingService.logInfo).toHaveBeenCalled();
-    expect(dispatched).toEqual([
-      actions.forgotPasswordBegin(),
-      actions.forgotPasswordForbidden(null),
-    ]);
-    forbiddenPasswordRequest.mockClear();
-  });
-});

package/src/forgot-password/messages.js

@@ -1,128 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-
-const messages = defineMessages({
-  'forgot.password.page.title': {
-    id: 'forgot.password.page.title',
-    defaultMessage: 'Forgot Password | {siteName}',
-    description: 'forgot password page title',
-  },
-  'forgot.password.page.heading': {
-    id: 'forgot.password.page.heading',
-    defaultMessage: 'Reset password',
-    description: 'The page heading for the forgot password page.',
-  },
-  'forgot.password.page.instructions': {
-    id: 'forgot.password.page.instructions',
-    defaultMessage: 'Please enter your email address below and we will send you an email with instructions on how to reset your password.',
-    description: 'Instructions message for forgot password page.',
-  },
-  'forgot.password.page.invalid.email.message': {
-    id: 'forgot.password.page.invalid.email.message',
-    defaultMessage: 'Enter a valid email address',
-    description: 'Invalid email address message for input field.',
-  },
-  'forgot.password.page.email.field.label': {
-    id: 'forgot.password.page.email.field.label',
-    defaultMessage: 'Email',
-    description: 'Email field label for the forgot password page.',
-  },
-  'forgot.password.page.submit.button': {
-    id: 'forgot.password.page.submit.button',
-    defaultMessage: 'Submit',
-    description: 'Submit button text for the forgot password page.',
-  },
-  'forgot.password.error.alert.title': {
-    id: 'forgot.password.error.alert.title.',
-    defaultMessage: 'We were unable to contact you.',
-    description: 'Failed to send password recovery email.',
-  },
-  'forgot.password.error.message.title': {
-    id: 'forgot.password.error.message.title',
-    defaultMessage: 'An error occurred.',
-    description: 'Title for message that appears when error occurs for password assistance page',
-  },
-  'forgot.password.request.in.progress.message': {
-    id: 'forgot.password.request.in.progress.message',
-    defaultMessage: 'Your previous request is in progress, please try again in a few moments.',
-    description: 'Message displayed when previous password reset request is still in progress.',
-  },
-  'forgot.password.empty.email.field.error': {
-    id: 'forgot.password.empty.email.field.error',
-    defaultMessage: 'Enter your email',
-    description: 'Error message that appears when user tries to submit empty email field',
-  },
-  'forgot.password.email.help.text': {
-    id: 'forgot.password.email.help.text',
-    defaultMessage: 'The email address you used to register with {platformName}',
-    description: 'text help for the email',
-  },
-  // Confirmation Alert Message
-  'confirmation.message.title': {
-    id: 'confirmation.message.title',
-    defaultMessage: 'Check your email',
-    description: 'Forgot password confirmation message title',
-  },
-  'confirmation.support.link': {
-    id: 'confirmation.support.link',
-    defaultMessage: 'contact technical support',
-    description: 'Technical support link text',
-  },
-  'need.help.sign.in.text': {
-    id: 'need.help.sign.in.text',
-    defaultMessage: 'Need help signing in?',
-    description: 'Sign in help link on forgot password page',
-  },
-  'additional.help.text': {
-    id: 'additional.help.text',
-    defaultMessage: 'For additional help, contact {platformName} support at ',
-    description: 'additional help text on forgot password page',
-  },
-  'sign.in.text': {
-    id: 'sign.in.text',
-    defaultMessage: 'Sign in',
-    description: 'login page link on password page',
-  },
-  'extend.field.errors': {
-    id: 'extend.field.errors',
-    defaultMessage: '{emailError} below.',
-    description: 'extends the field error for alert message',
-  },
-  // Reset password token validation failure
-  'invalid.token.heading': {
-    id: 'invalid.token.heading',
-    defaultMessage: 'Invalid password reset link',
-    description: 'Alert heading when reset password link is invalid',
-  },
-  'invalid.token.error.message': {
-    id: 'invalid.token.error.message',
-    defaultMessage: 'This password reset link is invalid. It may have been used already. Enter your email below to receive a new link.',
-    description: 'Alert message when reset password link has expired or is invalid',
-  },
-  'token.validation.rate.limit.error.heading': {
-    id: 'token.validation.rate.limit.error.heading',
-    defaultMessage: 'Too many requests',
-    description: 'Too many request at server end point',
-  },
-  'token.validation.rate.limit.error': {
-    id: 'token.validation.rate.limit.error',
-    defaultMessage: 'An error has occurred because of too many requests. Please try again after some time.',
-    description: 'Error message that appears when server responds with 429 error code',
-  },
-  'token.validation.internal.sever.error.heading': {
-    id: 'token.validation.internal.sever.error.heading',
-    defaultMessage: 'Token validation failure',
-    description: 'Failed to validate reset password token error message.',
-  },
-  'token.validation.internal.sever.error': {
-    id: 'token.validation.internal.sever.error',
-    defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',
-    description: 'Error message that appears when server responds with 500 error code',
-  },
-  // Error messages
-  'internal.server.error': {
-    id: 'internal.server.error',
-    defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',
-    description: 'Error message that appears when server responds with 500 error code',
-  },
-});
-export default messages;

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

@@ -1,269 +0,0 @@
-import { Provider } from 'react-redux';
-
-import {
-  configureI18n, injectIntl, IntlProvider, mergeAppConfig
-} from '@openedx/frontend-base';
-import {
-  fireEvent, render, screen,
-} from '@testing-library/react';
-import { MemoryRouter } 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 { appId } from '../../constants';
-import { setForgotPasswordFormData } from '../data/actions';
-import ForgotPasswordPage from '../ForgotPasswordPage';
-
-const mockedNavigator = jest.fn();
-
-jest.mock('@openedx/frontend-base', () => ({
-  ...jest.requireActual('@openedx/frontend-base'),
-  sendPageEvent: jest.fn(),
-  sendTrackEvent: jest.fn(),
-  getAuthenticatedUser: jest.fn(() => ({
-    userId: 3,
-    username: 'test-user',
-  })),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...(jest.requireActual('react-router-dom')),
-  useNavigate: () => mockedNavigator,
-}));
-
-const IntlForgotPasswordPage = injectIntl(ForgotPasswordPage);
-const mockStore = configureStore();
-
-const initialState = {
-  forgotPassword: {
-    status: '',
-  },
-};
-
-describe('ForgotPasswordPage', () => {
-  mergeAppConfig(appId, {
-    LOGIN_ISSUE_SUPPORT_LINK: '',
-    INFO_EMAIL: '',
-  });
-
-  let props = {};
-  let store = {};
-
-  const reduxWrapper = children => (
-    <IntlProvider locale="en">
-      <MemoryRouter>
-        <Provider store={store}>{children}</Provider>
-      </MemoryRouter>
-    </IntlProvider>
-  );
-
-  beforeEach(() => {
-    store = mockStore(initialState);
-
-    configureI18n({
-      messages: { 'es-419': {}, de: {}, 'en-us': {} },
-    });
-    props = {
-      forgotPassword: jest.fn(),
-      status: null,
-    };
-  });
-  const findByTextContent = (container, text) => Array.from(container.querySelectorAll('*')).find(
-    element => element.textContent === text,
-  );
-
-  it('not should display need other help signing in button', () => {
-    const { queryByTestId } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const forgotPasswordButton = queryByTestId('forgot-password');
-    expect(forgotPasswordButton).toBeNull();
-  });
-
-  it('should display need other help signing in button', () => {
-    mergeAppConfig(appId, {
-      LOGIN_ISSUE_SUPPORT_LINK: '/support',
-    });
-    render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const forgotPasswordButton = screen.findByText('Need help signing in?');
-    expect(forgotPasswordButton).toBeDefined();
-  });
-
-  it('should display email validation error message', async () => {
-    const validationMessage = 'We were unable to contact you.Enter a valid email address below.';
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const emailInput = screen.getByLabelText('Email');
-
-    fireEvent.change(emailInput, { target: { value: 'invalid-email' } });
-
-    const submitButton = screen.getByText('Submit');
-    fireEvent.click(submitButton);
-
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const validationErrors = alertElements[0].textContent;
-    expect(validationErrors).toBe(validationMessage);
-  });
-
-  it('should show alert on server error', () => {
-    store = mockStore({
-      forgotPassword: { status: INTERNAL_SERVER_ERROR },
-    });
-    const expectedMessage = 'We were unable to contact you.'
-      + 'An error has occurred. Try refreshing the page, or check your internet connection.';
-
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const validationErrors = alertElements[0].textContent;
-    expect(validationErrors).toBe(expectedMessage);
-  });
-
-  it('should display empty email validation message', async () => {
-    const validationMessage = 'We were unable to contact you.Enter your email below.';
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const submitButton = screen.getByText('Submit');
-    fireEvent.click(submitButton);
-
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const validationErrors = alertElements[0].textContent;
-
-    expect(validationErrors).toBe(validationMessage);
-  });
-
-  it('should display request in progress error message', () => {
-    const rateLimitMessage = 'An error occurred.Your previous request is in progress, please try again in a few moments.';
-    store = mockStore({
-      forgotPassword: { status: 'forbidden' },
-    });
-
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const validationErrors = alertElements[0].textContent;
-    expect(validationErrors).toBe(rateLimitMessage);
-  });
-
-  it('should not display any error message on change event', () => {
-    render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const emailInput = screen.getByLabelText('Email');
-
-    fireEvent.change(emailInput, { target: { value: 'invalid-email' } });
-
-    const errorElement = screen.queryByTestId('email-invalid-feedback');
-    expect(errorElement).toBeNull();
-  });
-
-  it('should set error in redux store on onBlur', () => {
-    const forgotPasswordFormData = {
-      email: 'test@gmail',
-      emailValidationError: 'Enter a valid email address',
-    };
-
-    props = {
-      ...props,
-      email: 'test@gmail',
-      emailValidationError: '',
-    };
-
-    store.dispatch = jest.fn(store.dispatch);
-    render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const emailInput = screen.getByLabelText('Email');
-
-    fireEvent.blur(emailInput);
-
-    expect(store.dispatch).toHaveBeenCalledWith(setForgotPasswordFormData(forgotPasswordFormData));
-  });
-
-  it('should display error message if available in props', async () => {
-    const validationMessage = 'Enter your email';
-    props = {
-      ...props,
-      emailValidationError: validationMessage,
-      email: '',
-    };
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const validationElement = container.querySelector('.pgn__form-text-invalid');
-    expect(validationElement.textContent).toEqual(validationMessage);
-  });
-
-  it('should clear error in redux store on onFocus', () => {
-    const forgotPasswordFormData = {
-      emailValidationError: '',
-    };
-
-    props = {
-      ...props,
-      email: 'test@gmail',
-      emailValidationError: 'Enter a valid email address',
-    };
-
-    store.dispatch = jest.fn(store.dispatch);
-
-    render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const emailInput = screen.getByLabelText('Email');
-
-    fireEvent.focus(emailInput);
-
-    expect(store.dispatch).toHaveBeenCalledWith(setForgotPasswordFormData(forgotPasswordFormData));
-  });
-
-  it('should clear error message when cleared in props on focus', async () => {
-    props = {
-      ...props,
-      emailValidationError: '',
-      email: '',
-    };
-    render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const errorElement = screen.queryByTestId('email-invalid-feedback');
-    expect(errorElement).toBeNull();
-  });
-
-  it('should display success message after email is sent', () => {
-    store = mockStore({
-      ...initialState,
-      forgotPassword: {
-        status: 'complete',
-      },
-    });
-
-    const successMessage = 'Check your emailWe sent an email to  with instructions to reset your password. If you do not '
-      + 'receive a password reset message after 1 minute, verify that you entered the correct email address,'
-      + ' or check your spam folder. If you need further assistance, contact technical support.';
-
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const successElement = findByTextContent(container, successMessage);
-
-    expect(successElement).toBeDefined();
-    expect(successElement.textContent).toEqual(successMessage);
-  });
-
-  it('should display invalid password reset link error', () => {
-    store = mockStore({
-      ...initialState,
-      forgotPassword: {
-        status: PASSWORD_RESET.INVALID_TOKEN,
-      },
-    });
-    const successMessage = 'Invalid password reset link'
-      + 'This password reset link is invalid. It may have been used already. '
-      + 'Enter your email below to receive a new link.';
-
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-    const successElement = findByTextContent(container, successMessage);
-
-    expect(successElement).toBeDefined();
-    expect(successElement.textContent).toEqual(successMessage);
-  });
-
-  it('should redirect onto login page', async () => {
-    const { container } = render(reduxWrapper(<IntlForgotPasswordPage {...props} />));
-
-    const navElement = container.querySelector('nav');
-    const anchorElement = navElement.querySelector('a');
-    fireEvent.click(anchorElement);
-
-    expect(mockedNavigator).toHaveBeenCalledWith(LOGIN_PAGE);
-  });
-});

package/src/i18n/index.js

@@ -1,25 +0,0 @@
-// Placeholder be overridden by `make pull_translations`
-export default {
-  ar: {},
-  'zh-hk': {},
-  'zh-cn': {},
-  uk: {},
-  'tr-tr': {},
-  th: {},
-  te: {},
-  ru: {},
-  'pt-pt': {},
-  'pt-br': {},
-  'it-it': {},
-  id: {},
-  hi: {},
-  he: {},
-  'fr-ca': {},
-  fa: {},
-  'es-es': {},
-  'es-419': {},
-  el: {},
-  'de-de': {},
-  da: {},
-  bo: {},
-};