@capillarytech/creatives-library 2.0.70 → 2.0.72

package/v2Containers/MobilePush/initialSchema.js

@@ -0,0 +1,1739 @@
+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",
+                            borderRight: "1px solid #d9d9d9",
+                            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",
+                                  cols: [
+
+                                    {
+                                      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!",
+                                    },
+                                    {
+                                      offset: 20,
+                                      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,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  rowClassName: "mobile-push-row",
+                                  cols: [
+
+                                    {
+                                      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!",
+                                    },
+                                    {
+                                      offset: 20,
+                                      id: "message-tagList",
+                                      target: "message-editor",
+                                      label: "Add labels",
+                                      type: "tag-list",
+                                      metaType: "List",
+                                      datatype: "select",
+                                      required: true,
+                                      style: {
+                                        marginTop: "55px",
+                                      },
+                                      fluid: true,
+                                      onlyDisplay: true,
+                                      styling: "semantic",
+                                      order: 2,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  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,
+                                      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: 6,
+                          type: "multicols",
+                          offset: 1,
+                          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",
+                            borderRight: "1px solid #d9d9d9",
+                            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",
+                                  cols: [
+
+                                    {
+                                      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.",
+                                    },
+                                    {
+                                      offset: 20,
+                                      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,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  rowClassName: "mobile-push-row",
+                                  cols: [
+
+                                    {
+                                      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!",
+                                    },
+                                    {
+                                      offset: 20,
+                                      id: "message-tagList2",
+                                      label: "add labels",
+                                      target: "message-editor2",
+                                      type: "tag-list",
+                                      metaType: "List",
+                                      datatype: "select",
+                                      style: {
+                                        marginTop: "55px",
+                                      },
+                                      required: true,
+                                      fluid: true,
+                                      onlyDisplay: true,
+                                      styling: "semantic",
+                                      order: 2,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  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",
+                                      ],
+                                    },
+                                  ],
+                                },
+
+                              ],
+                              actionFields: [],
+                            },
+                          ],
+                        },
+                        {
+                          width: 6,
+                          type: "multicols",
+                          offset: 1,
+                          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",
+                            borderRight: "1px solid #d9d9d9",
+                            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",
+                                  cols: [
+
+                                    {
+                                      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!",
+                                    },
+                                    {
+                                      offset: 20,
+                                      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,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  rowClassName: "mobile-push-row",
+                                  cols: [
+
+                                    {
+                                      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",
+                                      ],
+                                    },
+                                    {
+                                      offset: 20,
+                                      id: "message-tagList",
+                                      target: "message-editor",
+                                      label: "Add labels",
+                                      type: "tag-list",
+                                      metaType: "List",
+                                      datatype: "select",
+                                      style: {
+                                        marginTop: "55px",
+                                      },
+                                      required: true,
+                                      fluid: true,
+                                      onlyDisplay: true,
+                                      styling: "semantic",
+                                      order: 2,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  rowClassName: "mobile-push-row",
+                                  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,
+                                      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,
+                                      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: 6,
+                          type: "multicols",
+                          offset: 1,
+                          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",
+                            borderRight: "1px solid #d9d9d9",
+                            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",
+                                  cols: [
+                                    {
+                                      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!",
+                                    },
+                                    {
+                                      offset: 20,
+                                      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,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  rowClassName: "mobile-push-row",
+                                  cols: [
+
+                                    {
+                                      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",
+                                      ],
+                                    },
+                                    {
+                                      id: "message-tagList",
+                                      label: "Add labels",
+                                      offset: 20,
+                                      target: "message-editor2",
+                                      type: "tag-list",
+                                      metaType: "List",
+                                      style: {
+                                        marginTop: "55px",
+                                      },
+                                      datatype: "select",
+                                      required: true,
+                                      fluid: true,
+                                      onlyDisplay: true,
+                                      styling: "semantic",
+                                      order: 2,
+                                      customComponent: true,
+                                      supportedEvents: [
+                                        "onTagSelect",
+                                      ],
+                                    },
+                                  ],
+                                },
+                                {
+                                  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",
+                                      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",
+                                      ],
+                                    },
+                                  ],
+                                },
+
+                              ],
+                              actionFields: [],
+                            },
+                          ],
+                        },
+                        {
+                          width: 6,
+                          type: "multicols",
+                          offset: 1,
+                          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,
+    },
+  ],
+};
+