@capillarytech/creatives-library 0.0.1

package/containers/MobilePush/Edit/messages.js

@@ -0,0 +1,85 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  saveTemplateLoader: {
+    id: 'app.containers.Edit.saveTemplateLoader',
+    defaultMessage: 'Saving Template...',
+  },
+  getTemplateDetailsLoader: {
+    id: 'app.containers.Edit.getTemplateDetailsLoader',
+    defaultMessage: 'Getting template details...',
+  },
+  "Message": {
+    id: 'app.containers.Edit.messageLabel',
+    defaultMessage: 'Message',
+  },
+  "Template name cannot be empty.": {
+    id: 'app.containers.Edit.emptyTemplateErrorMessage',
+    defaultMessage: "Template name cannot be empty.",
+  },
+  "Enter template name": {
+    id: 'app.containers.Edit.templateNamePlaceHolder',
+    defaultMessage: "Enter template name",
+  },
+  "Discard changes": {
+    id: 'app.containers.Edit.discardChangesButton',
+    defaultMessage: "Discard changes",
+  },
+  "Cancel": {
+    id: 'app.containers.Edit.cancelButton',
+    defaultMessage: "Cancel",
+  },
+  "Save": {
+    id: 'app.containers.Edit.saveButton',
+    defaultMessage: "Save",
+  },
+  "Version": {
+    id: 'app.containers.Edit.versionLabel',
+    defaultMessage: "Version",
+  },
+  "Mark as Final": {
+    id: 'app.containers.Edit.markFinalVersionLabel',
+    defaultMessage: "Mark as Final",
+  },
+  "Duplicate": {
+    id: 'app.containers.Edit.duplicateLabel',
+    defaultMessage: "Duplicate",
+  },
+  "Rename": {
+    id: 'app.containers.Edit.renameLabel',
+    defaultMessage: "Rename",
+  },
+  "Delete": {
+    id: 'app.containers.Edit.deleteLabel',
+    defaultMessage: "Delete",
+  },
+  "Please check if you intend to use unicode characters.": {
+    id: 'app.containers.Edit.unicodeErrorMessage',
+    defaultMessage: "Please check if you intend to use unicode characters.",
+  },
+  "Allow Unicode characters": {
+    id: 'app.containers.Edit.unicodeLabel',
+    defaultMessage: "Allow Unicode characters",
+  },
+  "Tags": {
+    id: 'app.containers.Edit.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "New Version": {
+    id: 'app.containers.Edit.newVersionLabel',
+    defaultMessage: "New Version",
+  },
+  "Template content has unsupported/missing tags!": {
+    id: 'app.containers.Edit.tagsErrorMessage',
+    defaultMessage: "Template content has unsupported/missing tags!",
+  },
+  "Please input sms template content.": {
+    id: 'app.containers.Edit.smsEditorPlaceholder',
+    defaultMessage: "Please input sms template content.",
+  },
+});

package/containers/MobilePush/Edit/reducer.js

