@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/Cap/sagas.js

@@ -0,0 +1,159 @@
+import {
+  fork, take, call, put, cancelled, takeLatest, all,
+  cancel,
+} from 'redux-saga/effects';
+import { getRedirectionUrl } from '@capillarytech/cap-ui-utils/utils/logoutUtil';
+// import { normalize } from 'normalizr';
+import * as Api from '../../services/api';
+import * as LocalStorage from '../../services/localStorageApi';
+import * as types from './constants';
+// import {makeSelectOrgId} from './selectors';
+
+export function* authorize(user) {
+  try {
+    const res = yield call(Api.authorize, user);
+    yield call(LocalStorage.saveItem, 'token', res.token);
+    yield call(LocalStorage.saveItem, 'orgID', res.user.orgID);
+    yield call(LocalStorage.saveItem, 'user', res.user);
+    // yield call(LocalStorage.saveItem, 'isLoggedIn', true);
+    yield put({ type: types.LOGIN_SUCCESS, res });
+  } catch (error) {
+    yield put({ type: types.LOGIN_FAILURE, error });
+  } finally {
+    if (yield cancelled()) {
+      // reducer will clear out login_progress on logout request
+      // So this block is not exactly required
+    }
+  }
+}
+
+function* switchOrg({ orgID }) {
+  try {
+    LocalStorage.saveItem('orgID', orgID);
+    const res = yield call(Api.changeProxyOrg, orgID);
+    yield put({ type: types.SWITCH_ORG_SUCCESS, orgID, isSuccess: res.success });
+  } catch (error) {
+    yield put({ type: types.SWITCH_ORG_FAILURE, error });
+  }
+}
+
+export function* loginFlow() {
+  let condition = true;
+  while (condition) {
+    const { user } = yield take(types.LOGIN_REQUEST);
+    const task = yield fork(authorize, user);
+    const action = yield take([types.LOGOUT_REQUEST, types.LOGIN_FAILURE]);
+    if (action.type === types.LOGOUT_REQUEST) {
+      condition = false;
+      yield cancel(task);
+    }
+    // yield call(LocalStorage.clearItem, 'token');
+    // yield call(LocalStorage.clearItem, 'orgID');
+    // yield call(LocalStorage.clearItem, 'user');
+  }
+}
+
+export function* logoutFlow() {
+  try {
+    const serverLogout = yield call(Api.logout);
+    if (serverLogout.success && serverLogout.success === true) {
+      const redirectUrl = getRedirectionUrl({
+        redirectUri: serverLogout?.redirectUri,
+      });
+      yield put({ type: types.LOGOUT_SUCCESS });
+      yield call(LocalStorage.clearItem, 'token');
+      yield call(LocalStorage.clearItem, 'orgID');
+      yield call(LocalStorage.clearItem, 'user');
+      yield call(LocalStorage.clearItem, 'isLoggedIn');
+      window.location.href = redirectUrl;
+    }
+  } catch (error) {
+    yield put({ type: types.LOGOUT_FAILURE, error });
+  }
+}
+
+export function* fetchUserInfo({ callback }) {
+  try {
+    const result = yield call(Api.getUserData);
+    const userData = result.user;
+    // const orgId = yield select(makeSelectOrgId());
+    // yield put({type: types.GET_ORG_DETAILS_REQUEST, orgId});
+    const { currentOrgDetails } = result;
+    if (!(currentOrgDetails && currentOrgDetails.basic_details && currentOrgDetails.basic_details.base_language && (currentOrgDetails.basic_details.base_language !== "" || currentOrgDetails.basic_details.base_language === null))) {
+      currentOrgDetails.basic_details.base_language = 'en';
+    }
+    if (!(currentOrgDetails && currentOrgDetails.basic_details && currentOrgDetails.basic_details.supported_languages && currentOrgDetails.basic_details.supported_languages.length > 0)) {
+      currentOrgDetails.basic_details.supported_languages = [
+        {
+          lang_id: 69,
+          language: "English",
+          iso_code: "en",
+        },
+      ];
+    }
+    if (callback) {
+      callback(userData);
+    }
+    yield call(LocalStorage.saveItem, 'orgID', result.currentOrgId);
+    yield call(LocalStorage.saveItem, 'user', userData);
+    yield put({
+      type: types.GET_USER_DATA_SUCCESS, userData, currentOrgId: result.currentOrgId, currentOrgDetails,
+    });
+  } catch (error) {
+    yield call(LocalStorage.clearItem, 'user');
+    yield put({
+      type: types.GET_USER_DATA_FAILURE,
+      error,
+    });
+  }
+}
+
+export function* fetchSchemaForEntity(queryParams) {
+  try {
+    const result = yield call(Api.fetchSchemaForEntity, queryParams);
+
+    // const sidebar = result.response.sidebar;
+    yield put({
+      type: types.GET_SCHEMA_FOR_ENTITY_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', entityType: queryParams.queryParams.type,
+    });
+  } catch (error) {
+    yield put({ type: types.GET_SCHEMA_FOR_ENTITY_FAILURE, error });
+  }
+}
+
+
+function* watchFetchSchemaForEntity() {
+  yield takeLatest(types.GET_SCHEMA_FOR_ENTITY_REQUEST, fetchSchemaForEntity);
+}
+
+
+function* watchForOrgChange() {
+  yield takeLatest(types.SWITCH_ORG_REQUEST, switchOrg);
+}
+
+export function* watchForLogoutFlow() {
+  yield takeLatest(types.LOGOUT_REQUEST, logoutFlow);
+}
+
+function* watchForFetchUserInfo() {
+  yield takeLatest(types.GET_USER_DATA_REQUEST, fetchUserInfo);
+}
+
+
+export default [
+  loginFlow,
+  watchForOrgChange,
+  watchForLogoutFlow,
+  watchForFetchUserInfo,
+  watchFetchSchemaForEntity,
+];
+
+export function* capSaga() {
+  yield all([
+    loginFlow(),
+    watchForOrgChange(),
+    watchForLogoutFlow(),
+    watchForFetchUserInfo(),
+    watchFetchSchemaForEntity(),
+  ]);
+}

