@capillarytech/creatives-library 8.0.108 → 8.0.109

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 (29) hide show
  1. package/initialState.js +1 -0
  2. package/package.json +1 -1
  3. package/services/api.js +9 -4
  4. package/utils/cdnTransformation.js +1 -1
  5. package/utils/tests/__snapshots__/cdnTransformation.test.js.snap +9 -9
  6. package/utils/tests/cdnTransformation.mockdata.js +27 -28
  7. package/utils/tests/transformerUtils.test.js +2127 -0
  8. package/utils/transformerUtils.js +421 -0
  9. package/v2Components/FormBuilder/index.js +7 -3
  10. package/v2Containers/Cap/actions.js +8 -0
  11. package/v2Containers/Cap/constants.js +4 -0
  12. package/v2Containers/Cap/reducer.js +6 -0
  13. package/v2Containers/Cap/sagas.js +23 -0
  14. package/v2Containers/Cap/selectors.js +6 -0
  15. package/v2Containers/Cap/tests/__snapshots__/index.test.js.snap +1 -0
  16. package/v2Containers/Cap/tests/saga.test.js +90 -1
  17. package/v2Containers/CreativesContainer/SlideBoxContent.js +5 -1
  18. package/v2Containers/CreativesContainer/constants.js +14 -1
  19. package/v2Containers/CreativesContainer/index.js +50 -2
  20. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +2 -0
  21. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +25 -0
  22. package/v2Containers/CreativesContainer/tests/index.test.js +2 -0
  23. package/v2Containers/MobilePush/Create/index.js +1 -0
  24. package/v2Containers/Sms/Edit/index.js +1 -0
  25. package/v2Containers/TemplatesV2/index.js +8 -1
  26. package/v2Containers/Whatsapp/constants.js +2 -0
  27. package/v2Containers/Whatsapp/index.js +7 -3
  28. package/v2Containers/Zalo/index.js +5 -2
  29. package/v2Containers/mockdata.js +3 -0
package/initialState.js CHANGED
@@ -50,4 +50,5 @@ export default {
50
50
  facebook: {
51
51
 
52
52
  },
53
+ metaDataStatus: '',
53
54
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.108",
4
+ "version": "8.0.109",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/services/api.js CHANGED
@@ -10,7 +10,7 @@ import pathConfig from '../config/path';
10
10
  import getSchema from './getSchema';
11
11
  import * as API from '../utils/ApiCaller';
12
12
  import { addBaseToTemplate, transformCustomFieldsData } from '../utils/commonUtils';
13
- import { EMAIL, SMS } from '../v2Containers/CreativesContainer/constants';
13
+ import { EMAIL, SMS, TRANSACTION } from '../v2Containers/CreativesContainer/constants';
14
14
  let API_ENDPOINT = config.development.api_endpoint;
15
15
  let EXPORT_API_ENDPOINT = config.development.exports_api_endpoint;
16
16
  let CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_endpoint;
@@ -118,7 +118,7 @@ function request(url, options, handleUnauthorizedStatus) {
118
118
  .catch((error) => error);
119
119
  }
120
120
 
121
- function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false, orgUnitId = false) {
121
+ function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false, orgUnitId = false, allowOrgInProd = false) {
122
122
  const token = loadItem('token');
123
123
  const orgID = loadItem('orgID');
124
124
  const user = loadItem('user');
@@ -145,8 +145,8 @@ function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeader
145
145
  headers['X-CAP-REMOTE-USER'] = user.refID;
146
146
  }
147
147
 
