@capillarytech/creatives-library 0.0.1

package/containers/WeChat/messages.js

@@ -0,0 +1,73 @@
+/*
+ * WeChat Messages
+ *
+ * This contains all the text for the WeChat component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.WeChat.header',
+    defaultMessage: 'WeChat',
+  },
+  'Template mapping': {
+    id: 'app.containers.WeChat.templateMapping',
+    defaultMessage: 'Template mapping',
+  },
+  'Discard': {
+    id: 'app.containers.WeChat.discard',
+    defaultMessage: 'Discard',
+  },
+  'Cancel': {
+    id: 'app.containers.WeChat.cancel',
+    defaultMessage: 'Cancel',
+  },
+  'Save': {
+    id: 'app.containers.WeChat.save',
+    defaultMessage: 'Save',
+  },
+  'Account Id': {
+    id: 'app.containers.WeChat.accountId',
+    defaultMessage: 'Account Id',
+  },
+  'Select Wechat Account': {
+    id: 'app.containers.WeChat.selectWechatAccount',
+    defaultMessage: 'Select Wechat Account',
+  },
+  'Template': {
+    id: 'app.containers.WeChat.template',
+    defaultMessage: 'Template',
+  },
+  'Select Wechat Template': {
+    id: 'app.containers.WeChat.selectWechatTemplate',
+    defaultMessage: 'Select Wechat Template',
+  },
+  'Link': {
+    id: 'app.containers.WeChat.link',
+    defaultMessage: 'Link',
+  },
+  'Is this internal url': {
+    id: 'app.containers.WeChat.isInternalUrl',
+    defaultMessage: 'Is this internal url',
+  },
+  "Tags": {
+    id: 'app.containers.WeChat.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "gettingTemplateData": {
+    id: 'app.containers.WeChat.gettingTemplateData',
+    defaultMessage: "Getting Template Data..",
+  },
+  "wechatEditSuccess": {
+    id: 'app.containers.WeChat.wechatEditSuccess',
+    defaultMessage: "WeChat Template Edited Successfully",
+  },
+  "wechatCreateSuccess": {
+    id: 'app.containers.WeChat.wechatCreateSuccess',
+    defaultMessage: "WeChat Template Created Successfully",
+  },
+  "somethingWentWrong": {
+    id: 'app.containers.WeChat.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
+});

package/containers/WeChat/reducer.js

@@ -0,0 +1,74 @@
+/*
+ *
+ * WeChat reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  weChatDefaultTemplate: fromJS({}),
+  fetchingDefaultTemplates: false,
+  errorFetchingDefaultTempalte: false,
+});
+
+function weChatReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true)
+        .set('weChatDefaultTemplate', fromJS({}))
+        .set('weChatTemplates', fromJS({}))
+        .set('errorFetchingDefaultTempalte', false);
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('weChatDefaultTemplate', fromJS(action.data))
+        .set('weChatTemplates', fromJS(action.templateData));
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    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.CLEAR_CREATE_RESPONSE_REQUEST:
+      return state.set('createResponse', {});
+    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.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.SET_WECHAT_ACCOUNT:
+      return state
+        .set('selectedWeChatAccount', fromJS(action.weChatAccount));
+    default:
+      return state;
+  }
+}
+
+export default weChatReducer;

package/containers/WeChat/sagas.js

@@ -0,0 +1,86 @@
+import { take, call, put, takeLatest, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../services/api';
+import * as types from './constants';
+
+export function* getDefaultWeChatTemplates(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_WECHAT_DEFAULT_TEMPLATES_SUCCESS, data: result.response.unMapped, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE, error });
+  }
+}
+
+export function* createTemplate(template) {
+  try {
+    const result = yield call(Api.createWeChatTemplate, template);
+    // const sidebar = result.response.sidebar;
+    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* fetchWeCrmAccounts() {
+  try {
+    const result = yield call(Api.fetchWeCrmAccounts);
+    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* 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 });
+  }
+}
+
+function* watchGetDefaultWechatTemplates() {
+  const watcher = yield takeLatest(types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST, getDefaultWeChatTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchCreateTemplate() {
+  const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchFetchWeCrmAccounts() {
+  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
+  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 [
+  watchGetDefaultWechatTemplates,
+  watchCreateTemplate,
+  watchFetchWeCrmAccounts,
+  watchGetTemplateDetails,
+];

package/containers/WeChat/selectors.js

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

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

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

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

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

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

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

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

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

package/containers/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@capillarytech/creatives",
+  "author": "Kaushlendra Singh Parihar, Vivek V Dwivedi",
+  "version": "0.0.1",
+  "description": "React Components as per Capillary design guidelines",
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "jsnext:main": "./index.es.js",
+  "keywords": [
+    "react",
+    "react-component"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Capillary/cap-react-ui-library.git"
+  },
+  "license": "UNLICENSED",
+  "bugs": {
+    "url": "https://github.com/Capillary/cap-react-ui-library/issues"
+  },
+  "homepage": "https://github.com/Capillary/cap-react-ui-library#readme",
+  "dependencies": {
+    "@capillarytech/cap-style-guide": "*",
+    "antd": "2.13.9",
+    "moment": "^2.19.1",
+    "resolve-url-loader": "^2.2.0",
+    "react-helmet": "3.2.2",
+    "react-intl": "2.1.5",
+    "react-redux": "4.4.6",
+    "react-router": "3.0.0",
+    "react-router-redux": "4.0.6",
+    "react-router-scroll": "0.4.1",
+    "react-tap-event-plugin": "^2.0.0",
+    "redux": "3.6.0",
+    "redux-immutable": "3.0.8",
+    "babel-polyfill": "^6.23.0",
+    "redux-saga": "0.14.0",
+    "warning": "3.0.0",
+    "compression": "1.6.2",
+    "cross-env": "^5.0.5",
+    "express": "4.14.0",
+    "fixed-data-table": "^0.6.4",
+    "immutable": "3.8.1",
+    "intl": "1.2.5",
+    "invariant": "2.2.2",
+    "fontfaceobserver": "2.0.7",
+    "ip": "1.1.4",
+    "lodash": "4.17.2",
+    "lodash.merge": "^4.6.0",
+    "lodash.throttle": "^4.1.1",
+    "minimist": "^1.2.0",
+    "normalizr": "^3.2.3",
+    "prop-types": "^15.5.7",
+    "react": "15.4.1",
+    "sanitize.css": "4.1.0",
+    "react-dom": "15.4.1",
+    "reselect": "2.5.4",
+    "axios": "^0.16.2"
+  },
+  "scripts": {
+    "test": "test"
+  },
+  "devDependencies": {}
+}

package/global-styles.js

@@ -0,0 +1,15 @@
+import { injectGlobal } from 'styled-components';
+
+/* eslint no-unused-expressions: 0 */
+injectGlobal`
+  html,
+  body {
+    height: 100%;
+    width: 100%;
+  }
+
+  #app {
+    min-height: 100%;
+    min-width: 100%;
+  }
+`;

