export const response = {
  metaEntities: [
    {
      _id: "5a6879f2f48500d47560c741",
      type: "LAYOUT",
      definition: {
        module: "Campaigns",
        channel: "MOBILEPUSH",
        textSchema: {
          standalone: {
            sections: [
              {
                type: "multicols",
                inputFields: [
                  {
                    cols: [
                      {
                        id: "template-name",
                        placeholder: "Enter template name*",
                        type: "input",
                        metaType: "text",
                        datatype: "string",
                        required: true,
                        fluid: true,
                        style: {
                          marginBottom: "16px",
                        },
                        styling: "semantic",
                        order: 1,
                        width: 9,
                        offSet: 10,
                        customComponent: false,
                        standalone: true,
                        supportedEvents: [
                          "onChange",
                        ],
                        errorMessage: "Template name cannot be empty",
                      },
                      {
                        id: "discard-button",
                        width: 3,
                        offset: 8,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          paddingRight: "12px",
                        },
                        type: "button",
                        buttonType: "cancel",
                        value: "Discard Changes",
                        customComponent: false,
                        standalone: true,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        submitAction: "discardValues",
                        supportedEvents: [
                          "discardValues",
                        ],
                      },
                      {
                        id: "cancel-button",
                        width: 2,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          width: "9%",
                        },
                        type: "button",
                        buttonType: "cancel",
                        value: "Cancel",
                        customComponent: false,
                        standalone: true,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        submitAction: "cancelTemplate",
                        supportedEvents: [
                          "cancelTemplate",
                        ],
                      },
                      {
                        id: "save-button",
                        width: 2,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          width: "7%",
                        },
                        type: "button",
                        buttonType: "primary",
                        value: "Save",
                        customComponent: false,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        standalone: true,
                        submitAction: "saveFormData",
                        supportedEvents: [
                          "saveFormData",
                        ],
                      },
                    ],
                  },
                ],
                actionFields: [],
              },
              {
                type: "multicols",
                inputFields: [
                  {
                    cols: [
                      {
                        standalone: true,
                        customComponent: false,
                        offSet: 6,
                        width: 5,
                        order: 1,
                        styling: "semantic",
                        style: {
                          display: "block",
                          marginBottom: "16px",
                        },
                        fluid: true,
                        required: true,
                        datatype: "string",
                        metaType: "text",
                        options: [],
                        type: "select",
                        placeholder: "Select Mobilepush Account",
                        labelStyle: {
                          display: "block",
                          padding: ".5em .833em",

                          color: "#333333",
                          textAlign: "left",
                          backgroundColor: "white",
                        },
                        label: "Account Id",
                        id: "mobilepush-accounts",
                      },
                    ],
                  },
                  {
                    cols: [
                      {
                        standalone: true,
                        customComponent: false,
                        offSet: 6,
                        width: 15,
                        order: 1,
                        styling: "semantic",
                        style: {
                          marginBottom: "16px",

                        },
                        disabled: false,
                        fluid: true,
                        required: true,
                        datatype: "string",
                        metaType: "text",
                        options: [],
                        type: "select",
                        placeholder: "Select Mobilepush Template",
                        labelStyle: {
                          padding: ".5em .833em",


                          color: "#333333",
                          textAlign: "left",
                          backgroundColor: "white",
                        },
                        supportedEvents: [
                          "onSelect",
                        ],
                        label: "Template",
                        id: "mobilepush-template",
                      },
                    ],
                  },
                ],
              },
            ],
          },
          containers: [
            {
              id: "pane",
              supportedEvents: [
                "onTabChange",
              ],
              panes: [
                {
                  isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.
                  sectionsHeaders: [
                    {
                      type: "multicols",
                      inputFields: [
                        {
                          rowStyle: {
                            display: "flex",
                            flex: 1,
                          },
                          cols: [
                            {
                              id: "tab-header-android",
                              metaType: "label",
                              value: "Android",
                              primitive: true,
                              dynamicTab: false,
                              type: "div",
                              width: 5,
                              offset: 0,
                              onlyDisplay: true,
                              colStyle: {
                                flex: 1,
                              },

                            },
                          ],
                        },
                      ],
                      actionFields: [],
                    },
                  ],
                  sections: [
                    {
                      type: "parent",
                      width: 16,
                      rowStyle: {
                        height: "100%",
                      },
                      childSections: [
                        {
                          colStyle: {
                            paddingTop: "16px",
                            paddingLeft: "16px",
                            height: "70vh",
                            overflowY: "auto",
                          },
                          width: 16,
                          type: "parent",
                          childSections: [
                            {
                              type: "multicols",
                              inputFields: [
                                {
                                  rowClassName: "mobile-push-row",
                                  cols: [
                                    {
                                      id: "copy-iphone-content",
                                      metaType: "label",
                                      value: "Copy Title and Content From IOS",
                                      primitive: true,
                                      dynamicTab: false,
                                      type: "div",
                                      style: {
                                        backgroundColor: "white",
                                        textAlign: "left",
                                        color: "#2673D7",

                                        cursor: "pointer",
                                      },
                                      submitAction: "onClick",
                                      supportedEvents: [
                                        "onClick",
                                      ],
                                      offset: 0,
                                      onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "title-tagList",
                                      target: "message-title",
                                      label: "Add labels",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 1,
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-title",
                                      label: "Title",
                                      type: "input",
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      width: 22,
                                      placeholder: "Please input message title name.",
                                      fluid: true,
                                      styling: "semantic",
                                      order: 1,
                                      customComponent: false,
                                      supportedEvents: [],
                                      errorMessage: "Template message has unsupported/missing tags!",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [

                                    {
                                      width: 22,
                                      id: "message-tagList",
                                      target: "message-editor",
                                      label: "Add labels",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      required: true,
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 2,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-editor",
                                      label: "Message",
                                      offset: 0,
                                      type: "textarea",
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      placeholder: "Please input mobile push template content.",
                                      fluid: true,
                                      styling: "semantic",
                                      autosize: true,
                                      autosizeParams: {
                                        minRows: 3,
                                      },

                                      order: 1,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onChange",
                                      ],
                                      errorMessage: "Template message has unsupported/missing tags!",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row",
                                  identifier: "add-pri-cta",
                                  cols: [

                                    {
                                      id: "add-pri-cta",

                                      label: "Add action link to content",
                                      inductiveText: "Add a hyperlink of the page which customer will be directed to",
                                      styling: "semantic",
                                      dynamicTab: false,
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      metaType: "label",
                                      onlyDisplay: false,
                                      order: 1,
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addPrimaryCta",
                                      supportedEvents: [
                                        "addPrimaryCta",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta",

                                  cols: [
                                    {
                                      id: "add-sec-cta",
                                      label: "Add primary button to notification",
                                      styling: "semantic",
                                      dynamicTab: false,
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,

                                      metaType: "label",
                                          // metaType: "text",
                                      onlyDisplay: false,
                                          // type: "div",
                                          // width: 6,
                                      style: {
                                        marginBottom: '24px',
                                      },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCta",
                                      supportedEvents: [
                                        "addSecondaryCta",
                                      ],
                                      fieldsLimit: 2,
                                      fieldsCount: 0,
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta-2",

                                  cols: [
                                    {
                                      id: "add-sec-cta-2",
                                      metaType: "label",
                                      dynamicTab: false,
                                      disabled: true,
                                      label: "Add secondary button to notification",
                                      styling: "semantic",
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      onlyDisplay: false,
                                          // type: "div",
                                          // width: 6,
                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     marginTop: "16px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCta",
                                      supportedEvents: [
                                        "addSecondaryCta",
                                      ],
                                      fieldsLimit: 2,
                                      fieldsCount: 1,
                                    },
                                  ],
                                },
                              ],
                              actionFields: [],
                            },
                          ],
                        },
                        {
                          width: 8,
                          type: "multicols",
                          colStyle: {
                            paddingTop: "16px",
                          },
                          inputFields: [
                            {
                              cols: [
                                {
                                  id: "mobile-push-preview",
                                  type: "mobile-push-preview",
                                  device: "android",
                                  customComponent: true,
                                  customStyling: {
                                    padding: "0",
                                  },
                                  metaType: "preview",
                                  required: true,
                                  fluid: true,
                                  styling: "semantic",
                                  order: 1,
                                  width: 5,
                                  onlyDisplay: true,
                                  offset: 7,
                                  channel: "MOBILEPUSH",
                                  content: {
                                    title: "message-title",
                                    message: "message-editor",
                                    secondaryCta1: "secondary-cta-0-label",
                                    secondaryCta2: "secondary-cta-1-label",
                                    appName: "",
                                  },
                                },
                              ],
                            },
                          ],
                        },
                      ],
                    },
                  ],
                },
                {
                  isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.

                  sectionsHeaders: [
                    {
                      type: "multicols",
                      inputFields: [
                        {
                          rowStyle: {
                            display: "flex",
                            flex: 1,
                          },
                          cols: [
                            {
                              id: "tab-header-iphone",
                              metaType: "label",
                              value: "iOS",
                              primitive: true,
                              dynamicTab: false,
                              type: "div",
                              width: 5,
                              offset: 0,
                              onlyDisplay: true,
                              colStyle: {
                                flex: 1,
                              },

                            },
                          ],
                        },
                      ],
                      actionFields: [],
                    },
                  ],
                  sections: [
                    {
                      type: "parent",
                      width: 16,
                      rowStyle: {
                        height: "100%",
                      },
                      childSections: [
                        {
                          colStyle: {
                            paddingTop: "16px",
                            paddingLeft: "16px",
                            height: "70vh",
                            overflowY: "auto",
                          },
                          width: 16,
                          type: "parent",
                          childSections: [
                            {
                              type: "multicols",
                              inputFields: [
                                {
                                  rowClassName: "mobile-push-row",
                                  cols: [
                                    {
                                      id: "copy-android-content",
                                      metaType: "label",
                                      value: "Copy Title and Content From Android",
                                      primitive: true,
                                      dynamicTab: false,
                                      type: "div",
                                      style: {
                                        backgroundColor: "white",
                                        textAlign: "left",
                                        color: "#2673D7",

                                        cursor: "pointer",
                                      },
                                      offset: 0,
                                      submitAction: "onClick",
                                      supportedEvents: [
                                        "onClick",
                                      ],
                                      onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "title-tagList2",
                                      target: "message-title2",
                                      label: "Add labels",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 1,
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-title2",
                                      label: "Title",
                                      type: "input",
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      width: 22,
                                      placeholder: "Please input message title name.",
                                      fluid: true,
                                      styling: "semantic",
                                      order: 1,
                                      customComponent: false,
                                      supportedEvents: [],
                                      errorMessage: "Template title has unsupported/missing tags.",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "message-tagList2",
                                      label: "Add labels",
                                      target: "message-editor2",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 2,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-editor2",
                                      label: "Message",
                                      offset: 0,
                                      type: "textarea",
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      placeholder: "Please input mobile push template content.",
                                      fluid: true,
                                      styling: "semantic",
                                      autosize: true,

                                      autosizeParams: {
                                        minRows: 3,
                                      },
                                      order: 1,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onChange",
                                      ],
                                      errorMessage: "Template message has unsupported/missing tags!",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row",
                                  identifier: "add-pri-cta-ios",

                                  cols: [
                                    {
                                      id: "add-pri-cta-ios",
                                      styling: "semantic",

                                      label: "Add action link to content",
                                      inductiveText: "Add a hyperlink of the page which customer will be directed to",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      metaType: "text",
                                      onlyDisplay: false,
                                      order: 1,
                                      dynamicTab: false,
                                      type: "checkbox",
                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addPrimaryCta",
                                      supportedEvents: [
                                        "addPrimaryCta",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta-ios",

                                  cols: [
                                    {
                                      id: "add-sec-cta-ios",
                                      metaType: "label",
                                      dynamicTab: false,
                                      label: "Add action buttons to notification",
                                      styling: "semantic",
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                          // metaType: "text",
                                      onlyDisplay: false,
                                          // type: "div",
                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     marginTop: "16px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                          // onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCtaIos",
                                      supportedEvents: [
                                        "addSecondaryCtaIos",
                                      ],
                                      disabled: true,
                                      hoverText: "This section is being revamped. Till then it will remain disabled.",
                                    },
                                  ],
                                },

                              ],
                              actionFields: [],
                            },
                          ],
                        },
                        {
                          width: 8,
                          type: "multicols",
                          colStyle: {
                            paddingTop: "16px",
                          },
                          inputFields: [
                            {
                              cols: [
                                {
                                  id: "mobile-push-preview",
                                  type: "mobile-push-preview",
                                  device: "iphone",
                                  customComponent: true,
                                  customStyling: {
                                    padding: "0",
                                  },
                                  metaType: "preview",
                                  required: true,
                                  fluid: true,
                                  styling: "semantic",
                                  order: 1,
                                  width: 5,
                                  onlyDisplay: true,
                                  offset: 7,
                                  channel: "MOBILEPUSH",
                                  content: {
                                    title: "message-title2",
                                    message: "message-editor2",
                                    secondaryCta1: "secondary-cta-1-action",
                                    secondaryCta2: "secondary-cta-1-action2",
                                    appName: "",
                                  },
                                },
                              ],
                            },
                          ],
                        },
                      ],
                    },
                  ],
                },
              ],
              type: "tabs",
              defaultPanes: 1,
              additionalPanes: 0,
            },
          ],
          channel: "MOBILEPUSH",
          module: "Campaigns",
        },
        imageSchema: {
          standalone: {
            sections: [
              {
                type: "multicols",
                inputFields: [
                  {
                    cols: [
                      {
                        id: "template-name",
                        placeholder: "Enter template name",
                        type: "input",
                        metaType: "text",
                        datatype: "string",
                        required: true,
                        fluid: true,
                        style: {

                          marginBottom: "16px",
                        },
                        styling: "semantic",
                        order: 1,
                        width: 9,
                        offSet: 10,
                        customComponent: false,
                        standalone: true,
                        supportedEvents: [
                          "onChange",
                        ],
                        errorMessage: "Template name cannot be empty.",
                      },
                      {
                        id: "discard-button",
                        width: 3,
                        offset: 8,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          paddingRight: "12px",
                        },
                        type: "button",
                        buttonType: "cancel",
                        value: "Discard Changes",
                        customComponent: false,
                        standalone: true,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        submitAction: "discardValues",
                        supportedEvents: [
                          "discardValues",
                        ],
                      },
                      {
                        id: "cancel-button",
                        width: 2,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          width: "9%",
                        },
                        type: "button",
                        buttonType: "cancel",
                        value: "Cancel",
                        customComponent: false,
                        standalone: true,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        submitAction: "cancelTemplate",
                        supportedEvents: [
                          "cancelTemplate",
                        ],
                      },
                      {
                        id: "save-button",
                        width: 2,
                        metaType: "submit-button",
                        colStyle: {
                          textAlign: "right",
                          width: "7%",
                        },
                        type: "button",
                        buttonType: "primary",
                        value: "Save",
                        customComponent: false,
                        styling: "semantic",
                        order: 3,
                        fluid: false,
                        standalone: true,
                        submitAction: "saveFormData",
                        supportedEvents: [
                          "saveFormData",
                        ],
                      },
                    ],
                  },
                ],
                actionFields: [],
              },
              {
                type: "multicols",
                inputFields: [
                  {
                    cols: [
                      {
                        standalone: true,
                        customComponent: false,
                        offSet: 6,
                        width: 5,
                        order: 1,
                        styling: "semantic",
                        style: {
                          display: "block",
                          marginBottom: "16px",

                        },
                        fluid: true,
                        required: true,
                        datatype: "string",
                        metaType: "text",
                        options: [],
                        type: "select",
                        placeholder: "Select Mobilepush Account",
                        labelStyle: {
                          display: "block",
                          padding: ".5em .833em",

                          color: "#333333",
                          textAlign: "left",
                          backgroundColor: "white",
                        },
                        label: "Account Id",
                        id: "mobilepush-accounts",
                      },
                    ],
                  },
                  {
                    cols: [
                      {
                        standalone: true,
                        customComponent: false,
                        offSet: 6,
                        width: 15,
                        order: 1,
                        styling: "semantic",
                        style: {
                          marginBottom: "16px",

                        },
                        disabled: false,
                        fluid: true,
                        required: true,
                        datatype: "string",
                        metaType: "text",
                        options: [],
                        type: "select",
                        placeholder: "Select Mobilepush Template",
                        labelStyle: {
                          padding: ".5em .833em",

                          color: "#333333",
                          textAlign: "left",
                          backgroundColor: "white",
                        },
                        supportedEvents: [
                          "onSelect",
                        ],
                        label: "Template",
                        id: "mobilepush-template",
                      },
                    ],
                  },
                ],
              },
            ],
          },
          containers: [
            {
              id: "pane",
              supportedEvents: [
                "onTabChange",
              ],
              panes: [
                {
                  isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.

                  sectionsHeaders: [
                    {
                      type: "multicols",
                      inputFields: [
                        {
                          rowStyle: {
                            display: "flex",
                            flex: 1,
                          },
                          cols: [
                            {
                              id: "tab-header",
                              metaType: "label",
                              value: "Android",
                              primitive: true,
                              dynamicTab: false,
                              type: "div",
                              width: 5,
                              offset: 0,
                              onlyDisplay: true,
                              colStyle: {
                                flex: 1,
                              },

                            },
                          ],
                        },
                      ],
                      actionFields: [],
                    },
                  ],
                  sections: [
                    {
                      type: "parent",
                      width: 16,
                      rowStyle: {
                        height: "100%",
                      },
                      childSections: [
                        {
                          colStyle: {
                            paddingTop: "16px",
                            paddingLeft: "16px",
                            height: "70vh",
                            overflowY: "auto",
                          },
                          width: 16,
                          type: "parent",
                          childSections: [
                            {
                              type: "multicols",
                              inputFields: [
                                {
                                  rowClassName: "mobile-push-row",
                                  cols: [
                                    {
                                      id: "copy-iphone-content",
                                      metaType: "label",
                                      value: "Copy Title and Content From IOS",
                                      primitive: true,
                                      dynamicTab: false,
                                      type: "div",
                                      style: {
                                        backgroundColor: "white",
                                        textAlign: "left",
                                        color: "#2E89DF",

                                        cursor: "pointer",
                                      },
                                      submitAction: "onClick",
                                      supportedEvents: [
                                        "onClick",
                                      ],
                                      offset: 0,
                                      onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "title-tagList",
                                      target: "message-title",
                                      label: "Add labels",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 1,
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-title",
                                      label: "Title",
                                      type: "input",
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      width: 22,
                                      placeholder: "Please input message title name.",
                                      fluid: true,
                                      styling: "semantic",
                                      order: 1,
                                      customComponent: false,
                                      supportedEvents: [],
                                      errorMessage: "Message title has unsupported/missing tags!",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "message-tagList",
                                      target: "message-editor",
                                      label: "Add labels",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 2,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-editor",
                                      label: "Message",
                                      offset: 0,
                                      type: "textarea",
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      placeholder: "Please input mobile push template content.",
                                      errorMessage: "Template message has unsupported/missing tags!",
                                      fluid: true,
                                      styling: "semantic",
                                      autosize: true,

                                      autosizeParams: {
                                        minRows: 3,
                                      },
                                      order: 1,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onChange",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row mobile-push-img",
                                  cols: [


                                    {
                                      id: "image",
                                      label: "Upload Image",
                                      type: "upload",
                                      showPreview: true,
                                      previewProps: {
                                        label: "Cover Image",
                                        inductiveText: "Maximum file size acceptable is 5 MB",
                                            // placeholder: "Max file size acceptable is 5mb",
                                        errorMessage: "Please upload Image",
                                      },
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      fluid: true,
                                      styling: "semantic",
                                      order: 1,
                                      style: {
                                        display: 'flex',
                                      },
                                      customComponent: true,
                                      offset: 0,
                                      submitAction: "onUpload",
                                      supportedEvents: [
                                        "onUpload",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row",

                                  identifier: "add-pri-cta",
                                  cols: [
                                    {
                                      id: "add-pri-cta",
                                      styling: "semantic",


                                      label: "Add action link to content",
                                      inductiveText: "Add a hyperlink of the page which customer will be directed to",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      metaType: "text",
                                      onlyDisplay: false,
                                      order: 1,
                                      dynamicTab: false,
                                      type: "checkbox",
                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addPrimaryCta",
                                      supportedEvents: [
                                        "addPrimaryCta",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta",

                                  cols: [
                                    {
                                      id: "add-sec-cta",
                                      label: "Add primary button to notification",
                                      styling: "semantic",
                                      dynamicTab: false,
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,

                                      metaType: "label",
                                          // metaType: "text",
                                      onlyDisplay: false,
                                          // type: "div",
                                          // width: 6,
                                      style: {
                                        marginBottom: '24px',
                                      },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCta",
                                      supportedEvents: [
                                        "addSecondaryCta",
                                      ],
                                      fieldsLimit: 2,
                                      fieldsCount: 0,
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta-2",

                                  cols: [
                                    {
                                      id: "add-sec-cta-2",
                                      metaType: "label",
                                      dynamicTab: false,
                                      disabled: true,
                                      label: "Add secondary button to notification",
                                      styling: "semantic",
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      onlyDisplay: false,
                                          // type: "div",
                                          // width: 6,
                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     marginTop: "16px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCta",
                                      supportedEvents: [
                                        "addSecondaryCta",
                                      ],
                                      fieldsLimit: 2,
                                      fieldsCount: 1,
                                    },
                                  ],
                                },
                              ],
                              actionFields: [],
                            },
                          ],
                        },
                        {
                          width: 8,
                          type: "multicols",
                          colStyle: {
                            paddingTop: "16px",
                          },
                          inputFields: [
                            {
                              cols: [
                                {
                                  id: "mobile-push-preview",
                                  type: "mobile-push-preview",
                                  device: "android",
                                  customComponent: true,
                                  customStyling: {
                                    padding: "0",
                                  },
                                  metaType: "preview",
                                  required: true,
                                  fluid: true,
                                  styling: "semantic",
                                  order: 1,
                                  width: 5,
                                  onlyDisplay: true,
                                  offset: 7,
                                  channel: "MOBILEPUSH",
                                  content: {
                                    title: "message-title",
                                    message: "message-editor",
                                    secondaryCta1: "secondary-cta-0-label",
                                    secondaryCta2: "secondary-cta-1-label",
                                    appName: "",
                                  },
                                },
                              ],
                            },
                          ],
                        },
                      ],
                    },
                  ],
                },
                {
                  isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.

                  sectionsHeaders: [
                    {
                      type: "multicols",
                      inputFields: [
                        {
                          rowStyle: {
                            display: "flex",
                            flex: 1,
                          },
                          cols: [
                            {
                              id: "tab-header",
                              metaType: "label",
                              value: "iOS",
                              primitive: true,
                              dynamicTab: false,
                              type: "div",
                              width: 5,
                              offset: 0,
                              onlyDisplay: true,
                              colStyle: {
                                flex: 1,
                              },

                            },
                          ],
                        },
                      ],
                      actionFields: [],
                    },
                  ],
                  sections: [
                    {
                      type: "parent",
                      width: 16,
                      rowStyle: {
                        height: "100%",
                      },
                      childSections: [
                        {
                          colStyle: {
                            paddingTop: "16px",
                            paddingLeft: "16px",
                            height: "70vh",
                            overflowY: "auto",
                          },
                          width: 16,
                          type: "parent",
                          childSections: [
                            {
                              type: "multicols",
                              inputFields: [
                                {
                                  rowClassName: "mobile-push-row",
                                  cols: [
                                    {
                                      id: "copy-android-content",
                                      metaType: "label",
                                      value: "Copy Title and Content From Android",
                                      primitive: true,
                                      dynamicTab: false,
                                      type: "div",
                                      style: {
                                        backgroundColor: "white",
                                        textAlign: "left",
                                        color: "#2E89DF",

                                        cursor: "pointer",
                                      },
                                      offset: 0,
                                      submitAction: "onClick",
                                      supportedEvents: [
                                        "onClick",
                                      ],
                                      onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "title-tagList",
                                      label: "Add labels",
                                      target: "message-title2",
                                      type: "tag-list",
                                      metaType: "List",
                                      datatype: "select",
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 1,
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-title2",
                                      label: "Title",
                                      type: "input",
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      width: 22,
                                      placeholder: "Please input message title name.",
                                      fluid: true,
                                      styling: "semantic",
                                      order: 1,
                                      customComponent: false,
                                      supportedEvents: [],
                                      errorMessage: "Message title has unsupported/missing tags!",
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row tag-container",
                                  cols: [
                                    {
                                      width: 22,
                                      id: "message-tagList",
                                      label: "Add labels",
                                      target: "message-editor2",
                                      type: "tag-list",
                                      metaType: "List",
                                      style: {
                                        marginBottom: "unset",
                                        height: "24px",
                                      },
                                      datatype: "select",
                                      required: true,
                                      fluid: true,
                                      onlyDisplay: true,
                                      styling: "semantic",
                                      order: 2,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onTagSelect",
                                      ],
                                    },
                                    {
                                      id: "message-editor2",
                                      label: "Message",
                                      offset: 0,
                                      type: "textarea",
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      placeholder: "Please input mobile push template content.",
                                      errorMessage: "Template message has unsupported/missing tags!",
                                      fluid: true,
                                      styling: "semantic",
                                      autosize: true,

                                      autosizeParams: {
                                        minRows: 3,
                                      },
                                      order: 1,
                                      customComponent: true,
                                      supportedEvents: [
                                        "onChange",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row",
                                  cols: [


                                    {
                                      id: "image",
                                      label: "Upload Image",
                                      offset: 0,
                                      showPreview: true,
                                      previewProps: {
                                        label: "Cover Image",
                                        inductiveText: "Maximum file size acceptable is 5 MB",
                                            // placeholder: "Max file size acceptable is 5mb",
                                        errorMessage: "Please upload Image",

                                      },
                                      type: "upload",
                                      width: 22,
                                      metaType: "text",
                                      datatype: "string",
                                      required: true,
                                      fluid: true,
                                      styling: "semantic",
                                      style: {
                                        display: 'flex',
                                      },
                                      order: 1,
                                      customComponent: true,
                                      submitAction: "onUpload",
                                      supportedEvents: [
                                        "onUpload",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  rowClassName: "mobile-push-row",
                                  identifier: "add-pri-cta-ios",

                                  cols: [
                                    {
                                      id: "add-pri-cta-ios",
                                      label: "Add action link to content",
                                      inductiveText: "Add a hyperlink of the page which customer will be directed to",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                      metaType: "text",
                                      onlyDisplay: false,
                                      order: 1,
                                      dynamicTab: false,
                                      type: "checkbox",
                                      styling: "semantic",

                                          // style: {
                                          //     backgroundColor: "white",
                                          //     textAlign: "left",
                                          //     color: "#2673D7",
                                          //     lineHeight: "24px",
                                          //     fontSize: "14px",
                                          //     fontWeight: "600",
                                          //     fontFamily: "open-sans",
                                          //     fontStyle: "normal",
                                          //     cursor: "pointer",
                                          //   },
                                      offset: 0,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addPrimaryCta",
                                      supportedEvents: [
                                        "addPrimaryCta",
                                      ],
                                    },
                                  ],
                                },
                                {
                                  identifier: "add-sec-cta-ios",

                                  cols: [
                                    {
                                      id: "add-sec-cta-ios",
                                      metaType: "label",
                                      dynamicTab: false,
                                      label: "Add action buttons to notification",
                                      styling: "semantic",
                                      type: "checkbox",
                                      customComponent: false,
                                      datatype: "boolean",
                                      fluid: true,
                                          // metaType: "text",
                                      onlyDisplay: false,
                                      offset: 0,
                                          // onlyDisplay: true,
                                      colStyle: {
                                        flex: 1,
                                      },
                                      submitAction: "addSecondaryCtaIos",
                                      supportedEvents: [
                                        "addSecondaryCtaIos",
                                      ],
                                      disabled: true,
                                      hoverText: "This section is being revamped. Till then it will remain disabled.",
                                    },
                                  ],
                                },

                              ],
                              actionFields: [],
                            },
                          ],
                        },
                        {
                          width: 8,
                          type: "multicols",
                          colStyle: {
                            paddingTop: "16px",
                          },
                          inputFields: [
                            {
                              cols: [
                                {
                                  id: "mobile-push-preview",
                                  type: "mobile-push-preview",
                                  device: "iphone",
                                  customComponent: true,
                                  customStyling: {
                                    padding: "0",
                                  },
                                  metaType: "preview",
                                  required: true,
                                  fluid: true,
                                  styling: "semantic",
                                  order: 1,
                                  width: 5,
                                  onlyDisplay: true,
                                  offset: 7,
                                  channel: "MOBILEPUSH",
                                  content: {
                                    title: "message-title2",
                                    message: "message-editor2",
                                    secondaryCta1: "secondary-cta-1-action",
                                    secondaryCta2: "secondary-cta-1-action2",
                                    appName: "",
                                  },
                                },
                              ],
                            },
                          ],
                        },
                      ],
                    },
                  ],
                },
              ],
              type: "tabs",
              defaultPanes: 1,
              additionalPanes: 0,
            },
          ],
          channel: "MOBILEPUSH",
          module: "Campaigns",
          type: "LAYOUT",
        },
      },
      isActive: true,
    },
  ],
};

