@capillarytech/creatives-library 7.12.120 → 7.13.5

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 (37) hide show
  1. package/package.json +1 -2
  2. package/routes.js +0 -1
  3. package/services/api.js +1 -6
  4. package/v2Components/FormBuilder/index.js +13 -18
  5. package/v2Components/NewCallTask/index.js +1 -3
  6. package/v2Components/TemplatePreview/index.js +2 -1
  7. package/v2Containers/CallTask/index.js +2 -4
  8. package/v2Containers/Cap/actions.js +1 -0
  9. package/v2Containers/CreativesContainer/SlideBoxContent.js +4 -0
  10. package/v2Containers/CreativesContainer/actions.js +1 -1
  11. package/v2Containers/CreativesContainer/index.js +2 -6
  12. package/v2Containers/CreativesContainer/tests/index.test.js +0 -4
  13. package/v2Containers/Email/index.js +1 -4
  14. package/v2Containers/Facebook/Advertisement/index.js +4 -4
  15. package/v2Containers/Line/Container/Image/index.js +4 -5
  16. package/v2Containers/Line/Container/ImageCarousel/index.js +5 -6
  17. package/v2Containers/Line/Container/ImageMap/index.js +1 -2
  18. package/v2Containers/MobilePush/Create/index.js +8 -5
  19. package/v2Containers/MobilePush/Edit/index.js +4 -4
  20. package/v2Containers/MobilePush/initialSchema.js +0 -4
  21. package/v2Containers/MobilepushWrapper/index.js +1 -0
  22. package/v2Containers/Rcs/index.js +1 -2
  23. package/v2Containers/Templates/actions.js +0 -6
  24. package/v2Containers/Templates/constants.js +0 -4
  25. package/v2Containers/Templates/sagas.js +0 -25
  26. package/v2Containers/TemplatesV2/index.js +1 -5
  27. package/v2Containers/Viber/index.js +2 -11
  28. package/v2Containers/WeChat/RichmediaTemplates/Create/index.js +1 -3
  29. package/v2Containers/Whatsapp/index.js +2 -4
  30. package/utils/cdnTransformation.js +0 -419
  31. package/utils/tests/__snapshots__/cdnTransformation.test.js.snap +0 -298
  32. package/utils/tests/cdnTransformation.mockdata.js +0 -301
  33. package/utils/tests/cdnTransformation.test.js +0 -305
  34. package/v2Components/FormBuilder/tests/index.test.js +0 -41
  35. package/v2Components/FormBuilder/tests/mockData.js +0 -120
  36. package/v2Components/NewCallTask/tests/index.test.js +0 -36
  37. package/v2Components/NewCallTask/tests/mockData.js +0 -20
