@capillarytech/creatives-library 2.0.69 → 2.0.71

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

@@ -0,0 +1,141 @@
+/*
+ * Create Messages
+ *
+ * This contains all the text for the Create component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "header": {
+    id: 'app.containers.Create.header',
+    defaultMessage: 'This is Create container !',
+  },
+  "titleCharacterCount": {
+    id: 'app.containers.Create.titleCharacterCount',
+    defaultMessage: 'Title exceeds character count limit by',
+  },
+  "authorCharacterCount": {
+    id: 'app.containers.Create.authorCharacterCount',
+    defaultMessage: 'Author exceeds character count limit by',
+  },
+  "coverAbstractCharacterCount": {
+    id: 'app.containers.Create.coverAbstractCharacterCount',
+    defaultMessage: 'Cover abstract exceeds character count limit by',
+  },
+  "saveSuccess": {
+    id: 'app.containers.Create.saveSuccess',
+    defaultMessage: 'Template saved successfully',
+  },
+  "modalTitle": {
+    id: 'app.containers.Create.modalTitle',
+    defaultMessage: 'Alert',
+  },
+  "modalBody": {
+    id: 'app.containers.Create.modalBody',
+    defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
+  },
+  "deleteContent": {
+    id: 'app.containers.Create.deleteContent',
+    defaultMessage: 'Do you really want to delete? All your temporary changes will be lost!',
+  },
+  "emptyTemplateName": {
+    id: 'app.containers.Create.emptyTemplateName',
+    defaultMessage: 'Cannot leave template name empty',
+  },
+  "wrongFormatFile": {
+    id: 'app.containers.Create.wrongFormatFile',
+    defaultMessage: 'Wrong file upoaded. Please upload image file',
+  },
+  "formEmpty": {
+    id: 'app.containers.Create.formEmpty',
+    defaultMessage: 'Cannot leave form empty',
+  },
+  "titleEmpty": {
+    id: 'app.containers.Create.titleEmpty',
+    defaultMessage: 'Cannot leave title field empty',
+  },
+  "noImage": {
+    id: 'app.containers.Create.noImage',
+    defaultMessage: 'Please upload an image',
+  },
+  "sourceLinkEmpty": {
+    id: 'app.containers.Create.sourceLinkEmpty',
+    defaultMessage: 'Cannot leave source link field empty',
+  },
+  "contentEmpty": {
+    id: 'app.containers.Create.contentEmpty',
+    defaultMessage: 'Cannot leave content field empty',
+  },
+  "titleNameRepeated": {
+    id: 'app.containers.Create.titleNameRepeated',
+    defaultMessage: 'Title name cannot be repeated',
+  },
+  "wrongUrl": {
+    id: 'app.containers.Create.wrongUrl',
+    defaultMessage: 'Enter correct URL',
+  },
+  "maxContentCount": {
+    id: 'app.containers.Create.maxContentCount',
+    defaultMessage: 'You have reached the maximum template size',
+  },
+  "addNewRichmedia": {
+    id: 'app.containers.Create.addNewRichmedia',
+    defaultMessage: 'Add Richmedia content',
+  },
+  'Title*': {
+    id: 'app.containers.Create.Title*',
+    defaultMessage: 'Title*',
+  },
+  'Please input title': {
+    id: 'app.containers.Create.Please_input_title',
+    defaultMessage: 'Please input title',
+  },
+  'Author': {
+    id: 'app.containers.Create.Author',
+    defaultMessage: 'Author',
+  },
+  'Please input author': {
+    id: 'app.containers.Create.Please_input_author',
+    defaultMessage: 'Please input author',
+  },
+  'Cover image*': {
+    id: 'app.containers.Create.Cover_image*',
+    defaultMessage: 'Cover image*',
+  },
+  'Cover abstract': {
+    id: 'app.containers.Create.Cover_abstract',
+    defaultMessage: 'Cover abstract',
+  },
+  'Please input cover abstract': {
+    id: 'app.containers.Create.Please_input_cover_abstract',
+    defaultMessage: 'Please input cover abstract',
+  },
+  'Content*': {
+    id: 'app.containers.Create.Content*',
+    defaultMessage: 'Content*',
+  },
+  'Please input content': {
+    id: 'app.containers.Create.Please_input_content',
+    defaultMessage: 'Please input content',
+  },
+  'Show cover picture': {
+    id: 'app.containers.Create.Show_cover_picture',
+    defaultMessage: 'Show cover picture',
+  },
+  'Who can post comments on this content': {
+    id: 'app.containers.Create.Who_can_post_comments_on_this_content',
+    defaultMessage: 'Who can post comments on this content',
+  },
+  'No one': {
+    id: 'app.containers.Create.No_one',
+    defaultMessage: 'No one',
+  },
+  'Anyone': {
+    id: 'app.containers.Create.Anyone',
+    defaultMessage: 'Anyone',
+  },
+  'Only followers': {
+    id: 'app.containers.Create.Only_followers',
+    defaultMessage: 'Only followers',
+  },
+});

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

@@ -0,0 +1,60 @@
+/*
+ *
+ * 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:
+      if (action.uploadId === 'image-value') {
+        return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .setIn(['uploadedAssetData', action.contentId], action.data);
+      } else if (action.uploadId === 'content-image-value') {
+        return state
+        .set('uploadContentAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedContentAssetData', action.data);
+      }
+      break;
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_CONTENT_ASSET:
+      return state
+        .delete('uploadedContentAssetData');
+    case types.SAVE_TEMPLATE_REQUEST:
+      return state
+        .set('saveTemplateErrorMessage', undefined)
+        .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)
+        .set('saveTemplateErrorMessage', action.errorMsg);
+    case types.SAVE_TEMPLATE_FAILURE:
+      return state
+        .set('saveTemplateSuccess', false)
+        .set('savingTemplate', false);
+    default:
+      return state;
+  }
+  return state;
+}
+
+export default createReducer;

package/v2Containers/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",
+};