@capillarytech/creatives-library 0.0.1

package/containers/Ebill/messages.js

@@ -0,0 +1,41 @@
+/*
+ * Ebill Messages
+ *
+ * This contains all the text for the Ebill component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  campaigns: {
+    id: 'app.containers.Ebill.campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  creatives: {
+    id: 'app.containers.Ebill.creatives',
+    defaultMessage: 'Creatives',
+  },
+  ebill: {
+    id: 'app.containers.Ebill.ebill',
+    defaultMessage: 'Ebill',
+  },
+  ebillPreview: {
+    id: 'app.containers.Ebill.ebillPreview',
+    defaultMessage: 'Ebill Preview',
+  },
+  loading: {
+    id: 'app.containers.Ebill.loading',
+    defaultMessage: 'Loading..',
+  },
+  ebillEditSuccess: {
+    id: 'app.containers.Ebill.ebillEditSuccess',
+    defaultMessage: "Ebill Template Edited Successfully",
+  },
+  ebillCreateSuccess: {
+    id: 'app.containers.Ebill.ebillCreateSuccess',
+    defaultMessage: "Ebill Template Created Successfully",
+  },
+  somethingWentWrong: {
+    id: 'app.containers.Ebill.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
+});

package/containers/Ebill/reducer.js

@@ -0,0 +1,66 @@
+/*
+ *
+ * Ebill reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({});
+
+function ebillReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.CREATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false);
+    case types.CREATE_TEMPLATE_SUCCESS:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createResponse', action.data)
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true);
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state
+        .set('getTemplateDetailsInProgress', true);
+    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);
+    case types.GET_CMS_EDITOR_DATA_REQUEST:
+      return state
+        .set('fetchingCmsData', true)
+        .set('cmsData', '')
+        .set('fetchingCmsDataFailed', false);
+    case types.GET_CMS_EDITOR_DATA_SUCCESS:
+      return state
+        .set('fetchingCmsData', false)
+        .set('cmsData', action.data);
+    case types.GET_CMS_EDITOR_DATA_FAILURE:
+      return state
+        .set('fetchingCmsData', false)
+        .set('fetchingCmsDataFailed', true);
+    case types.CLEAR_ALL_VALUES:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createResponse', fromJS({}))
+        .set('createTemplateError', false)
+        .set('fetchingCmsData', false)
+        .set('cmsData', '')
+        .set('fetchingCmsDataFailed', false);
+    case types.CLEAR_EBILL_CRUD_RESPONSE_REQUEST:
+      return state
+        .set('createResponse', fromJS({}));
+    default:
+      return state;
+  }
+}
+
+export default ebillReducer;

package/containers/Ebill/sagas.js

@@ -0,0 +1,61 @@
+import { take, cancel, call, put, takeLatest } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../services/api';
+import * as types from './constants';
+
+
+export function* createTemplate(template) {
+  try {
+    console.log('Template data ', template);
+    const result = yield call(Api.createEbillTemplate, template);
+    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.CREATE_TEMPLATE_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 });
+  }
+}
+
+export function* getCmsData({cmsType, projectId}) {
+  try {
+    const result = yield call(Api.getCmsData, cmsType, projectId);
+    console.log('CMS Data ', result);
+    yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: decodeURIComponent(result.data.response.cmsData.htmlContent) });
+  } catch (error) {
+    yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });
+  }
+}
+
+function* watchCreateTemplate() {
+  const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  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* watchGetCmsData() {
+  const watcher = yield takeLatest(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchGetTemplateDetails,
+  watchGetCmsData,
+];

package/containers/Ebill/selectors.js

@@ -0,0 +1,25 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the ebill state domain
+ */
+const selectEbillDomain = () => (state) => state.get('ebill');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Ebill
+ */
+
+const makeSelectEbill = () => createSelector(
+  selectEbillDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectEbill;
+export {
+  selectEbillDomain,
+};

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

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

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

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

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

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

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

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

package/containers/Email/_email.scss

@@ -0,0 +1,126 @@
+.email-container {
+  .email-text{
+    height: 100%;
+    overflow: hidden;
+    word-wrap: break-word;
+    /* white-space: nowrap; */
+    text-overflow: ellipsis;
+  }
+  .email-text-blurred{
+    opacity: 0.2;
+  }
+
+  #blankTemplate {
+    .content-wrapper {
+      height: 310px;
+
+      .email-template-content{
+        cursor: pointer;
+
+        .email-text {
+          text-align: center;
+          line-height: 260px;
+          font-family: proxima-nova;
+          font-weight: 600;
+          font-size: 16px;
+        }
+      }
+    }
+    .seperator-line {
+      display: none;
+    }
+    .footer-wrapper {
+      display: none;
+    }
+  }
+
+  .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;
+    height: 42px;
+  }
+
+  #image-preview-content{
+    .card-footer-wrapper{
+      padding-left: 16px;
+      padding-right: 8px;
+
+      .card-title-container {
+        display: inline-flex;
+        width: 100%;
+        height: 24px;
+        margin-top: 8px;
+
+        .card-title-wrapper{
+          width: 75%;
+          .card-title {
+            line-height: 24px;
+            font-size: 16px;
+            // margin-top: 8px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            cursor: pointer;
+            font-family: 'proxima-nova';
+            font-weight: 600;
+            &:first-letter{
+              text-transform: capitalize;
+            }
+          }
+        }
+        .more-icon-wrapper{
+          width: 25%;
+          text-align: right;
+        }
+      }
+    }
+
+    .ant-row{
+      margin-right: 0 !important;
+    }
+  }
+
+}
+
+.version-popover {
+  line-height: 24px;
+  cursor: pointer !important;
+}
+
+.version-popover:hover{
+  background-color: #ecf6fd;
+}
+
+

