@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

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

@@ -0,0 +1,497 @@
+export default {
+  standalone: {
+    sections: [
+      {
+        type: "parent",
+        childSections: [
+          {
+            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: 4,
+                    supportedExtensions: ".bmp, .png, .jpeg, .gif .jpg",
+                    metaType: "text",
+                    datatype: "string",
+                    required: true,
+                    fluid: true,
+                    styling: "semantic",
+                    order: 1,
+                    disabled: false,
+                    customComponent: true,
+                    submitAction: "onUpload",
+                    supportedEvents: [
+                      "onUpload",
+                    ],
+                  }],
+              },
+              {
+                rowClassName: "wechat-richmedia-row",
+                rowStyle: {
+                  'margin-bottom': "0",
+                },
+                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: "textarea",
+                    metaType: "text",
+                    datatype: "string",
+                    required: true,
+                    width: 16,
+                    placeholder: "Please input cover abstract",
+                    fluid: false,
+                    styling: "semantic",
+                    order: 2,
+                    disabled: false,
+                    customComponent: false,
+                    supportedEvents: [
+                      "onChange",
+                    ],
+                    errorMessage: "This field is required!",
+                    autosize: true,
+                    autosizeParams: {
+                      maxRows: 18,
+                      minRows: 3,
+                    },
+                    style: {
+                      backgroundColor: "white",
+                      textAlign: "left",
+                      color: "#333333",
+                      lineHeight: "24px",
+                      fontSize: "14px",
+                      fontFamily: "proxima-nova",
+                      fontStyle: "normal",
+                    },
+                  }],
+              },
+              {
+                rowClassName: "wechat-richmedia-row",
+                rowStyle: {
+                  display: "inline-flex",
+                },
+                cols: [
+                  {
+                    id: "show-cover-pic-value",
+                    supportedEvents: [
+                      "onChange",
+                    ],
+                    type: "checkbox",
+                    metaType: "text",
+                    datatype: "boolean",
+                    required: true,
+                    fluid: true,
+                    styling: "semantic",
+                    order: 1,
+                    offset: 4,
+                    value: 0,
+                    onlyDisplay: false,
+                    disabled: false,
+                    errorMessage: "Please check if you intend to use unicode characters.",
+                    customComponent: false,
+                  },
+                  {
+                    id: "show-cover-pic-label",
+                    metaType: "label",
+                    value: "Whether to display the graphic cover on the graphic details page",
+                    primitive: true,
+                    dynamicTab: false,
+                    type: "div",
+                    style: {
+                      backgroundColor: "white",
+                      textAlign: "left",
+                      color: "#333333",
+                      lineHeight: "24px",
+                      fontSize: "14px",
+                      fontFamily: "open-sans",
+                      fontStyle: "normal",
+                    },
+                    offset: 0,
+                    onlyDisplay: true,
+                    colStyle: {
+                      flex: 1,
+                    },
+                  },
+                ],
+              },
+              {
+                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: "Example: http://example.com",
+                    fluid: true,
+                    styling: "semantic",
+                    order: 1,
+                    disabled: false,
+                    customComponent: false,
+                    supportedEvents: [
+                      "onChange",
+                    ],
+                    errorMessage: "This field is required!",
+                  }],
+              }],
+          },
+          {
+            type: "parent",
+            rowStyle: {
+              display: "inline-flex",
+            },
+            childSections: [
+              {
+                type: "multicols",
+                inputFields: [
+                  {
+                    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",
+                          width: "8.3rem",
+                        },
+                        onlyDisplay: true,
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                type: "parent",
+                childSections: [
+                  {
+                    type: "multicols",
+                    inputFields: [
+                      {
+                        cols: [
+                          {
+                            id: "content-label-2",
+                            metaType: "label",
+                            value: "to be displayed on the graphic details page",
+                            primitive: true,
+                            dynamicTab: false,
+                            type: "div",
+                            width: 11,
+                            style: {
+                              backgroundColor: "white",
+                              textAlign: "left",
+                              color: "#333333",
+                              lineHeight: "24px",
+                              fontSize: "14px",
+                              fontFamily: "open-sans",
+                              fontStyle: "normal",
+                            },
+                            onlyDisplay: true,
+                          },
+                          {
+                            id: "content-image-value",
+                            label: "Insert Image",
+                            type: "upload",
+                            width: 11,
+                            supportedExtensions: ".bmp, .png, .jpeg, .gif .jpg",
+                            metaType: "text",
+                            datatype: "string",
+                            required: true,
+                            fluid: true,
+                            styling: "semantic",
+                            order: 1,
+                            disabled: true,
+                            customComponent: true,
+                            submitAction: "onUpload",
+                            supportedEvents: [
+                              "onUpload",
+                            ],
+                            style: {
+                              "margin-bottom": "5px",
+                            },
+                          },
+                        ],
+                      },
+                    ],
+                  },
+                  {
+                    type: "multicols",
+                    inputFields: [
+                      {
+                        rowClassName: "wechat-richmedia-row",
+                        cols: [
+                          {
+                            id: "content-value",
+                            label: "Content",
+                            type: "ckeditor",
+                            metaType: "text",
+                            datatype: "string",
+                            required: true,
+                            errorMessage: "This field is required!",
+                            placeholder: "Please input content",
+                            fluid: false,
+                            styling: "semantic",
+                            onlyDisplay: false,
+                            disabled: false,
+                            autosize: true,
+                            autosizeParams: {
+                              maxRows: 18,
+                              minRows: 3,
+                            },
+                            style: {
+                              "backgroundColor": "white",
+                              "textAlign": "left",
+                              "color": "#333333",
+                              "lineHeight": "24px",
+                              "fontSize": "14px",
+                              "fontFamily": "proxima-nova",
+                              "fontStyle": "normal",
+                              "max-width": "670px",
+                            },
+                            order: 2,
+                            customComponent: true,
+                            supportedEvents: [
+                              "onContentChange",
+                              "getEditorInstanse",
+                              "onFocusOut",
+                              "onFocusIn",
+                            ],
+                          },
+                        ],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            type: "multicols",
+            inputFields: [
+              {
+                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"],
+                  }],
+              }],
+          },
+        ],
+      }],
+  },
+
+  channel: "WECHAT",
+  module: "Campaigns",
+};

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

@@ -0,0 +1,51 @@
+import { call, put, takeLatest, all } from 'redux-saga/effects';
+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() {
+  yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+}
+function* watchSaveTemplate() {
+  yield takeLatest(types.SAVE_TEMPLATE_REQUEST, saveTemplate);
+}
+// All sagas to be loaded
+export default [
+  defaultSaga,
+  watchUploadAsset,
+  watchSaveTemplate,
+];
+
+export function* richMediaTemplatesSaga() {
+  yield all([
+    defaultSaga(),
+    watchUploadAsset(),
+    watchSaveTemplate(),
+  ]);
+}

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

@@ -0,0 +1,13 @@
+import { expectSaga } from "redux-saga-test-plan";
+
+import {
+  richMediaTemplatesSaga,
+} from "../sagas";
+
+describe("RichMedia Template Sagas", () => {
+  describe("richMediaTemplatesSaga Combined", () => {
+    it.concurrent("should initialize all RichMedia-related watcher sagas without error", () => {
+      return expectSaga(richMediaTemplatesSaga).run();
+    });
+  });
+});

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) {
+  
+  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';