148
- if (process.env.NODE_ENV !== 'production' && orgID !== undefined) {
149
- headers['X-CAP-API-AUTH-ORG-ID'] = orgID;
148
+ if ((allowOrgInProd || process.env.NODE_ENV !== "production") && orgID !== undefined) {
149
+ headers["X-CAP-API-AUTH-ORG-ID"] = orgID;
150
150
  }
151
151
 
152
152
  if (process.env.NODE_ENV !== 'production' && token !== undefined) {
@@ -579,4 +579,9 @@ export const getLiquidTags = (content) => {
579
579
  return request(url, getAPICallObject("POST", { content }, false, true));
580
580
  };
581
581
 
582
+ export const createCentralCommsMetaId = (payload, metaType = TRANSACTION) => {
583
+ const url = `${API_ENDPOINT}/common/central-comms/meta-id/${metaType}`;
584
+ return request(url, getAPICallObject('POST', payload, false, false, false, true));
585
+ };
586
+
582
587
  export {request, getAPICallObject};
package/utils/cdnTransformation.js CHANGED
@@ -299,7 +299,7 @@ export const updateImagesInHtml = async (htmlContents) => {
299
299
  }
300
300
  const copiedHtmlContents = htmlContents;
301
301
  try {
302
- const root = parse(htmlContents);
302
+ const root = parse(htmlContents, { comment: true });
303
303
  const isEmailQualityOverridden = getLocalStorageItem(CREATIVES_CDN_OVERRIDE_DEFAULT_EMAIL_QUALITY_KEY);
304
304
  let urlQualityMappings;
305
305
  if(isEmailQualityOverridden){
package/utils/tests/__snapshots__/cdnTransformation.test.js.snap CHANGED
@@ -18,9 +18,9 @@ Object {
18
18
  "tabKey": "6",
19
19
  "template-content": "<!DOCTYPE html PUBLIC \\"-//W3C//DTD XHTML 1.0 Transitional //EN\\" \\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\\">
20
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\\">
21
+ <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]-->
22
22
  <title></title>
23
-
23
+ <!--[if !mso]><!--<![endif]-->
24
24
  <style type=\\"text/css\\">body {
25
25
  margin: 0;
26
26
  padding: 0; }
@@ -117,28 +117,28 @@ img.fullwidthOnMobile {
117
117
  </style>
118
118
  </head>
119
119
  <body class=\\"clean-body\\" style=\\"margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;\\">
120
- <p>hello world</p>
120
+ <p><!--[if IE]><div class=\\"ie-browser\\"><![endif]-->hello world</p>
121
121
 
122
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
123
 
124
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
125
  <tbody>
126
126
  <tr style=\\"vertical-align:top\\" valign=\\"top\\">
127
- <td style=\\"vertical-align:top; word-break:break-word\\">
127
+ <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]-->
128
128
  <div style=\\"background-color:transparent\\">
129
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%\\">
130
+ <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]-->
131
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>
132
+ <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>
134
133
  </div>
134
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
135
135
  </div>
136
136
  </div>
137
- </td>
137
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
138
138
  </tr>
139
139
  </tbody>
140
140
  </table>
141
- </body>
141
+ <!--[if (IE)]></div><![endif]--></body>
142
142
  </html>
143
143
  ",
144
144
  },
package/utils/tests/cdnTransformation.mockdata.js CHANGED
@@ -127,9 +127,9 @@ img.fullwidthOnMobile {
127
127
 
128
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
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">
130
+ <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]-->
131
131
  <title></title>
132
-
132
+ <!--[if !mso]><!--<![endif]-->
133
133
  <style type="text/css">body {
134
134
  margin: 0;
135
135
  padding: 0; }
@@ -227,32 +227,31 @@ img.fullwidthOnMobile {
227
227
  </head>
228
228
  <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
229
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
-
230
+ <!--[if IE]><div class="ie-browser"><![endif]-->
231
231
 
232
232
  <p>Hello world</p>
233
233
 
234
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
235
  <tbody>
236
236
  <tr style="vertical-align:top" valign="top">
237
- <td style="vertical-align:top; word-break:break-word">
237
+ <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]-->
238
238
  <div style="background-color:transparent">
239
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%">
240
+ <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]-->
241
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>
242
+ <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>
244
243
  </div>
244
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
245
245
  </div>
246
246
  </div>
247
- </td>
247
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
248
248
  </tr>
249
249
  </tbody>
250
250
  </table>
251
- </body>
251
+ <!--[if (IE)]></div><![endif]--></body>
252
252
  </html>
253
253
  `;
254
254
 
255
-
256
255
  export const emailTemplateRaw = {
257
256
  "versions": {
258
257
  "base": {
@@ -466,9 +465,9 @@ img.fullwidthOnMobile {
466
465
 
467
466
  export const emailTemplateOverrideOutput1 = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
468
467
  <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
469
- <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width">
468
+ <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]-->
470
469
  <title></title>
471
-
470
+ <!--[if !mso]><!--<![endif]-->
472
471
  <style type="text/css">body {
473
472
  margin: 0;
474
473
  padding: 0; }
@@ -568,34 +567,34 @@ img.fullwidthOnMobile {
568
567
  <p><img alt="Capillary Image" src="https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/8d1498ab-099d-4145-ad15-edd77f7.jpeg"></p>
569
568
 
570
569
  <p><img alt="Capillary Image" src="https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=90,/intouch_creative_assets/546a3d95-48be-4955-a07c-c4775da.jpeg"></p>
571
-
570
+ <!--[if IE]><div class="ie-browser"><![endif]-->
572
571
 
573
572
  <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">
574
573
  <tbody>
575
574
  <tr style="vertical-align:top" valign="top">
576
- <td style="vertical-align:top; word-break:break-word">
575
+ <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]-->
577
576
  <div style="background-color:transparent">
578
577
  <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">
579
- <div style="background-color:transparent; border-collapse:collapse; display:table; width:100%">
578
+ <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]-->
580
579
  <div class="col num12" style="display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px">
581
- <div style="width:100% !important"></div>
582
- </div>
580
+ <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>
583
581
  </div>
582
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
584
583
  </div>
585
584
  </div>
586
- </td>
585
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
587
586
  </tr>
588
587
  </tbody>
589
588
  </table>
590
- </body>
589
+ <!--[if (IE)]></div><![endif]--></body>
591
590
  </html>
592
591
  `
593
592
 
594
593
  export const emailTemplateOverrideOutputWithWindowDeleted1 = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
595
594
  <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
596
- <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width">
595
+ <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]-->
597
596
  <title></title>
