@pagopa/io-app-email-templates 0.4.0 → 0.5.0

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.
@@ -0,0 +1,6 @@
1
+ type SenderMetadata = {
2
+ organizationName: string;
3
+ serviceName: string;
4
+ };
5
+ export declare function apply(body: string, subject: string, senderMetadata: SenderMetadata): string;
6
+ export {};
@@ -0,0 +1,737 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ function apply(body, subject, senderMetadata) {
5
+ return `<!doctype html>
6
+ <html lang="it" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
7
+ <head>
8
+ <title>{{title}}</title>
9
+ <!--[if !mso]><!-->
10
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
11
+ <!--<![endif]-->
12
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13
+ <meta name="viewport" content="width=device-width, initial-scale=1">
14
+ <style type="text/css">
15
+ #outlook a { padding:0; }
16
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
17
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
18
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
19
+ p { display:block;margin:13px 0; }
20
+ </style>
21
+ <!--[if mso]>
22
+ <noscript>
23
+ <xml>
24
+ <o:OfficeDocumentSettings>
25
+ <o:AllowPNG/>
26
+ <o:PixelsPerInch>96</o:PixelsPerInch>
27
+ </o:OfficeDocumentSettings>
28
+ </xml>
29
+ </noscript>
30
+ <![endif]-->
31
+ <!--[if lte mso 11]>
32
+ <style type="text/css">
33
+ .mj-outlook-group-fix { width:100% !important; }
34
+ </style>
35
+ <![endif]-->
36
+
37
+ <!--[if !mso]><!-->
38
+ <link href="https://selfcare.pagopa.it/assets/font/selfhostedfonts.css" rel="stylesheet" type="text/css">
39
+ <style type="text/css">
40
+ @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);
41
+ </style>
42
+ <!--<![endif]-->
43
+
44
+
45
+
46
+ <style type="text/css">
47
+ @media only screen and (min-width:480px) {
48
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
49
+ }
50
+ </style>
51
+ <style media="screen and (min-width:480px)">
52
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
53
+ </style>
54
+
55
+
56
+
57
+
58
+ <style type="text/css">
59
+
60
+ @media only screen and (max-width:479px) {
61
+ table.mj-full-width-mobile { width: 100% !important; }
62
+ td.mj-full-width-mobile { width: auto !important; }
63
+ }
64
+
65
+ </style>
66
+
67
+ <style type="text/css">
68
+ :root {
69
+ color-scheme: light dark;
70
+ supported-color-schemes: light dark;
71
+ }
72
+
73
+ body,
74
+ .mail-body {
75
+ background-color: #FFFFFF;
76
+ }
77
+
78
+ .header {
79
+ background-color: #FFFFFF;
80
+ /* border-top: 8px solid #0073E6; */
81
+ }
82
+
83
+ .section {
84
+ background-color: #FFFFFF;
85
+ }
86
+
87
+ .title div {
88
+ /* Text Primary */
89
+ color: #17324D !important;
90
+ }
91
+
92
+ .text div {
93
+ /* Text Primary */
94
+ color: #17324D !important;
95
+ }
96
+
97
+ .text-secondary,
98
+ .text-secondary div {
99
+ /* Text Secondary */
100
+ color: #5C6F82 !important;
101
+ }
102
+
103
+ p {
104
+ margin-top: 12px;
105
+ margin-bottom: 12px;
106
+ }
107
+
108
+ .text-secondary a,
109
+ .text a {
110
+ color: #0073E6 !important;
111
+ }
112
+
113
+ .link {
114
+ color: #0073E6 !important;
115
+ }
116
+
117
+ .divider p {
118
+ border-color: #E3E7EB !important;
119
+ }
120
+
121
+ /* Message Preview Block */
122
+
123
+ .message-preview {
124
+ background-color: #FAFAFA;
125
+ }
126
+
127
+ @media (prefers-color-scheme: light) {
128
+
129
+ .dark-img,
130
+ [data-ogsc] .dark-img {
131
+ display: none !important;
132
+ mso-hide: all !important;
133
+ }
134
+
135
+ .light-img,
136
+ [data-ogsc] .light-img {
137
+ display: block;
138
+ display: block !important;
139
+ }
140
+ }
141
+
142
+ @media (min-width: 600px) {
143
+
144
+ .mobile {
145
+ display: none;
146
+ }
147
+
148
+ .desktop {
149
+ display: block;
150
+ }
151
+ }
152
+
153
+ @media (prefers-color-scheme: dark) {
154
+
155
+ body,
156
+ .mail-body {
157
+ background-color: #323232;
158
+ }
159
+
160
+ .header {
161
+ background-color: #323232;
162
+ /* border-top: 8px solid #3da2ff; */
163
+ }
164
+
165
+ .section {
166
+ background-color: #323232;
167
+ }
168
+
169
+ .message-preview {
170
+ background-color: #424242;
171
+ }
172
+
173
+ .divider p {
174
+ border-color: #757575 !important;
175
+ }
176
+
177
+ .title div {
178
+ color: #ffffff !important;
179
+ }
180
+
181
+ .text div {
182
+ color: #ffffff !important;
183
+ }
184
+
185
+ .text-secondary,
186
+ .text-secondary div {
187
+ /* Gray-200 */
188
+ color: #E0E0E0 !important;
189
+ }
190
+
191
+ .text-secondary a,
192
+ .text a {
193
+ color: #3da2ff !important;
194
+ }
195
+
196
+ .link {
197
+ color: #3da2ff !important;
198
+ }
199
+
200
+ .cta table td,
201
+ .cta table td>a {
202
+ background-color: #3da2ff !important;
203
+ }
204
+
205
+ /* IMAGES */
206
+ /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */
207
+
208
+ .dark-img,
209
+ [data-ogsc] .dark-img {
210
+ display: block !important;
211
+ overflow: visible !important;
212
+ float: none !important;
213
+ line-height: auto !important;
214
+ margin-top: 0px !important;
215
+ visibility: inherit !important;
216
+ }
217
+
218
+ .light-img,
219
+ [data-ogsc] .light-img {
220
+ display: none;
221
+ display: none !important;
222
+ mso-hide: all !important;
223
+ }
224
+ }
225
+ </style>
226
+ <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
227
+ <meta name="color-scheme" content="light dark" />
228
+ <meta name="supported-color-schemes" content="light dark" />
229
+ </head>
230
+ <body style="word-spacing:normal;">
231
+
232
+
233
+ <div
234
+ class="mail-body" style="" lang="it" dir="auto"
235
+ >
236
+
237
+
238
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
239
+
240
+
241
+ <div style="margin:0px auto;max-width:600px;">
242
+
243
+ <table
244
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
245
+ >
246
+ <tbody>
247
+ <tr>
248
+ <td
249
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;"
250
+ >
251
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
252
+
253
+ <!-- App IO Logo -->
254
+ <!--[if mso | IE]><tr><td class="header-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="header-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
255
+
256
+
257
+ <div class="header" style="margin:0px auto;max-width:560px;">
258
+
259
+ <table
260
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
261
+ >
262
+ <tbody>
263
+ <tr>
264
+ <td
265
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
266
+ >
267
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
268
+
269
+ <div
270
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
271
+ >
272
+
273
+ <table
274
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
275
+ >
276
+ <tbody>
277
+
278
+ <tr>
279
+ <td
280
+ align="left" class="light-img" style="font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;"
281
+ >
282
+
283
+ <table
284
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
285
+ >
286
+ <tbody>
287
+ <tr>
288
+ <td style="width:36px;">
289
+
290
+ <img
291
+ alt="" src="https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="36" height="auto"
292
+ />
293
+
294
+ </td>
295
+ </tr>
296
+ </tbody>
297
+ </table>
298
+
299
+ </td>
300
+ </tr>
301
+ <div
302
+ class="dark-img"
303
+ style="mso-hide: all; display: none; padding: 10px 0px"
304
+ >
305
+ <img
306
+ src="https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png"
307
+ width="36px"
308
+ class="dark-img"
309
+ style="display: none"
310
+ />
311
+ </div>
312
+ </tbody>
313
+ </table>
314
+
315
+ </div>
316
+
317
+ <!--[if mso | IE]></td></tr></table><![endif]-->
318
+ </td>
319
+ </tr>
320
+ </tbody>
321
+ </table>
322
+
323
+ </div>
324
+
325
+
326
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
327
+
328
+
329
+ <div class="section" style="margin:0px auto;max-width:560px;">
330
+
331
+ <table
332
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
333
+ >
334
+ <tbody>
335
+ <tr>
336
+ <td
337
+ style="direction:ltr;font-size:0px;padding:0px;padding-bottom:24px;text-align:center;"
338
+ >
339
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
340
+
341
+ <div
342
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
343
+ >
344
+
345
+ <table
346
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
347
+ >
348
+ <tbody>
349
+ <!-- Title & Main Message -->
350
+ <tr>
351
+ <td
352
+ align="left" class="title" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:8px;padding-left:0px;word-break:break-word;"
353
+ >
354
+
355
+ <div
356
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;"
357
+ ><!-- H4 Desktop (from MUI Italia)-->
358
+ <h1 style="font-size: 32px; line-height: 36px; margin: 0">
359
+ Hai un nuovo messaggio da leggere
360
+ </h1></div>
361
+
362
+ </td>
363
+ </tr>
364
+
365
+ <tr>
366
+ <td
367
+ align="left" class="text" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"
368
+ >
369
+
370
+ <div
371
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
372
+ ><!-- Body 1 Desktop (from MUI Italia)-->
373
+ <p>Apri l’app per leggere il messaggio completo.</p></div>
374
+
375
+ </td>
376
+ </tr>
377
+
378
+ </tbody>
379
+ </table>
380
+
381
+ </div>
382
+
383
+ <!--[if mso | IE]></td></tr></table><![endif]-->
384
+ </td>
385
+ </tr>
386
+ </tbody>
387
+ </table>
388
+
389
+ </div>
390
+
391
+
392
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="message-preview-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="message-preview-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
393
+
394
+
395
+ <div class="message-preview" style="margin:0px auto;border-radius:8px;max-width:560px;">
396
+
397
+ <table
398
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;border-radius:8px;"
399
+ >
400
+ <tbody>
401
+ <tr>
402
+ <td
403
+ style="direction:ltr;font-size:0px;padding:24px;text-align:left;"
404
+ >
405
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><![endif]-->
406
+ <!-- <mj-column width="56px">
407
+ <mj-image
408
+ width="36px"
409
+ height="36px"
410
+ src="https://assets.cdn.io.italia.it/logos/organizations/82003830161.png"
411
+ alt=" Logo ${senderMetadata.organizationName}"
412
+ align="left"
413
+ border-radius="8px"
414
+ padding="0px"
415
+ />
416
+ </mj-column> -->
417
+ <!--[if mso | IE]><td class="" style="vertical-align:top;width:512px;" ><![endif]-->
418
+
419
+ <div
420
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
421
+ >
422
+
423
+ <table
424
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
425
+ >
426
+ <tbody>
427
+
428
+ <tr>
429
+ <td
430
+ align="left" class="text" style="font-size:0px;padding:0;word-break:break-word;"
431
+ >
432
+
433
+ <div
434
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:bold;line-height:20px;text-align:left;color:#17324D;"
435
+ >${senderMetadata.organizationName}<br /></div>
436
+
437
+ </td>
438
+ </tr>
439
+
440
+ <tr>
441
+ <td
442
+ align="left" class="text" style="font-size:0px;padding:0;word-break:break-word;"
443
+ >
444
+
445
+ <div
446
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#17324D;"
447
+ >${senderMetadata.serviceName}</div>
448
+
449
+ </td>
450
+ </tr>
451
+
452
+ <tr>
453
+ <td
454
+ align="center" class="divider" style="font-size:0px;padding:10px 25px;padding-top:16px;padding-right:0px;padding-bottom:16px;padding-left:0px;word-break:break-word;"
455
+ >
456
+
457
+ <p
458
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
459
+ >
460
+ </p>
461
+
462
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:512px;" role="presentation" width="512px" ><tr><td style="height:0;line-height:0;"> &nbsp;
463
+ </td></tr></table><![endif]-->
464
+
465
+
466
+ </td>
467
+ </tr>
468
+
469
+ <tr>
470
+ <td
471
+ align="left" class="text" style="font-size:0px;padding:0;word-break:break-word;"
472
+ >
473
+
474
+ <div
475
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:24px;text-align:left;color:#17324D;"
476
+ >${subject}</div>
477
+
478
+ </td>
479
+ </tr>
480
+
481
+ <tr>
482
+ <td
483
+ align="left" class="text" style="font-size:0px;padding:0px;word-break:break-word;"
484
+ >
485
+
486
+ <div
487
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
488
+ >${body}</div>
489
+
490
+ </td>
491
+ </tr>
492
+
493
+ </tbody>
494
+ </table>
495
+
496
+ </div>
497
+
498
+ <!--[if mso | IE]></td></tr></table><![endif]-->
499
+ </td>
500
+ </tr>
501
+ </tbody>
502
+ </table>
503
+
504
+ </div>
505
+
506
+
507
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
508
+
509
+
510
+ <div class="section" style="margin:0px auto;max-width:560px;">
511
+
512
+ <table
513
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
514
+ >
515
+ <tbody>
516
+ <tr>
517
+ <td
518
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
519
+ >
520
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr></tr></table><![endif]-->
521
+ </td>
522
+ </tr>
523
+ </tbody>
524
+ </table>
525
+
526
+ </div>
527
+
528
+
529
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
530
+
531
+
532
+ <div class="section" style="margin:0px auto;max-width:560px;">
533
+
534
+ <table
535
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
536
+ >
537
+ <tbody>
538
+ <tr>
539
+ <td
540
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:24px;text-align:center;"
541
+ >
542
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
543
+
544
+ <div
545
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
546
+ >
547
+
548
+ <table
549
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
550
+ >
551
+ <tbody>
552
+
553
+ <tr>
554
+ <td
555
+ align="left" class="cta" style="font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;"
556
+ >
557
+
558
+ <table
559
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"
560
+ >
561
+ <tbody>
562
+ <tr>
563
+ <td
564
+ align="center" bgcolor="#0073E6" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:14px 24px;background:#0073E6;" valign="middle"
565
+ >
566
+ <a
567
+ href="https://continua.io.pagopa.it/?utm_source=email_reminder&utm_medium=email&utm_campaign=nuovo_messaggio" style="display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 24px;mso-padding-alt:0px;border-radius:4px;" target="_blank"
568
+ >
569
+ Apri l'app
570
+ </a>
571
+ </td>
572
+ </tr>
573
+ </tbody>
574
+ </table>
575
+
576
+ </td>
577
+ </tr>
578
+
579
+ </tbody>
580
+ </table>
581
+
582
+ </div>
583
+
584
+ <!--[if mso | IE]></td></tr></table><![endif]-->
585
+ </td>
586
+ </tr>
587
+ </tbody>
588
+ </table>
589
+
590
+ </div>
591
+
592
+
593
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
594
+ <!-- Divider -->
595
+ <!--[if mso | IE]><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
596
+
597
+
598
+ <div class="section" style="margin:0px auto;max-width:560px;">
599
+
600
+ <table
601
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
602
+ >
603
+ <tbody>
604
+ <tr>
605
+ <td
606
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
607
+ >
608
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
609
+
610
+ <div
611
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
612
+ >
613
+
614
+ <table
615
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
616
+ >
617
+ <tbody>
618
+
619
+ <tr>
620
+ <td
621
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
622
+ >
623
+
624
+ <p
625
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
626
+ >
627
+ </p>
628
+
629
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:560px;" role="presentation" width="560px" ><tr><td style="height:0;line-height:0;"> &nbsp;
630
+ </td></tr></table><![endif]-->
631
+
632
+
633
+ </td>
634
+ </tr>
635
+
636
+ </tbody>
637
+ </table>
638
+
639
+ </div>
640
+
641
+ <!--[if mso | IE]></td></tr></table><![endif]-->
642
+ </td>
643
+ </tr>
644
+ </tbody>
645
+ </table>
646
+
647
+ </div>
648
+
649
+
650
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
651
+ <!-- Footer -->
652
+ <!--[if mso | IE]><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
653
+
654
+
655
+ <div class="section" style="margin:0px auto;max-width:560px;">
656
+
657
+ <table
658
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
659
+ >
660
+ <tbody>
661
+ <tr>
662
+ <td
663
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;"
664
+ >
665
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
666
+
667
+ <div
668
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
669
+ >
670
+
671
+ <table
672
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
673
+ >
674
+ <tbody>
675
+
676
+ <tr>
677
+ <td
678
+ align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
679
+ >
680
+
681
+ <div
682
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
683
+ ><p>
684
+ <strong>
685
+ Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
686
+ di questa comunicazione e, non essendo monitorato, non riceveresti
687
+ risposta.
688
+ </strong>
689
+ </p>
690
+ <p>
691
+ Ricevi questa comunicazione perché hai abilitato l’inoltro dei messaggi
692
+ via email per tutti i servizi di IO.
693
+ </p>
694
+ <p>
695
+ Se non vuoi più che i messaggi che ricevi su IO vengano inoltrati al tuo
696
+ indirizzo email, vai alla sezione Impostazioni > Preferenze > Inoltro dei
697
+ messaggi via email e seleziona l'opzione “Disabilita per tutti i
698
+ servizi”.
699
+ </p></div>
700
+
701
+ </td>
702
+ </tr>
703
+
704
+ </tbody>
705
+ </table>
706
+
707
+ </div>
708
+
709
+ <!--[if mso | IE]></td></tr></table><![endif]-->
710
+ </td>
711
+ </tr>
712
+ </tbody>
713
+ </table>
714
+
715
+ </div>
716
+
717
+
718
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
719
+ </td>
720
+ </tr>
721
+ </tbody>
722
+ </table>
723
+
724
+ </div>
725
+
726
+
727
+ <!--[if mso | IE]></td></tr></table><![endif]-->
728
+
729
+
730
+ </div>
731
+
732
+ </body>
733
+ </html>
734
+ `;
735
+ }
736
+ exports.apply = apply;
737
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../MessagePreview/index.ts"],"names":[],"mappings":";;;AAKA,SAAgB,KAAK,CACnB,IAAY,EACZ,OAAe,EACf,cAA8B;IAE9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsZgB,cAAc,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;SAwB/C,cAAc,CAAC,gBAAgB;;;;;;;;;;;;SAY/B,cAAc,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6B1B,OAAO;;;;;;;;;;;;SAYP,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsPV,CAAC;AACJ,CAAC;AA/tBD,sBA+tBC","sourcesContent":["type SenderMetadata = {\n organizationName: string;\n serviceName: string;\n};\n\nexport function apply(\n body: string,\n subject: string,\n senderMetadata: SenderMetadata\n): string {\n return `<!doctype html>\n<html lang=\"it\" dir=\"auto\" xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n <head>\n <title>{{title}}</title>\n <!--[if !mso]><!-->\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <!--<![endif]-->\n <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style type=\"text/css\">\n #outlook a { padding:0; }\n body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n p { display:block;margin:13px 0; }\n </style>\n <!--[if mso]>\n <noscript>\n <xml>\n <o:OfficeDocumentSettings>\n <o:AllowPNG/>\n <o:PixelsPerInch>96</o:PixelsPerInch>\n </o:OfficeDocumentSettings>\n </xml>\n </noscript>\n <![endif]-->\n <!--[if lte mso 11]>\n <style type=\"text/css\">\n .mj-outlook-group-fix { width:100% !important; }\n </style>\n <![endif]-->\n \n <!--[if !mso]><!-->\n <link href=\"https://selfcare.pagopa.it/assets/font/selfhostedfonts.css\" rel=\"stylesheet\" type=\"text/css\">\n <style type=\"text/css\">\n @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);\n </style>\n <!--<![endif]-->\n\n \n \n <style type=\"text/css\">\n @media only screen and (min-width:480px) {\n .mj-column-per-100 { width:100% !important; max-width: 100%; }\n }\n </style>\n <style media=\"screen and (min-width:480px)\">\n .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\n </style>\n \n \n \n \n <style type=\"text/css\">\n\n @media only screen and (max-width:479px) {\n table.mj-full-width-mobile { width: 100% !important; }\n td.mj-full-width-mobile { width: auto !important; }\n }\n \n </style>\n \n <style type=\"text/css\">\n:root {\n color-scheme: light dark;\n supported-color-schemes: light dark;\n}\n\nbody,\n.mail-body {\n background-color: #FFFFFF;\n}\n\n.header {\n background-color: #FFFFFF;\n /* border-top: 8px solid #0073E6; */\n}\n\n.section {\n background-color: #FFFFFF;\n}\n\n.title div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text-secondary,\n.text-secondary div {\n /* Text Secondary */\n color: #5C6F82 !important;\n}\n\np {\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.text-secondary a,\n.text a {\n color: #0073E6 !important;\n}\n\n.link {\n color: #0073E6 !important;\n}\n\n.divider p {\n border-color: #E3E7EB !important;\n}\n\n/* Message Preview Block */\n\n.message-preview {\n background-color: #FAFAFA;\n}\n\n@media (prefers-color-scheme: light) {\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: none !important;\n mso-hide: all !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: block;\n display: block !important;\n }\n}\n\n@media (min-width: 600px) {\n\n .mobile {\n display: none;\n }\n\n .desktop {\n display: block;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n\n body,\n .mail-body {\n background-color: #323232;\n }\n\n .header {\n background-color: #323232;\n /* border-top: 8px solid #3da2ff; */\n }\n\n .section {\n background-color: #323232;\n }\n\n .message-preview {\n background-color: #424242;\n }\n\n .divider p {\n border-color: #757575 !important;\n }\n\n .title div {\n color: #ffffff !important;\n }\n\n .text div {\n color: #ffffff !important;\n }\n\n .text-secondary,\n .text-secondary div {\n /* Gray-200 */\n color: #E0E0E0 !important;\n }\n\n .text-secondary a,\n .text a {\n color: #3da2ff !important;\n }\n\n .link {\n color: #3da2ff !important;\n }\n\n .cta table td,\n .cta table td>a {\n background-color: #3da2ff !important;\n }\n\n /* IMAGES */\n /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: block !important;\n overflow: visible !important;\n float: none !important;\n line-height: auto !important;\n margin-top: 0px !important;\n visibility: inherit !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: none;\n display: none !important;\n mso-hide: all !important;\n }\n}\n </style>\n <meta http-equiv=\"Content-Type\" content=\"text/html\" charset=\"UTF-8\" />\n <meta name=\"color-scheme\" content=\"light dark\" />\n <meta name=\"supported-color-schemes\" content=\"light dark\" />\n </head>\n <body style=\"word-spacing:normal;\">\n \n \n <div\n class=\"mail-body\" style=\"\" lang=\"it\" dir=\"auto\"\n >\n \n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div style=\"margin:0px auto;max-width:600px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><![endif]-->\n \n <!-- App IO Logo -->\n <!--[if mso | IE]><tr><td class=\"header-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"header-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"header\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"light-img\" style=\"font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\"\n >\n <tbody>\n <tr>\n <td style=\"width:36px;\">\n \n <img\n alt=\"\" src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"36\" height=\"auto\"\n />\n \n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n <div\n class=\"dark-img\"\n style=\"mso-hide: all; display: none; padding: 10px 0px\"\n >\n <img\n src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png\"\n width=\"36px\"\n class=\"dark-img\"\n style=\"display: none\"\n />\n </div>\n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:0px;padding-bottom:24px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n <!-- Title & Main Message -->\n <tr>\n <td\n align=\"left\" class=\"title\" style=\"font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:8px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;\"\n ><!-- H4 Desktop (from MUI Italia)-->\n <h1 style=\"font-size: 32px; line-height: 36px; margin: 0\">\n Hai un nuovo messaggio da leggere\n </h1></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><!-- Body 1 Desktop (from MUI Italia)-->\n <p>Apri l’app per leggere il messaggio completo.</p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"message-preview-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"message-preview-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"message-preview\" style=\"margin:0px auto;border-radius:8px;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;border-radius:8px;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:24px;text-align:left;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><![endif]-->\n <!-- <mj-column width=\"56px\">\n <mj-image\n width=\"36px\"\n height=\"36px\"\n src=\"https://assets.cdn.io.italia.it/logos/organizations/82003830161.png\"\n alt=\" Logo ${senderMetadata.organizationName}\"\n align=\"left\"\n border-radius=\"8px\"\n padding=\"0px\"\n />\n </mj-column> -->\n <!--[if mso | IE]><td class=\"\" style=\"vertical-align:top;width:512px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:bold;line-height:20px;text-align:left;color:#17324D;\"\n >${senderMetadata.organizationName}<br /></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#17324D;\"\n >${senderMetadata.serviceName}</div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"center\" class=\"divider\" style=\"font-size:0px;padding:10px 25px;padding-top:16px;padding-right:0px;padding-bottom:16px;padding-left:0px;word-break:break-word;\"\n >\n \n <p\n style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;\"\n >\n </p>\n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:512px;\" role=\"presentation\" width=\"512px\" ><tr><td style=\"height:0;line-height:0;\"> &nbsp;\n</td></tr></table><![endif]-->\n \n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:24px;text-align:left;color:#17324D;\"\n >${subject}</div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n >${body}</div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:24px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"cta\" style=\"font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:separate;line-height:100%;\"\n >\n <tbody>\n <tr>\n <td\n align=\"center\" bgcolor=\"#0073E6\" role=\"presentation\" style=\"border:none;border-radius:4px;cursor:auto;mso-padding-alt:14px 24px;background:#0073E6;\" valign=\"middle\"\n >\n <a\n href=\"https://continua.io.pagopa.it/?utm_source=email_reminder&utm_medium=email&utm_campaign=nuovo_messaggio\" style=\"display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 24px;mso-padding-alt:0px;border-radius:4px;\" target=\"_blank\"\n >\n Apri l'app\n </a>\n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Divider -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"center\" class=\"divider\" style=\"font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;\"\n >\n \n <p\n style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;\"\n >\n </p>\n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:560px;\" role=\"presentation\" width=\"560px\" ><tr><td style=\"height:0;line-height:0;\"> &nbsp;\n</td></tr></table><![endif]-->\n \n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Footer -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"text-secondary\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;\"\n ><p>\n <strong>\n Non rispondere a questo indirizzo email: è utilizzato solo per l'invio\n di questa comunicazione e, non essendo monitorato, non riceveresti\n risposta.\n </strong>\n </p>\n <p>\n Ricevi questa comunicazione perché hai abilitato l’inoltro dei messaggi\n via email per tutti i servizi di IO.\n </p>\n <p>\n Se non vuoi più che i messaggi che ricevi su IO vengano inoltrati al tuo\n indirizzo email, vai alla sezione Impostazioni > Preferenze > Inoltro dei\n messaggi via email e seleziona l'opzione “Disabilita per tutti i\n servizi”.\n </p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n \n \n </div>\n \n </body>\n</html>\n `;\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-email-templates",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Common html template for email",
5
5
  "repository": "https://github.com/pagopa/io-app-email-templates",
6
6
  "author": "https://www.pagopa.gov.it",
@@ -28,6 +28,7 @@
28
28
  "lint": "eslint . -c .eslintrc.js --ext .ts,.tsx --cache",
29
29
  "generate": "npm-run-all -p generate:*",
30
30
  "generate:mailvalidation": "ts-node ./utils/email_generation_script.ts MailValidation/",
31
+ "generate:messagepreview": "ts-node ./utils/email_generation_script.ts MessagePreview/",
31
32
  "generate:loginnotification": "ts-node ./utils/email_generation_script.ts LoginNotificationIOWeb/",
32
33
  "generate:loginnotificationfallback": "ts-node ./utils/email_generation_script.ts LoginNotification/",
33
34
  "generate:fimsaccessexport": "ts-node ./utils/email_generation_script.ts FimsAccessExport/",