@capillarytech/creatives-library 2.0.44 → 2.0.46

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

@@ -0,0 +1,49 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({});
+
+function createReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    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)
+        .setIn(['uploadedAssetData', action.contentId], action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    case types.SAVE_TEMPLATE_REQUEST:
+      return state
+        .set('savingTemplate', true);
+    case types.SAVE_TEMPLATE_SUCCESS:
+      return state
+        .set('saveTemplateSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('savingTemplate', false)
+        .set('saveTemplateRes', action.data);
+    case types.SAVE_TEMPLATE_FAILURE:
+      return state
+        .set('saveTemplateSuccess', false)
+        .set('savingTemplate', false);
+    default:
+      return state;
+  }
+}
+
+export default createReducer;

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

@@ -0,0 +1,44 @@
+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}) {
+  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});
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+export function* saveTemplate(template) {
+  try {
+    const result = yield call(Api.createWeChatTemplate, template);
+    yield put({ type: types.SAVE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : ''});
+  } 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/containers/WeChat/RichmediaTemplates/Create/selectors.js

@@ -0,0 +1,32 @@
+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,
+);
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectCreate = () => createSelector(
+  selectCreateDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectCreate;
+export {
+  makeSelectTemplates,
+  getAssetDetails,
+};

package/containers/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/containers/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/containers/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/containers/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/containers/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/containers/WeChat/RichmediaTemplates/Create/testschema.js

@@ -0,0 +1,379 @@
+export default {
+  standalone: {
+    sections: [
+      {
+        type: "multicols",
+        inputFields: [
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "title-label",
+                metaType: "label",
+                value: "Title",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "title-value",
+                label: "Title",
+                type: "input",
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                width: 16,
+                placeholder: "Please input title",
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: false,
+                onlyDisplay: false,
+                supportedEvents: [
+                  "onChange",
+                ],
+                errorMessage: "This field is required!",
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "author-label",
+                metaType: "label",
+                value: "Author",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "author-value",
+                label: "Author",
+                type: "input",
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                width: 16,
+                placeholder: "Please input author",
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: false,
+                supportedEvents: [
+                  "onChange",
+                ],
+                errorMessage: "This field is required!",
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "image-label",
+                metaType: "label",
+                value: "Cover image",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                offset: 0,
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "image-value",
+                label: "Upload Image",
+                type: "upload",
+                width: 5,
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: true,
+                submitAction: "onUpload",
+                supportedEvents: [
+                  "onUpload",
+                ],
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "cover-abstract-label",
+                metaType: "label",
+                value: "Cover abstract",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "cover-abstract-value",
+                label: "Cover abstract",
+                type: "input",
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                width: 16,
+                placeholder: "Please input cover abstract",
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: false,
+                supportedEvents: [
+                  "onChange",
+                ],
+                errorMessage: "This field is required!",
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "source-link-label",
+                metaType: "label",
+                value: "Source link",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "source-link-value",
+                label: "Cover abstract",
+                type: "input",
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                width: 16,
+                placeholder: "Please input source link",
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: false,
+                supportedEvents: [
+                  "onChange",
+                ],
+                errorMessage: "This field is required!",
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "content-label",
+                metaType: "label",
+                value: "Content",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                onlyDisplay: true,
+
+              },
+              {
+                id: "content-value",
+                label: "Content",
+                type: "textarea",
+                metaType: "text",
+                datatype: "string",
+                required: true,
+                errorMessage: "This field is required!",
+                placeholder: "Please input content",
+                fluid: false,
+                styling: "semantic",
+                onlyDisplay: false,
+                width: 16,
+                disabled: false,
+                autosize: true,
+                autosizeParams: {
+                  maxRows: 18,
+                  minRows: 3,
+                },
+                order: 2,
+                customComponent: true,
+                supportedEvents: [
+                  "onChange",
+                ],
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "show-cover-pic-label",
+                metaType: "label",
+                value: "Show cover picture",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                offset: 0,
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "show-cover-pic-value",
+                supportedEvents: [
+                  "onChange",
+                ],
+                type: "checkbox",
+                metaType: "text",
+                datatype: "boolean",
+                required: true,
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                width: 10,
+                offset: 0,
+                value: 0,
+                onlyDisplay: false,
+                disabled: false,
+                errorMessage: "Please check if you intend to use unicode characters.",
+                customComponent: false,
+              }],
+          },
+          {
+            rowClassName: "wechat-richmedia-row",
+            cols: [
+              {
+                id: "post-comments-label",
+                metaType: "label",
+                value: "Who can post comments on this content",
+                primitive: true,
+                dynamicTab: false,
+                type: "div",
+                width: 4,
+                style: {
+                  backgroundColor: "white",
+                  textAlign: "left",
+                  color: "#333333",
+                  lineHeight: "24px",
+                  fontSize: "14px",
+                  fontFamily: "open-sans",
+                  fontStyle: "normal",
+                },
+                offset: 0,
+                onlyDisplay: true,
+                colStyle: {
+                  flex: 1,
+                },
+              },
+              {
+                id: "post-comments-value",
+                type: "radioGroup",
+                metaType: "text",
+                datatype: "string",
+                options: ["No one", "Anyone", "Only followers"],
+                value: "No one",
+                required: true,
+                width: 18,
+                errorMessage: "Please select",
+                fluid: true,
+                styling: "semantic",
+                order: 1,
+                disabled: false,
+                customComponent: false,
+                supportedEvents: ["onChange"],
+              }],
+          }],
+        actionFields: [],
+      }],
+  },
+
+  channel: "WECHAT",
+  module: "Campaigns",
+};

package/containers/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/containers/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';