EPMRPP-76241 || Plugins receiving before user login

app/src/common/urls.js

@@ -269,6 +269,7 @@ export const URLS = {
   appInfo: () => `${compositeBase}info`,
 
   plugin: () => `${urlBase}plugin`,
+  pluginPublic: () => `${urlBase}getPlugins`,
   pluginUpdate: (pluginId) => `${urlBase}plugin/${pluginId}`,
   pluginFile: (pluginName, fileKey) => `${urlBase}plugin/${pluginName}/file/${fileKey}`,
   pluginPublicFile: (pluginName, fileKey) =>

app/src/controllers/auth/sagas.js

@@ -48,10 +48,15 @@ import {
   userIdSelector,
 } from 'controllers/user';
 import { FETCH_PROJECT_SUCCESS, fetchProjectAction } from 'controllers/project';
-import { fetchPluginsAction, fetchGlobalIntegrationsAction } from 'controllers/plugins';
+import {
+  fetchPluginsAction,
+  fetchGlobalIntegrationsAction,
+  fetchPublicPluginsAction,
+} from 'controllers/plugins';
 import { redirect, pathToAction } from 'redux-first-router';
 import qs, { stringify } from 'qs';
 import routesMap from 'routes/routesMap';
+import { resetPluginAction } from 'controllers/plugins/actionCreators';
 import {
   authSuccessAction,
   resetTokenAction,
@@ -74,6 +79,8 @@ import { tokenSelector } from './selectors';
 // TODO: clear cookie on logout
 function* handleLogout() {
   yield put(resetTokenAction());
+  yield put(resetPluginAction());
+  yield put(fetchPublicPluginsAction());
   yield put(fetchAppInfoAction());
   yield put(
     redirect({

app/src/controllers/initialData/sagas.js

@@ -30,8 +30,13 @@ import {
   authSuccessAction,
 } from 'controllers/auth';
 import { FETCH_PROJECT_SUCCESS, fetchProjectAction } from 'controllers/project';
-import { fetchGlobalIntegrationsAction, fetchPluginsAction } from 'controllers/plugins';
+import {
+  fetchGlobalIntegrationsAction,
+  fetchPluginsAction,
+  fetchPublicPluginsAction,
+} from 'controllers/plugins';
 import { getStorageItem } from 'common/utils';
+import { resetPluginAction } from 'controllers/plugins/actionCreators';
 import { setInitialDataReadyAction } from './actionCreators';
 import { FETCH_INITIAL_DATA } from './constants';
 
@@ -49,6 +54,8 @@ function* fetchInitialData() {
     yield put(authSuccessAction());
   } else {
     yield put(resetTokenAction());
+    yield put(resetPluginAction());
+    yield put(fetchPublicPluginsAction());
   }
   yield put(setInitialDataReadyAction());
 }

app/src/controllers/plugins/actionCreators.js

@@ -16,6 +16,7 @@
 
 import {
   FETCH_PLUGINS,
+  FETCH_PUBLIC_PLUGINS,
   REMOVE_PLUGIN,
   UPDATE_PLUGIN_SUCCESS,
   REMOVE_PLUGIN_SUCCESS,
@@ -34,12 +35,17 @@ import {
   FETCH_GLOBAL_INTEGRATIONS,
   FETCH_GLOBAL_INTEGRATIONS_SUCCESS,
   REMOVE_GLOBAL_INTEGRATIONS_BY_TYPE_SUCCESS,
+  RESET_PLUGIN_SUCCESS,
 } from './constants';
 
 export const fetchPluginsAction = () => ({
   type: FETCH_PLUGINS,
 });
 
+export const fetchPublicPluginsAction = () => ({
+  type: FETCH_PUBLIC_PLUGINS,
+});
+
 export const removePluginAction = (id, callback, pluginName) => ({
   type: REMOVE_PLUGIN,
   payload: { id, callback, pluginName },
@@ -55,6 +61,8 @@ export const updatePluginSuccessAction = (plugin) => ({
   payload: plugin,
 });
 
+export const resetPluginAction = () => ({ type: RESET_PLUGIN_SUCCESS });
+
 export const fetchGlobalIntegrationsAction = () => ({
   type: FETCH_GLOBAL_INTEGRATIONS,
 });

app/src/controllers/plugins/constants.js

@@ -20,9 +20,11 @@ export const FETCH_GLOBAL_INTEGRATIONS = 'fetchGlobalIntegrations';
 export const FETCH_GLOBAL_INTEGRATIONS_SUCCESS = 'fetchGlobalIntegrationsSuccess';
 
 export const FETCH_PLUGINS = 'fetchPlugins';
+export const FETCH_PUBLIC_PLUGINS = 'fetchPublicPlugins';
 export const REMOVE_PLUGIN = 'removePlugin';
 export const UPDATE_PLUGIN_SUCCESS = 'updatePluginSuccess';
 export const REMOVE_PLUGIN_SUCCESS = 'removePluginSuccess';
+export const RESET_PLUGIN_SUCCESS = 'resetPluginSuccess';
 
 export const UPDATE_INTEGRATION = 'updateIntegration';
 export const REMOVE_INTEGRATION = 'removeIntegration';
@@ -43,3 +45,5 @@ export const GLOBAL_INTEGRATIONS = 'globalIntegrations';
 export const PROJECT_INTEGRATIONS = 'projectIntegrations';
 
 export const SECRET_FIELDS_KEY = 'rp_secretFieldsToClear';
+
+export const PUBLIC_PLUGINS = 'publicPlugins';

app/src/controllers/plugins/index.js

@@ -18,6 +18,7 @@ export { pluginsReducer } from './reducer';
 export { SECRET_FIELDS_KEY } from './constants';
 export {
   fetchPluginsAction,
+  fetchPublicPluginsAction,
   removePluginAction,
   removePluginSuccessAction,
   updatePluginSuccessAction,

app/src/controllers/plugins/reducer.js

@@ -34,6 +34,8 @@ import {
   REMOVE_PROJECT_INTEGRATION_SUCCESS,
   REMOVE_PROJECT_INTEGRATIONS_BY_TYPE_SUCCESS,
   REMOVE_GLOBAL_INTEGRATIONS_BY_TYPE_SUCCESS,
+  PUBLIC_PLUGINS,
+  RESET_PLUGIN_SUCCESS,
 } from './constants';
 
 const addIntegration = (state, type, payload) => ({
@@ -79,6 +81,8 @@ export const updatePluginLocallyReducer = (state, { type, payload }) => {
       });
     case REMOVE_PLUGIN_SUCCESS:
       return state.filter((item) => item.type !== payload);
+    case RESET_PLUGIN_SUCCESS:
+      return [];
     default:
       return state;
   }
@@ -119,6 +123,7 @@ export const integrationsReducer = (state = {}, { type, payload }) => {
 
 export const pluginsReducer = combineReducers({
   plugins: queueReducers(fetchReducer(NAMESPACE), updatePluginLocallyReducer),
+  publicPlugins: fetchReducer(PUBLIC_PLUGINS),
   integrations: integrationsReducer,
   uiExtensions: uiExtensionsReducer,
 });

app/src/controllers/plugins/sagas.js

@@ -30,6 +30,7 @@ import { userIdSelector } from 'controllers/user';
 import {
   NAMESPACE,
   FETCH_PLUGINS,
+  FETCH_PUBLIC_PLUGINS,
   REMOVE_PLUGIN,
   REMOVE_PROJECT_INTEGRATIONS_BY_TYPE,
   ADD_INTEGRATION,
@@ -38,6 +39,7 @@ import {
   FETCH_GLOBAL_INTEGRATIONS,
   SECRET_FIELDS_KEY,
   FETCH_GLOBAL_INTEGRATIONS_SUCCESS,
+  PUBLIC_PLUGINS,
 } from './constants';
 import { resolveIntegrationUrl } from './utils';
 import { pluginByNameSelector } from './selectors';
@@ -214,10 +216,18 @@ function* fetchPlugins() {
   yield put(fetchDataAction(NAMESPACE)(URLS.plugin()));
 }
 
+function* fetchPublicPlugins() {
+  yield put(fetchDataAction(PUBLIC_PLUGINS)(URLS.pluginPublic()));
+}
+
 function* watchFetchPlugins() {
   yield takeEvery(FETCH_PLUGINS, fetchPlugins);
 }
 
+function* watchFetchPublicPlugins() {
+  yield takeEvery(FETCH_PUBLIC_PLUGINS, fetchPublicPlugins);
+}
+
 function* removePlugin({ payload: { id, callback, pluginName } }) {
   yield put(showScreenLockAction());
   try {
@@ -252,6 +262,13 @@ function* watchPluginChange() {
   );
 }
 
+function* watchPublicPluginChange() {
+  yield takeEvery(
+    [createFetchPredicate(PUBLIC_PLUGINS), FETCH_GLOBAL_INTEGRATIONS_SUCCESS],
+    fetchUiExtensions,
+  );
+}
+
 export function* pluginSagas() {
   yield all([
     watchAddIntegration(),
@@ -260,7 +277,9 @@ export function* pluginSagas() {
     watchRemoveIntegrationsByType(),
     watchFetchGlobalIntegrations(),
     watchFetchPlugins(),
+    watchFetchPublicPlugins(),
     watchRemovePlugin(),
     watchPluginChange(),
+    watchPublicPluginChange(),
   ]);
 }

app/src/controllers/plugins/selectors.js

@@ -27,7 +27,12 @@ import {
 
 export const domainSelector = (state) => state.plugins || {};
 
-export const pluginsSelector = (state) => domainSelector(state).plugins;
+export const pluginsSelector = (state) => {
+  return domainSelector(state).plugins;
+};
+export const publicPluginsSelector = (state) => {
+  return domainSelector(state).publicPlugins;
+};
 export const pluginByNameSelector = (state, name) =>
   pluginsSelector(state).find((plugin) => plugin.name === name);
 

app/src/controllers/plugins/uiExtensions/sagas.js

@@ -3,7 +3,7 @@ import { URLS } from 'common/urls';
 import { fetch } from 'common/utils/fetch';
 import { activeProjectSelector } from 'controllers/user';
 import { COMMAND_GET_FILE, METADATA_FILE_KEY, MAIN_FILE_KEY } from './constants';
-import { pluginsSelector, globalIntegrationsSelector } from '../selectors';
+import { pluginsSelector, globalIntegrationsSelector, publicPluginsSelector } from '../selectors';
 import { filterIntegrationsByName, isPluginSupportsCommonCommand } from '../utils';
 import {
   extensionLoadFinishAction,
@@ -13,7 +13,9 @@ import {
 
 function* fetchExtensionsMetadata() {
   const plugins = yield select(pluginsSelector);
-  const uiExtensionPlugins = plugins.filter(
+  const publicPlugins = yield select(publicPluginsSelector);
+  const currentPlugins = !plugins.length ? publicPlugins : plugins;
+  const uiExtensionPlugins = currentPlugins.filter(
     (plugin) =>
       plugin.enabled &&
       plugin.details &&