strapi/packages/strapi-admin/admin/src/containers/Webhooks/EditView/reducer.js

import { fromJS } from 'immutable';
import { get } from 'lodash';

const header = { key: '', value: '' };

const initialWebhook = {
  events: [],
  headers: [header],
  name: null,
  url: null,
};

const initialState = fromJS({
  formErrors: {},
  initialData: initialWebhook,
  isTriggering: false,
  modifiedData: initialWebhook,
  triggerResponse: {},
});

const reducer = (state, action) => {
  switch (action.type) {
    case 'ADD_NEW_HEADER':
      return state.updateIn(['modifiedData', ...action.keys], arr =>
        arr.push(fromJS(header))
      );
    case 'GET_DATA_SUCCEEDED': {
      const headers = get(action, ['data', 'headers'], {});
      let formattedHeaders = [header];

      if (Object.keys(headers).length > 0) {
        formattedHeaders = Object.keys(headers).map(key => {
          return { key: key, value: headers[key] };
        });
      }

      const data = fromJS(action.data).update('headers', () =>
        fromJS(formattedHeaders)
      );

      return state
        .update('initialData', () => data)
        .update('modifiedData', () => data);
    }
    case 'IS_TRIGGERING':
      return state.update('isTriggering', isTriggering => !isTriggering);
    case 'ON_CHANGE':
      return state.updateIn(
        ['modifiedData', ...action.keys],
        () => action.value
      );
    case 'ON_HEADER_REMOVE': {
      return state.updateIn(['modifiedData', 'headers'], headers => {
        if (headers.size === 1) {
          return fromJS([header]);
        }
        return headers.remove(action.index);
      });
    }
    case 'ON_TRIGGER_CANCELED':
      return state
        .update('isTriggering', () => false)
        .set('triggerResponse', fromJS({}));
    case 'RESET_FORM':
      return state.update('modifiedData', () => state.get('initialData'));
    case 'SET_ERRORS':
      return state.update('formErrors', () => fromJS(action.errors));
    case 'TRIGGER_SUCCEEDED':
      return state
        .update('triggerResponse', () => fromJS(action.response))
        .update('isTriggering', () => false);
    default:
      return state;
  }
};

export default reducer;
export { initialState };