@capillarytech/creatives-library 6.10.1 → 6.10.3

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,
+];

package/v2Containers/Templates/selectors.js

@@ -57,12 +57,30 @@ const selectCmsTemplates = () => createSelector(makeSelectTemplates(), (template
   return null;
 });
 
+const selectCmsTemplatesLoader = () => createSelector(
+  makeSelectTemplates(),
+  (templates) => templates.getCmsTemplatesInProgress,
+);
+
 const selectEdmEditor = () => createSelector(makeSelectTemplates(), (templates) => {
   const {edmTemplate} = templates;
   return edmTemplate || null;
 });
+
+const selectBEEEditor = () => createSelector(makeSelectTemplates(), (templates) => {
+  const {BEETemplate} = templates;
+  return BEETemplate || null;
+});
+
 export {
   uploadSelector,
   templateUserList,
-  makeSelectTemplates, makeSelectTemplatesResponse, selectTemplateContent, selectEmailLayout, selectCmsTemplates, selectEdmEditor,
+  makeSelectTemplates,
+  makeSelectTemplatesResponse,
+  selectTemplateContent,
+  selectEmailLayout,
+  selectCmsTemplates,
+  selectEdmEditor,
+  selectBEEEditor,
+  selectCmsTemplatesLoader,
 };