@capillarytech/creatives-library 8.0.136 → 8.0.137-alpha.0

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

@@ -1,497 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,20 +0,0 @@
-/*
- *
- * 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

@@ -1,10 +0,0 @@
-/*
- *
- * 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';