@capillarytech/creatives-library 2.0.62 → 2.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/assets/NoImage1.js +50 -0
  2. package/assets/WithImage1.js +57 -0
  3. package/components/EmailPreview/assets/images/iPad.svg +10 -0
  4. package/components/EmailPreview/assets/images/mobile.png +0 -0
  5. package/components/FormBuilder/_formBuilder.scss +7 -1
  6. package/components/FormBuilder/index.js +97 -65
  7. package/components/MobilePushPreviewV2/index.js +120 -0
  8. package/components/MobilePushPreviewV2/messages.js +13 -0
  9. package/components/MobilePushPreviewV2/tests/index.test.js +10 -0
  10. package/components/TemplatePreview/index.js +1 -1
  11. package/containers/CreativesContainer/SlideBoxContent.js +27 -4
  12. package/containers/CreativesContainer/SlideBoxFooter.js +3 -3
  13. package/containers/CreativesContainer/index.js +71 -24
  14. package/containers/MobilePush/Create/_mobilePushCreate.scss +13 -0
  15. package/containers/MobilePush/Create/actions.js +6 -0
  16. package/containers/MobilePush/Create/constants.js +1 -0
  17. package/containers/MobilePush/Create/index.js +630 -1130
  18. package/containers/MobilePush/Create/messages.js +5 -1
  19. package/containers/MobilePush/Create/reducer.js +2 -0
  20. package/containers/MobilePush/Create/selectors.js +3 -3
  21. package/containers/MobilePush/Edit/_mobilePushCreate.scss +10 -0
  22. package/containers/MobilePush/Edit/index.js +375 -1106
  23. package/containers/MobilePush/Edit/messages.js +4 -0
  24. package/containers/MobilePush/Edit/reducer.js +2 -1
  25. package/containers/MobilePush/Edit/selectors.js +3 -1
  26. package/containers/MobilePush/commonMethods.js +249 -0
  27. package/containers/MobilePush/eventsMap.js +127 -0
  28. package/containers/MobilePush/initialSchema.js +1751 -0
  29. package/containers/MobilepushWrapper/_mobilepushWrapper.scss +18 -0
  30. package/containers/MobilepushWrapper/index.js +95 -0
  31. package/containers/MobilepushWrapper/messages.js +25 -0
  32. package/containers/MobilepushWrapper/tests/index.test.js +10 -0
  33. package/containers/WeChat/_wechat.scss +8 -0
  34. package/containers/WeChat/actions.js +52 -0
  35. package/containers/WeChat/constants.js +28 -0
  36. package/containers/WeChat/index.js +1635 -0
  37. package/containers/WeChat/messages.js +73 -0
  38. package/containers/WeChat/reducer.js +74 -0
  39. package/containers/WeChat/sagas.js +86 -0
  40. package/containers/WeChat/selectors.js +25 -0
  41. package/containers/WeChat/tests/actions.test.js +18 -0
  42. package/containers/WeChat/tests/index.test.js +10 -0
  43. package/containers/WeChat/tests/reducer.test.js +9 -0
  44. package/containers/WeChat/tests/sagas.test.js +15 -0
  45. package/containers/WeChat/tests/selectors.test.js +10 -0
  46. package/index.js +1 -1
  47. package/package.json +1 -1
  48. package/services/api.js +3 -0
