@capillarytech/creatives-library 6.8.8 → 6.9.1

package/v2Containers/Templates/reducer.js

@@ -1,145 +1,153 @@
-/*
- *
- * Create reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import * as types from './constants';
-
-const initialState = fromJS({
-  getAllTemplatesInProgress: false,
-  templates: [],
-  deleteResponse: {},
-  deleteTemplateInProgress: false,
-  templateError: {},
-});
-
-function templatesReducer(state = initialState, action) {
-  switch (action.type) {
-    case types.DEFAULT_ACTION:
-      return state;
-    case types.GET_ALL_TEMPLATES_REQUEST:
-      return state.set('getAllTemplatesInProgress', true).set('templateError', {});
-    case types.GET_ALL_TEMPLATES_SUCCESS:
-      if (action.isReset) {
-        return state.set('getAllTemplatesInProgress', false)
-          .set('templates', action.data ? action.data.templates : [])
-          .set('isSearch', action.data ? action.data.search : false)
-          .set('weCRMtemplates', action.weCRMTemplate ? action.weCRMTemplate : []).set('templateError', {});
-      }
-      return state.set('getAllTemplatesInProgress', false)
-        .set('templates', action.data ? state.get('templates').concat(action.data.templates) : [])
-        .set('isSearch', action.data ? action.data.search : false)
-        .set('weCRMtemplates', action.weCRMTemplate ? state.get('weCRMtemplates').concat(action.weCRMTemplate) : []);
-    case types.GET_ALL_TEMPLATES_FAILURE:
-      return state.set('getAllTemplatesInProgress', false).set('templateError', action.error);
-    case types.DELETE_TEMPLATE_REQUEST:
-      return state.set('deleteTemplateInProgress', true);
-    case types.DELETE_TEMPLATE_SUCCESS:
-      return state.set('deleteTemplateInProgress', false)
-        .set('deleteResponse', action.data);
-    case types.DELETE_TEMPLATE_FAILURE:
-      return state.set('deleteTemplateInProgress', false);
-    case types.GET_USER_LIST_REQUEST:
-      return state
-        .set('fetchingUserList', true)
-        .set('userList', fromJS({}))
-        .set('userListFetchError', false);
-    case types.GET_USER_LIST_SUCCESS:
-      return state
-        .set('fetchingUserList', false)
-        .set('userList', fromJS(action.data))
-        .set('userListFetchError', false);
-    case types.GET_USER_LIST_FAILURE:
-      return state
-        .set('fetchingUserList', false)
-        .set('userList', fromJS({}))
-        .set('userListFetchError', true);
-    case types.GET_WECRM_ACCOUNTS_REQUEST:
-      return state
-        .set('fetchingWeCrmAccounts', true)
-        .set('weCrmAccountFetchingError', false);
-    case types.GET_WECRM_ACCOUNTS_SUCCESS:
-      return state
-        .set('fetchingWeCrmAccounts', false)
-        .set('weCrmAccounts', fromJS(action.data));
-    case types.GET_WECRM_ACCOUNTS_FAILURE:
-      return state
-        .set('fetchingWeCrmAccounts', false)
-        .set('weCrmAccountFetchingError', true);
-    case types.SET_WECHAT_ACCOUNT:
-      return state
-        .set('selectedWeChatAccount', fromJS(action.weChatAccount));
-    case types.SET_LINE_ACCOUNT:
-      return state.set('selectedLineAccount', fromJS(action.lineAccount));
-    case types.RESET_ACCOUNT:
-      return state
-        .remove('selectedWeChatAccount')
-        .remove('weCrmAccounts');
-    case types.RESET_TEMPLATE:
-      return state
-        .set('weCRMtemplates', fromJS([]))
-        .set('weChatDefaultTemplate', fromJS([]))
-        .set('templates', []);
-    case types.SET_SELECTED_LAYOUT:
-      return state
-        .set('selectedEmailLayout', fromJS(action.selectedTemplate))
-        .set('edmTemplate', fromJS({}));
-    case types.RESET_UPLOAD_DATA:
-      return state
-        .set('selectedEmailLayout', "");
-    case types.SEND_ZIPPED_FILE_REQUEST:
-      return state
-        .set('sendingFile', true)
-        .set('errorSendingFile', false)
-        .set('selectedEmailLayout', "");
-    case types.SEND_ZIPPED_FILE_SUCCESS:
-      return state
-        .set('sendingFile', false)
-        .set('selectedEmailLayout', fromJS(action.selectedTemplate))
-        .set('edmTemplate', fromJS({}));
-    case types.SEND_ZIPPED_FILE_FAILURE:
-      return state
-        .set('sendingFile', false)
-        .set('errorSendingFile', true)
-        .set('errorMessage', action.data)
-        .set('selectedEmailLayout', "");
-    case types.GET_EDM_DEAFULT_TEMPLATES_REQUEST:
-      return state.set('getCmsTemplatesInProgress', true);
-    case types.GET_EDM_DEAFULT_TEMPLATES_SUCCESS:
-      return state.set('getCmsTemplatesInProgress', false)
-        .set('cmsTemplates', action.data ? fromJS(action.data.templates) : []);
-    case types.GET_EDM_DEAFULT_TEMPLATES_FAILURE:
-      return state.set('getCmsTemplatesInProgress', false);
-    case types.SET_EDM_TEMPLATE:
-      return state
-        .set('edmTemplate', fromJS(action.template))
-        .set('selectedEmailLayout', "");
-    case types.RESET_TEMPLATE_DATA:
-      return state
-        .set('edmTemplate', fromJS({}))
-        .set('selectedEmailLayout', "")
-        .set('templateDetails', fromJS({}));
-    case types.GET_TEMPLATE_DETAILS_REQUEST:
-      return state
-        .set('getTemplateDetailsInProgress', true)
-        .set('templateDetails', fromJS({}));
-    case types.GET_TEMPLATE_DETAILS_SUCCESS:
-      return state
-        .set('getTemplateDetailsInProgress', false)
-        .set('templateDetails', fromJS(action.data));
-    case types.GET_TEMPLATE_DETAILS_FAILURE:
-      return state
-        .set('getTemplateDetailsInProgress', false)
-        .set('templateDetails', fromJS({}));
-    case types.CLEAR_TEMPLATE_STORE_DATA:
-      return state
-        .set('templates', [])
-        .set('weCRMtemplates', fromJS({}));
-    default:
-      return state;
-  }
-}
-
-export default templatesReducer;
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  getAllTemplatesInProgress: false,
+  templates: [],
+  deleteResponse: {},
+  deleteTemplateInProgress: false,
+  templateError: {},
+});
+
+function templatesReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.GET_ALL_TEMPLATES_REQUEST:
+      return state.set('getAllTemplatesInProgress', true).set('templateError', {});
+    case types.GET_ALL_TEMPLATES_SUCCESS:
+      if (action.isReset) {
+        return state.set('getAllTemplatesInProgress', false)
+          .set('templates', action.data ? action.data.templates : [])
+          .set('isSearch', action.data ? action.data.search : false)
+          .set('weCRMtemplates', action.weCRMTemplate ? action.weCRMTemplate : []).set('templateError', {});
+      }
+      return state.set('getAllTemplatesInProgress', false)
+        .set('templates', action.data ? state.get('templates').concat(action.data.templates) : [])
+        .set('isSearch', action.data ? action.data.search : false)
+        .set('weCRMtemplates', action.weCRMTemplate ? state.get('weCRMtemplates').concat(action.weCRMTemplate) : []);
+    case types.GET_ALL_TEMPLATES_FAILURE:
+      return state.set('getAllTemplatesInProgress', false).set('templateError', action.error);
+    case types.DELETE_TEMPLATE_REQUEST:
+      return state.set('deleteTemplateInProgress', true);
+    case types.DELETE_TEMPLATE_SUCCESS:
+      return state.set('deleteTemplateInProgress', false)
+        .set('deleteResponse', action.data);
+    case types.DELETE_TEMPLATE_FAILURE:
+      return state.set('deleteTemplateInProgress', false);
+    case types.GET_USER_LIST_REQUEST:
+      return state
+        .set('fetchingUserList', true)
+        .set('userList', fromJS({}))
+        .set('userListFetchError', false);
+    case types.GET_USER_LIST_SUCCESS:
+      return state
+        .set('fetchingUserList', false)
+        .set('userList', fromJS(action.data))
+        .set('userListFetchError', false);
+    case types.GET_USER_LIST_FAILURE:
+      return state
+        .set('fetchingUserList', false)
+        .set('userList', fromJS({}))
+        .set('userListFetchError', true);
+    case types.GET_WECRM_ACCOUNTS_REQUEST:
+      return state
+        .set('fetchingWeCrmAccounts', true)
+        .set('weCrmAccountFetchingError', false);
+    case types.GET_WECRM_ACCOUNTS_SUCCESS:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccounts', fromJS(action.data));
+    case types.GET_WECRM_ACCOUNTS_FAILURE:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccountFetchingError', true);
+    case types.SET_WECHAT_ACCOUNT:
+      return state
+        .set('selectedWeChatAccount', fromJS(action.weChatAccount));
+    case types.SET_LINE_ACCOUNT:
+      return state.set('selectedLineAccount', fromJS(action.lineAccount));
+    case types.RESET_ACCOUNT:
+      return state
+        .remove('selectedWeChatAccount')
+        .remove('weCrmAccounts');
+    case types.RESET_TEMPLATE:
+      return state
+        .set('weCRMtemplates', fromJS([]))
+        .set('weChatDefaultTemplate', fromJS([]))
+        .set('templates', []);
+    case types.SET_SELECTED_LAYOUT:
+      return state
+        .set('selectedEmailLayout', fromJS(action.selectedTemplate))
+        .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}));
+    case types.RESET_UPLOAD_DATA:
+      return state
+        .set('selectedEmailLayout', "");
+    case types.SEND_ZIPPED_FILE_REQUEST:
+      return state
+        .set('sendingFile', true)
+        .set('errorSendingFile', false)
+        .set('selectedEmailLayout', "");
+    case types.SEND_ZIPPED_FILE_SUCCESS:
+      return state
+        .set('sendingFile', false)
+        .set('selectedEmailLayout', fromJS(action.selectedTemplate))
+        .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}));
+    case types.SEND_ZIPPED_FILE_FAILURE:
+      return state
+        .set('sendingFile', false)
+        .set('errorSendingFile', true)
+        .set('errorMessage', action.data)
+        .set('selectedEmailLayout', "");
+    case types.GET_DEAFULT_BEE_TEMPLATES_REQUEST:
+      return state.set('getCmsTemplatesInProgress', true);
+    case types.GET_DEAFULT_BEE_TEMPLATES_SUCCESS:
+      return state.set('getCmsTemplatesInProgress', false)
+        .set('cmsTemplates', action.data ? fromJS(action.data.templates) : []);
+    case types.GET_DEAFULT_BEE_TEMPLATES_FAILURE:
+      return state.set('getCmsTemplatesInProgress', false);
+    case types.SET_EDM_TEMPLATE:
+      return state
+        .set('edmTemplate', fromJS(action.template))
+        .set('BEETemplate', fromJS(action.template))
+        .set('selectedEmailLayout', "");
+    case types.SET_BEE_TEMPLATE:
+      return state
+        .set('BEETemplate', fromJS(action.template))
+        .set('selectedEmailLayout', "");
+    case types.RESET_TEMPLATE_DATA:
+      return state
+        .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}))
+        .set('selectedEmailLayout', "")
+        .set('templateDetails', fromJS({}));
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state
+        .set('getTemplateDetailsInProgress', true)
+        .set('templateDetails', fromJS({}));
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+      return state
+        .set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', fromJS(action.data));
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state
+        .set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', fromJS({}));
+    case types.CLEAR_TEMPLATE_STORE_DATA:
+      return state
+        .set('templates', [])
+        .set('weCRMtemplates', fromJS({}));
+    default:
+      return state;
+  }
+}
+
+export default templatesReducer;

package/v2Containers/Templates/sagas.js

@@ -1,179 +1,179 @@
-import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
-import { LOCATION_CHANGE } from 'react-router-redux';
-// import { schema, normalize } from 'normalizr';
-import * as Api from '../../services/api';
-import * as types from './constants';
-
-// Individual exports for testing
-export function* getAllTemplates(channel, queryParams) {
-  try {
-    const result = yield call(Api.getAllTemplates, channel, queryParams);
-    const channelTemplates = (channel.channel === 'wechat') ? {templates: [...result.response.mapped, ...result.response.richmedia]} : result.response;
-    // const sidebar = result.response.sidebar;
-    if (channel.channel === 'wechat' && channel.queryParams && channel.queryParams.sortBy && channel.queryParams.sortBy.toLocaleLowerCase() === ("Most Recent").toLocaleLowerCase()) {
-      channelTemplates.templates.sort((a, b) => {
-        const dateA = new Date(a.updatedAt);
-        const dateB = new Date(b.updatedAt);
-        return dateB - dateA;
-      });
-    } else if (channel.channel === 'wechat' && channel.queryParams && channel.queryParams.sortBy && channel.queryParams.sortBy.toLocaleLowerCase() === ("Alphabetically").toLocaleLowerCase()) {
-      channelTemplates.templates.sort((a, b) => b.name - a.name);
-    }
-    yield put({ type: types.GET_ALL_TEMPLATES_SUCCESS, data: channelTemplates, weCRMTemplate: result.response.unMapped, isReset: channel.queryParams.page === 1 });
-  } catch (error) {
-    yield put({ type: types.GET_ALL_TEMPLATES_FAILURE, error });
-  }
-}
-
-export function* deleteTemplate(channel, id) {
-  try {
-    const result = yield call(Api.deleteTemplate, channel, id);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.DELETE_TEMPLATE_SUCCESS, data: result.response });
-  } catch (error) {
-    yield put({ type: types.DELETE_TEMPLATE_FAILURE, error });
-  }
-}
-
-export function* fetchUserList() {
-  try {
-    const result = yield call(Api.getUserList);
-    yield [
-      put({
-        type: types.GET_USER_LIST_SUCCESS,
-        data: result.data.result,
-      }),
-    ];
-  } catch (error) {
-    yield [
-      put({
-        type: types.GET_USER_LIST_FAILURE,
-        data: error,
-      }),
-    ];
-  }
-}
-
-export function* fetchWeCrmAccounts(action) {
-  try {
-    const result = yield call(Api.fetchWeCrmAccounts, action.source);
-    yield [
-      put({
-        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
-        data: result.response,
-      }),
-    ];
-  } catch (error) {
-    yield [
-      put({
-        type: types.GET_WECRM_ACCOUNTS_FAILURE,
-        data: error,
-      }),
-    ];
-  }
-}
-
-export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
-  let errorMessage = "";
-  try {
-    const result = yield call(Api.sendZippedFile, selectedFile);
-    if (result.status.isError) {
-      errorMessage = result.message;
-      yield errorHandler(errorMessage);
-    }
-
-    console.log("Got Result ", result);
-    console.log("Got decoded result", decodeURIComponent(result.response.metaEntity.htmlContent));
-    yield [
-      put({
-        type: types.SEND_ZIPPED_FILE_SUCCESS,
-        selectedTemplate: decodeURIComponent(result.response.metaEntity.htmlContent),
-      }),
-    ];
-    yield successHandler();
-  } catch (error) {
-    yield errorHandler();
-    yield [
-      put({
-        type: types.SEND_ZIPPED_FILE_FAILURE,
-        data: errorMessage,
-      }),
-    ];
-  }
-}
-
-export function* getEdmTemplates() {
-  try {
-    console.log('saga getAllTemplates');
-    const result = yield call(Api.getEdmTemplates);
-    const edmTemplates = result.response;
-    yield put({ type: types.GET_EDM_DEAFULT_TEMPLATES_SUCCESS, data: edmTemplates });
-  } catch (error) {
-    yield put({ type: types.GET_EDM_DEAFULT_TEMPLATES_FAILURE, error });
-  }
-}
-
-export function* getTemplateDetails(id, channel) {
-  try {
-    console.log('saga get Template details', id);
-    const result = yield call(Api.getTemplateDetails, id, channel);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
-  } catch (error) {
-    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
-  }
-}
-
-function* watchGetAllTemplates() {
-  const watcher = yield takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchDeleteTemplate() {
-  const watcher = yield takeLatest(types.DELETE_TEMPLATE_REQUEST, deleteTemplate);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchGetUserList() {
-  const watcher = yield takeLatest(types.GET_USER_LIST_REQUEST, fetchUserList);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchFetchWeCrmAccounts() {
-  console.log('watching wecrm accounts');
-  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchSendingFile() {
-  const watcher = yield takeLatest(types.SEND_ZIPPED_FILE_REQUEST, sendZippedFile);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchGetEdmDefaultTemplates() {
-  const watcher = yield takeLatest(types.GET_EDM_DEAFULT_TEMPLATES_REQUEST, getEdmTemplates);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchGetTemplateDetails() {
-  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-// All sagas to be loaded
-export default [
-  watchGetAllTemplates,
-  watchDeleteTemplate,
-  watchGetUserList,
-  watchFetchWeCrmAccounts,
-  watchSendingFile,
-  watchGetEdmDefaultTemplates,
-  watchGetTemplateDetails,
-];
+import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* getAllTemplates(channel, queryParams) {
+  try {
+    const result = yield call(Api.getAllTemplates, channel, queryParams);
+    const channelTemplates = (channel.channel === 'wechat') ? {templates: [...result.response.mapped, ...result.response.richmedia]} : result.response;
+    // const sidebar = result.response.sidebar;
+    if (channel.channel === 'wechat' && channel.queryParams && channel.queryParams.sortBy && channel.queryParams.sortBy.toLocaleLowerCase() === ("Most Recent").toLocaleLowerCase()) {
+      channelTemplates.templates.sort((a, b) => {
+        const dateA = new Date(a.updatedAt);
+        const dateB = new Date(b.updatedAt);
+        return dateB - dateA;
+      });
+    } else if (channel.channel === 'wechat' && channel.queryParams && channel.queryParams.sortBy && channel.queryParams.sortBy.toLocaleLowerCase() === ("Alphabetically").toLocaleLowerCase()) {
+      channelTemplates.templates.sort((a, b) => b.name - a.name);
+    }
+    yield put({ type: types.GET_ALL_TEMPLATES_SUCCESS, data: channelTemplates, weCRMTemplate: result.response.unMapped, isReset: channel.queryParams.page === 1 });
+  } catch (error) {
+    yield put({ type: types.GET_ALL_TEMPLATES_FAILURE, error });
+  }
+}
+
+export function* deleteTemplate(channel, id) {
+  try {
+    const result = yield call(Api.deleteTemplate, channel, id);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.DELETE_TEMPLATE_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.DELETE_TEMPLATE_FAILURE, error });
+  }
+}
+
+export function* fetchUserList() {
+  try {
+    const result = yield call(Api.getUserList);
+    yield [
+      put({
+        type: types.GET_USER_LIST_SUCCESS,
+        data: result.data.result,
+      }),
+    ];
+  } catch (error) {
+    yield [
+      put({
+        type: types.GET_USER_LIST_FAILURE,
+        data: error,
+      }),
+    ];
+  }
+}
+
+export function* fetchWeCrmAccounts(action) {
+  try {
+    const result = yield call(Api.fetchWeCrmAccounts, action.source);
+    yield [
+      put({
+        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
+        data: result.response,
+      }),
+    ];
+  } catch (error) {
+    yield [
+      put({
+        type: types.GET_WECRM_ACCOUNTS_FAILURE,
+        data: error,
+      }),
+    ];
+  }
+}
+
+export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
+  let errorMessage = "";
+  try {
+    const result = yield call(Api.sendZippedFile, selectedFile);
+    if (result.status.isError) {
+      errorMessage = result.message;
+      yield errorHandler(errorMessage);
+    }
+
+    console.log("Got Result ", result);
+    console.log("Got decoded result", decodeURIComponent(result.response.metaEntity.htmlContent));
+    yield [
+      put({
+        type: types.SEND_ZIPPED_FILE_SUCCESS,
+        selectedTemplate: decodeURIComponent(result.response.metaEntity.htmlContent),
+      }),
+    ];
+    yield successHandler();
+  } catch (error) {
+    yield errorHandler();
+    yield [
+      put({
+        type: types.SEND_ZIPPED_FILE_FAILURE,
+        data: errorMessage,
+      }),
+    ];
+  }
+}
+
+export function* getDefaultBeeTemplates() {
+  try {
+    console.log('saga getAllTemplates');
+    const result = yield call(Api.getDefaultBeeTemplates);
+    const edmTemplates = result.response;
+    yield put({ type: types.GET_DEAFULT_BEE_TEMPLATES_SUCCESS, data: edmTemplates });
+  } catch (error) {
+    yield put({ type: types.GET_DEAFULT_BEE_TEMPLATES_FAILURE, error });
+  }
+}
+
+export function* getTemplateDetails(id, channel) {
+  try {
+    console.log('saga get Template details', id);
+    const result = yield call(Api.getTemplateDetails, id, channel);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+function* watchGetAllTemplates() {
+  const watcher = yield takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchDeleteTemplate() {
+  const watcher = yield takeLatest(types.DELETE_TEMPLATE_REQUEST, deleteTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetUserList() {
+  const watcher = yield takeLatest(types.GET_USER_LIST_REQUEST, fetchUserList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchFetchWeCrmAccounts() {
+  console.log('watching wecrm accounts');
+  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchSendingFile() {
+  const watcher = yield takeLatest(types.SEND_ZIPPED_FILE_REQUEST, sendZippedFile);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetDefaultBeeTemplates() {
+  const watcher = yield takeLatest(types.GET_DEAFULT_BEE_TEMPLATES_REQUEST, getDefaultBeeTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchGetAllTemplates,
+  watchDeleteTemplate,
+  watchGetUserList,
+  watchFetchWeCrmAccounts,
+  watchSendingFile,
+  watchGetDefaultBeeTemplates,
+  watchGetTemplateDetails,
+];