package/gtm/eventDefinitions.js

@@ -0,0 +1,17 @@
+/**
+ * Created by vivek on 20/6/17.
+ */
+export const pageview = {
+  eventFields: (action) => ({
+    hitType: 'pageview',
+    page: action.payload,
+  }),
+};
+
+export const authentication = {
+  eventFields: (action) => ({
+    hitType: 'event',
+    eventCategory: 'redux',
+    eventAction: action.type,
+  }),
+};

package/gtm/eventDefinitionsMap.js

@@ -0,0 +1,12 @@
+/**
+ * Created by vivek on 15/6/17.
+ */
+import { LOCATION_CHANGE } from 'react-router-redux';
+import { LOGIN_SUCCESS } from '../containers/Cap/constants';
+import * as events from './eventDefinitions';
+const eventsMap = {
+  [LOCATION_CHANGE]: events.pageview,
+  [LOGIN_SUCCESS]: events.authentication,
+};
+
+export default eventsMap;

package/gtm/tests/events.test.js

@@ -0,0 +1,3 @@
+/**
+ * Created by vivek on 15/6/17.
+ */

package/i18n.js

@@ -0,0 +1,39 @@
+/**
+ * i18n.js
+ *
+ * This will setup the i18n language files and locale data for your app.
+ *
+ */
+import { addLocaleData } from 'react-intl';
+import enLocaleData from 'react-intl/locale-data/en';
+import zhLocaleData from 'react-intl/locale-data/zh';
+
+import { DEFAULT_LOCALE } from './containers/Cap/constants'; // eslint-disable-line
+import enTranslationMessages from './translations/en.json';
+import zhTranslationMessages from './translations/zh.json';
+
+export const appLocales = [
+  'en',
+  'zh',
+];
+
+addLocaleData(enLocaleData);
+addLocaleData(zhLocaleData);
+
+export const formatTranslationMessages = (locale, messages) => {
+  const defaultFormattedMessages = locale !== DEFAULT_LOCALE
+    ? formatTranslationMessages(DEFAULT_LOCALE, enTranslationMessages)
+    : {};
+  return Object.keys(messages).reduce((formattedMessages, key) => {
+    let message = messages[key];
+    if (!message && locale !== DEFAULT_LOCALE) {
+      message = defaultFormattedMessages[key];
+    }
+    return Object.assign(formattedMessages, { [key]: message });
+  }, {});
+};
+
+export const translationMessages = {
+  en: formatTranslationMessages('en', enTranslationMessages),
+  zh: formatTranslationMessages('zh', zhTranslationMessages),
+};