package/containers/Cap/selectors.js

@@ -0,0 +1,75 @@
+// makeSelectLocationState expects a plain JS object for the routing state
+import { createSelector } from 'reselect';
+import _ from 'lodash';
+const selectCapDomain = (state) => state.get('cap');
+
+const makeSelectAuthenticated = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.toJS()
+);
+
+const makeSelectMessage = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('messages').toJS()
+);
+
+const makeSelectMetaEntities = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('metaEntities')
+);
+
+const setInjectedTags = () => createSelector(
+  selectCapDomain,
+  (globalState) => {
+    let injectedTags = globalState.get('injectedTags') || {};
+    const metaEntities = globalState.get('metaEntities') || {};
+    const { tags } = metaEntities;
+    const customTags = tags && (tags.custom || {});
+    const extendedTags = tags && (tags.extended || {});
+
+    return (injectedTags = _.merge({}, injectedTags, customTags, extendedTags));
+  }
+);
+
+//Note required
+// const makeSelectLocationState = () => {
+//   let prevRoutingState;
+//   let prevRoutingStateJS;
+
+//   return state => {
+//     const routingState = state.get('route'); // or state.route
+
+//     if (!routingState.equals(prevRoutingState)) {
+//       prevRoutingState = routingState;
+//       prevRoutingStateJS = routingState.toJS();
+//     }
+
+//     return prevRoutingStateJS;
+//   };
+// };
+
+const makeSelectOrgId = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('orgID')
+);
+
+const makeSelectUser = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('user')
+);
+
+const makeSelectFetchingSchema = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('fetchingSchema')
+);
+
+export {
+  // makeSelectLocationState,
+  makeSelectAuthenticated,
+  makeSelectMessage,
+  makeSelectOrgId,
+  makeSelectMetaEntities,
+  makeSelectUser,
+  makeSelectFetchingSchema,
+  setInjectedTags,
+};