@capillarytech/creatives-library 6.8.2 → 6.8.4

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

package/v2Containers/Templates/tests/actions.test.js

@@ -1,18 +1,18 @@
-
-import {
-  defaultAction,
-} from '../actions';
-import {
-  DEFAULT_ACTION,
-} from '../constants';
-
-describe('Templates actions', () => {
-  describe('Default Action', () => {
-    it('has a type of DEFAULT_ACTION', () => {
-      const expected = {
-        type: DEFAULT_ACTION,
-      };
-      expect(defaultAction()).toEqual(expected);
-    });
-  });
-});
+
+import {
+  defaultAction,
+} from '../actions';
+import {
+  DEFAULT_ACTION,
+} from '../constants';
+
+describe('Templates actions', () => {
+  describe('Default Action', () => {
+    it('has a type of DEFAULT_ACTION', () => {
+      const expected = {
+        type: DEFAULT_ACTION,
+      };
+      expect(defaultAction()).toEqual(expected);
+    });
+  });
+});

package/v2Containers/Templates/tests/index.test.js

@@ -1,10 +1,10 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import { Templates } from '../index';
-
-describe('<Templates />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { Templates } from '../index';
+
+describe('<Templates />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Templates/tests/reducer.test.js

@@ -1,9 +1,9 @@
-
-import { fromJS } from 'immutable';
-import templatesReducer from '../reducer';
-
-describe('templatesReducer', () => {
-  it('returns the initial state', () => {
-    expect(templatesReducer(undefined, {})).toEqual(fromJS({}));
-  });
-});
+
+import { fromJS } from 'immutable';
+import templatesReducer from '../reducer';
+
+describe('templatesReducer', () => {
+  it('returns the initial state', () => {
+    expect(templatesReducer(undefined, {})).toEqual(fromJS({}));
+  });
+});

package/v2Containers/Templates/tests/sagas.test.js

@@ -1,15 +1,15 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});
+/**
+ * Test  sagas
+ */
+
+/* eslint-disable redux-saga/yield-effects */
+// import { take, call, put, select } from 'redux-saga/effects';
+// import { defaultSaga } from '../sagas';
+
+// const generator = defaultSaga();
+
+describe('defaultSaga Saga', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Templates/tests/selectors.test.js

@@ -1,10 +1,10 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectTemplatesDomain } from '../selectors';
-
-// const selector = makeSelectTemplatesDomain();
-
-describe('makeSelectTemplatesDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});
+// import { fromJS } from 'immutable';
+// import { makeSelectTemplatesDomain } from '../selectors';
+
+// const selector = makeSelectTemplatesDomain();
+
+describe('makeSelectTemplatesDomain', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/TemplatesV2/TemplatesV2.style.js

@@ -1,29 +1,29 @@
-import { css } from 'styled-components';
-import {CAP_SPACE_24, CAP_SPACE_16} from '@capillarytech/cap-ui-library/styled/variables';
-
-export default css`
-  .cap-tab-v2-wrapper{
-    .ant-tabs-tabpane {
-        border: none;
-    }
-  }
-
-  .component-wrapper {
-    ${(props) => props.isFullMode ? `
-      max-width: 1140px;
-      margin: 0 auto;
-      width: 100%;
-      padding: ${CAP_SPACE_24} 0;
-      .ant-tabs-content{
-        margin-top: ${CAP_SPACE_16}
-      }
-    ` : `.cap-tab-v2 {
-      height: calc(100vh - 118px);
-    } `}
-  }
-`;
-
-export const CapTabStyle = css`
-  ${(props) => props.isFullMode ? `margin-top: ${CAP_SPACE_24}` : ``
-  }
-`;
+import { css } from 'styled-components';
+import {CAP_SPACE_24, CAP_SPACE_16} from '@capillarytech/cap-ui-library/styled/variables';
+
+export default css`
+  .cap-tab-v2-wrapper{
+    .ant-tabs-tabpane {
+        border: none;
+    }
+  }
+
+  .component-wrapper {
+    ${(props) => props.isFullMode ? `
+      max-width: 1140px;
+      margin: 0 auto;
+      width: 100%;
+      padding: ${CAP_SPACE_24} 0;
+      .ant-tabs-content{
+        margin-top: ${CAP_SPACE_16}
+      }
+    ` : `.cap-tab-v2 {
+      height: calc(100vh - 118px);
+    } `}
+  }
+`;
+
+export const CapTabStyle = css`
+  ${(props) => props.isFullMode ? `margin-top: ${CAP_SPACE_24}` : ``
+  }
+`;

package/v2Containers/TemplatesV2/actions.js

@@ -1,16 +1,16 @@
-
-import * as types from './constants';
-
-export function defaultAction() {
-  return {
-    type: types.DEFAULT_ACTION,
-  };
-}
-
-export function getTemplates({channel, query}) {
-  return {
-    type: types.GET_TEMPLATES_REQUEST,
-    channel,
-    query,
-  };
-}
+
+import * as types from './constants';
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function getTemplates({channel, query}) {
+  return {
+    type: types.GET_TEMPLATES_REQUEST,
+    channel,
+    query,
+  };
+}

package/v2Containers/TemplatesV2/constants.js

@@ -1,10 +1,10 @@
-/*
- *
- * TemplatesV2 constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/TemplatesV2/DEFAULT_ACTION';
-export const GET_TEMPLATES_REQUEST = 'app/TemplatesV2/GET_TEMPLATES_REQUEST';
-export const GET_TEMPLATES_SUCESS = 'app/TemplatesV2/GET_TEMPLATES_SUCESS';
-export const GET_TEMPLATES_FAILURE = 'app/TemplatesV2/GET_TEMPLATES_FAILURE';
+/*
+ *
+ * TemplatesV2 constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/TemplatesV2/DEFAULT_ACTION';
+export const GET_TEMPLATES_REQUEST = 'app/TemplatesV2/GET_TEMPLATES_REQUEST';
+export const GET_TEMPLATES_SUCESS = 'app/TemplatesV2/GET_TEMPLATES_SUCESS';
+export const GET_TEMPLATES_FAILURE = 'app/TemplatesV2/GET_TEMPLATES_FAILURE';