@capillarytech/creatives-library 0.0.1

package/containers/Templates/messages.js

@@ -0,0 +1,177 @@
+/*
+ * Templates Messages
+ *
+ * This contains all the text for the Templates component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.Templates.header',
+    defaultMessage: 'This is Templates container !',
+  },
+  uploadedAt: {
+    id: 'app.containers.Templates.uploadedAt',
+    defaultMessage: 'Modified',
+  },
+  uploadedBy: {
+    id: 'app.containers.Templates.uploadedBy',
+    defaultMessage: 'Uploaded By',
+  },
+  mapTemplate: {
+    id: 'app.containers.Templates.mapTemplate',
+    defaultMessage: 'Map Template',
+  },
+  somethingWentWrong: {
+    id: 'app.containers.Templates.somethingWentWrong',
+    defaultMessage: 'Something Went Wrong!!',
+  },
+  wechatHeader: {
+    id: 'app.containers.Templates.wechatHeader',
+    defaultMessage: 'WECHAT',
+  },
+  smsHeader: {
+    id: 'app.containers.Templates.smsHeader',
+    defaultMessage: 'SMS',
+  },
+  emailHeader: {
+    id: 'app.containers.Templates.emailHeader',
+    defaultMessage: 'Email',
+  },
+  mobilepushHeader: {
+    id: 'app.containers.Templates.mobilepushHeader',
+    defaultMessage: 'Mobile Push',
+  },
+  ebillHeader: {
+    id: 'app.containers.Templates.ebillHeader',
+    defaultMessage: 'Ebill',
+  },
+  selectWechatHeader: {
+    id: 'app.containers.Templates.selectWechatHeader',
+    defaultMessage: 'Select WECHAT Template',
+  },
+  selectSmsHeader: {
+    id: 'app.containers.Templates.selectSmsHeader',
+    defaultMessage: 'Select SMS Template',
+  },
+  selectAccount: {
+    id: 'app.containers.Templates.selectAccount',
+    defaultMessage: "Select Account",
+  },
+  gettingAllTemplates: {
+    id: 'app.containers.Templates.gettingAllTemplates',
+    defaultMessage: "Getting all templates...",
+  },
+  smsChannelTemplatesHeader: {
+    id: 'app.containers.Templates.smsChannelTemplatesHeader',
+    defaultMessage: "SMS Templates",
+  },
+  wechatChannelTemplatesHeader: {
+    id: 'app.containers.Templates.wechatChannelTemplatesHeader',
+    defaultMessage: "WECHAT Templates",
+  },
+  blankTemplate: {
+    id: 'app.containers.Templates.blankTemplate',
+    defaultMessage: "Blank Template",
+  },
+  selectButton: {
+    id: 'app.containers.Templates.selectButton',
+    defaultMessage: "Select",
+  },
+  previewButton: {
+    id: 'app.containers.Templates.previewButton',
+    defaultMessage: "Preview",
+  },
+  editButton: {
+    id: 'app.containers.Templates.editButton',
+    defaultMessage: "Edit",
+  },
+  duplicateButton: {
+    id: 'app.containers.Templates.duplicateButton',
+    defaultMessage: "Duplicate",
+  },
+  deleteButton: {
+    id: 'app.containers.Templates.deleteButton',
+    defaultMessage: "Delete",
+  },
+  mostRecentOption: {
+    id: 'app.containers.Templates.mostRecentOption',
+    defaultMessage: "Most Recent",
+  },
+  alphabeticallyOption: {
+    id: 'app.containers.Templates.alphabeticallyOption',
+    defaultMessage: "Alphabetically",
+  },
+  searchText: {
+    id: 'app.containers.Templates.searchText',
+    defaultMessage: "Search",
+  },
+  noAccountMessage: {
+    id: 'app.containers.Templates.noAccountMessage',
+    defaultMessage: "Please select an account to proceed",
+  },
+  noTemplatesMessage: {
+    id: 'app.containers.Templates.noTemplatesMessage',
+    defaultMessage: "No Templates Available",
+  },
+  createSmsActionButton: {
+    id: 'app.containers.Templates.createSmsActionButton',
+    defaultMessage: "Create SMS",
+  },
+  createEmailActionButton: {
+    id: 'app.containers.Templates.createEmailActionButton',
+    defaultMessage: "Create Email",
+  },
+  sortBy: {
+    id: 'app.containers.Templates.sortBy',
+    defaultMessage: "Sort by",
+  },
+  unMapButton: {
+    id: 'app.containers.Templates.unMapButton',
+    defaultMessage: "Unmap",
+  },
+  templateDuplicateSuccess: {
+    id: 'app.containers.Templates.templateDuplicateSuccess',
+    defaultMessage: "SMS Template Duplicated Successfully",
+  },
+  templateDeleteSuccess: {
+    id: 'app.containers.Templates.templateDeleteSuccess',
+    defaultMessage: "SMS Template Deleted Successfully",
+  },
+  uploadFile: {
+    id: 'app.containers.Templates.uploadFile',
+    defaultMessage: "Upload File",
+  },
+  useEditor: {
+    id: 'app.containers.Templates.useEditor',
+    defaultMessage: "Use Editor",
+  },
+  newTemplate: {
+    id: 'app.containers.Templates.newTemplate',
+    defaultMessage: "New Template",
+  },
+  uploadingFile: {
+    id: 'app.containers.Templates.uploadingFile',
+    defaultMessage: "Uploading File",
+  },
+  zipUploadFailed: {
+    id: 'app.containers.Templates.zipUploadFailed',
+    defaultMessage: 'Failed to Upload zip file',
+  },
+  campaigns: {
+    id: 'app.containers.Templates.campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  creatives: {
+    id: 'app.containers.Templates.creatives',
+    defaultMessage: 'Creatives',
+  },
+  ebillPreview: {
+    id: 'app.containers.Templates.ebillPreview',
+    defaultMessage: 'Ebill Preview',
+  },
+  emailPreview: {
+    id: 'app.containers.Templates.emailPreview',
+    defaultMessage: 'Email Preview',
+  },
+});

package/containers/Templates/reducer.js

@@ -0,0 +1,131 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  getAllTemplatesInProgress: false,
+  templates: [],
+  deleteResponse: {},
+  deleteTemplateInProgress: false,
+});
+
+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);
+    case types.GET_ALL_TEMPLATES_SUCCESS:
+      if (action.isReset) {
+        return state.set('getAllTemplatesInProgress', false)
+          .set('templates', action.data ? action.data.templates : [])
+          .set('weCRMtemplates', action.weCRMTemplate ? action.weCRMTemplate : []);
+      }
+      return state.set('getAllTemplatesInProgress', false)
+        .set('templates', action.data ? state.get('templates').concat(action.data.templates) : [])
+        .set('weCRMtemplates', action.weCRMTemplate ? state.get('weCRMtemplates').concat(action.weCRMTemplate) : []);
+    case types.GET_ALL_TEMPLATES_FAILURE:
+      return state.set('getAllTemplatesInProgress', false);
+    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.RESET_ACCOUNT:
+      return state
+        .remove('selectedWeChatAccount')
+        .remove('weCrmAccounts');
+    case types.RESET_TEMPLATE:
+      return state
+        .set('weCRMtemplates', fromJS([]))
+        .set('templates', fromJS([]));
+    case types.SET_SELECTED_LAYOUT:
+      return state
+        .set('selectedEmailLayout', fromJS(action.selectedTemplate))
+        .set('edmTemplate', fromJS({}));
+    case types.SEND_ZIPPED_FILE_REQUEST:
+      return state
+        .set('sendingFile', true)
+        .set('errorSendingFile', false);
+    case types.SEND_ZIPPED_FILE_SUCCESS:
+      return state
+        .set('sendingFile', false)
+        .set('selectedEmailLayout', 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) : fromJS([]));
+    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({}));
+    default:
+      return state;
+  }
+}
+
+export default templatesReducer;

package/containers/Templates/sagas.js

@@ -0,0 +1,167 @@
+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 {
+    console.log('saga getAllTemplates', channel, queryParams);
+    const result = yield call(Api.getAllTemplates, channel, queryParams);
+    const channelTemplates = (channel.channel === 'wechat') ? {templates: result.response.mapped} : result.response;
+    // const sidebar = result.response.sidebar;
+    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 {
+    console.log('saga deleteTemplates', channel, id);
+    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}) {
+  let errorMessage = "";
+  try {
+    const result = yield call(Api.sendZippedFile, selectedFile);
+    if (result.status.isError) {
+      errorMessage = result.message;
+    }
+    console.log("Got Result ", result);
+    yield [
+      put({
+        type: types.SEND_ZIPPED_FILE_SUCCESS,
+        selectedTemplate: decodeURIComponent(result.response.metaEntity.htmlContent),
+      }),
+    ];
+  } catch (error) {
+    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/containers/Templates/selectors.js

@@ -0,0 +1,28 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the templates state domain
+ */
+const selectTemplatesDomain = () => (state) => state.get('templates');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Templates
+ */
+
+const makeSelectTemplates = () => createSelector(
+  selectTemplatesDomain(),
+  (substate) => substate.toJS()
+);
+
+const makeSelectTemplatesResponse = () => createSelector(
+  selectTemplatesDomain(), (templatesState) => templatesState.get('templates')
+);
+
+export {
+  makeSelectTemplates, makeSelectTemplatesResponse,
+};

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