package/containers/Email/actions.js

@@ -0,0 +1,69 @@
+/*
+ *
+ * Email actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template) {
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST,
+    template,
+  };
+}
+
+export function getTemplateDetails(id, channel) {
+  console.log('getting template', id, channel);
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST,
+    id,
+    channel,
+  };
+}
+
+export function getAllAssets(assetType, queryParams) {
+  return {
+    type: types.GET_ALL_ASSETS_REQUEST,
+    assetType,
+    queryParams,
+  };
+}
+
+export function getCmsSetting(cmsType, projectId, cmsMode) {
+  return {
+    type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
+    cmsType,
+    projectId,
+    cmsMode,
+  };
+}
+
+export function getCmsData(cmsType, projectId) {
+  return {
+    type: types.GET_CMS_EDITOR_DATA_REQUEST,
+    cmsType,
+    projectId,
+  };
+}
+
+export function clearCRUDResponse() {
+  return {
+    type: types.CLEAR_EMAIL_CRUD_RESPONSE_REQUEST,
+  };
+}
+
+export function clearStoreValues() {
+  return {
+    type: types.CLEAR_ALL_VALUES,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+  };
+}

package/containers/Email/constants.js

@@ -0,0 +1,32 @@
+/*
+ *
+ * Email constants
+ *
+ */
+
+export const CREATE_TEMPLATE_REQUEST = 'app/containers/Email/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/containers/Email/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/containers/Email/CREATE_TEMPLATE_FAILURE';
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/Email/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/Email/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/Email/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const GET_ALL_ASSETS_REQUEST = 'app/containers/Email/GET_ALL_ASSETS_REQUEST';
+export const GET_ALL_ASSETS_SUCCESS = 'app/containers/Email/GET_ALL_ASSETS_SUCCESS';
+export const GET_ALL_ASSETS_FAILURE = 'app/containers/Email/GET_ALL_ASSETS_FAILURE';
+
+export const GET_CMS_EDITOR_DETAILS_REQUEST = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_REQUEST';
+export const GET_CMS_EDITOR_DETAILS_SUCCESS = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_SUCCESS';
+export const GET_CMS_EDITOR_DETAILS_FAILURE = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_FAILURE';
+
+export const GET_CMS_EDITOR_DATA_REQUEST = 'app/containers/Email/GET_CMS_EDITOR_DATA_REQUEST';
+export const GET_CMS_EDITOR_DATA_SUCCESS = 'app/containers/Email/GET_CMS_EDITOR_DATA_SUCCESS';
+export const GET_CMS_EDITOR_DATA_FAILURE = 'app/containers/Email/GET_CMS_EDITOR_DATA_FAILURE';
+
+export const UPLOAD_ASSET_REQUEST = 'app/containers/Email/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/Email/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/Email/UPLOAD_ASSET_FAILURE';
+
+export const CLEAR_EMAIL_CRUD_RESPONSE_REQUEST = "app/containers/Email/CLEAR_EMAIL_CRUD_RESPONSE_REQUEST";
+export const CLEAR_ALL_VALUES = "app/containers/Email/CLEAR_ALL_VALUES";