export default {
  standalone: {
    sections: [
      {
        type: "parent",
        childSections: [
          {
            type: "multicols",
            inputFields: [
              {
                rowClassName: "wechat-richmedia-row",
                cols: [
                  {
                    id: "title-value",
                    label: "Title",
                    inductiveText: "Write a brief headline to draw customer's attention",
                    type: "input",
                    metaType: "text",
                    datatype: "string",
                    required: true,
                    width: 24,
                    fluid: true,
                    styling: "semantic",
                    order: 1,
                    disabled: false,
                    customComponent: false,
                    onlyDisplay: false,
                    supportedEvents: [
                      "onChange",
                    ],
                    errorMessage: "This field is required!",
                    size: "large",
                  }],
              },
              {
                rowClassName: "wechat-richmedia-row",
                cols: [
                  {
                    id: "author-value",
                    label: "Author",
                    inductiveText: "Brand/name that your customer will recognise",
                    type: "input",
                    metaType: "text",
                    datatype: "string",
                    required: true,
                    width: 24,
                    fluid: true,
                    styling: "semantic",
                    order: 1,
                    disabled: false,
                    customComponent: false,
                    supportedEvents: [
                      "onChange",
                    ],
                    errorMessage: "This field is required!",
                    size: "large",
                  }],
              },
              {
                rowClassName: "cover-image-row",
                cols: [
                  {
                    id: "upload-image-label",
                    metaType: "label",
                    value: "Cover image",
                    primitive: true,
                    dynamicTab: false,
                    type: "div",
                    width: 4,
                    onlyDisplay: true,
                    style: {
                      color: "#091e42",
                      lineHeight: "20px",
                      fontSize: "14px",
                      fontWeight: "500",
                    },
                  },
                  {
                    id: "upload-image-label-resolution",
                    metaType: "label",
                    value: "Resolution 360 x 200",
                    primitive: true,
                    dynamicTab: false,
                    type: "div",
                    width: 11,
                    onlyDisplay: true,
                    style: {
                      color: "#5e6c84",
                      lineHeight: "20px",
                      fontSize: "12px",
                    },
                  }],
              },
              {
                rowClassName: "cover-image-row",
                cols: [
                  {
                    id: "upload-image-inductive-text",
                    metaType: "label",
                    value: "The relevant image that complements title.",
                    primitive: true,
                    dynamicTab: false,
                    type: "div",
                    width: 24,
                    onlyDisplay: true,
                    style: {
                      color: "#5e6c84",
                      lineHeight: "16px",
                      fontSize: "12px",
                      marginBottom: "8px",
                    },
                  }],
              },
              {
                rowClassName: "wechat-richmedia-row cover-image-row",
                cols: [
                  {
                    id: "image-value",
                    label: "Upload Image",
                    type: "capDragger",
                    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",
                    ],
                    componentProps: {
                      showUploadList: false,
                    },
                  }],
              },
              {
                rowClassName: "wechat-richmedia-row",
                rowStyle: {
                  'margin-bottom': "0",
                },
                cols: [
                  {
                    id: "cover-abstract-value",
                    label: "Cover abstract",
                    inductiveText: "A short description help customers learn more",
                    type: "input",
                    metaType: "text",
                    datatype: "string",
                    required: true,
                    width: 24,
                    fluid: false,
                    styling: "semantic",
                    order: 2,
                    disabled: false,
                    customComponent: false,
                    supportedEvents: [
                      "onChange",
                    ],
                    errorMessage: "This field is required!",
                    autosize: true,
                    autosizeParams: {
                      maxRows: 18,
                      minRows: 3,
                    },
                    size: "large",
                  }],
              }],
          },
          {
            type: "parent",
            rowStyle: {
              display: "inline-flex",
            },
            childSections: [
              {
                type: "parent",
                childSections: [
                  {
                    type: "multicols",
                    inputFields: [
                      {
                        cols: [
                          {
                            id: "content-label",
                            metaType: "label",
                            value: "Article content",
                            primitive: true,
                            dynamicTab: false,
                            type: "div",
                            width: 20,
                            onlyDisplay: true,
                            style: {
                              color: "#091e42",
                              lineHeight: "20px",
                              fontSize: "14px",
                              fontWeight: "500",
                            },
                          },
                          {
                            id: "content-image-value",
                            label: "Insert Image",
                            type: "upload",
                            width: 4,
                            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",
                            },
                          },
                          {
                            id: "content-inductive-text",
                            metaType: "label",
                            value: "A short description help customers learn more",
                            primitive: true,
                            dynamicTab: false,
                            type: "div",
                            width: 24,
                            onlyDisplay: true,
                            style: {
                              color: "#5e6c84",
                              lineHeight: "16px",
                              fontSize: "12px",
                              marginBottom: "8px",
                              position: "absolute",
                              top: "-24px",
                            },
                          },
                        ],
                      },
                    ],
                  },
                  {
                    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!",
                            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: "source-link-value",
                    label: "Read more link",
                    inductiveText: "Link to help customers discover more about the brand.",
                    type: "input",
                    metaType: "text",
                    datatype: "string",
                    required: true,
                    width: 24,
                    fluid: true,
                    styling: "semantic",
                    order: 1,
                    disabled: false,
                    customComponent: false,
                    supportedEvents: [
                      "onChange",
                    ],
                    size: "large",
                    errorMessage: "This field is required!",
                  }],
              },
              {
                cols: [
                  {
                    id: "post-comments-label",
                    metaType: "label",
                    value: "Who can post comments on this content",
                    primitive: true,
                    dynamicTab: false,
                    type: "div",
                    width: 11,
                    onlyDisplay: true,
                  }],
              },
              {
                rowClassName: "wechat-richmedia-row",
                cols: [
                  {
                    id: "post-comments-value",
                    label: "Who can post comments on this content",
                    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",
};
