@capillarytech/creatives-library 2.0.44 → 2.0.46

package/containers/WeChat/RichmediaTemplates/Edit/index.js

@@ -0,0 +1,98 @@
+/*
+ *
+ * Edit
+ *
+ */
+
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import _ from 'lodash';
+import { createStructuredSelector } from 'reselect';
+import makeSelectEdit from './selectors';
+import * as actions from './actions';
+import Create from '../Create';
+
+export class Edit extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.state = {
+      totalContentBlocks: 0,
+    };
+    this.setTemplateData = this.setTemplateData.bind(this);
+  }
+  componentDidMount = () => {
+    this.props.actions.getTemplateDetails(this.props.params.id, "wechat");
+  }
+  setTemplateData = (templateDetails) => {
+    const templateData = {};
+    let contentId = 0;
+    if (!_.isEmpty(templateDetails)) {
+      _.forEach(templateDetails.versions.base.mediaList, (content) => {
+        const formData = {};
+        formData['title-value'] = content.title;
+        formData['author-value'] = content.author;
+        formData['cover-abstract-value'] = content.digest;
+        formData['content-value'] = content.content;
+        formData['source-link-value'] = content.content_source_url;
+        formData['post-comments-value'] = content.post_comments_scope;
+        templateData[contentId] = {
+          formData,
+          imageUrl: content.image_url,
+          mediaId: content.thumb_media_id,
+        };
+        contentId += 1;
+      });
+      if (this.props.location.query.type === "embedded" && this.props.location.query.module === "outbound") {
+        templateData.templateDetails = templateDetails;
+      }
+    }
+    this.setState({totalContentBlocks: contentId});
+    return templateData;
+  }
+  render() {
+    let templateData = {};
+    if (!_.isEmpty(this.props.Edit.templateDetails)) {
+      templateData = this.setTemplateData(this.props.Edit.templateDetails);
+    }
+    if (templateData && !_.isEmpty(templateData) && this.state.totalContentBlocks > 0) {
+      return (
+        <div>
+          <Create
+            templateData={templateData}
+            mode="EDIT"
+            totalContentBlocks={this.state.totalContentBlocks}
+            templateName={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails.name ? this.props.Edit.templateDetails.name : ""}
+            mediaId={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails.versions && this.props.Edit.templateDetails.versions.base && this.props.Edit.templateDetails.versions.base.mediaId ? this.props.Edit.templateDetails.versions.base.mediaId : ""}
+            templateId={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails._id ? this.props.Edit.templateDetails._id : ""}
+            router={this.props.router}
+            location={this.props.location}
+          />
+        </div>
+      );
+    }
+    return (
+      <div></div>
+    );
+  }
+}
+
+Edit.propTypes = {
+  router: PropTypes.object,
+  location: PropTypes.object,
+  actions: PropTypes.object,
+  params: PropTypes.object,
+  Edit: PropTypes.object,
+};
+
+const mapStateToProps = createStructuredSelector({
+  Edit: makeSelectEdit(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators(actions, dispatch),
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Edit);

package/containers/WeChat/RichmediaTemplates/Edit/messages.js

@@ -0,0 +1,13 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.Edit.header',
+    defaultMessage: 'This is Edit container !',
+  },
+});

package/containers/WeChat/RichmediaTemplates/Edit/reducer.js