@@ -0,0 +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);
+    });
+  });
+});

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

@@ -0,0 +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);
+  });
+});

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

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

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

@@ -0,0 +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);
+  });
+});

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

@@ -0,0 +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);
+  });
+});

package/containers/TestPage/constants.js

@@ -0,0 +1,7 @@
+/*
+ *
+ * Dashboard constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/containers/TestPage/DEFAULT_ACTION';

package/containers/TestPage/index.js

@@ -0,0 +1,31 @@
+
+import React from "react";
+import SmsTest from '../../components/SmsTest';
+
+export default class TestPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <SmsTest />
+    );
+  }
+}
+
+// const schema = {
+//   title: "Todo",
+//   type: "object",
+//   required: ["title"],
+//   properties: {
+//     title: {type: "string", title: "Title", default: "A new task"},
+//     done: {type: "boolean", title: "Done?", default: false},
+//   },
+// };
+
+// const log = (type) => console.log.bind(console, type);
+
+// render((
+//   <div>
+//     <SmsTest
+//     />
+//   </div>
+// ), document.getElementById("app"));
+//export default TestPage;

package/containers/TestPage/messages.js

@@ -0,0 +1,13 @@
+/*
+ * NotFoundPage Messages
+ *
+ * This contains all the text for the NotFoundPage component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.components.TestPage.header',
+    defaultMessage: 'Looks like youas are lost!',
+  },
+});

package/containers/TestPage/reducer.js

@@ -0,0 +1,21 @@
+/*
+ *
+ * Dashboard reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import { DEFAULT_ACTION } from './constants';
+
+const initialState = fromJS({});
+
+function TestPageReducer(state = initialState, action) {
+  switch (action.type) {
+    case DEFAULT_ACTION:
+      return state;
+    default:
+      return state;
+  }
+}
+
+export default TestPageReducer;

package/containers/TestPage/sagas.js

@@ -0,0 +1,11 @@
+// import { take, call, put, select } from 'redux-saga/effects';
+
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in containers/HomePage/sagas.js
+}
+
+// All sagas to be loaded
+export default [
+  defaultSaga,
+];

package/containers/Testv2/actions.js

@@ -0,0 +1,15 @@
+/*
+ *
+ * Testv2 actions
+ *
+ */
+
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+export function defaultAction() {
+  return {
+    type: DEFAULT_ACTION,
+  };
+}

package/containers/Testv2/constants.js

@@ -0,0 +1,7 @@
+/*
+ *
+ * Testv2 constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Testv2/DEFAULT_ACTION';