@@ -0,0 +1,1751 @@
1
+ export const response = {
2
+ metaEntities: [
3
+ {
4
+ _id: "5a6879f2f48500d47560c741",
5
+ type: "LAYOUT",
6
+ definition: {
7
+ module: "Campaigns",
8
+ channel: "MOBILEPUSH",
9
+ textSchema: {
10
+ standalone: {
11
+ sections: [
12
+ {
13
+ type: "multicols",
14
+ inputFields: [
15
+ {
16
+ cols: [
17
+ {
18
+ id: "template-name",
19
+ placeholder: "Enter template name*",
20
+ type: "input",
21
+ metaType: "text",
22
+ datatype: "string",
23
+ required: true,
24
+ fluid: true,
25
+ style: {
26
+ marginBottom: "16px",
27
+ },
28
+ styling: "semantic",
29
+ order: 1,
30
+ width: 9,
31
+ offSet: 10,
32
+ customComponent: false,
33
+ standalone: true,
34
+ supportedEvents: [
35
+ "onChange",
36
+ ],
37
+ errorMessage: "Template name cannot be empty",
38
+ },
39
+ {
40
+ id: "discard-button",
41
+ width: 3,
42
+ offset: 8,
43
+ metaType: "submit-button",
44
+ colStyle: {
45
+ textAlign: "right",
46
+ paddingRight: "12px",
47
+ },
48
+ type: "button",
49
+ buttonType: "cancel",
50
+ value: "Discard Changes",
51
+ customComponent: false,
52
+ standalone: true,
53
+ styling: "semantic",
54
+ order: 3,
55
+ fluid: false,
56
+ submitAction: "discardValues",
57
+ supportedEvents: [
58
+ "discardValues",
59
+ ],
60
+ },
61
+ {
62
+ id: "cancel-button",
63
+ width: 2,
64
+ metaType: "submit-button",
65
+ colStyle: {
66
+ textAlign: "right",
67
+ width: "9%",
68
+ },
69
+ type: "button",
70
+ buttonType: "cancel",
71
+ value: "Cancel",
72
+ customComponent: false,
73
+ standalone: true,
74
+ styling: "semantic",
75
+ order: 3,
76
+ fluid: false,
77
+ submitAction: "cancelTemplate",
78
+ supportedEvents: [
79
+ "cancelTemplate",
80
+ ],
81
+ },
82
+ {
83
+ id: "save-button",
84
+ width: 2,
85
+ metaType: "submit-button",
86
+ colStyle: {
87
+ textAlign: "right",
88
+ width: "7%",
89
+ },
90
+ type: "button",
91
+ buttonType: "primary",
92
+ value: "Save",
93
+ customComponent: false,
94
+ styling: "semantic",
95
+ order: 3,
96
+ fluid: false,
97
+ standalone: true,
98
+ submitAction: "saveFormData",
99
+ supportedEvents: [
100
+ "saveFormData",
101
+ ],
102
+ },
103
+ ],
104
+ },
105
+ ],
106
+ actionFields: [],
107
+ },
108
+ {
109
+ type: "multicols",
110
+ inputFields: [
111
+ {
112
+ cols: [
113
+ {
114
+ standalone: true,
115
+ customComponent: false,
116
+ offSet: 6,
117
+ width: 5,
118
+ order: 1,
119
+ styling: "semantic",
120
+ style: {
121
+ display: "block",
122
+ marginBottom: "16px",
123
+ },
124
+ fluid: true,
125
+ required: true,
126
+ datatype: "string",
127
+ metaType: "text",
128
+ options: [],
129
+ type: "select",
130
+ placeholder: "Select Mobilepush Account",
131
+ labelStyle: {
132
+ display: "block",
133
+ padding: ".5em .833em",
134
+
135
+ color: "#333333",
136
+ textAlign: "left",
137
+ backgroundColor: "white",
138
+ },
139
+ label: "Account Id",
140
+ id: "mobilepush-accounts",
141
+ },
142
+ ],
143
+ },
144
+ {
145
+ cols: [
146
+ {
147
+ standalone: true,
148
+ customComponent: false,
149
+ offSet: 6,
150
+ width: 15,
151
+ order: 1,
152
+ styling: "semantic",
153
+ style: {
154
+ marginBottom: "16px",
155
+
156
+ },
157
+ disabled: false,
158
+ fluid: true,
159
+ required: true,
160
+ datatype: "string",
161
+ metaType: "text",
162
+ options: [],
163
+ type: "select",
164
+ placeholder: "Select Mobilepush Template",
165
+ labelStyle: {
166
+ padding: ".5em .833em",
167
+
168
+
169
+ color: "#333333",
170
+ textAlign: "left",
171
+ backgroundColor: "white",
172
+ },
173
+ supportedEvents: [
174
+ "onSelect",
175
+ ],
176
+ label: "Template",
177
+ id: "mobilepush-template",
178
+ },
179
+ ],
180
+ },
181
+ ],
182
+ },
183
+ ],
184
+ },
185
+ containers: [
186
+ {
187
+ id: "pane",
188
+ supportedEvents: [
189
+ "onTabChange",
190
+ ],
191
+ panes: [
192
+ {
193
+ isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.
194
+ sectionsHeaders: [
195
+ {
196
+ type: "multicols",
197
+ inputFields: [
198
+ {
199
+ rowStyle: {
200
+ display: "flex",
201
+ flex: 1,
202
+ },
203
+ cols: [
204
+ {
205
+ id: "tab-header-android",
206
+ metaType: "label",
207
+ value: "Android",
208
+ primitive: true,
209
+ dynamicTab: false,
210
+ type: "div",
211
+ width: 5,
212
+ offset: 0,
213
+ onlyDisplay: true,
214
+ colStyle: {
215
+ flex: 1,
216
+ },
217
+
218
+ },
219
+ ],
220
+ },
221
+ ],
222
+ actionFields: [],
223
+ },
224
+ ],
225
+ sections: [
226
+ {
227
+ type: "parent",
228
+ width: 16,
229
+ rowStyle: {
230
+ height: "100%",
231
+ },
232
+ childSections: [
233
+ {
234
+ colStyle: {
235
+ paddingTop: "16px",
236
+ paddingLeft: "16px",
237
+ borderRight: "1px solid #d9d9d9",
238
+ height: "70vh",
239
+ overflowY: "auto",
240
+ },
241
+ width: 16,
242
+ type: "parent",
243
+ childSections: [
244
+ {
245
+ type: "multicols",
246
+ inputFields: [
247
+ {
248
+ rowClassName: "mobile-push-row",
249
+ cols: [
250
+ {
251
+ id: "copy-iphone-content",
252
+ metaType: "label",
253
+ value: "Copy Title and Content From IOS",
254
+ primitive: true,
255
+ dynamicTab: false,
256
+ type: "div",
257
+ style: {
258
+ backgroundColor: "white",
259
+ textAlign: "left",
260
+ color: "#2673D7",
261
+
262
+ cursor: "pointer",
263
+ },
264
+ submitAction: "onClick",
265
+ supportedEvents: [
266
+ "onClick",
267
+ ],
268
+ offset: 0,
269
+ onlyDisplay: true,
270
+ colStyle: {
271
+ flex: 1,
272
+ },
273
+ },
274
+ ],
275
+ },
276
+ {
277
+ rowClassName: "mobile-push-row",
278
+ cols: [
279
+
280
+ {
281
+ id: "message-title",
282
+ label: "Title",
283
+ type: "input",
284
+ metaType: "text",
285
+ datatype: "string",
286
+ required: true,
287
+ width: 22,
288
+ placeholder: "Please input message title name.",
289
+ fluid: true,
290
+ styling: "semantic",
291
+ order: 1,
292
+ customComponent: false,
293
+ supportedEvents: [],
294
+ errorMessage: "Template message has unsupported/missing tags!",
295
+ },
296
+ {
297
+ offset: 20,
298
+ id: "title-tagList",
299
+ target: "message-title",
300
+ label: "Tags",
301
+ type: "tag-list",
302
+ metaType: "List",
303
+ datatype: "select",
304
+ required: true,
305
+ fluid: true,
306
+ onlyDisplay: true,
307
+ styling: "semantic",
308
+ order: 1,
309
+ customComponent: true,
310
+ supportedEvents: [
311
+ "onTagSelect",
312
+ ],
313
+ },
314
+ ],
315
+ },
316
+ {
317
+ rowClassName: "mobile-push-row",
318
+ cols: [
319
+
320
+ {
321
+ id: "message-editor",
322
+ label: "Message",
323
+ offset: 0,
324
+ type: "textarea",
325
+ width: 22,
326
+ metaType: "text",
327
+ datatype: "string",
328
+ required: true,
329
+ placeholder: "Please input mobile push template content.",
330
+ fluid: true,
331
+ styling: "semantic",
332
+ autosize: true,
333
+ autosizeParams: {
334
+ minRows: 3,
335
+ },
336
+ style: {
337
+
338
+ paddingLeft: 0,
339
+ },
340
+ order: 1,
341
+ customComponent: true,
342
+ supportedEvents: [
343
+ "onChange",
344
+ ],
345
+ errorMessage: "Template message has unsupported/missing tags!",
346
+ },
347
+ {
348
+ offset: 20,
349
+ id: "message-tagList",
350
+ target: "message-editor",
351
+ label: "Tags",
352
+ type: "tag-list",
353
+ metaType: "List",
354
+ datatype: "select",
355
+ required: true,
356
+ style: {
357
+ marginTop: "55px",
358
+ },
359
+ fluid: true,
360
+ onlyDisplay: true,
361
+ styling: "semantic",
362
+ order: 2,
363
+ customComponent: true,
364
+ supportedEvents: [
365
+ "onTagSelect",
366
+ ],
367
+ },
368
+ ],
369
+ },
370
+ {
371
+ rowClassName: "mobile-push-row",
372
+ identifier: "add-pri-cta",
373
+ cols: [
374
+
375
+ {
376
+ id: "add-pri-cta",
377
+
378
+ label: "Add action link to content",
379
+ inductiveText: "Add a hyperlink of the page which customer will be directed to",
380
+ styling: "semantic",
381
+ dynamicTab: false,
382
+ type: "checkbox",
383
+ customComponent: false,
384
+ datatype: "boolean",
385
+ fluid: true,
386
+ metaType: "label",
387
+ onlyDisplay: false,
388
+ order: 1,
389
+ offset: 0,
390
+ colStyle: {
391
+ flex: 1,
392
+ },
393
+ submitAction: "addPrimaryCta",
394
+ supportedEvents: [
395
+ "addPrimaryCta",
396
+ ],
397
+ },
398
+ ],
399
+ },
400
+ {
401
+ identifier: "add-sec-cta",
402
+
403
+ cols: [
404
+ {
405
+ id: "add-sec-cta",
406
+ label: "Add primary button to notification",
407
+ styling: "semantic",
408
+ dynamicTab: false,
409
+ type: "checkbox",
410
+ customComponent: false,
411
+ datatype: "boolean",
412
+ fluid: true,
413
+
414
+ metaType: "label",
415
+ // metaType: "text",
416
+ onlyDisplay: false,
417
+ // type: "div",
418
+ // width: 6,
419
+ style: {
420
+ marginBottom: '24px',
421
+ },
422
+ offset: 0,
423
+ colStyle: {
424
+ flex: 1,
425
+ },
426
+ submitAction: "addSecondaryCta",
427
+ supportedEvents: [
428
+ "addSecondaryCta",
429
+ ],
430
+ fieldsLimit: 2,
431
+ fieldsCount: 0,
432
+ },
433
+ ],
434
+ },
435
+ {
436
+ identifier: "add-sec-cta-2",
437
+
438
+ cols: [
439
+ {
440
+ id: "add-sec-cta-2",
441
+ metaType: "label",
442
+ dynamicTab: false,
443
+ label: "Add secondary button to notification",
444
+ styling: "semantic",
445
+ type: "checkbox",
446
+ customComponent: false,
447
+ datatype: "boolean",
448
+ fluid: true,
449
+ onlyDisplay: false,
450
+ // type: "div",
451
+ // width: 6,
452
+ // style: {
453
+ // backgroundColor: "white",
454
+ // textAlign: "left",
455
+ // color: "#2673D7",
456
+ // lineHeight: "24px",
457
+ // fontSize: "14px",
458
+ // marginTop: "16px",
459
+ // fontWeight: "600",
460
+ // fontFamily: "open-sans",
461
+ // fontStyle: "normal",
462
+ // cursor: "pointer",
463
+ // },
464
+ offset: 0,
465
+ colStyle: {
466
+ flex: 1,
467
+ },
468
+ submitAction: "addSecondaryCta",
469
+ supportedEvents: [
470
+ "addSecondaryCta",
471
+ ],
472
+ fieldsLimit: 2,
473
+ fieldsCount: 1,
474
+ },
475
+ ],
476
+ },
477
+ ],
478
+ actionFields: [],
479
+ },
480
+ ],
481
+ },
482
+ {
483
+ width: 6,
484
+ type: "multicols",
485
+ offset: 1,
486
+ colStyle: {
487
+ paddingTop: "16px",
488
+ },
489
+ inputFields: [
490
+ {
491
+ cols: [
492
+ {
493
+ id: "mobile-push-preview",
494
+ type: "mobile-push-preview",
495
+ device: "android",
496
+ customComponent: true,
497
+ customStyling: {
498
+ padding: "0",
499
+ },
500
+ metaType: "preview",
501
+ required: true,
502
+ fluid: true,
503
+ styling: "semantic",
504
+ order: 1,
505
+ width: 5,
506
+ onlyDisplay: true,
507
+ offset: 7,
508
+ channel: "MOBILEPUSH",
509
+ content: {
510
+ title: "message-title",
511
+ message: "message-editor",
512
+ secondaryCta1: "secondary-cta-0-label",
513
+ secondaryCta2: "secondary-cta-1-label",
514
+ appName: "",
515
+ },
516
+ },
517
+ ],
518
+ },
519
+ ],
520
+ },
521
+ ],
522
+ },
523
+ ],
524
+ },
525
+ {
526
+ isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.
527
+
528
+ sectionsHeaders: [
529
+ {
530
+ type: "multicols",
531
+ inputFields: [
532
+ {
533
+ rowStyle: {
534
+ display: "flex",
535
+ flex: 1,
536
+ },
537
+ cols: [
538
+ {
539
+ id: "tab-header-iphone",
540
+ metaType: "label",
541
+ value: "iOS",
542
+ primitive: true,
543
+ dynamicTab: false,
544
+ type: "div",
545
+ width: 5,
546
+ offset: 0,
547
+ onlyDisplay: true,
548
+ colStyle: {
549
+ flex: 1,
550
+ },
551
+
552
+ },
553
+ ],
554
+ },
555
+ ],
556
+ actionFields: [],
557
+ },
558
+ ],
559
+ sections: [
560
+ {
561
+ type: "parent",
562
+ width: 16,
563
+ rowStyle: {
564
+ height: "100%",
565
+ },
566
+ childSections: [
567
+ {
568
+ colStyle: {
569
+ paddingTop: "16px",
570
+ paddingLeft: "16px",
571
+ borderRight: "1px solid #d9d9d9",
572
+ height: "70vh",
573
+ overflowY: "auto",
574
+ },
575
+ width: 16,
576
+ type: "parent",
577
+ childSections: [
578
+ {
579
+ type: "multicols",
580
+ inputFields: [
581
+ {
582
+ rowClassName: "mobile-push-row",
583
+ cols: [
584
+ {
585
+ id: "copy-android-content",
586
+ metaType: "label",
587
+ value: "Copy Title and Content From Android",
588
+ primitive: true,
589
+ dynamicTab: false,
590
+ type: "div",
591
+ style: {
592
+ backgroundColor: "white",
593
+ textAlign: "left",
594
+ color: "#2673D7",
595
+
596
+ cursor: "pointer",
597
+ },
598
+ offset: 0,
599
+ submitAction: "onClick",
600
+ supportedEvents: [
601
+ "onClick",
602
+ ],
603
+ onlyDisplay: true,
604
+ colStyle: {
605
+ flex: 1,
606
+ },
607
+ },
608
+ ],
609
+ },
610
+ {
611
+ rowClassName: "mobile-push-row",
612
+ cols: [
613
+
614
+ {
615
+ id: "message-title2",
616
+ label: "Title",
617
+ type: "input",
618
+ metaType: "text",
619
+ datatype: "string",
620
+ required: true,
621
+ width: 22,
622
+ placeholder: "Please input message title name.",
623
+ fluid: true,
624
+ styling: "semantic",
625
+ order: 1,
626
+ customComponent: false,
627
+ supportedEvents: [],
628
+ errorMessage: "Template title has unsupported/missing tags.",
629
+ },
630
+ {
631
+ offset: 20,
632
+ id: "title-tagList2",
633
+ target: "message-title2",
634
+ label: "Tags",
635
+ type: "tag-list",
636
+ metaType: "List",
637
+ datatype: "select",
638
+ required: true,
639
+ fluid: true,
640
+ onlyDisplay: true,
641
+ styling: "semantic",
642
+ order: 1,
643
+ customComponent: true,
644
+ supportedEvents: [
645
+ "onTagSelect",
646
+ ],
647
+ },
648
+ ],
649
+ },
650
+ {
651
+ rowClassName: "mobile-push-row",
652
+ cols: [
653
+
654
+ {
655
+ id: "message-editor2",
656
+ label: "Message",
657
+ offset: 0,
658
+ type: "textarea",
659
+ width: 22,
660
+ metaType: "text",
661
+ datatype: "string",
662
+ required: true,
663
+ placeholder: "Please input mobile push template content.",
664
+ fluid: true,
665
+ styling: "semantic",
666
+ autosize: true,
667
+ style: {
668
+
669
+ paddingLeft: 0,
670
+ },
671
+ autosizeParams: {
672
+ minRows: 3,
673
+ },
674
+ order: 1,
675
+ customComponent: true,
676
+ supportedEvents: [
677
+ "onChange",
678
+ ],
679
+ errorMessage: "Template message has unsupported/missing tags!",
680
+ },
681
+ {
682
+ offset: 20,
683
+ id: "message-tagList2",
684
+ label: "Tags",
685
+ target: "message-editor2",
686
+ type: "tag-list",
687
+ metaType: "List",
688
+ datatype: "select",
689
+ style: {
690
+ marginTop: "55px",
691
+ },
692
+ required: true,
693
+ fluid: true,
694
+ onlyDisplay: true,
695
+ styling: "semantic",
696
+ order: 2,
697
+ customComponent: true,
698
+ supportedEvents: [
699
+ "onTagSelect",
700
+ ],
701
+ },
702
+ ],
703
+ },
704
+ {
705
+ rowClassName: "mobile-push-row",
706
+ identifier: "add-pri-cta-ios",
707
+
708
+ cols: [
709
+ {
710
+ id: "add-pri-cta-ios",
711
+ styling: "semantic",
712
+
713
+ label: "Add action link to content",
714
+ inductiveText: "Add a hyperlink of the page which customer will be directed to",
715
+ customComponent: false,
716
+ datatype: "boolean",
717
+ fluid: true,
718
+ metaType: "text",
719
+ onlyDisplay: false,
720
+ order: 1,
721
+ dynamicTab: false,
722
+ type: "checkbox",
723
+ // style: {
724
+ // backgroundColor: "white",
725
+ // textAlign: "left",
726
+ // color: "#2673D7",
727
+ // lineHeight: "24px",
728
+ // fontSize: "14px",
729
+ // fontWeight: "600",
730
+ // fontFamily: "open-sans",
731
+ // fontStyle: "normal",
732
+ // cursor: "pointer",
733
+ // },
734
+ offset: 0,
735
+ colStyle: {
736
+ flex: 1,
737
+ },
738
+ submitAction: "addPrimaryCta",
739
+ supportedEvents: [
740
+ "addPrimaryCta",
741
+ ],
742
+ },
743
+ ],
744
+ },
745
+ {
746
+ identifier: "add-sec-cta-ios",
747
+
748
+ cols: [
749
+ {
750
+ id: "add-sec-cta-ios",
751
+ metaType: "label",
752
+ dynamicTab: false,
753
+ label: "Add action buttons to notification",
754
+ styling: "semantic",
755
+ type: "checkbox",
756
+ customComponent: false,
757
+ datatype: "boolean",
758
+ fluid: true,
759
+ // metaType: "text",
760
+ onlyDisplay: false,
761
+ // type: "div",
762
+ // style: {
763
+ // backgroundColor: "white",
764
+ // textAlign: "left",
765
+ // color: "#2673D7",
766
+ // lineHeight: "24px",
767
+ // fontSize: "14px",
768
+ // marginTop: "16px",
769
+ // fontWeight: "600",
770
+ // fontFamily: "open-sans",
771
+ // fontStyle: "normal",
772
+ // cursor: "pointer",
773
+ // },
774
+ offset: 0,
775
+ // onlyDisplay: true,
776
+ colStyle: {
777
+ flex: 1,
778
+ },
779
+ submitAction: "addSecondaryCtaIos",
780
+ supportedEvents: [
781
+ "addSecondaryCtaIos",
782
+ ],
783
+ },
784
+ ],
785
+ },
786
+
787
+ ],
788
+ actionFields: [],
789
+ },
790
+ ],
791
+ },
792
+ {
793
+ width: 6,
794
+ type: "multicols",
795
+ offset: 1,
796
+ colStyle: {
797
+ paddingTop: "16px",
798
+ },
799
+ inputFields: [
800
+ {
801
+ cols: [
802
+ {
803
+ id: "mobile-push-preview",
804
+ type: "mobile-push-preview",
805
+ device: "iphone",
806
+ customComponent: true,
807
+ customStyling: {
808
+ padding: "0",
809
+ },
810
+ metaType: "preview",
811
+ required: true,
812
+ fluid: true,
813
+ styling: "semantic",
814
+ order: 1,
815
+ width: 5,
816
+ onlyDisplay: true,
817
+ offset: 7,
818
+ channel: "MOBILEPUSH",
819
+ content: {
820
+ title: "message-title2",
821
+ message: "message-editor2",
822
+ secondaryCta1: "secondary-cta-1-action",
823
+ secondaryCta2: "secondary-cta-1-action2",
824
+ appName: "",
825
+ },
826
+ },
827
+ ],
828
+ },
829
+ ],
830
+ },
831
+ ],
832
+ },
833
+ ],
834
+ },
835
+ ],
836
+ type: "tabs",
837
+ defaultPanes: 1,
838
+ additionalPanes: 0,
839
+ },
840
+ ],
841
+ channel: "MOBILEPUSH",
842
+ module: "Campaigns",
843
+ },
844
+ imageSchema: {
845
+ standalone: {
846
+ sections: [
847
+ {
848
+ type: "multicols",
849
+ inputFields: [
850
+ {
851
+ cols: [
852
+ {
853
+ id: "template-name",
854
+ placeholder: "Enter template name",
855
+ type: "input",
856
+ metaType: "text",
857
+ datatype: "string",
858
+ required: true,
859
+ fluid: true,
860
+ style: {
861
+
862
+ marginBottom: "16px",
863
+ },
864
+ styling: "semantic",
865
+ order: 1,
866
+ width: 9,
867
+ offSet: 10,
868
+ customComponent: false,
869
+ standalone: true,
870
+ supportedEvents: [
871
+ "onChange",
872
+ ],
873
+ errorMessage: "Template name cannot be empty.",
874
+ },
875
+ {
876
+ id: "discard-button",
877
+ width: 3,
878
+ offset: 8,
879
+ metaType: "submit-button",
880
+ colStyle: {
881
+ textAlign: "right",
882
+ paddingRight: "12px",
883
+ },
884
+ type: "button",
885
+ buttonType: "cancel",
886
+ value: "Discard Changes",
887
+ customComponent: false,
888
+ standalone: true,
889
+ styling: "semantic",
890
+ order: 3,
891
+ fluid: false,
892
+ submitAction: "discardValues",
893
+ supportedEvents: [
894
+ "discardValues",
895
+ ],
896
+ },
897
+ {
898
+ id: "cancel-button",
899
+ width: 2,
900
+ metaType: "submit-button",
901
+ colStyle: {
902
+ textAlign: "right",
903
+ width: "9%",
904
+ },
905
+ type: "button",
906
+ buttonType: "cancel",
907
+ value: "Cancel",
908
+ customComponent: false,
909
+ standalone: true,
910
+ styling: "semantic",
911
+ order: 3,
912
+ fluid: false,
913
+ submitAction: "cancelTemplate",
914
+ supportedEvents: [
915
+ "cancelTemplate",
916
+ ],
917
+ },
918
+ {
919
+ id: "save-button",
920
+ width: 2,
921
+ metaType: "submit-button",
922
+ colStyle: {
923
+ textAlign: "right",
924
+ width: "7%",
925
+ },
926
+ type: "button",
927
+ buttonType: "primary",
928
+ value: "Save",
929
+ customComponent: false,
930
+ styling: "semantic",
931
+ order: 3,
932
+ fluid: false,
933
+ standalone: true,
934
+ submitAction: "saveFormData",
935
+ supportedEvents: [
936
+ "saveFormData",
937
+ ],
938
+ },
939
+ ],
940
+ },
941
+ ],
942
+ actionFields: [],
943
+ },
944
+ {
945
+ type: "multicols",
946
+ inputFields: [
947
+ {
948
+ cols: [
949
+ {
950
+ standalone: true,
951
+ customComponent: false,
952
+ offSet: 6,
953
+ width: 5,
954
+ order: 1,
955
+ styling: "semantic",
956
+ style: {
957
+ display: "block",
958
+ marginBottom: "16px",
959
+
960
+ },
961
+ fluid: true,
962
+ required: true,
963
+ datatype: "string",
964
+ metaType: "text",
965
+ options: [],
966
+ type: "select",
967
+ placeholder: "Select Mobilepush Account",
968
+ labelStyle: {
969
+ display: "block",
970
+ padding: ".5em .833em",
971
+
972
+ color: "#333333",
973
+ textAlign: "left",
974
+ backgroundColor: "white",
975
+ },
976
+ label: "Account Id",
977
+ id: "mobilepush-accounts",
978
+ },
979
+ ],
980
+ },
981
+ {
982
+ cols: [
983
+ {
984
+ standalone: true,
985
+ customComponent: false,
986
+ offSet: 6,
987
+ width: 15,
988
+ order: 1,
989
+ styling: "semantic",
990
+ style: {
991
+ marginBottom: "16px",
992
+
993
+ },
994
+ disabled: false,
995
+ fluid: true,
996
+ required: true,
997
+ datatype: "string",
998
+ metaType: "text",
999
+ options: [],
1000
+ type: "select",
1001
+ placeholder: "Select Mobilepush Template",
1002
+ labelStyle: {
1003
+ padding: ".5em .833em",
1004
+
1005
+ color: "#333333",
1006
+ textAlign: "left",
1007
+ backgroundColor: "white",
1008
+ },
1009
+ supportedEvents: [
1010
+ "onSelect",
1011
+ ],
1012
+ label: "Template",
1013
+ id: "mobilepush-template",
1014
+ },
1015
+ ],
1016
+ },
1017
+ ],
1018
+ },
1019
+ ],
1020
+ },
1021
+ containers: [
1022
+ {
1023
+ id: "pane",
1024
+ supportedEvents: [
1025
+ "onTabChange",
1026
+ ],
1027
+ panes: [
1028
+ {
1029
+ isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.
1030
+
1031
+ sectionsHeaders: [
1032
+ {
1033
+ type: "multicols",
1034
+ inputFields: [
1035
+ {
1036
+ rowStyle: {
1037
+ display: "flex",
1038
+ flex: 1,
1039
+ },
1040
+ cols: [
1041
+ {
1042
+ id: "tab-header",
1043
+ metaType: "label",
1044
+ value: "Android",
1045
+ primitive: true,
1046
+ dynamicTab: false,
1047
+ type: "div",
1048
+ width: 5,
1049
+ offset: 0,
1050
+ onlyDisplay: true,
1051
+ colStyle: {
1052
+ flex: 1,
1053
+ },
1054
+
1055
+ },
1056
+ ],
1057
+ },
1058
+ ],
1059
+ actionFields: [],
1060
+ },
1061
+ ],
1062
+ sections: [
1063
+ {
1064
+ type: "parent",
1065
+ width: 16,
1066
+ rowStyle: {
1067
+ height: "100%",
1068
+ },
1069
+ childSections: [
1070
+ {
1071
+ colStyle: {
1072
+ paddingTop: "16px",
1073
+ paddingLeft: "16px",
1074
+ borderRight: "1px solid #d9d9d9",
1075
+ height: "70vh",
1076
+ overflowY: "auto",
1077
+ },
1078
+ width: 16,
1079
+ type: "parent",
1080
+ childSections: [
1081
+ {
1082
+ type: "multicols",
1083
+ inputFields: [
1084
+ {
1085
+ rowClassName: "mobile-push-row",
1086
+ cols: [
1087
+ {
1088
+ id: "copy-iphone-content",
1089
+ metaType: "label",
1090
+ value: "Copy Title and Content From IOS",
1091
+ primitive: true,
1092
+ dynamicTab: false,
1093
+ type: "div",
1094
+ style: {
1095
+ backgroundColor: "white",
1096
+ textAlign: "left",
1097
+ color: "#2E89DF",
1098
+
1099
+ cursor: "pointer",
1100
+ },
1101
+ submitAction: "onClick",
1102
+ supportedEvents: [
1103
+ "onClick",
1104
+ ],
1105
+ offset: 0,
1106
+ onlyDisplay: true,
1107
+ colStyle: {
1108
+ flex: 1,
1109
+ },
1110
+ },
1111
+ ],
1112
+ },
1113
+ {
1114
+ rowClassName: "mobile-push-row",
1115
+ cols: [
1116
+
1117
+ {
1118
+ id: "message-title",
1119
+ label: "Title",
1120
+ type: "input",
1121
+ metaType: "text",
1122
+ datatype: "string",
1123
+ required: true,
1124
+ width: 22,
1125
+ placeholder: "Please input message title name.",
1126
+ fluid: true,
1127
+ styling: "semantic",
1128
+ order: 1,
1129
+ customComponent: false,
1130
+ supportedEvents: [],
1131
+ errorMessage: "Message title has unsupported/missing tags!",
1132
+ },
1133
+ {
1134
+ offset: 20,
1135
+ id: "title-tagList",
1136
+ target: "message-title",
1137
+ label: "Tags",
1138
+ type: "tag-list",
1139
+ metaType: "List",
1140
+ datatype: "select",
1141
+ required: true,
1142
+ fluid: true,
1143
+ onlyDisplay: true,
1144
+ styling: "semantic",
1145
+ order: 1,
1146
+ customComponent: true,
1147
+ supportedEvents: [
1148
+ "onTagSelect",
1149
+ ],
1150
+ },
1151
+ ],
1152
+ },
1153
+ {
1154
+ rowClassName: "mobile-push-row",
1155
+ cols: [
1156
+
1157
+ {
1158
+ id: "message-editor",
1159
+ label: "Message",
1160
+ offset: 0,
1161
+ type: "textarea",
1162
+ width: 22,
1163
+ metaType: "text",
1164
+ datatype: "string",
1165
+ required: true,
1166
+ placeholder: "Please input mobile push template content.",
1167
+ errorMessage: "Template message has unsupported/missing tags!",
1168
+ fluid: true,
1169
+ styling: "semantic",
1170
+ autosize: true,
1171
+ style: {
1172
+
1173
+ paddingLeft: 0,
1174
+ },
1175
+ autosizeParams: {
1176
+ minRows: 3,
1177
+ },
1178
+ order: 1,
1179
+ customComponent: true,
1180
+ supportedEvents: [
1181
+ "onChange",
1182
+ ],
1183
+ },
1184
+ {
1185
+ offset: 20,
1186
+ id: "message-tagList",
1187
+ target: "message-editor",
1188
+ label: "Tags",
1189
+ type: "tag-list",
1190
+ metaType: "List",
1191
+ datatype: "select",
1192
+ style: {
1193
+ marginTop: "55px",
1194
+ },
1195
+ required: true,
1196
+ fluid: true,
1197
+ onlyDisplay: true,
1198
+ styling: "semantic",
1199
+ order: 2,
1200
+ customComponent: true,
1201
+ supportedEvents: [
1202
+ "onTagSelect",
1203
+ ],
1204
+ },
1205
+ ],
1206
+ },
1207
+ {
1208
+ rowClassName: "mobile-push-row",
1209
+ cols: [
1210
+
1211
+
1212
+ {
1213
+ id: "image-upload-android",
1214
+ label: "Upload Image",
1215
+ type: "upload",
1216
+ showPreview: true,
1217
+ previewProps: {
1218
+ label: "Cover Image",
1219
+ inductiveText: "Maximum file size acceptable is 5 mb",
1220
+ // placeholder: "Max file size acceptable is 5mb",
1221
+ errorMessage: "Please upload Image",
1222
+
1223
+ },
1224
+ width: 20,
1225
+ metaType: "text",
1226
+ datatype: "string",
1227
+ required: true,
1228
+ fluid: true,
1229
+ styling: "semantic",
1230
+ order: 1,
1231
+ customComponent: true,
1232
+ offset: 0,
1233
+ submitAction: "onUpload",
1234
+ supportedEvents: [
1235
+ "onUpload",
1236
+ ],
1237
+ },
1238
+ ],
1239
+ },
1240
+ {
1241
+ rowClassName: "mobile-push-row",
1242
+
1243
+ identifier: "add-pri-cta",
1244
+ cols: [
1245
+ {
1246
+ id: "add-pri-cta",
1247
+ styling: "semantic",
1248
+
1249
+
1250
+ label: "Add action link to content",
1251
+ inductiveText: "Add a hyperlink of the page which customer will be directed to",
1252
+ customComponent: false,
1253
+ datatype: "boolean",
1254
+ fluid: true,
1255
+ metaType: "text",
1256
+ onlyDisplay: false,
1257
+ order: 1,
1258
+ dynamicTab: false,
1259
+ type: "checkbox",
1260
+ // style: {
1261
+ // backgroundColor: "white",
1262
+ // textAlign: "left",
1263
+ // color: "#2673D7",
1264
+ // lineHeight: "24px",
1265
+ // fontSize: "14px",
1266
+ // fontWeight: "600",
1267
+ // fontFamily: "open-sans",
1268
+ // fontStyle: "normal",
1269
+ // cursor: "pointer",
1270
+ // },
1271
+ offset: 0,
1272
+ colStyle: {
1273
+ flex: 1,
1274
+ },
1275
+ submitAction: "addPrimaryCta",
1276
+ supportedEvents: [
1277
+ "addPrimaryCta",
1278
+ ],
1279
+ },
1280
+ ],
1281
+ },
1282
+ {
1283
+ identifier: "add-sec-cta",
1284
+
1285
+ cols: [
1286
+ {
1287
+ id: "add-sec-cta",
1288
+ label: "Add primary button to notification",
1289
+ styling: "semantic",
1290
+ dynamicTab: false,
1291
+ type: "checkbox",
1292
+ customComponent: false,
1293
+ datatype: "boolean",
1294
+ fluid: true,
1295
+
1296
+ metaType: "label",
1297
+ // metaType: "text",
1298
+ onlyDisplay: false,
1299
+ // type: "div",
1300
+ // width: 6,
1301
+ style: {
1302
+ marginBottom: '24px',
1303
+ },
1304
+ offset: 0,
1305
+ colStyle: {
1306
+ flex: 1,
1307
+ },
1308
+ submitAction: "addSecondaryCta",
1309
+ supportedEvents: [
1310
+ "addSecondaryCta",
1311
+ ],
1312
+ fieldsLimit: 2,
1313
+ fieldsCount: 0,
1314
+ },
1315
+ ],
1316
+ },
1317
+ {
1318
+ identifier: "add-sec-cta-2",
1319
+
1320
+ cols: [
1321
+ {
1322
+ id: "add-sec-cta-2",
1323
+ metaType: "label",
1324
+ dynamicTab: false,
1325
+ label: "Add secondary button to notification",
1326
+ styling: "semantic",
1327
+ type: "checkbox",
1328
+ customComponent: false,
1329
+ datatype: "boolean",
1330
+ fluid: true,
1331
+ onlyDisplay: false,
1332
+ // type: "div",
1333
+ // width: 6,
1334
+ // style: {
1335
+ // backgroundColor: "white",
1336
+ // textAlign: "left",
1337
+ // color: "#2673D7",
1338
+ // lineHeight: "24px",
1339
+ // fontSize: "14px",
1340
+ // marginTop: "16px",
1341
+ // fontWeight: "600",
1342
+ // fontFamily: "open-sans",
1343
+ // fontStyle: "normal",
1344
+ // cursor: "pointer",
1345
+ // },
1346
+ offset: 0,
1347
+ colStyle: {
1348
+ flex: 1,
1349
+ },
1350
+ submitAction: "addSecondaryCta",
1351
+ supportedEvents: [
1352
+ "addSecondaryCta",
1353
+ ],
1354
+ fieldsLimit: 2,
1355
+ fieldsCount: 1,
1356
+ },
1357
+ ],
1358
+ },
1359
+ ],
1360
+ actionFields: [],
1361
+ },
1362
+ ],
1363
+ },
1364
+ {
1365
+ width: 6,
1366
+ type: "multicols",
1367
+ offset: 1,
1368
+ colStyle: {
1369
+ paddingTop: "16px",
1370
+ },
1371
+ inputFields: [
1372
+ {
1373
+ cols: [
1374
+ {
1375
+ id: "mobile-push-preview",
1376
+ type: "mobile-push-preview",
1377
+ device: "android",
1378
+ customComponent: true,
1379
+ customStyling: {
1380
+ padding: "0",
1381
+ },
1382
+ metaType: "preview",
1383
+ required: true,
1384
+ fluid: true,
1385
+ styling: "semantic",
1386
+ order: 1,
1387
+ width: 5,
1388
+ onlyDisplay: true,
1389
+ offset: 7,
1390
+ channel: "MOBILEPUSH",
1391
+ content: {
1392
+ title: "message-title",
1393
+ message: "message-editor",
1394
+ secondaryCta1: "secondary-cta-0-label",
1395
+ secondaryCta2: "secondary-cta-1-label",
1396
+ appName: "",
1397
+ },
1398
+ },
1399
+ ],
1400
+ },
1401
+ ],
1402
+ },
1403
+ ],
1404
+ },
1405
+ ],
1406
+ },
1407
+ {
1408
+ isSupported: true, //ios channel is supported initially. this value migh get changes based on orgs supported channels.
1409
+
1410
+ sectionsHeaders: [
1411
+ {
1412
+ type: "multicols",
1413
+ inputFields: [
1414
+ {
1415
+ rowStyle: {
1416
+ display: "flex",
1417
+ flex: 1,
1418
+ },
1419
+ cols: [
1420
+ {
1421
+ id: "tab-header",
1422
+ metaType: "label",
1423
+ value: "iOS",
1424
+ primitive: true,
1425
+ dynamicTab: false,
1426
+ type: "div",
1427
+ width: 5,
1428
+ offset: 0,
1429
+ onlyDisplay: true,
1430
+ colStyle: {
1431
+ flex: 1,
1432
+ },
1433
+
1434
+ },
1435
+ ],
1436
+ },
1437
+ ],
1438
+ actionFields: [],
1439
+ },
1440
+ ],
1441
+ sections: [
1442
+ {
1443
+ type: "parent",
1444
+ width: 16,
1445
+ rowStyle: {
1446
+ height: "100%",
1447
+ },
1448
+ childSections: [
1449
+ {
1450
+ colStyle: {
1451
+ paddingTop: "16px",
1452
+ paddingLeft: "16px",
1453
+ borderRight: "1px solid #d9d9d9",
1454
+ height: "70vh",
1455
+ overflowY: "auto",
1456
+ },
1457
+ width: 16,
1458
+ type: "parent",
1459
+ childSections: [
1460
+ {
1461
+ type: "multicols",
1462
+ inputFields: [
1463
+ {
1464
+ rowClassName: "mobile-push-row",
1465
+ cols: [
1466
+ {
1467
+ id: "copy-android-content",
1468
+ metaType: "label",
1469
+ value: "Copy Title and Content From Android",
1470
+ primitive: true,
1471
+ dynamicTab: false,
1472
+ type: "div",
1473
+ style: {
1474
+ backgroundColor: "white",
1475
+ textAlign: "left",
1476
+ color: "#2E89DF",
1477
+
1478
+ cursor: "pointer",
1479
+ },
1480
+ offset: 0,
1481
+ submitAction: "onClick",
1482
+ supportedEvents: [
1483
+ "onClick",
1484
+ ],
1485
+ onlyDisplay: true,
1486
+ colStyle: {
1487
+ flex: 1,
1488
+ },
1489
+ },
1490
+ ],
1491
+ },
1492
+ {
1493
+ rowClassName: "mobile-push-row",
1494
+ cols: [
1495
+ {
1496
+ id: "message-title2",
1497
+ label: "Title",
1498
+ type: "input",
1499
+ metaType: "text",
1500
+ datatype: "string",
1501
+ required: true,
1502
+ width: 22,
1503
+ placeholder: "Please input message title name.",
1504
+ fluid: true,
1505
+ styling: "semantic",
1506
+ order: 1,
1507
+ customComponent: false,
1508
+ supportedEvents: [],
1509
+ errorMessage: "Message title has unsupported/missing tags!",
1510
+ },
1511
+ {
1512
+ offset: 20,
1513
+ id: "title-tagList",
1514
+ label: "Tags",
1515
+ target: "message-title2",
1516
+ type: "tag-list",
1517
+ metaType: "List",
1518
+ datatype: "select",
1519
+ required: true,
1520
+ fluid: true,
1521
+ onlyDisplay: true,
1522
+ styling: "semantic",
1523
+ order: 1,
1524
+ customComponent: true,
1525
+ supportedEvents: [
1526
+ "onTagSelect",
1527
+ ],
1528
+ },
1529
+ ],
1530
+ },
1531
+ {
1532
+ rowClassName: "mobile-push-row",
1533
+ cols: [
1534
+
1535
+ {
1536
+ id: "message-editor2",
1537
+ label: "Message",
1538
+ offset: 0,
1539
+ type: "textarea",
1540
+ width: 22,
1541
+ metaType: "text",
1542
+ datatype: "string",
1543
+ required: true,
1544
+ placeholder: "Please input mobile push template content.",
1545
+ errorMessage: "Template message has unsupported/missing tags!",
1546
+ fluid: true,
1547
+ styling: "semantic",
1548
+ autosize: true,
1549
+ style: {
1550
+
1551
+ paddingLeft: 0,
1552
+ },
1553
+ autosizeParams: {
1554
+ minRows: 3,
1555
+ },
1556
+ order: 1,
1557
+ customComponent: true,
1558
+ supportedEvents: [
1559
+ "onChange",
1560
+ ],
1561
+ },
1562
+ {
1563
+ id: "message-tagList",
1564
+ label: "Tags",
1565
+ offset: 20,
1566
+ target: "message-editor2",
1567
+ type: "tag-list",
1568
+ metaType: "List",
1569
+ style: {
1570
+ marginTop: "55px",
1571
+ },
1572
+ datatype: "select",
1573
+ required: true,
1574
+ fluid: true,
1575
+ onlyDisplay: true,
1576
+ styling: "semantic",
1577
+ order: 2,
1578
+ customComponent: true,
1579
+ supportedEvents: [
1580
+ "onTagSelect",
1581
+ ],
1582
+ },
1583
+ ],
1584
+ },
1585
+ {
1586
+ rowClassName: "mobile-push-row",
1587
+ cols: [
1588
+
1589
+
1590
+ {
1591
+ id: "image-upload-ios",
1592
+ label: "Upload Image",
1593
+ offset: 0,
1594
+ showPreview: true,
1595
+ previewProps: {
1596
+ label: "Cover Image",
1597
+ inductiveText: "Maximum file size acceptable is 5 mb",
1598
+ // placeholder: "Max file size acceptable is 5mb",
1599
+ errorMessage: "Please upload Image",
1600
+
1601
+ },
1602
+ type: "upload",
1603
+ width: 20,
1604
+ metaType: "text",
1605
+ datatype: "string",
1606
+ required: true,
1607
+ fluid: true,
1608
+ styling: "semantic",
1609
+ order: 1,
1610
+ customComponent: true,
1611
+ submitAction: "onUpload",
1612
+ supportedEvents: [
1613
+ "onUpload",
1614
+ ],
1615
+ },
1616
+ ],
1617
+ },
1618
+ {
1619
+ rowClassName: "mobile-push-row",
1620
+ identifier: "add-pri-cta-ios",
1621
+
1622
+ cols: [
1623
+ {
1624
+ id: "add-pri-cta-ios",
1625
+ label: "Add action link to content",
1626
+ inductiveText: "Add a hyperlink of the page which customer will be directed to",
1627
+ customComponent: false,
1628
+ datatype: "boolean",
1629
+ fluid: true,
1630
+ metaType: "text",
1631
+ onlyDisplay: false,
1632
+ order: 1,
1633
+ dynamicTab: false,
1634
+ type: "checkbox",
1635
+ styling: "semantic",
1636
+
1637
+ // style: {
1638
+ // backgroundColor: "white",
1639
+ // textAlign: "left",
1640
+ // color: "#2673D7",
1641
+ // lineHeight: "24px",
1642
+ // fontSize: "14px",
1643
+ // fontWeight: "600",
1644
+ // fontFamily: "open-sans",
1645
+ // fontStyle: "normal",
1646
+ // cursor: "pointer",
1647
+ // },
1648
+ offset: 0,
1649
+ colStyle: {
1650
+ flex: 1,
1651
+ },
1652
+ submitAction: "addPrimaryCta",
1653
+ supportedEvents: [
1654
+ "addPrimaryCta",
1655
+ ],
1656
+ },
1657
+ ],
1658
+ },
1659
+ {
1660
+ identifier: "add-sec-cta-ios",
1661
+
1662
+ cols: [
1663
+ {
1664
+ id: "add-sec-cta-ios",
1665
+ metaType: "label",
1666
+ dynamicTab: false,
1667
+ label: "Add action buttons to notification",
1668
+ styling: "semantic",
1669
+ type: "checkbox",
1670
+ customComponent: false,
1671
+ datatype: "boolean",
1672
+ fluid: true,
1673
+ // metaType: "text",
1674
+ onlyDisplay: false,
1675
+ offset: 0,
1676
+ // onlyDisplay: true,
1677
+ colStyle: {
1678
+ flex: 1,
1679
+ },
1680
+ submitAction: "addSecondaryCtaIos",
1681
+ supportedEvents: [
1682
+ "addSecondaryCtaIos",
1683
+ ],
1684
+ },
1685
+ ],
1686
+ },
1687
+
1688
+ ],
1689
+ actionFields: [],
1690
+ },
1691
+ ],
1692
+ },
1693
+ {
1694
+ width: 6,
1695
+ type: "multicols",
1696
+ offset: 1,
1697
+ colStyle: {
1698
+ paddingTop: "16px",
1699
+ },
1700
+ inputFields: [
1701
+ {
1702
+ cols: [
1703
+ {
1704
+ id: "mobile-push-preview",
1705
+ type: "mobile-push-preview",
1706
+ device: "iphone",
1707
+ customComponent: true,
1708
+ customStyling: {
1709
+ padding: "0",
1710
+ },
1711
+ metaType: "preview",
1712
+ required: true,
1713
+ fluid: true,
1714
+ styling: "semantic",
1715
+ order: 1,
1716
+ width: 5,
1717
+ onlyDisplay: true,
1718
+ offset: 7,
1719
+ channel: "MOBILEPUSH",
1720
+ content: {
1721
+ title: "message-title2",
1722
+ message: "message-editor2",
1723
+ secondaryCta1: "secondary-cta-1-action",
1724
+ secondaryCta2: "secondary-cta-1-action2",
1725
+ appName: "",
1726
+ },
1727
+ },
1728
+ ],
1729
+ },
1730
+ ],
1731
+ },
1732
+ ],
1733
+ },
1734
+ ],
1735
+ },
1736
+ ],
1737
+ type: "tabs",
1738
+ defaultPanes: 1,
1739
+ additionalPanes: 0,
1740
+ },
1741
+ ],
1742
+ channel: "MOBILEPUSH",
1743
+ module: "Campaigns",
1744
+ type: "LAYOUT",
1745
+ },
1746
+ },
1747
+ isActive: true,
1748
+ },
1749
+ ],
1750
+ };
1751
+