strapi/packages/strapi-plugin-upload/admin/src/containers/ModalStepper/reducer.js

import { fromJS } from 'immutable';

import { createNewFilesToDownloadArray, createNewFilesToUploadArray } from '../../utils';

const initialState = fromJS({
  currentStep: 'browse',
  filesToUpload: [],
  filesToDownload: [],
  fileToEdit: null,
});

const reducer = (state, action) => {
  switch (action.type) {
    case 'ADD_FILES_TO_UPLOAD':
      return state
        .update('filesToUpload', list =>
          list
            .concat(fromJS(createNewFilesToUploadArray(action.filesToUpload)))
            .map((data, index) => data.set('originalIndex', index))
        )
        .update('currentStep', () => action.nextStep);
    case 'ADD_URLS_TO_FILES_TO_UPLOAD':
      return state
        .update('filesToUpload', list =>
          list
            .concat(
              fromJS(createNewFilesToDownloadArray(state.get('filesToDownload'), list.toJS()))
            )
            .map((data, index) => data.set('originalIndex', index))
        )
        .update('currentStep', () => action.nextStep)
        .update('filesToDownload', () => fromJS([]));
    case 'CLEAN_FILES_ERROR':
      return state.update('filesToUpload', list =>
        list.map(data => {
          if (data.get('tempId')) {
            return data;
          }

          return data.set('hasError', false).set('errorMessage', null);
        })
      );
    case 'FILE_DOWNLOADED':
      return state.updateIn(['filesToUpload'], list => {
        return list.map(file => {
          if (file.get('tempId') === action.fileTempId) {
            return file.update('isDownloading', () => false).update('file', () => action.blob);
          }

          return file;
        });
      });
    case 'GO_TO':
      return state.update('currentStep', () => action.to);
    case 'INIT_FILE_TO_EDIT':
      return state.update('fileToEdit', () => fromJS(action.fileToEdit));
    case 'ON_ABORT_UPLOAD':
      return state.updateIn(['fileToEdit', 'isUploading'], () => false);
    case 'ON_CHANGE_URLS_TO_DOWNLOAD':
      return state.updateIn(['filesToDownload'], () => fromJS(action.value));
    case 'ON_CHANGE':
      return state.updateIn(['fileToEdit', ...action.keys.split('.')], () => action.value);
    case 'ON_SUBMIT_EDIT_NEW_FILE': {
      const originalIndex = state.getIn(['fileToEdit', 'originalIndex']);

      return state
        .updateIn(['filesToUpload', originalIndex], () => state.get('fileToEdit'))
        .update('fileToEdit', () => null);
    }
    case 'ON_SUBMIT_EDIT_EXISTING_FILE':
      return state.updateIn(['fileToEdit', 'isUploading'], () => true);
    case 'REMOVE_FILE_TO_UPLOAD':
      return state.update('filesToUpload', list => {
        return list.filter(data => data.get('originalIndex') !== action.fileIndex);
      });
    case 'RESET_FILE_TO_EDIT':
      return state.update('fileToEdit', () => null);
    case 'RESET_PROPS':
      return initialState;
    case 'SET_CROP_RESULT': {
      return state.updateIn(['fileToEdit', 'file'], () => fromJS(action.blob));
    }
    case 'SET_FILE_ERROR':
      return state.update('filesToUpload', list => {
        return list.map(data => {
          if (data.get('originalIndex') === action.fileIndex) {
            return data
              .set('isUploading', false)
              .set('hasError', true)
              .set('errorMessage', action.errorMessage);
          }

          return data;
        });
      });
    case 'SET_FILE_TO_DOWNLOAD_ERROR':
      return state.update('filesToUpload', list => {
        return list.map(file => {
          if (file.get('tempId') === action.fileTempId) {
            return file
              .update('isDownloading', () => false)
              .update('hasError', () => true)
              .update('errorMessage', () => file.get('fileOriginalName'));
          }

          return file;
        });
      });
    case 'SET_FILE_TO_EDIT':
      return state.update('fileToEdit', () => state.getIn(['filesToUpload', action.fileIndex]));
    case 'SET_FILE_TO_EDIT_ERROR':
      return state
        .updateIn(['fileToEdit', 'hasError'], () => true)
        .updateIn(['fileToEdit', 'errorMessage'], () => action.errorMessage)
        .updateIn(['fileToEdit', 'isUploading'], () => false);
    case 'SET_FILES_UPLOADING_STATE':
      return state.update('filesToUpload', list =>
        list.map(data =>
          data
            .set('isUploading', true)
            .set('hasError', false)
            .set('errorMessage', null)
        )
      );

    default:
      return state;
  }
};

export default reducer;
export { initialState };