PromucFlow_constructor/app/client/src/sagas/OrgSagas.ts
satbir121 e2b939416a
Members and org settings page (#424)
* Members and org settings page.

* Adding link back to applications

* Making UI look better.

* Fixing some more css

* Table dropdown onBlur, UI transparency, Popover issue fixed. Added sort arrow (#413)

* table dropdown ui issue and onblur click fixed

* position props value fixed

* tabs tripple click fixed

* Position props in table dropdown made optional

* tabs background color bug removed

* General settings page is bug free.

* Getting the manage users page to work.

* Moving general settings into its own file.

* Removing some unwanted URLs

* User cant change their role or remove themselves

* Changing onClick prop for Icon.

* Fixing tests

* Added loading states to text inputs.

* Added validators for text input

* Fixed border of skeleton for text input

* Adding a loader for Members screen

* Adding Noop to icon button

* Removing console.log

* Fixing imports.

* Moving org reducer to immer.

* Using utils email validator.

* Removing placeholder from text input props.

Co-authored-by: devrk96 <rohit.kumawat@primathon.in>
2020-08-29 00:21:16 +05:30

255 lines
6.9 KiB
TypeScript

import { call, takeLatest, put, all, select } from "redux-saga/effects";
import {
ReduxActionTypes,
ReduxAction,
ReduxActionErrorTypes,
ReduxActionWithPromise,
} from "constants/ReduxActionConstants";
import {
validateResponse,
callAPI,
getResponseErrorMessage,
} from "sagas/ErrorSagas";
import OrgApi, {
FetchOrgRolesResponse,
SaveOrgRequest,
FetchOrgRequest,
FetchOrgResponse,
CreateOrgRequest,
FetchAllUsersResponse,
FetchAllUsersRequest,
FetchAllRolesResponse,
DeleteOrgUserRequest,
ChangeUserRoleRequest,
FetchAllRolesRequest,
} from "api/OrgApi";
import { ApiResponse } from "api/ApiResponses";
import { AppToaster } from "components/editorComponents/ToastComponent";
import { ToastType } from "react-toastify";
import { getCurrentOrg } from "selectors/organizationSelectors";
export function* fetchRolesSaga() {
try {
const response: FetchOrgRolesResponse = yield call(OrgApi.fetchRoles);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
yield put({
type: ReduxActionTypes.FETCH_ORG_ROLES_SUCCESS,
payload: response.data,
});
}
} catch (error) {
console.log(error);
yield put({
type: ReduxActionErrorTypes.FETCH_ORG_ROLES_ERROR,
payload: {
error,
},
});
}
}
export function* fetchOrgSaga(action: ReduxAction<FetchOrgRequest>) {
try {
const request: FetchOrgRequest = action.payload;
const response: FetchOrgResponse = yield call(OrgApi.fetchOrg, request);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
yield put({
type: ReduxActionTypes.FETCH_ORG_SUCCESS,
payload: response.data,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.FETCH_ORG_ERROR,
payload: {
error,
},
});
}
}
export function* fetchAllUsersSaga(action: ReduxAction<FetchAllUsersRequest>) {
try {
const request: FetchAllUsersRequest = action.payload;
const response: FetchAllUsersResponse = yield call(
OrgApi.fetchAllUsers,
request,
);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
const users = response.data.map(user => ({
...user,
isDeleting: false,
isChangingRole: false,
}));
yield put({
type: ReduxActionTypes.FETCH_ALL_USERS_SUCCESS,
payload: users,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.FETCH_ALL_USERS_ERROR,
payload: {
error,
},
});
}
}
export function* changeOrgUserRoleSaga(
action: ReduxAction<ChangeUserRoleRequest>,
) {
try {
const request: ChangeUserRoleRequest = action.payload;
const response: ApiResponse = yield call(OrgApi.changeOrgUserRole, request);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
yield put({
type: ReduxActionTypes.CHANGE_ORG_USER_ROLE_SUCCESS,
payload: response.data,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.CHANGE_ORG_USER_ROLE_ERROR,
payload: {
error,
},
});
}
}
export function* deleteOrgUserSaga(action: ReduxAction<DeleteOrgUserRequest>) {
try {
const request: DeleteOrgUserRequest = action.payload;
const response: ApiResponse = yield call(OrgApi.deleteOrgUser, request);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
yield put({
type: ReduxActionTypes.DELETE_ORG_USER_SUCCESS,
payload: {
username: action.payload.username,
},
});
AppToaster.show({
message: `${response.data.username} has been removed successfully`,
type: ToastType.SUCCESS,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.DELETE_ORG_USER_ERROR,
payload: {
error,
},
});
}
}
export function* fetchAllRolesSaga(action: ReduxAction<FetchAllRolesRequest>) {
try {
const request: FetchAllRolesRequest = action.payload;
const response: FetchAllRolesResponse = yield call(
OrgApi.fetchAllRoles,
request,
);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
yield put({
type: ReduxActionTypes.FETCH_ALL_ROLES_SUCCESS,
payload: response.data,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.FETCH_ALL_ROLES_ERROR,
});
}
}
export function* saveOrgSaga(action: ReduxAction<SaveOrgRequest>) {
try {
const request: SaveOrgRequest = action.payload;
const response: ApiResponse = yield call(OrgApi.saveOrg, request);
const isValidResponse = yield validateResponse(response);
if (isValidResponse) {
const currentOrg = yield select(getCurrentOrg);
if (currentOrg && currentOrg.id === request.id) {
const updatedOrg = {
...currentOrg,
...request,
};
yield put({
type: ReduxActionTypes.SET_CURRENT_ORG,
payload: updatedOrg,
});
}
yield put({
type: ReduxActionTypes.SAVE_ORG_SUCCESS,
});
}
} catch (error) {
yield put({
type: ReduxActionErrorTypes.SAVE_ORG_ERROR,
payload: {
error,
},
});
}
}
export function* createOrgSaga(
action: ReduxActionWithPromise<CreateOrgRequest>,
) {
const { resolve, reject, name } = action.payload;
try {
const request: CreateOrgRequest = { name };
const response: ApiResponse = yield callAPI(OrgApi.createOrg, request);
const isValidResponse = yield validateResponse(response);
if (!isValidResponse) {
const errorMessage = yield getResponseErrorMessage(response);
yield call(reject, { _error: errorMessage });
} else {
yield put({
type: ReduxActionTypes.CREATE_ORGANIZATION_SUCCESS,
payload: response.data,
});
yield put({
type: ReduxActionTypes.SWITCH_ORGANIZATION_INIT,
payload: {
orgId: response.data.id,
},
});
yield call(resolve);
}
} catch (error) {
yield call(reject, { _error: error.message });
yield put({
type: ReduxActionErrorTypes.CREATE_ORGANIZATION_ERROR,
payload: {
error,
},
});
}
}
export default function* orgSagas() {
yield all([
takeLatest(ReduxActionTypes.FETCH_ORG_ROLES_INIT, fetchRolesSaga),
takeLatest(ReduxActionTypes.FETCH_CURRENT_ORG, fetchOrgSaga),
takeLatest(ReduxActionTypes.SAVE_ORG_INIT, saveOrgSaga),
takeLatest(ReduxActionTypes.CREATE_ORGANIZATION_INIT, createOrgSaga),
takeLatest(ReduxActionTypes.FETCH_ALL_USERS_INIT, fetchAllUsersSaga),
takeLatest(ReduxActionTypes.FETCH_ALL_ROLES_INIT, fetchAllRolesSaga),
takeLatest(ReduxActionTypes.DELETE_ORG_USER_INIT, deleteOrgUserSaga),
takeLatest(
ReduxActionTypes.CHANGE_ORG_USER_ROLE_INIT,
changeOrgUserRoleSaga,
),
]);
}