126 lines
3.8 KiB
TypeScript
126 lines
3.8 KiB
TypeScript
import { all, put, select, takeEvery } from "redux-saga/effects";
|
|
import {
|
|
ReduxAction,
|
|
ReduxActionTypes,
|
|
ReduxActionWithMeta,
|
|
ReduxFormActionTypes,
|
|
} from "constants/ReduxActionConstants";
|
|
import history from "utils/history";
|
|
import { getDatasource, getPlugin } from "selectors/entitiesSelector";
|
|
import { Datasource } from "entities/Datasource";
|
|
import {
|
|
SAAS_EDITOR_DATASOURCE_ID_URL,
|
|
SAAS_EDITOR_API_ID_URL,
|
|
} from "pages/Editor/SaaSEditor/constants";
|
|
|
|
import {
|
|
getCurrentApplicationId,
|
|
getCurrentPageId,
|
|
} from "selectors/editorSelectors";
|
|
import { Action, PluginType } from "entities/Action";
|
|
import { SAAS_EDITOR_FORM } from "constants/forms";
|
|
import { getFormData } from "selectors/formSelectors";
|
|
import { setActionProperty } from "actions/pluginActionActions";
|
|
import { autofill } from "redux-form";
|
|
|
|
import { get } from "lodash";
|
|
|
|
function* handleDatasourceCreatedSaga(actionPayload: ReduxAction<Datasource>) {
|
|
const plugin = yield select(getPlugin, actionPayload.payload.pluginId);
|
|
// Only look at SAAS plugins
|
|
if (plugin.type !== PluginType.SAAS) return;
|
|
|
|
const pageId = yield select(getCurrentPageId);
|
|
const applicationId = yield select(getCurrentApplicationId);
|
|
|
|
history.push(
|
|
SAAS_EDITOR_DATASOURCE_ID_URL(
|
|
applicationId,
|
|
pageId,
|
|
plugin.packageName,
|
|
actionPayload.payload.id,
|
|
{ from: "datasources" },
|
|
),
|
|
);
|
|
}
|
|
|
|
function* handleActionCreatedSaga(actionPayload: ReduxAction<Action>) {
|
|
const { id, pluginId } = actionPayload.payload;
|
|
const plugin = yield select(getPlugin, pluginId);
|
|
|
|
if (plugin.type !== "SAAS") return;
|
|
const applicationId = yield select(getCurrentApplicationId);
|
|
const pageId = yield select(getCurrentPageId);
|
|
history.push(
|
|
SAAS_EDITOR_API_ID_URL(applicationId, pageId, plugin.packageName, id, {
|
|
editName: "true",
|
|
from: "datasources",
|
|
}),
|
|
);
|
|
}
|
|
|
|
function* formValueChangeSaga(
|
|
actionPayload: ReduxActionWithMeta<string, { field: string; form: string }>,
|
|
) {
|
|
const { field, form } = actionPayload.meta;
|
|
if (field === "dynamicBindingPathList" || field === "name") return;
|
|
if (form !== SAAS_EDITOR_FORM) return;
|
|
const { values } = yield select(getFormData, SAAS_EDITOR_FORM);
|
|
if (field === "datasource.id") {
|
|
const datasource = yield select(getDatasource, actionPayload.payload);
|
|
|
|
// Update the datasource not just the datasource id.
|
|
yield put(
|
|
setActionProperty({
|
|
actionId: values.id,
|
|
propertyName: "datasource",
|
|
value: datasource,
|
|
}),
|
|
);
|
|
|
|
// Update the datasource of the form as well
|
|
yield put(autofill(SAAS_EDITOR_FORM, "datasource", datasource));
|
|
|
|
return;
|
|
}
|
|
|
|
// Special handling of the case when the where clause row is added or removed
|
|
if (
|
|
actionPayload.type === ReduxFormActionTypes.ARRAY_REMOVE ||
|
|
actionPayload.type === ReduxFormActionTypes.ARRAY_PUSH
|
|
) {
|
|
// Sending only the value for the where clause rather than the payload
|
|
const value = get(values, field);
|
|
yield put(
|
|
setActionProperty({
|
|
actionId: values.id,
|
|
propertyName: field,
|
|
value,
|
|
}),
|
|
);
|
|
} else {
|
|
yield put(
|
|
setActionProperty({
|
|
actionId: values.id,
|
|
propertyName: field,
|
|
value: actionPayload.payload,
|
|
}),
|
|
);
|
|
}
|
|
}
|
|
|
|
export default function* root() {
|
|
yield all([
|
|
takeEvery(
|
|
ReduxActionTypes.CREATE_DATASOURCE_SUCCESS,
|
|
handleDatasourceCreatedSaga,
|
|
),
|
|
takeEvery(ReduxActionTypes.CREATE_ACTION_SUCCESS, handleActionCreatedSaga),
|
|
// Intercepting the redux-form change actionType
|
|
takeEvery(ReduxFormActionTypes.VALUE_CHANGE, formValueChangeSaga),
|
|
// Calling form valye change on adding/removing where clause statement
|
|
takeEvery(ReduxFormActionTypes.ARRAY_REMOVE, formValueChangeSaga),
|
|
takeEvery(ReduxFormActionTypes.ARRAY_PUSH, formValueChangeSaga),
|
|
]);
|
|
}
|