@@ -0,0 +1,109 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  editTemplateInProgress: false,
+  editResponse: {},
+  getTemplateDetailsInProgress: false,
+  templateDetails: {},
+});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.EDIT_TEMPLATE_REQUEST:
+      return state
+        .set('editTemplateInProgress', true)
+        .set('editTemplateError', false);
+    case types.EDIT_TEMPLATE_SUCCESS:
+      return state.set('editTemplateInProgress', false)
+        .set('editResponse', action.data)
+        .set('editTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.EDIT_TEMPLATE_FAILURE:
+      return state
+        .set('editTemplateInProgress', false)
+        .set('editTemplateError', true);
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+    case types.SET_SELECTED_TEMPLATE:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.CLEAR_EDIT_RESPONSE_REQUEST:
+      return state.set('editResponse', {});
+    case types.GET_IOS_CTAS:
+      return state
+        .set("getIosCtasSucccess", false)
+        .set("iosCtasLoading", true);
+    case types.GET_IOS_CTAS_SUCCESS:
+      return state
+        .set('getIosCtasSucccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('iosCtasLoading', false)
+        .set('iosCtasData', action.data);
+    case types.GET_IOS_CTAS_FAILURE:
+      return state
+        .set('getIosCtasSucccess', false)
+        .set('iosCtasLoading', false);
+    case types.UPLOAD_ASSET_REQUEST:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', true);
+    case types.UPLOAD_ASSET_SUCCESS:
+      return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedAssetData', action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    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))
+        .delete('mobilepushTemplates');
+    case types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true);
+    case types.GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('mobilepushTemplates', fromJS(action.data));
+    case types.GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/containers/MobilePush/Edit/sagas.js

@@ -0,0 +1,115 @@
+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* editTemplate(template) {
+  try {
+    console.log('saga editTemplate', template);
+    const result = yield call(Api.createMobilePushTemplate, template);
+    console.log('saga editTemplate success', result);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error });
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    console.log('saga get Template details', id);
+    const result = yield call(Api.getTemplateDetails, id);
+    // 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 });
+  }
+}
+export function* uploadAsset(file, assetType, fileParams, mode) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams, mode);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+export function* getIosCtas(licenseCode) {
+  try {
+    const result = yield call(Api.getIosCtas, licenseCode);
+    yield put({ type: types.GET_IOS_CTAS_SUCCESS, data: result.response.metaEntities.data, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.GET_IOS_CTAS_FAILURE, error });
+  }
+}
+
+export function* getMobilepushTemplatesList(params) {
+  try {
+    console.log('Saga param ', params.channel, params.queryParams);
+    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
+    yield put({ type: types.GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE, error });
+  }
+}
+
+export function* fetchWeCrmAccounts(action) {
+  console.log('mobile push saga accounts');
+  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,
+      }),
+    ];
+  }
+}
+
+function* watchFetchWeCrmAccounts() {
+  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchEditTemplate() {
+  const watcher = yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  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);
+}
+function* watchUploadAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+function* watchGetIosCtas() {
+  const watcher = yield takeLatest(types.GET_IOS_CTAS, getIosCtas);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+function* watchMobilepushTemplatesList() {
+  const watcher = yield takeLatest(types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST, getMobilepushTemplatesList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails, watchFetchWeCrmAccounts, watchMobilepushTemplatesList,
+  watchUploadAsset,
+  watchGetIosCtas,
+];

package/containers/MobilePush/Edit/selectors.js

@@ -0,0 +1,29 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectMobilePushEditDomain = () => (state) => state.get('edit');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectEdit = () => createSelector(
+  selectMobilePushEditDomain(),
+  (substate) => substate.toJS()
+);
+const makeSelectEditResponse = () => createSelector(
+  selectMobilePushEditDomain(), (dimensionState) => dimensionState.get('editResponse')
+);
+const makeSelectTemplateDetailsResponse = () => createSelector(
+  selectMobilePushEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
+);
+export {
+  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
+};

package/containers/MobilePush/Edit/tests/actions.test.js

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

package/containers/MobilePush/Edit/tests/index.test.js

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

package/containers/MobilePush/Edit/tests/reducer.test.js

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

package/containers/MobilePush/Edit/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/MobilePush/Edit/tests/selectors.test.js

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

package/containers/NotFoundPage/index.js

@@ -0,0 +1,25 @@
+/**
+ * NotFoundPage
+ *
+ * This is the page we show when the user visits a url that doesn't have a route
+ *
+ * NOTE: while this component should technically be a stateless functional
+ * component (SFC), hot reloading does not currently support SFCs. If hot
+ * reloading is not a necessity for you then you can refactor it and remove
+ * the linting exception.
+ */
+
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import messages from './messages';
+
+export default class NotFound extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <h1>
+        <FormattedMessage {...messages.header} />
+      </h1>
+    );
+  }
+}

package/containers/NotFoundPage/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.NotFoundPage.header',
+    defaultMessage: 'Looks like you are lost!',
+  },
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { shallow } from 'enzyme';
+
+import NotFoundPage from '../index';
+import messages from '../messages';
+
+describe('<NotFoundPage />', () => {
+  it('should render the page message', () => {
+    const renderedComponent = shallow(
+      <NotFoundPage />
+    );
+    expect(renderedComponent.contains(
+      <FormattedMessage {...messages.header} />
+    )).toEqual(true);
+  });
+});

package/containers/Sms/Create/_smsCreate.scss

@@ -0,0 +1,45 @@
+.ant-breadcrumb{
+  color: #707070;
+  font-family: open-sans;
+  line-height: 16px;
+  font-size: 12px;
+  padding-left: 8px;
+}
+.ant-checkbox{
+  vertical-align: middle !important;
+}
+
+#template-name.ant-input{
+  font-size: 20px !important;
+  font-family: proxima-nova, sans-serif;
+  font-style: normal;
+  font-weight: 600;
+}
+.ant-tabs-bar{
+  margin-bottom: 0 !important;
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.ant-tabs-tabpane{
+  border: 1px solid #d9d9d9;
+  border-top: none;
+  margin-top: -0.2%;
+  min-height: calc(70vh);
+}
+
+.ant-tabs-extra-content{
+  flex: 1;
+  align-self: flex-end;
+  padding: 4px;
+}
+
+.version-popover {
+  line-height: 24px;
+  cursor: pointer;
+}
+
+.version-popover:hover{
+  background-color: #ecf6fd;
+}

package/containers/Sms/Create/actions.js

@@ -0,0 +1,27 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template) {
+  console.log('action trigereed createtemplate');
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST, template,
+  };
+}
+
+export function clearCreateResponse() {
+  console.log('clearCreateResponse');
+  return {
+    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
+  };
+}
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}

package/containers/Sms/Create/constants.js

@@ -0,0 +1,16 @@
+/*
+ *
+ * Create constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Create/DEFAULT_ACTION';
+
+
+export const CREATE_TEMPLATE_REQUEST = 'app/containers/Sms/Create/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/containers/Sms/Create/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/containers/Sms/Create/CREATE_TEMPLATE_FAILURE';
+
+export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_REQUEST';
+export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_SUCCESS';
+export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_FAILURE';