package/utils/tests/__snapshots__/cdnTransformation.test.js.snap DELETED
@@ -1,298 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`cdnTransformationTests transformEmailTemplate() should transform email template 1`] = `
4
- Object {
5
- "name": "test template1",
6
- "type": "EMAIL",
7
- "versions": Object {
8
- "base": Object {
9
- "activeTab": "en",
10
- "base": true,
11
- "en": Object {
12
- "drag_drop_id": "",
13
- "id": "5f7b61605f09ebe595ff404e",
14
- "is_drag_drop": false,
15
- "iso_code": "en",
16
- "lang_id": 69,
17
- "language": "English",
18
- "tabKey": "6",
19
- "template-content": "<!DOCTYPE html PUBLIC \\"-//W3C//DTD XHTML 1.0 Transitional //EN\\" \\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\\">
20
- <html xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\">
21
- <head><meta http-equiv=\\"Content-Type\\" content=\\"text/html; charset=utf-8\\"><meta name=\\"viewport\\" content=\\"width=device-width\\">
22
- <title></title>
23
-
24
- <style type=\\"text/css\\">body {
25
- margin: 0;
26
- padding: 0; }
27
-
28
- table,
29
- td,
30
- tr {
31
- vertical-align: top;
32
- border-collapse: collapse; }
33
-
34
- * {
35
- line-height: inherit; }
36
-
37
- a[x-apple-data-detectors=true] {
38
- color: inherit !important;
39
- text-decoration: none !important; }
40
- </style>
41
- <style id=\\"media-query\\" type=\\"text/css\\">@media (max-width: 520px) {
42
- .block-grid,
43
- .col {
44
- min-width: 320px !important;
45
- max-width: 100% !important;
46
- display: block !important;
47
- }
48
-
49
- .block-grid {
50
- width: 100% !important;
51
- }
52
-
53
- .col {
54
- width: 100% !important;
55
- }
56
-
57
- .col > div {
58
- margin: 0 auto;
59
- }
60
-
61
- img.fullwidth,
62
- img.fullwidthOnMobile {
63
- max-width: 100% !important;
64
- }
65
-
66
- .no-stack .col {
67
- min-width: 0 !important;
68
- display: table-cell !important;
69
- }
70
-
71
- .no-stack.two-up .col {
72
- width: 50% !important;
73
- }
74
-
75
- .no-stack .col.num4 {
76
- width: 33% !important;
77
- }
78
-
79
- .no-stack .col.num8 {
80
- width: 66% !important;
81
- }
82
-
83
- .no-stack .col.num4 {
84
- width: 33% !important;
85
- }
86
-
87
- .no-stack .col.num3 {
88
- width: 25% !important;
89
- }
90
-
91
- .no-stack .col.num6 {
92
- width: 50% !important;
93
- }
94
-
95
- .no-stack .col.num9 {
96
- width: 75% !important;
97
- }
98
-
99
- .video-block {
100
- max-width: none !important;
101
- }
102
-
103
- .mobile_hide {
104
- min-height: 0px;
105
- max-height: 0px;
106
- max-width: 0px;
107
- display: none;
108
- overflow: hidden;
109
- font-size: 0px;
110
- }
111
-
112
- .desktop_hide {
113
- display: block !important;
114
- max-height: none !important;
115
- }
116
- }
117
- </style>
118
- </head>
119
- <body class=\\"clean-body\\" style=\\"margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;\\">
120
- <p>hello world</p>
121
-
122
- <p><img alt=\\"Capillary Image\\" height=\\"171\\" src=\\"https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=257,height=171,format=auto,quality=75,/intouch_creative_assets/b4b63b22-8a81-41ee-a8df-6db967fc.jpg\\" width=\\"257\\"></p>
123
-
124
- <table bgcolor=\\"#FFFFFF\\" cellpadding=\\"0\\" cellspacing=\\"0\\" class=\\"nl-container\\" role=\\"presentation\\" style=\\"background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%\\" valign=\\"top\\">
125
- <tbody>
126
- <tr style=\\"vertical-align:top\\" valign=\\"top\\">
127
- <td style=\\"vertical-align:top; word-break:break-word\\">
128
- <div style=\\"background-color:transparent\\">
129
- <div class=\\"block-grid\\" style=\\"background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word\\">
130
- <div style=\\"background-color:transparent; border-collapse:collapse; display:table; width:100%\\">
131
- <div class=\\"col num12\\" style=\\"display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px\\">
132
- <div style=\\"width:100% !important\\"></div>
133
- </div>
134
- </div>
135
- </div>
136
- </div>
137
- </td>
138
- </tr>
139
- </tbody>
140
- </table>
141
- </body>
142
- </html>
143
- ",
144
- },
145
- "selectedLanguages": Array [
146
- "en",
147
- ],
148
- "subject": "hello subject",
149
- "tabKey": "6",
150
- },
151
- "history": Array [
152
- Object {
153
- "activeTab": "en",
154
- "base": true,
155
- "en": Object {
156
- "drag_drop_id": "",
157
- "id": "5f7b61605f09ebe595ff404e",
158
- "is_drag_drop": false,
159
- "iso_code": "en",
160
- "lang_id": 69,
161
- "language": "English",
162
- "tabKey": "6",
163
- "template-content": "<!DOCTYPE html PUBLIC \\"-//W3C//DTD XHTML 1.0 Transitional //EN\\" \\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\\">
164
- <html xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\">
165
- <head><!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><meta http-equiv=\\"Content-Type\\" content=\\"text/html; charset=utf-8\\"><meta name=\\"viewport\\" content=\\"width=device-width\\"><!--[if !mso]><meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\"><!--<![endif]-->
166
- <title></title>
167
- <!--[if !mso]><!--<![endif]-->
168
- <style type=\\"text/css\\">body {
169
- margin: 0;
170
- padding: 0; }
171
-
172
- table,
173
- td,
174
- tr {
175
- vertical-align: top;
176
- border-collapse: collapse; }
177
-
178
- * {
179
- line-height: inherit; }
180
-
181
- a[x-apple-data-detectors=true] {
182
- color: inherit !important;
183
- text-decoration: none !important; }
184
- </style>
185
- <style id=\\"media-query\\" type=\\"text/css\\">@media (max-width: 520px) {
186
- .block-grid,
187
- .col {
188
- min-width: 320px !important;
189
- max-width: 100% !important;
190
- display: block !important;
191
- }
192
-
193
- .block-grid {
194
- width: 100% !important;
195
- }
196
-
197
- .col {
198
- width: 100% !important;
199
- }
200
-
201
- .col > div {
202
- margin: 0 auto;
203
- }
204
-
205
- img.fullwidth,
206
- img.fullwidthOnMobile {
207
- max-width: 100% !important;
208
- }
209
-
210
- .no-stack .col {
211
- min-width: 0 !important;
212
- display: table-cell !important;
213
- }
214
-
215
- .no-stack.two-up .col {
216
- width: 50% !important;
217
- }
218
-
219
- .no-stack .col.num4 {
220
- width: 33% !important;
221
- }
222
-
223
- .no-stack .col.num8 {
224
- width: 66% !important;
225
- }
226
-
227
- .no-stack .col.num4 {
228
- width: 33% !important;
229
- }
230
-
231
- .no-stack .col.num3 {
232
- width: 25% !important;
233
- }
234
-
235
- .no-stack .col.num6 {
236
- width: 50% !important;
237
- }
238
-
239
- .no-stack .col.num9 {
240
- width: 75% !important;
241
- }
242
-
243
- .video-block {
244
- max-width: none !important;
245
- }
246
-
247
- .mobile_hide {
248
- min-height: 0px;
249
- max-height: 0px;
250
- max-width: 0px;
251
- display: none;
252
- overflow: hidden;
253
- font-size: 0px;
254
- }
255
-
256
- .desktop_hide {
257
- display: block !important;
258
- max-height: none !important;
259
- }
260
- }
261
- </style>
262
- </head>
263
- <body class=\\"clean-body\\" style=\\"margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;\\">
264
- <p><!--[if IE]><div class=\\"ie-browser\\"><![endif]-->hello world</p>
265
-
266
- <p><img alt=\\"Capillary Image\\" height=\\"171\\" src=\\"https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b4b63b22-8a81-41ee-a8df-6db967fc.jpg\\" width=\\"257\\" /></p>
267
-
268
- <table bgcolor=\\"#FFFFFF\\" cellpadding=\\"0\\" cellspacing=\\"0\\" class=\\"nl-container\\" role=\\"presentation\\" style=\\"background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%\\" valign=\\"top\\">
269
- <tbody>
270
- <tr style=\\"vertical-align:top\\" valign=\\"top\\">
271
- <td style=\\"vertical-align:top; word-break:break-word\\"><!--[if (mso)|(IE)]><table width=\\"100%\\" cellpadding=\\"0\\" cellspacing=\\"0\\" border=\\"0\\"><tr><td align=\\"center\\" style=\\"background-color:#FFFFFF\\"><![endif]-->
272
- <div style=\\"background-color:transparent\\">
273
- <div class=\\"block-grid\\" style=\\"background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word\\">
274
- <div style=\\"background-color:transparent; border-collapse:collapse; display:table; width:100%\\"><!--[if (mso)|(IE)]><table width=\\"100%\\" cellpadding=\\"0\\" cellspacing=\\"0\\" border=\\"0\\" style=\\"background-color:transparent;\\"><tr><td align=\\"center\\"><table cellpadding=\\"0\\" cellspacing=\\"0\\" border=\\"0\\" style=\\"width:500px\\"><tr class=\\"layout-full-width\\" style=\\"background-color:transparent\\"><![endif]--><!--[if (mso)|(IE)]><td align=\\"center\\" width=\\"500\\" style=\\"background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\\" valign=\\"top\\"><table width=\\"100%\\" cellpadding=\\"0\\" cellspacing=\\"0\\" border=\\"0\\"><tr><td style=\\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\\"><![endif]-->
275
- <div class=\\"col num12\\" style=\\"display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px\\">
276
- <div style=\\"width:100% !important\\"><!--[if (!mso)&(!IE)]><div style=\\"border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;\\"><!--<![endif]--><!--[if (!mso)&(!IE)]></div><!--<![endif]--></div>
277
- </div>
278
- <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
279
- </div>
280
- </div>
281
- <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
282
- </tr>
283
- </tbody>
284
- </table>
285
- <!--[if (IE)]></div><![endif]--></body>
286
- </html>
287
- ",
288
- },
289
- "selectedLanguages": Array [
290
- "en",
291
- ],
292
- "subject": "hello subject",
293
- "tabKey": "6",
294
- },
295
- ],
296
- },
297
- }
298
- `;
package/utils/tests/cdnTransformation.mockdata.js DELETED
@@ -1,301 +0,0 @@
1
- export const emailRawInput = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
3
- <head><!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width"><!--[if !mso]><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
4
- <title></title>
5
- <!--[if !mso]><!--<![endif]-->
6
- <style type="text/css">body {
7
- margin: 0;
8
- padding: 0; }
9
-
10
- table,
11
- td,
12
- tr {
13
- vertical-align: top;
14
- border-collapse: collapse; }
15
-
16
- * {
17
- line-height: inherit; }
18
-
19
- a[x-apple-data-detectors=true] {
20
- color: inherit !important;
21
- text-decoration: none !important; }
22
- </style>
23
- <style id="media-query" type="text/css">@media (max-width: 520px) {
24
- .block-grid,
25
- .col {
26
- min-width: 320px !important;
27
- max-width: 100% !important;
28
- display: block !important;
29
- }
30
-
31
- .block-grid {
32
- width: 100% !important;
33
- }
34
-
35
- .col {
36
- width: 100% !important;
37
- }
38
-
39
- .col > div {
40
- margin: 0 auto;
41
- }
42
-
43
- img.fullwidth,
44
- img.fullwidthOnMobile {
45
- max-width: 100% !important;
46
- }
47
-
48
- .no-stack .col {
49
- min-width: 0 !important;
50
- display: table-cell !important;
51
- }
52
-
53
- .no-stack.two-up .col {
54
- width: 50% !important;
55
- }
56
-
57
- .no-stack .col.num4 {
58
- width: 33% !important;
59
- }
60
-
61
- .no-stack .col.num8 {
62
- width: 66% !important;
63
- }
64
-
65
- .no-stack .col.num4 {
66
- width: 33% !important;
67
- }
68
-
69
- .no-stack .col.num3 {
70
- width: 25% !important;
71
- }
72
-
73
- .no-stack .col.num6 {
74
- width: 50% !important;
75
- }
76
-
77
- .no-stack .col.num9 {
78
- width: 75% !important;
79
- }
80
-
81
- .video-block {
82
- max-width: none !important;
83
- }
84
-
85
- .mobile_hide {
86
- min-height: 0px;
87
- max-height: 0px;
88
- max-width: 0px;
89
- display: none;
90
- overflow: hidden;
91
- font-size: 0px;
92
- }
93
-
94
- .desktop_hide {
95
- display: block !important;
96
- max-height: none !important;
97
- }
98
- }
99
- </style>
100
- </head>
101
- <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
102
- <p><img alt="Capillary Image" height="184" src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/d5679e9b-1ff4-4e7c-8f77-30160048.png" width="328" /></p>
103
- <!--[if IE]><div class="ie-browser"><![endif]-->
104
-
105
- <p>Hello world</p>
106
-
107
- <table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%" valign="top">
108
- <tbody>
109
- <tr style="vertical-align:top" valign="top">
110
- <td style="vertical-align:top; word-break:break-word"><!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]-->
111
- <div style="background-color:transparent">
112
- <div class="block-grid" style="background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word">
113
- <div style="background-color:transparent; border-collapse:collapse; display:table; width:100%"><!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]--><!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
114
- <div class="col num12" style="display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px">
115
- <div style="width:100% !important"><!--[if (!mso)&(!IE)]><div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"><!--<![endif]--><!--[if (!mso)&(!IE)]></div><!--<![endif]--></div>
116
- </div>
117
- <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
118
- </div>
119
- </div>
120
- <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
121
- </tr>
122
- </tbody>
123
- </table>
124
- <!--[if (IE)]></div><![endif]--></body>
125
- </html>
126
- `;
127
-
128
- export const emailRawTransformed = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
129
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
130
- <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width">
131
- <title></title>
132
-
133
- <style type="text/css">body {
134
- margin: 0;
135
- padding: 0; }
136
-
137
- table,
138
- td,
139
- tr {
140
- vertical-align: top;
141
- border-collapse: collapse; }
142
-
143
- * {
144
- line-height: inherit; }
145
-
146
- a[x-apple-data-detectors=true] {
147
- color: inherit !important;
148
- text-decoration: none !important; }
149
- </style>
150
- <style id="media-query" type="text/css">@media (max-width: 520px) {
151
- .block-grid,
152
- .col {
153
- min-width: 320px !important;
154
- max-width: 100% !important;
155
- display: block !important;
156
- }
157
-
158
- .block-grid {
159
- width: 100% !important;
160
- }
161
-
162
- .col {
163
- width: 100% !important;
164
- }
165
-
166
- .col > div {
167
- margin: 0 auto;
168
- }
169
-
170
- img.fullwidth,
171
- img.fullwidthOnMobile {
172
- max-width: 100% !important;
173
- }
174
-
175
- .no-stack .col {
176
- min-width: 0 !important;
177
- display: table-cell !important;
178
- }
179
-
180
- .no-stack.two-up .col {
181
- width: 50% !important;
182
- }
183
-
184
- .no-stack .col.num4 {
185
- width: 33% !important;
186
- }
187
-
188
- .no-stack .col.num8 {
189
- width: 66% !important;
190
- }
191
-
192
- .no-stack .col.num4 {
193
- width: 33% !important;
194
- }
195
-
196
- .no-stack .col.num3 {
197
- width: 25% !important;
198
- }
199
-
200
- .no-stack .col.num6 {
201
- width: 50% !important;
202
- }
203
-
204
- .no-stack .col.num9 {
205
- width: 75% !important;
206
- }
207
-
208
- .video-block {
209
- max-width: none !important;
210
- }
211
-
212
- .mobile_hide {
213
- min-height: 0px;
214
- max-height: 0px;
215
- max-width: 0px;
216
- display: none;
217
- overflow: hidden;
218
- font-size: 0px;
219
- }
220
-
221
- .desktop_hide {
222
- display: block !important;
223
- max-height: none !important;
224
- }
225
- }
226
- </style>
227
- </head>
228
- <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
229
- <p><img alt="Capillary Image" height="184" src="https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=328,height=184,format=auto,quality=75,/intouch_creative_assets/d5679e9b-1ff4-4e7c-8f77-30160048.png" width="328"></p>
230
-
231
-
232
- <p>Hello world</p>
233
-
234
- <table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%" valign="top">
235
- <tbody>
236
- <tr style="vertical-align:top" valign="top">
237
- <td style="vertical-align:top; word-break:break-word">
238
- <div style="background-color:transparent">
239
- <div class="block-grid" style="background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word">
240
- <div style="background-color:transparent; border-collapse:collapse; display:table; width:100%">
241
- <div class="col num12" style="display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px">
242
- <div style="width:100% !important"></div>
243
- </div>
244
- </div>
245
- </div>
246
- </div>
247
- </td>
248
- </tr>
249
- </tbody>
250
- </table>
251
- </body>
252
- </html>
253
- `;
254
-
255
-
256
- export const emailTemplateRaw = {
257
- "versions": {
258
- "base": {
259
- "activeTab": "en",
260
- "en": {
261
- "is_drag_drop": false,
262
- "lang_id": 69,
263
- "iso_code": "en",
264
- "language": "English",
265
- "template-content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional //EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:v=\"urn:schemas-microsoft-com:vml\">\n<head><!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"><meta name=\"viewport\" content=\"width=device-width\"><!--[if !mso]><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><!--<![endif]-->\n\t<title></title>\n\t<!--[if !mso]><!--<![endif]-->\n\t<style type=\"text/css\">body {\n margin: 0;\n padding: 0; }\n\ntable,\ntd,\ntr {\n vertical-align: top;\n border-collapse: collapse; }\n\n* {\n line-height: inherit; }\n\na[x-apple-data-detectors=true] {\n color: inherit !important;\n text-decoration: none !important; }\n\t</style>\n\t<style id=\"media-query\" type=\"text/css\">@media (max-width: 520px) {\n .block-grid,\n.col {\n min-width: 320px !important;\n max-width: 100% !important;\n display: block !important;\n }\n\n .block-grid {\n width: 100% !important;\n }\n\n .col {\n width: 100% !important;\n }\n\n .col > div {\n margin: 0 auto;\n }\n\n img.fullwidth,\nimg.fullwidthOnMobile {\n max-width: 100% !important;\n }\n\n .no-stack .col {\n min-width: 0 !important;\n display: table-cell !important;\n }\n\n .no-stack.two-up .col {\n width: 50% !important;\n }\n\n .no-stack .col.num4 {\n width: 33% !important;\n }\n\n .no-stack .col.num8 {\n width: 66% !important;\n }\n\n .no-stack .col.num4 {\n width: 33% !important;\n }\n\n .no-stack .col.num3 {\n width: 25% !important;\n }\n\n .no-stack .col.num6 {\n width: 50% !important;\n }\n\n .no-stack .col.num9 {\n width: 75% !important;\n }\n\n .video-block {\n max-width: none !important;\n }\n\n .mobile_hide {\n min-height: 0px;\n max-height: 0px;\n max-width: 0px;\n display: none;\n overflow: hidden;\n font-size: 0px;\n }\n\n .desktop_hide {\n display: block !important;\n max-height: none !important;\n }\n}\n\t</style>\n</head>\n<body class=\"clean-body\" style=\"margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;\">\n<p><!--[if IE]><div class=\"ie-browser\"><![endif]-->hello world</p>\n\n<p><img alt=\"Capillary Image\" height=\"171\" src=\"https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b4b63b22-8a81-41ee-a8df-6db967fc.jpg\" width=\"257\" /></p>\n\n<table bgcolor=\"#FFFFFF\" cellpadding=\"0\" cellspacing=\"0\" class=\"nl-container\" role=\"presentation\" style=\"background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%\" valign=\"top\">\n\t<tbody>\n\t\t<tr style=\"vertical-align:top\" valign=\"top\">\n\t\t\t<td style=\"vertical-align:top; word-break:break-word\"><!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td align=\"center\" style=\"background-color:#FFFFFF\"><![endif]-->\n\t\t\t<div style=\"background-color:transparent\">\n\t\t\t<div class=\"block-grid\" style=\"background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word\">\n\t\t\t<div style=\"background-color:transparent; border-collapse:collapse; display:table; width:100%\"><!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:transparent;\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:500px\"><tr class=\"layout-full-width\" style=\"background-color:transparent\"><![endif]--><!--[if (mso)|(IE)]><td align=\"center\" width=\"500\" style=\"background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\n\t\t\t<div class=\"col num12\" style=\"display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px\">\n\t\t\t<div style=\"width:100% !important\"><!--[if (!mso)&(!IE)]><div style=\"border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;\"><!--<![endif]--><!--[if (!mso)&(!IE)]></div><!--<![endif]--></div>\n\t\t\t</div>\n\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>\n\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>\n\t\t</tr>\n\t</tbody>\n</table>\n<!--[if (IE)]></div><![endif]--></body>\n</html>\n",
266
- "drag_drop_id": "",
267
- "tabKey": "6",
268
- "id": "5f7b61605f09ebe595ff404e"
269
- },
270
- "selectedLanguages": [
271
- "en"
272
- ],
273
- "base": true,
274
- "tabKey": "6",
275
- "subject": "hello subject"
276
- },
277
- "history": [
278
- {
279
- "activeTab": "en",
280
- "en": {
281
- "is_drag_drop": false,
282
- "lang_id": 69,
283
- "iso_code": "en",
284
- "language": "English",
285
- "template-content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional //EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:v=\"urn:schemas-microsoft-com:vml\">\n<head><!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"><meta name=\"viewport\" content=\"width=device-width\"><!--[if !mso]><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><!--<![endif]-->\n\t<title></title>\n\t<!--[if !mso]><!--<![endif]-->\n\t<style type=\"text/css\">body {\n margin: 0;\n padding: 0; }\n\ntable,\ntd,\ntr {\n vertical-align: top;\n border-collapse: collapse; }\n\n* {\n line-height: inherit; }\n\na[x-apple-data-detectors=true] {\n color: inherit !important;\n text-decoration: none !important; }\n\t</style>\n\t<style id=\"media-query\" type=\"text/css\">@media (max-width: 520px) {\n .block-grid,\n.col {\n min-width: 320px !important;\n max-width: 100% !important;\n display: block !important;\n }\n\n .block-grid {\n width: 100% !important;\n }\n\n .col {\n width: 100% !important;\n }\n\n .col > div {\n margin: 0 auto;\n }\n\n img.fullwidth,\nimg.fullwidthOnMobile {\n max-width: 100% !important;\n }\n\n .no-stack .col {\n min-width: 0 !important;\n display: table-cell !important;\n }\n\n .no-stack.two-up .col {\n width: 50% !important;\n }\n\n .no-stack .col.num4 {\n width: 33% !important;\n }\n\n .no-stack .col.num8 {\n width: 66% !important;\n }\n\n .no-stack .col.num4 {\n width: 33% !important;\n }\n\n .no-stack .col.num3 {\n width: 25% !important;\n }\n\n .no-stack .col.num6 {\n width: 50% !important;\n }\n\n .no-stack .col.num9 {\n width: 75% !important;\n }\n\n .video-block {\n max-width: none !important;\n }\n\n .mobile_hide {\n min-height: 0px;\n max-height: 0px;\n max-width: 0px;\n display: none;\n overflow: hidden;\n font-size: 0px;\n }\n\n .desktop_hide {\n display: block !important;\n max-height: none !important;\n }\n}\n\t</style>\n</head>\n<body class=\"clean-body\" style=\"margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;\">\n<p><!--[if IE]><div class=\"ie-browser\"><![endif]-->hello world</p>\n\n<p><img alt=\"Capillary Image\" height=\"171\" src=\"https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b4b63b22-8a81-41ee-a8df-6db967fc.jpg\" width=\"257\" /></p>\n\n<table bgcolor=\"#FFFFFF\" cellpadding=\"0\" cellspacing=\"0\" class=\"nl-container\" role=\"presentation\" style=\"background-color:#ffffff; border-collapse:collapse; border-spacing:0; margin:0 auto; min-width:320px; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout:fixed; vertical-align:top; width:100%\" valign=\"top\">\n\t<tbody>\n\t\t<tr style=\"vertical-align:top\" valign=\"top\">\n\t\t\t<td style=\"vertical-align:top; word-break:break-word\"><!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td align=\"center\" style=\"background-color:#FFFFFF\"><![endif]-->\n\t\t\t<div style=\"background-color:transparent\">\n\t\t\t<div class=\"block-grid\" style=\"background-color:transparent; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:500px; min-width:320px; overflow-wrap:break-word; word-break:break-word; word-wrap:break-word\">\n\t\t\t<div style=\"background-color:transparent; border-collapse:collapse; display:table; width:100%\"><!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:transparent;\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:500px\"><tr class=\"layout-full-width\" style=\"background-color:transparent\"><![endif]--><!--[if (mso)|(IE)]><td align=\"center\" width=\"500\" style=\"background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\n\t\t\t<div class=\"col num12\" style=\"display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px\">\n\t\t\t<div style=\"width:100% !important\"><!--[if (!mso)&(!IE)]><div style=\"border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;\"><!--<![endif]--><!--[if (!mso)&(!IE)]></div><!--<![endif]--></div>\n\t\t\t</div>\n\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>\n\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>\n\t\t</tr>\n\t</tbody>\n</table>\n<!--[if (IE)]></div><![endif]--></body>\n</html>\n",
286
- "drag_drop_id": "",
287
- "tabKey": "6",
288
- "id": "5f7b61605f09ebe595ff404e"
289
- },
290
- "selectedLanguages": [
291
- "en"
292
- ],
293
- "base": true,
294
- "tabKey": "6",
295
- "subject": "hello subject"
296
- }
297
- ]
298
- },
299
- "type": "EMAIL",
300
- "name": "test template1"
301
- }