package/index.html

@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- The first thing in any HTML file should be the charset -->
+    <meta charset="utf-8">
+    <!-- Make the page mobile compatible -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- Allow installing the app to the homescreen -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <script src="https://use.typekit.net/ifw1ntv.js"></script>
+    <!-- Google Tag Manager
+    // uncomment following and enter your GTM id to start with GTM
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
+     End Google Tag Manager -->
+    <script>try{Typekit.load({ async: true });}catch(e){console.log(e)}</script>
+    <title>Capillary - Creatives</title>
+  </head>
+  <body>
+  <!-- Google Tag Manager (noscript)
+  // uncomment following and enter your GTM id to start with GTM
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
+                    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+   End Google Tag Manager (noscript) -->
+    <!-- Display a message if JS has been disabled on the browser. -->
+    <noscript>If you're seeing this message, that means <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>
+
+    <!-- The app hooks into this div -->
+    <div id="app">
+      <div style="position: fixed; top: 0; width: 100%; height: 100%; background: rgb(255,255,255); text-align: center;">
+        <img
+          style="width: 80px; margin-top: 20%;"
+          src="https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/88561f46de9407021cad.gif"
+          alt="Capillary"/>
+      </div>
+    </div>
+    <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out webpackconfig.js if you want to know more) -->
+  </body>
+</html>

package/index.js

@@ -0,0 +1,9 @@
+/*-------Containers--------------*/
+export Cap from './containers/Cap/index';
+export Templates from './containers/Templates/index';
+export SmsCreate from './containers/Sms/Create/index';
+export SmsEdit from './containers/Sms/Edit/index';
+export Email from './containers/Email/index';
+export TagList from './containers/TagList/index';
+export TemplatePreview from './components/TemplatePreview/index';
+

package/initialState.js

@@ -0,0 +1,32 @@
+/**
+ * Created by vivek on 22/5/17.
+ */
+import { loadItem } from './services/localStorageApi';
+
+// const isLoggedIn = loadItem('isLoggedIn') || false;
+
+export default {
+  cap: {
+    token: loadItem('token') || '',
+    orgID: loadItem('orgID') || '',
+    // user: loadItem('user') || '',
+    messages: [],
+    metaEntities: {
+      tags: [],
+      layouts: [],
+    },
+    // isLoggedIn,
+  },
+  app: {
+
+  },
+  create: {
+
+  },
+  edit: {
+
+  },
+  templates: {
+
+  },
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@capillarytech/creatives-library",
+  "author": "meharaj",
+  "version": "0.0.1",
+  "description": "Capillary creatives ui",
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "jsnext:main": "./index.es.js",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com:Capillary/cap-creatives-ui.git"
+  },
+  "license": "LicenseRef-LICENSE",
+  "dependencies": {
+    "@capillarytech/cap-react-ui-library": "latest",
+    "antd": "^2.11.2",
+    "axios": "^0.16.2",
+    "babel-polyfill": "6.20.0",
+    "babel-preset-env": "^1.6.1",
+    "c3": "^0.4.11",
+    "chalk": "1.1.3",
+    "chevrotain": "*",
+    "compression": "1.6.2",
+    "cross-env": "3.1.3",
+    "express": "4.14.0",
+    "fixed-data-table": "^0.6.4",
+    "fontfaceobserver": "2.0.7",
+    "immutable": "3.8.1",
+    "intl": "1.2.5",
+    "invariant": "2.2.2",
+    "ip": "1.1.4",
+    "jquery": "^3.3.1",
+    "load-script": "^1.0.0",
+    "lodash": "4.17.2",
+    "minimist": "1.2.0",
+    "moment": "2.19.2",
+    "normalizr": "^3.2.3",
+    "perfect-scrollbar": "^0.7.0",
+    "react": "15.4.1",
+    "react-datepicker": "^0.46.0",
+    "react-dom": "15.4.1",
+    "react-grid-layout": "^0.14.6",
+    "react-helmet": "3.2.2",
+    "react-intl": "2.1.5",
+    "react-redux": "4.4.6",
+    "react-router": "3.0.0",
+    "react-router-redux": "4.0.6",
+    "react-router-scroll": "0.4.1",
+    "react-sizeme": "^2.3.2",
+    "redux": "3.6.0",
+    "redux-auth-wrapper": "^1.1.0",
+    "redux-beacon": "^0.4.0",
+    "redux-immutable": "3.0.8",
+    "redux-saga": "0.14.0",
+    "redux-saga-test-plan": "^3.1.0",
+    "reselect": "2.5.4",
+    "sanitize.css": "4.1.0",
+    "semantic-ui-react": "0.68.3",
+    "styled-components": "1.1.2",
+    "warning": "3.0.0",
+    "whatwg-fetch": "2.0.1"
+  }
+}