@@ -0,0 +1,28 @@
+/*
+ *
+ * Edit reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    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);
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/containers/WeChat/RichmediaTemplates/Edit/sagas.js

@@ -0,0 +1,32 @@
+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';
+
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in containers/HomePage/sagas.js
+}
+export function* getTemplateDetails({id, channel}) {
+  try {
+    const params = {
+      id, channel,
+    };
+    console.log('saga get Template details', id);
+    const result = yield call(Api.getTemplateDetails, params);
+    // 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* 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 [
+  defaultSaga,
+  watchGetTemplateDetails,
+];

package/containers/WeChat/RichmediaTemplates/Edit/selectors.js

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

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

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

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

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

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

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

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

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

package/containers/WeChat/RichmediaTemplates/View/actions.js

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

package/containers/WeChat/RichmediaTemplates/View/constants.js

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

package/containers/WeChat/RichmediaTemplates/View/index.js

@@ -0,0 +1,45 @@
+/*
+ *
+ * View
+ *
+ */
+
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
+import Helmet from 'react-helmet';
+import { FormattedMessage } from 'react-intl';
+import { createStructuredSelector } from 'reselect';
+import makeSelectView from './selectors';
+import messages from './messages';
+
+export class View extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <div>
+        <Helmet
+          title="View"
+          meta={[
+            { name: 'description', content: 'Description of View' },
+          ]}
+        />
+        <FormattedMessage {...messages.header} />
+      </div>
+    );
+  }
+}
+
+View.propTypes = {
+  dispatch: PropTypes.func.isRequired,
+};
+
+const mapStateToProps = createStructuredSelector({
+  View: makeSelectView(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    dispatch,
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(View);

package/containers/WeChat/RichmediaTemplates/View/messages.js

@@ -0,0 +1,13 @@
+/*
+ * View Messages
+ *
+ * This contains all the text for the View component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.View.header',
+    defaultMessage: 'This is View container !',
+  },
+});

package/containers/WeChat/RichmediaTemplates/View/reducer.js

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

package/containers/WeChat/RichmediaTemplates/View/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/WeChat/RichmediaTemplates/View/selectors.js

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

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

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

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

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

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

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

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

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

package/index.js

@@ -19,9 +19,9 @@ import Email from './containers/Email/index';
 import emailReducer from './containers/Email/reducer';
 import emailSaga from './containers/Email/sagas';
 
-import WeChat from './containers/WeChat';
-import wechatReduce from './containers/WeChat/reducer';
-import wechatSaga from './containers/WeChat/sagas';
+import WeChat from './containers/WeChat/MapTemplates';
+import wechatReduce from './containers/WeChat/MapTemplates/reducer';
+import wechatSaga from './containers/WeChat/MapTemplates/sagas';
 
 import MobilepushCreate from './containers/MobilePush/Create';
 import mobilepushCreateReducer from './containers/MobilePush/Create/reducer';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "2.0.44",
+  "version": "2.0.46",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/routes.js

@@ -240,9 +240,9 @@ export default function createRoutes(store) {
       name: 'create weChat',
       getComponent(nextState, cb) {
         const importModules = Promise.all([
-          import('containers/WeChat/reducer'),
-          import('containers/WeChat/sagas'),
-          import('containers/WeChat'),
+          import('containers/WeChat/MapTemplates/reducer'),
+          import('containers/WeChat/MapTemplates/sagas'),
+          import('containers/WeChat/MapTemplates'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -262,9 +262,9 @@ export default function createRoutes(store) {
       name: 'edit weChat',
       getComponent(nextState, cb) {
         const importModules = Promise.all([
-          import('containers/WeChat/reducer'),
-          import('containers/WeChat/sagas'),
-          import('containers/WeChat'),
+          import('containers/WeChat/MapTemplates/reducer'),
+          import('containers/WeChat/MapTemplates/sagas'),
+          import('containers/WeChat/MapTemplates'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -551,7 +551,49 @@ export default function createRoutes(store) {
         importModules.catch(errorLoading);
       },
     }, {
-      path: '/templates',
+      path: '/wechat/richmedia/create',
+      name: 'wechat_richmedia_create',
+      getComponent(nextState, cb) {
+        const importModules = Promise.all([
+          import('containers/WeChat/RichmediaTemplates/Create/reducer'),
+          import('containers/WeChat/RichmediaTemplates/Create/sagas'),
+          import('containers/WeChat/RichmediaTemplates/Create'),
+        ]);
+
+        const renderRoute = loadModule(cb);
+
+        importModules.then(([reducer, sagas, component]) => {
+          injectReducer('create', reducer.default);
+          injectSagas(sagas.default);
+          renderRoute(component);
+        });
+
+        importModules.catch(errorLoading);
+      },
+    }, {
+      path: '/wechat/richmedia/edit/:id',
+      name: 'wechat_richmedia_edit',
+      getComponent(nextState, cb) {
+        const importModules = Promise.all([
+          import('containers/WeChat/RichmediaTemplates/Edit/reducer'),
+          import('containers/WeChat/RichmediaTemplates/Edit/sagas'),
+          import('containers/WeChat/RichmediaTemplates/Create/sagas'),
+          import('containers/WeChat/RichmediaTemplates/Edit'),
+        ]);
+
+        const renderRoute = loadModule(cb);
+
+        importModules.then(([reducer, sagas, createSagas, component]) => {
+          injectReducer('edit', reducer.default);
+          injectSagas(sagas.default);
+          injectSagas(createSagas.default);
+          renderRoute(component);
+        });
+
+        importModules.catch(errorLoading);
+      },
+    }, {
+      path: '/v2(/:channel)',
       name: 'templatesV2',
       getComponent(nextState, cb) {
         const importModules = Promise.all([
@@ -560,13 +602,12 @@ export default function createRoutes(store) {
           import('containers/TemplatesV2'),
           import('containers/Email/sagas'),
           import('containers/CreativesContainer/reducer'),
-          import('containers/Sms/create/reducer'),
-          import('containers/Sms/create/sagas'),
+          import('containers/Sms/Create/reducer'),
+          import('containers/Sms/Create/sagas'),
           import('containers/Sms/Edit/reducer'),
           import('containers/Sms/Edit/sagas'),
           import('containers/Email/reducer'),
-          import('containers/Email/sagas'),
-        ]);
+          import('containers/Email/sagas')]);
 
         const renderRoute = loadModule(cb);
 
@@ -581,12 +622,11 @@ export default function createRoutes(store) {
           injectSagas(smsCreateSaga.default);
           injectSagas(smsEditSaga.default);
           injectSagas(emailSaga.default);
-
           renderRoute(component);
         });
-
         importModules.catch(errorLoading);
       },
+
     }, {
       path: '*',
       name: 'notfound',

package/services/api.js

@@ -234,13 +234,18 @@ export const deleteAssetById = ({assetId, assetType}) => {
   // return API.deleteResource(url);
 };
 
-export const uploadFile = ({file, assetType, fileParams, mode}) => {
+export const uploadFile = ({file, assetType, fileParams, mode, wechatParams}) => {
   const data = new FormData();
   data.append('file', file);
   data.append('fileParam', JSON.stringify(fileParams));
   if (mode) {
     data.append('mode', mode);
   }
+  if (wechatParams) {
+    data.append('source', wechatParams.source);
+    data.append('appId', wechatParams.appId);
+    data.append('appSecret', wechatParams.appSecret);
+  }
   const url = `${API_ENDPOINT}/assets/${assetType}`;
   // return API.post(url, data, true);
   return request(url, getAPICallObject('POST', data, true));