598
-
597
+ <!--[if !mso]><!--<![endif]-->
599
598
  <style type="text/css">body {
600
599
  margin: 0;
601
600
  padding: 0; }
@@ -695,26 +694,26 @@ img.fullwidthOnMobile {
695
694
  <p><img alt="Capillary Image" src="https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/8d1498ab-099d-4145-ad15-edd77f7.jpeg"></p>
696
695
 
697
696
  <p><img alt="Capillary Image" src="https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/546a3d95-48be-4955-a07c-c4775da.jpeg"></p>
698
-
697
+ <!--[if IE]><div class="ie-browser"><![endif]-->
699
698
 
700
699
  <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">
701
700
  <tbody>
702
701
  <tr style="vertical-align:top" valign="top">
703
- <td style="vertical-align:top; word-break:break-word">
702
+ <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]-->
704
703
  <div style="background-color:transparent">
705
704
  <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">
706
- <div style="background-color:transparent; border-collapse:collapse; display:table; width:100%">
705
+ <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]-->
707
706
  <div class="col num12" style="display:table-cell; max-width:500px; min-width:320px; vertical-align:top; width:500px">
708
- <div style="width:100% !important"></div>
709
- </div>
707
+ <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>
710
708
  </div>
709
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--><!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]--></div>
711
710
  </div>
712
711
  </div>
713
- </td>
712
+ <!--[if (mso)|(IE)]></td></tr></table><![endif]--></td>
714
713
  </tr>
715
714
  </tbody>
716
715
  </table>
717
- </body>
716
+ <!--[if (IE)]></div><![endif]--></body>
718
717
  </html>
719
718
  `
720
719