astuto/app/javascript/actions/OAuth/submitOAuth.ts

import { Action } from "redux";
import { ThunkAction } from "redux-thunk";

import HttpStatus from "../../constants/http_status";
import { IOAuth, IOAuthJSON, oAuthJS2JSON } from "../../interfaces/IOAuth";
import { State } from "../../reducers/rootReducer";
import buildFormData from "../../helpers/buildFormData";

export const OAUTH_SUBMIT_START = 'OAUTH_SUBMIT_START';
interface OAuthSubmitStartAction {
  type: typeof OAUTH_SUBMIT_START;
}

export const OAUTH_SUBMIT_SUCCESS = 'OAUTH_SUBMIT_SUCCESS';
interface OAuthSubmitSuccessAction {
  type: typeof OAUTH_SUBMIT_SUCCESS;
  oAuth: IOAuthJSON;
}

export const OAUTH_SUBMIT_FAILURE = 'OAUTH_SUBMIT_FAILURE';
interface OAuthSubmitFailureAction {
  type: typeof OAUTH_SUBMIT_FAILURE;
  error: string;
}

export type OAuthSubmitActionTypes =
  OAuthSubmitStartAction |
  OAuthSubmitSuccessAction |
  OAuthSubmitFailureAction;

const oAuthSubmitStart = (): OAuthSubmitStartAction => ({
  type: OAUTH_SUBMIT_START,
});

const oAuthSubmitSuccess = (
  oAuthJSON: IOAuthJSON,
): OAuthSubmitSuccessAction => ({
  type: OAUTH_SUBMIT_SUCCESS,
  oAuth: oAuthJSON,
});

const oAuthSubmitFailure = (error: string): OAuthSubmitFailureAction => ({
  type: OAUTH_SUBMIT_FAILURE,
  error,
});

export const submitOAuth = (
  oAuth: IOAuth,
  oAuthLogo: File = null,
  authenticityToken: string,
): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
  dispatch(oAuthSubmitStart());

  let formDataObj = {};

  Object.entries(oAuthJS2JSON(oAuth)).forEach(([key, value]) => {
    formDataObj[`o_auth[${key}]`] = value;
  });
  formDataObj['o_auth[logo]'] = oAuthLogo;
  formDataObj['o_auth[is_enabled]'] = false;

  const body = buildFormData(formDataObj);

  try {
    const res = await fetch(`/o_auths`, {
      method: 'POST',
      headers: { 'X-CSRF-Token': authenticityToken },
      body,
    });
    const json = await res.json();

    if (res.status === HttpStatus.Created) {
      dispatch(oAuthSubmitSuccess(json));
    } else {
      dispatch(oAuthSubmitFailure(json.error));
    }

    return Promise.resolve(res);
  } catch (e) {
    dispatch(oAuthSubmitFailure(e));

    return Promise.resolve(null);
  }
};