PromucFlow_constructor/app/client/src/reducers/entityReducers/datasourceReducer.ts
sneha122 86cbda5a8b
fix: fetch gsheet project id from cs added (#21361)
## Description

File picker implementation for Limiting Gsheet Access requires google
sheet project id. The changes in this PR gets the gsheet project id from
cloud-services and returns it back to client. Client then uses this
project id to open file picker and select required files.

Fixes https://github.com/appsmithorg/appsmith/issues/21298,
https://github.com/appsmithorg/appsmith/issues/21362


Media
> A video or a GIF is preferred. when using Loom, don’t embed because it
looks like it’s a GIF. instead, just link to the video


## Type of change

- Bug fix (non-breaking change which fixes an issue)


## How Has This Been Tested?
- Manual

### Test Plan
> Add Testsmith test cases links that relate to this PR

### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)


## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [x] PR is being merged under a feature flag


### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test

---------

Co-authored-by: “sneha122” <“sneha@appsmith.com”>
2023-03-21 12:53:05 +05:30

475 lines
13 KiB
TypeScript

import { createReducer } from "utils/ReducerUtils";
import type { ReduxAction } from "@appsmith/constants/ReduxActionConstants";
import {
ReduxActionTypes,
ReduxActionErrorTypes,
} from "@appsmith/constants/ReduxActionConstants";
import type {
Datasource,
DatasourceStructure,
MockDatasource,
} from "entities/Datasource";
import { TEMP_DATASOURCE_ID } from "constants/Datasource";
export interface DatasourceDataState {
list: Datasource[];
loading: boolean;
isTesting: boolean;
isListing: boolean; // fetching unconfigured datasource list
fetchingDatasourceStructure: boolean;
isRefreshingStructure: boolean;
structure: Record<string, DatasourceStructure>;
isFetchingMockDataSource: false;
mockDatasourceList: any[];
executingDatasourceQuery: boolean;
isReconnectingModalOpen: boolean; // reconnect datasource modal for import application
unconfiguredList: Datasource[];
isDatasourceBeingSaved: boolean;
isDatasourceBeingSavedFromPopup: boolean;
gsheetToken: string;
gsheetProjectID: string;
}
const initialState: DatasourceDataState = {
list: [],
loading: false,
isTesting: false,
isListing: false,
fetchingDatasourceStructure: false,
isRefreshingStructure: false,
structure: {},
isFetchingMockDataSource: false,
mockDatasourceList: [],
executingDatasourceQuery: false,
isReconnectingModalOpen: false,
unconfiguredList: [],
isDatasourceBeingSaved: false,
isDatasourceBeingSavedFromPopup: false,
gsheetToken: "",
gsheetProjectID: "",
};
const datasourceReducer = createReducer(initialState, {
[ReduxActionTypes.FETCH_MOCK_DATASOURCES_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, isFetchingMockDataSource: true };
},
[ReduxActionTypes.FETCH_MOCK_DATASOURCES_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<any>,
) => {
const mockDatasourceList = action.payload as MockDatasource[];
return { ...state, isFetchingMockDataSource: false, mockDatasourceList };
},
[ReduxActionErrorTypes.FETCH_MOCK_DATASOURCES_ERROR]: (
state: DatasourceDataState,
) => {
return { ...state, isFetchingMockDataSource: false };
},
[ReduxActionTypes.ADD_MOCK_DATASOURCES_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, loading: true };
},
[ReduxActionTypes.ADD_MOCK_DATASOURCES_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
loading: false,
list: state.list.concat(action.payload),
};
},
[ReduxActionErrorTypes.FETCH_MOCK_DATASOURCES_ERROR]: (
state: DatasourceDataState,
) => {
return { ...state, loading: false };
},
[ReduxActionTypes.FETCH_DATASOURCES_INIT]: (state: DatasourceDataState) => {
return { ...state, loading: true };
},
[ReduxActionTypes.CREATE_DATASOURCE_INIT]: (state: DatasourceDataState) => {
return { ...state, loading: true };
},
[ReduxActionTypes.CREATE_DATASOURCE_FROM_FORM_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, loading: true };
},
[ReduxActionTypes.UPDATE_DATASOURCE_INIT]: (state: DatasourceDataState) => {
return { ...state, loading: true };
},
[ReduxActionTypes.TEST_DATASOURCE_INIT]: (state: DatasourceDataState) => {
return { ...state, isTesting: true };
},
[ReduxActionTypes.DELETE_DATASOURCE_INIT]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, isDeleting: true };
}
return datasource;
}),
};
},
[ReduxActionTypes.REFRESH_DATASOURCE_STRUCTURE_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, isRefreshingStructure: true };
},
[ReduxActionTypes.EXECUTE_DATASOURCE_QUERY_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, executingDatasourceQuery: true };
},
[ReduxActionTypes.EXECUTE_DATASOURCE_QUERY_SUCCESS]: (
state: DatasourceDataState,
) => {
return { ...state, executingDatasourceQuery: false };
},
[ReduxActionTypes.FETCH_DATASOURCE_STRUCTURE_INIT]: (
state: DatasourceDataState,
) => {
return { ...state, fetchingDatasourceStructure: true };
},
[ReduxActionTypes.FETCH_DATASOURCE_STRUCTURE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<{ data: DatasourceStructure; datasourceId: string }>,
) => {
return {
...state,
fetchingDatasourceStructure: false,
structure: {
...state.structure,
[action.payload.datasourceId]: action.payload.data,
},
};
},
[ReduxActionTypes.REFRESH_DATASOURCE_STRUCTURE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<{ data: DatasourceStructure; datasourceId: string }>,
) => {
return {
...state,
isRefreshingStructure: false,
structure: {
...state.structure,
[action.payload.datasourceId]: action.payload.data,
},
};
},
[ReduxActionErrorTypes.FETCH_DATASOURCE_STRUCTURE_ERROR]: (
state: DatasourceDataState,
) => {
return {
...state,
fetchingDatasourceStructure: false,
};
},
[ReduxActionTypes.FETCH_DATASOURCES_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource[]>,
) => {
return {
...state,
loading: false,
list: action.payload,
};
},
[ReduxActionTypes.TEST_DATASOURCE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<{
show: boolean;
id?: string;
messages?: Array<string>;
error?: any;
}>,
): DatasourceDataState => {
if (action.payload.id) {
const list = state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, messages: action.payload.messages };
}
return datasource;
});
const unconfiguredList = state.unconfiguredList.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, messages: action.payload.messages };
}
return datasource;
});
return {
...state,
isTesting: false,
list: list,
unconfiguredList: unconfiguredList,
};
}
return {
...state,
isTesting: false,
};
},
[ReduxActionTypes.DELETE_DATASOURCE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
list: state.list.filter(
(datasource) => datasource.id !== action.payload.id,
),
};
},
[ReduxActionTypes.DELETE_DATASOURCE_CANCELLED]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, isDeleting: false };
}
return datasource;
}),
};
},
[ReduxActionTypes.CREATE_DATASOURCE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
loading: false,
list: state.list.concat(action.payload),
isDatasourceBeingSaved: false,
isDatasourceBeingSavedFromPopup: false,
};
},
[ReduxActionTypes.UPDATE_DATASOURCE_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
): DatasourceDataState => {
return {
...state,
loading: false,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) return action.payload;
return datasource;
}),
unconfiguredList: state.unconfiguredList.map((datasource) => {
if (datasource.id === action.payload.id) return action.payload;
return datasource;
}),
};
},
[ReduxActionTypes.UPDATE_DATASOURCE_IMPORT_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
): DatasourceDataState => {
return {
...state,
loading: false,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) return action.payload;
return datasource;
}),
unconfiguredList: state.unconfiguredList.map((datasource) => {
if (datasource.id === action.payload.id) return action.payload;
return datasource;
}),
};
},
[ReduxActionTypes.SAVE_DATASOURCE_NAME]: (
state: DatasourceDataState,
action: ReduxAction<{ id: string; name: string }>,
) => {
const list = state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, name: action.payload.name };
}
return datasource;
});
return {
...state,
list: list,
};
},
[ReduxActionTypes.SAVE_DATASOURCE_NAME_SUCCESS]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
): DatasourceDataState => {
return {
...state,
loading: false,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) return action.payload;
return datasource;
}),
};
},
[ReduxActionErrorTypes.CREATE_DATASOURCE_ERROR]: (
state: DatasourceDataState,
) => {
return {
...state,
loading: false,
isDatasourceBeingSaved: false,
isDatasourceBeingSavedFromPopup: false,
};
},
[ReduxActionErrorTypes.DELETE_DATASOURCE_ERROR]: (
state: DatasourceDataState,
action: ReduxAction<Datasource>,
) => {
return {
...state,
list: state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, isDeleting: false };
}
return datasource;
}),
};
},
[ReduxActionErrorTypes.TEST_DATASOURCE_ERROR]: (
state: DatasourceDataState,
action: ReduxAction<{
show: boolean;
id?: string;
messages?: Array<string>;
error?: any;
}>,
): DatasourceDataState => {
if (action.payload.id) {
const list = state.list.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, messages: action.payload.messages };
}
return datasource;
});
const unconfiguredList = state.unconfiguredList.map((datasource) => {
if (datasource.id === action.payload.id) {
return { ...datasource, messages: action.payload.messages };
}
return datasource;
});
return {
...state,
isTesting: false,
list: list,
unconfiguredList: unconfiguredList,
};
}
return {
...state,
isTesting: false,
};
},
[ReduxActionErrorTypes.UPDATE_DATASOURCE_ERROR]: (
state: DatasourceDataState,
): DatasourceDataState => {
return {
...state,
loading: false,
};
},
[ReduxActionErrorTypes.REFRESH_DATASOURCE_STRUCTURE_ERROR]: (
state: DatasourceDataState,
) => {
return {
...state,
isRefreshingStructure: false,
};
},
[ReduxActionErrorTypes.EXECUTE_DATASOURCE_QUERY_ERROR]: (
state: DatasourceDataState,
) => {
return {
...state,
executingDatasourceQuery: false,
};
},
[ReduxActionTypes.SET_IS_RECONNECTING_DATASOURCES_MODAL_OPEN]: (
state: DatasourceDataState,
action: ReduxAction<{ isOpen: boolean }>,
) => {
return {
...state,
isReconnectingModalOpen: action.payload.isOpen,
};
},
[ReduxActionTypes.SET_UNCONFIGURED_DATASOURCES]: (
state: DatasourceDataState,
action: ReduxAction<Datasource[] | undefined>,
) => {
return {
...state,
isListing: false,
unconfiguredList: action.payload,
};
},
[ReduxActionTypes.FETCH_UNCONFIGURED_DATASOURCE_LIST]: (
state: DatasourceDataState,
) => {
return {
...state,
isListing: true,
unconfiguredList: [],
};
},
[ReduxActionTypes.REMOVE_TEMP_DATASOURCE_SUCCESS]: (
state: DatasourceDataState,
) => {
return {
...state,
isDeleting: false,
list: state.list.filter(
(datasource) => datasource.id !== TEMP_DATASOURCE_ID,
),
};
},
[ReduxActionTypes.SET_DATASOURCE_SAVE_ACTION_FLAG]: (
state: DatasourceDataState,
action: ReduxAction<{ isDSSaved: boolean }>,
) => {
return { ...state, isDatasourceBeingSaved: action.payload.isDSSaved };
},
[ReduxActionTypes.SET_DATASOURCE_SAVE_ACTION_FROM_POPUP_FLAG]: (
state: DatasourceDataState,
action: ReduxAction<{ isDSSavedFromPopup: boolean }>,
) => {
return {
...state,
isDatasourceBeingSavedFromPopup: action.payload.isDSSavedFromPopup,
};
},
[ReduxActionTypes.SET_GSHEET_TOKEN]: (
state: DatasourceDataState,
action: ReduxAction<{ gsheetToken: string; gsheetProjectID: string }>,
) => {
return {
...state,
gsheetToken: action.payload.gsheetToken,
gsheetProjectID: action.payload.gsheetProjectID,
};
},
});
export default datasourceReducer;