@capillarytech/creatives-library 2.0.69 → 2.0.71

package/v2Containers/WeChat/RichmediaTemplates/Create/sagas.js

@@ -0,0 +1,48 @@
+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';
+// import testschema from './testschema';
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in containers/HomePage/sagas.js
+}
+export function* uploadAsset({file, assetType, fileParams, mode, wechatParams, contentId, uploadId}) {
+  try {
+    const params = {
+      file, assetType, fileParams, mode, wechatParams,
+    };
+    const result = yield call(Api.uploadFile, params);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '', contentId, uploadId});
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+export function* saveTemplate(template) {
+  try {
+    let errorMsg;
+    const result = yield call(Api.createWeChatTemplate, template);
+    if (!result.success || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({ type: types.SAVE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg});
+  } catch (error) {
+    yield put({ type: types.SAVE_TEMPLATE_FAILURE, error });
+  }
+}
+function* watchUploadAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+function* watchSaveTemplate() {
+  const watcher = yield takeLatest(types.SAVE_TEMPLATE_REQUEST, saveTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+// All sagas to be loaded
+export default [
+  defaultSaga,
+  watchUploadAsset,
+  watchSaveTemplate,
+];

package/v2Containers/WeChat/RichmediaTemplates/Create/selectors.js

@@ -0,0 +1,37 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectCreateDomain = () => (state) => state.get('create');
+const selectTemplatesDomain = (state) => state.get('templates');
+/**
+ * Other specific selectors
+ */
+const makeSelectTemplates = () => createSelector(
+  selectTemplatesDomain,
+  (globalState) => globalState.toJS()
+);
+const getAssetDetails = () => createSelector(
+  makeSelectCreate(),
+  (substate) => substate.uploadedAssetData || null,
+);
+const getContentAssetDetails = () => createSelector(
+  makeSelectCreate(),
+  (substate) => substate.uploadedContentAssetData || null,
+);
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectCreate = () => createSelector(
+  selectCreateDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectCreate;
+export {
+  makeSelectTemplates,
+  getAssetDetails,
+  getContentAssetDetails,
+};

package/v2Containers/WeChat/RichmediaTemplates/Create/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/v2Containers/WeChat/RichmediaTemplates/Create/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/v2Containers/WeChat/RichmediaTemplates/Create/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/v2Containers/WeChat/RichmediaTemplates/Create/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/v2Containers/WeChat/RichmediaTemplates/Create/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/v2Containers/WeChat/RichmediaTemplates/Edit/actions.js

@@ -0,0 +1,20 @@
+/*
+ *
+ * Edit actions
+ *
+ */
+
+import * as types from './constants';
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function getTemplateDetails(id, channel) {
+  console.log('getting template', id);
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST, id, channel,
+  };
+}

package/v2Containers/WeChat/RichmediaTemplates/Edit/constants.js

@@ -0,0 +1,10 @@
+/*
+ *
+ * Edit constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Edit/DEFAULT_ACTION';
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_FAILURE';

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

@@ -0,0 +1,116 @@
+/*
+ *
+ * Edit
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React from 'react';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import _ from 'lodash';
+import { createStructuredSelector } from 'reselect';
+import makeSelectEdit, { makeSelectTemplates } 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,
+      templateData: {},
+    };
+    this.setTemplateData = this.setTemplateData.bind(this);
+  }
+  componentWillMount = () => {
+    if (_.isEmpty(this.props.Templates.selectedWeChatAccount)) {
+      const module = this.props.location.query.module ? this.props.location.query.module : 'default';
+      const type = this.props.location.query.type;
+      this.props.router.push({
+        pathname: `/wechat`,
+        query: type === 'embedded' ? {type: 'embedded', module} : {module},
+      });
+    }
+  }
+  componentDidMount = () => {
+    this.props.actions.getTemplateDetails(this.props.params.id, "wechat");
+  }
+  componentWillReceiveProps = (nextProps) => {
+    if (nextProps.Edit.templateDetails && !_.isEmpty(nextProps.Edit.templateDetails) && !_.isEqual(this.props.Edit.templateDetails, nextProps.Edit.templateDetails)) {
+      const templateData = this.setTemplateData(nextProps.Edit.templateDetails);
+      this.setState({templateData});
+    }
+  }
+  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;
+        formData['show-cover-pic-value'] = content.show_cover_pic;
+        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() {
+    if (this.state.templateData && !_.isEmpty(this.state.templateData) && this.state.totalContentBlocks > 0) {
+      return (
+        <div className="richmedia-container">
+          <Create
+            templateData={this.state.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,
+  Templates: PropTypes.object,
+};
+
+const mapStateToProps = createStructuredSelector({
+  Edit: makeSelectEdit(),
+  Templates: makeSelectTemplates(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators(actions, dispatch),
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Edit);

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

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

package/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/WeChat/RichmediaTemplates/View/actions.js

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

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

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

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

@@ -0,0 +1,47 @@
+/*
+ *
+ * View
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React 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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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/v2Containers/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({}));
+  });
+});