@pagopa/io-app-email-templates 0.2.4 → 0.4.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,3 @@
1
+ import { ValidUrl } from "@pagopa/ts-commons/lib/url";
2
+ import { DateFromTimestamp } from "@pagopa/ts-commons/lib/dates";
3
+ export declare const apply: (ctaUrl: ValidUrl, date: DateFromTimestamp) => string;
@@ -0,0 +1,792 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ const datetime_1 = require("../utils/datetime");
5
+ const apply = (ctaUrl, date) => {
6
+ const cta = ctaUrl.href;
7
+ const expirationDate = (0, datetime_1.extractDate)(date);
8
+ return `<!doctype html>
9
+ <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">
10
+ <head>
11
+ <title>Importante: la tua sessione è scaduta</title>
12
+ <!--[if !mso]><!-->
13
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
14
+ <!--<![endif]-->
15
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
16
+ <meta name="viewport" content="width=device-width, initial-scale=1">
17
+ <style type="text/css">
18
+ #outlook a { padding:0; }
19
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
20
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
21
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
22
+ p { display:block;margin:13px 0; }
23
+ </style>
24
+ <!--[if mso]>
25
+ <noscript>
26
+ <xml>
27
+ <o:OfficeDocumentSettings>
28
+ <o:AllowPNG/>
29
+ <o:PixelsPerInch>96</o:PixelsPerInch>
30
+ </o:OfficeDocumentSettings>
31
+ </xml>
32
+ </noscript>
33
+ <![endif]-->
34
+ <!--[if lte mso 11]>
35
+ <style type="text/css">
36
+ .mj-outlook-group-fix { width:100% !important; }
37
+ </style>
38
+ <![endif]-->
39
+
40
+ <!--[if !mso]><!-->
41
+ <link href="https://selfcare.pagopa.it/assets/font/selfhostedfonts.css" rel="stylesheet" type="text/css">
42
+ <style type="text/css">
43
+ @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);
44
+ </style>
45
+ <!--<![endif]-->
46
+
47
+
48
+
49
+ <style type="text/css">
50
+ @media only screen and (min-width:480px) {
51
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
52
+ }
53
+ </style>
54
+ <style media="screen and (min-width:480px)">
55
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
56
+ </style>
57
+
58
+
59
+
60
+
61
+ <style type="text/css">
62
+
63
+ @media only screen and (max-width:479px) {
64
+ table.mj-full-width-mobile { width: 100% !important; }
65
+ td.mj-full-width-mobile { width: auto !important; }
66
+ }
67
+
68
+ </style>
69
+
70
+ <style type="text/css">
71
+ :root {
72
+ color-scheme: light dark;
73
+ supported-color-schemes: light dark;
74
+ }
75
+
76
+ body,
77
+ .mail-body {
78
+ background-color: #FFFFFF;
79
+ }
80
+
81
+ .header {
82
+ background-color: #FFFFFF;
83
+ /* border-top: 8px solid #0073E6; */
84
+ }
85
+
86
+ .section {
87
+ background-color: #FFFFFF;
88
+ }
89
+
90
+ .title div {
91
+ /* Text Primary */
92
+ color: #17324D !important;
93
+ }
94
+
95
+ .text div {
96
+ /* Text Primary */
97
+ color: #17324D !important;
98
+ }
99
+
100
+ .text-secondary,
101
+ .text-secondary div {
102
+ /* Text Secondary */
103
+ color: #5C6F82 !important;
104
+ }
105
+
106
+ p {
107
+ margin-top: 12px;
108
+ margin-bottom: 12px;
109
+ }
110
+
111
+ .text-secondary a,
112
+ .text a {
113
+ color: #0073E6 !important;
114
+ }
115
+
116
+ .link {
117
+ color: #0073E6 !important;
118
+ }
119
+
120
+ .divider p {
121
+ border-color: #E3E7EB !important;
122
+ }
123
+
124
+ /* Message Preview Block */
125
+
126
+ .message-preview {
127
+ background-color: #FAFAFA;
128
+ }
129
+
130
+ @media (prefers-color-scheme: light) {
131
+
132
+ .dark-img,
133
+ [data-ogsc] .dark-img {
134
+ display: none !important;
135
+ mso-hide: all !important;
136
+ }
137
+
138
+ .light-img,
139
+ [data-ogsc] .light-img {
140
+ display: block;
141
+ display: block !important;
142
+ }
143
+ }
144
+
145
+ @media (min-width: 600px) {
146
+
147
+ .mobile {
148
+ display: none;
149
+ }
150
+
151
+ .desktop {
152
+ display: block;
153
+ }
154
+ }
155
+
156
+ @media (prefers-color-scheme: dark) {
157
+
158
+ body,
159
+ .mail-body {
160
+ background-color: #323232;
161
+ }
162
+
163
+ .header {
164
+ background-color: #323232;
165
+ /* border-top: 8px solid #3da2ff; */
166
+ }
167
+
168
+ .section {
169
+ background-color: #323232;
170
+ }
171
+
172
+ .message-preview {
173
+ background-color: #424242;
174
+ }
175
+
176
+ .divider p {
177
+ border-color: #757575 !important;
178
+ }
179
+
180
+ .title div {
181
+ color: #ffffff !important;
182
+ }
183
+
184
+ .text div {
185
+ color: #ffffff !important;
186
+ }
187
+
188
+ .text-secondary,
189
+ .text-secondary div {
190
+ /* Gray-200 */
191
+ color: #E0E0E0 !important;
192
+ }
193
+
194
+ .text-secondary a,
195
+ .text a {
196
+ color: #3da2ff !important;
197
+ }
198
+
199
+ .link {
200
+ color: #3da2ff !important;
201
+ }
202
+
203
+ .cta table td,
204
+ .cta table td>a {
205
+ background-color: #3da2ff !important;
206
+ }
207
+
208
+ /* IMAGES */
209
+ /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */
210
+
211
+ .dark-img,
212
+ [data-ogsc] .dark-img {
213
+ display: block !important;
214
+ overflow: visible !important;
215
+ float: none !important;
216
+ line-height: auto !important;
217
+ margin-top: 0px !important;
218
+ visibility: inherit !important;
219
+ }
220
+
221
+ .light-img,
222
+ [data-ogsc] .light-img {
223
+ display: none;
224
+ display: none !important;
225
+ mso-hide: all !important;
226
+ }
227
+ }
228
+ </style>
229
+ <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
230
+ <meta name="color-scheme" content="light dark" />
231
+ <meta name="supported-color-schemes" content="light dark" />
232
+ </head>
233
+ <body style="word-spacing:normal;">
234
+
235
+
236
+ <div
237
+ class="mail-body" style="" lang="it" dir="auto"
238
+ >
239
+
240
+
241
+ <!--[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]-->
242
+
243
+
244
+ <div style="margin:0px auto;max-width:600px;">
245
+
246
+ <table
247
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
248
+ >
249
+ <tbody>
250
+ <tr>
251
+ <td
252
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;"
253
+ >
254
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
255
+
256
+ <!-- App IO Logo -->
257
+ <!--[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]-->
258
+
259
+
260
+ <div class="header" style="margin:0px auto;max-width:560px;">
261
+
262
+ <table
263
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
264
+ >
265
+ <tbody>
266
+ <tr>
267
+ <td
268
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
269
+ >
270
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
271
+
272
+ <div
273
+ 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%;"
274
+ >
275
+
276
+ <table
277
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
278
+ >
279
+ <tbody>
280
+
281
+ <tr>
282
+ <td
283
+ align="left" class="light-img" style="font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;"
284
+ >
285
+
286
+ <table
287
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
288
+ >
289
+ <tbody>
290
+ <tr>
291
+ <td style="width:36px;">
292
+
293
+ <img
294
+ 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"
295
+ />
296
+
297
+ </td>
298
+ </tr>
299
+ </tbody>
300
+ </table>
301
+
302
+ </td>
303
+ </tr>
304
+ <div
305
+ class="dark-img"
306
+ style="mso-hide: all; display: none; padding: 10px 0px"
307
+ >
308
+ <img
309
+ src="https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png"
310
+ width="36px"
311
+ class="dark-img"
312
+ style="display: none"
313
+ />
314
+ </div>
315
+ </tbody>
316
+ </table>
317
+
318
+ </div>
319
+
320
+ <!--[if mso | IE]></td></tr></table><![endif]-->
321
+ </td>
322
+ </tr>
323
+ </tbody>
324
+ </table>
325
+
326
+ </div>
327
+
328
+
329
+ <!--[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]-->
330
+
331
+
332
+ <div class="section" style="margin:0px auto;max-width:560px;">
333
+
334
+ <table
335
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
336
+ >
337
+ <tbody>
338
+ <tr>
339
+ <td
340
+ style="direction:ltr;font-size:0px;padding:0px;padding-bottom:8px;text-align:center;"
341
+ >
342
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
343
+
344
+ <div
345
+ 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%;"
346
+ >
347
+
348
+ <table
349
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
350
+ >
351
+ <tbody>
352
+ <!-- Title & Main Message -->
353
+ <tr>
354
+ <td
355
+ 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;"
356
+ >
357
+
358
+ <div
359
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;"
360
+ ><!-- H4 Desktop (from MUI Italia)-->
361
+ <h1 style="font-size: 32px; line-height: 36px; margin: 0">
362
+ Accedi di nuovo per non perdere comunicazioni importanti
363
+ </h1></div>
364
+
365
+ </td>
366
+ </tr>
367
+
368
+ <tr>
369
+ <td
370
+ 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;"
371
+ >
372
+
373
+ <div
374
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
375
+ ><!-- Body 1 Desktop (from MUI Italia)-->
376
+ <p>Ciao,</p>
377
+ <p>
378
+ dal giorno ${expirationDate} la tua sessione su IO è scaduta. Per continuare a
379
+ usare l’app, devi <strong>accedere di nuovo</strong> con SPID o CIE.
380
+ Questo serve a verificare la tua identità e a proteggere i tuoi
381
+ dati.
382
+ </p></div>
383
+
384
+ </td>
385
+ </tr>
386
+
387
+ </tbody>
388
+ </table>
389
+
390
+ </div>
391
+
392
+ <!--[if mso | IE]></td></tr></table><![endif]-->
393
+ </td>
394
+ </tr>
395
+ </tbody>
396
+ </table>
397
+
398
+ </div>
399
+
400
+
401
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
402
+ <!-- Body 2 -->
403
+ <!--[if mso | IE]><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]-->
404
+
405
+
406
+ <div class="message-preview" style="margin:0px auto;border-radius:8px;max-width:560px;">
407
+
408
+ <table
409
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;border-radius:8px;"
410
+ >
411
+ <tbody>
412
+ <tr>
413
+ <td
414
+ style="direction:ltr;font-size:0px;padding:24px;text-align:left;"
415
+ >
416
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:512px;" ><![endif]-->
417
+
418
+ <div
419
+ 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%;"
420
+ >
421
+
422
+ <table
423
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
424
+ >
425
+ <tbody>
426
+
427
+ <tr>
428
+ <td
429
+ align="left" class="text" style="font-size:0px;padding:0;word-break:break-word;"
430
+ >
431
+
432
+ <div
433
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:22px;font-weight:600;line-height:26px;text-align:left;color:#17324D;"
434
+ >Perché è importante accedere</div>
435
+
436
+ </td>
437
+ </tr>
438
+
439
+ <tr>
440
+ <td
441
+ align="left" class="text" style="font-size:0px;padding:0;word-break:break-word;"
442
+ >
443
+
444
+ <div
445
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:normal;line-height:24px;text-align:left;color:#17324D;"
446
+ ><ul>
447
+ <li>
448
+ Perché se non usi l’app per un po’ di tempo, il tuo dispositivo
449
+ potrebbe automaticamente cancellarla
450
+ </li>
451
+ <li>
452
+ Perché se l'app viene rimossa o se non hai le notifiche push attive,
453
+ non ricevi più comunicazioni importanti, anche a valore legale
454
+ </li>
455
+ <li>
456
+ Perché così puoi accedere velocemente ai tuoi documenti digitali
457
+ quando ne hai bisogno
458
+ </li>
459
+ </ul></div>
460
+
461
+ </td>
462
+ </tr>
463
+
464
+ </tbody>
465
+ </table>
466
+
467
+ </div>
468
+
469
+ <!--[if mso | IE]></td></tr></table><![endif]-->
470
+ </td>
471
+ </tr>
472
+ </tbody>
473
+ </table>
474
+
475
+ </div>
476
+
477
+
478
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
479
+ <!-- App Button -->
480
+ <!--[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]-->
481
+
482
+
483
+ <div class="section" style="margin:0px auto;max-width:560px;">
484
+
485
+ <table
486
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
487
+ >
488
+ <tbody>
489
+ <tr>
490
+ <td
491
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:24px;text-align:center;"
492
+ >
493
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
494
+
495
+ <div
496
+ 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%;"
497
+ >
498
+
499
+ <table
500
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
501
+ >
502
+ <tbody>
503
+
504
+ <tr>
505
+ <td
506
+ align="left" class="cta" style="font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;"
507
+ >
508
+
509
+ <table
510
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"
511
+ >
512
+ <tbody>
513
+ <tr>
514
+ <td
515
+ align="center" bgcolor="#0073E6" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:14px 24px;background:#0073E6;" valign="middle"
516
+ >
517
+ <a
518
+ href="${cta}" 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"
519
+ >
520
+ Apri l'app
521
+ </a>
522
+ </td>
523
+ </tr>
524
+ </tbody>
525
+ </table>
526
+
527
+ </td>
528
+ </tr>
529
+
530
+ </tbody>
531
+ </table>
532
+
533
+ </div>
534
+
535
+ <!--[if mso | IE]></td></tr></table><![endif]-->
536
+ </td>
537
+ </tr>
538
+ </tbody>
539
+ </table>
540
+
541
+ </div>
542
+
543
+
544
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
545
+ <!-- Body 3 (helpcenter) -->
546
+ <!--[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]-->
547
+
548
+
549
+ <div class="section" style="margin:0px auto;max-width:560px;">
550
+
551
+ <table
552
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
553
+ >
554
+ <tbody>
555
+ <tr>
556
+ <td
557
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
558
+ >
559
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
560
+
561
+ <div
562
+ 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%;"
563
+ >
564
+
565
+ <table
566
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
567
+ >
568
+ <tbody>
569
+
570
+ <tr>
571
+ <td
572
+ 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;"
573
+ >
574
+
575
+ <div
576
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
577
+ ><p style="margin-top: 8px">
578
+ Se non ricordi come accedere a IO con SPID o CIE, trovi tutte le
579
+ informazioni nel nostro <a href="https://assistenza.ioapp.it/hc/it/articles/32616176301713-Cosa-fare-quando-la-sessione-scade">Centro assistenza</a>.
580
+ </p></div>
581
+
582
+ </td>
583
+ </tr>
584
+
585
+ </tbody>
586
+ </table>
587
+
588
+ </div>
589
+
590
+ <!--[if mso | IE]></td></tr></table><![endif]-->
591
+ </td>
592
+ </tr>
593
+ </tbody>
594
+ </table>
595
+
596
+ </div>
597
+
598
+
599
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
600
+ <!-- Closing -->
601
+ <!--[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]-->
602
+
603
+
604
+ <div class="section" style="margin:0px auto;max-width:560px;">
605
+
606
+ <table
607
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
608
+ >
609
+ <tbody>
610
+ <tr>
611
+ <td
612
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
613
+ >
614
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
615
+
616
+ <div
617
+ 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%;"
618
+ >
619
+
620
+ <table
621
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
622
+ >
623
+ <tbody>
624
+
625
+ <tr>
626
+ <td
627
+ 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;"
628
+ >
629
+
630
+ <div
631
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
632
+ ><p style="margin-top: 0px">
633
+ <br />
634
+ A presto,<br aria-hidden="true" />il team di PagoPA S.p.A.
635
+ </p></div>
636
+
637
+ </td>
638
+ </tr>
639
+
640
+ </tbody>
641
+ </table>
642
+
643
+ </div>
644
+
645
+ <!--[if mso | IE]></td></tr></table><![endif]-->
646
+ </td>
647
+ </tr>
648
+ </tbody>
649
+ </table>
650
+
651
+ </div>
652
+
653
+
654
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
655
+ <!-- Divider -->
656
+ <!--[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]-->
657
+
658
+
659
+ <div class="section" style="margin:0px auto;max-width:560px;">
660
+
661
+ <table
662
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
663
+ >
664
+ <tbody>
665
+ <tr>
666
+ <td
667
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
668
+ >
669
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
670
+
671
+ <div
672
+ 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%;"
673
+ >
674
+
675
+ <table
676
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
677
+ >
678
+ <tbody>
679
+
680
+ <tr>
681
+ <td
682
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
683
+ >
684
+
685
+ <p
686
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
687
+ >
688
+ </p>
689
+
690
+ <!--[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;
691
+ </td></tr></table><![endif]-->
692
+
693
+
694
+ </td>
695
+ </tr>
696
+
697
+ </tbody>
698
+ </table>
699
+
700
+ </div>
701
+
702
+ <!--[if mso | IE]></td></tr></table><![endif]-->
703
+ </td>
704
+ </tr>
705
+ </tbody>
706
+ </table>
707
+
708
+ </div>
709
+
710
+
711
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
712
+ <!-- Footer -->
713
+ <!--[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]-->
714
+
715
+
716
+ <div class="section" style="margin:0px auto;max-width:560px;">
717
+
718
+ <table
719
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
720
+ >
721
+ <tbody>
722
+ <tr>
723
+ <td
724
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
725
+ >
726
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
727
+
728
+ <div
729
+ 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%;"
730
+ >
731
+
732
+ <table
733
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
734
+ >
735
+ <tbody>
736
+
737
+ <tr>
738
+ <td
739
+ align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
740
+ >
741
+
742
+ <div
743
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
744
+ ><p>
745
+ Ricevi questa comunicazione perché contiene informazioni importanti
746
+ sull'uso di IO.
747
+ </p>
748
+ <p>
749
+ <strong>
750
+ Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
751
+ di questa comunicazione e, non essendo monitorato, non riceveresti
752
+ risposta.
753
+ </strong>
754
+ </p></div>
755
+
756
+ </td>
757
+ </tr>
758
+
759
+ </tbody>
760
+ </table>
761
+
762
+ </div>
763
+
764
+ <!--[if mso | IE]></td></tr></table><![endif]-->
765
+ </td>
766
+ </tr>
767
+ </tbody>
768
+ </table>
769
+
770
+ </div>
771
+
772
+
773
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
774
+ </td>
775
+ </tr>
776
+ </tbody>
777
+ </table>
778
+
779
+ </div>
780
+
781
+
782
+ <!--[if mso | IE]></td></tr></table><![endif]-->
783
+
784
+
785
+ </div>
786
+
787
+ </body>
788
+ </html>
789
+ `;
790
+ };
791
+ exports.apply = apply;
792
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../ExpiredSessionUserReEngagement/index.ts"],"names":[],"mappings":";;;AAEA,gDAAgD;AAEzC,MAAM,KAAK,GAAG,CACjB,MAAgB,EAChB,IAAuB,EACjB,EAAE;IACR,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAA;IACvB,MAAM,cAAc,GAAG,IAAA,sBAAW,EAAC,IAAI,CAAC,CAAC;IACzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAkXgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4IhB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+QzB,CAAC;AACJ,CAAC,CAAC;AApxBW,QAAA,KAAK,SAoxBhB","sourcesContent":["import { ValidUrl } from \"@pagopa/ts-commons/lib/url\";\nimport { DateFromTimestamp } from \"@pagopa/ts-commons/lib/dates\";\nimport { extractDate } from \"../utils/datetime\";\n\nexport const apply = (\n ctaUrl: ValidUrl,\n date: DateFromTimestamp,\n): string => {\n const cta = ctaUrl.href\n const expirationDate = extractDate(date);\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>Importante: la tua sessione è scaduta</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:8px;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 Accedi di nuovo per non perdere comunicazioni importanti\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>Ciao,</p>\n <p>\n dal giorno ${expirationDate} la tua sessione su IO è scaduta. Per continuare a\n usare l’app, devi <strong>accedere di nuovo</strong> con SPID o CIE.\n Questo serve a verificare la tua identità e a proteggere i tuoi\n dati.\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><![endif]-->\n <!-- Body 2 -->\n <!--[if mso | IE]><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><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:22px;font-weight:600;line-height:26px;text-align:left;color:#17324D;\"\n >Perché è importante accedere</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:16px;font-weight:normal;line-height:24px;text-align:left;color:#17324D;\"\n ><ul>\n <li>\n Perché se non usi l’app per un po’ di tempo, il tuo dispositivo\n potrebbe automaticamente cancellarla\n </li>\n <li>\n Perché se l'app viene rimossa o se non hai le notifiche push attive,\n non ricevi più comunicazioni importanti, anche a valore legale\n </li>\n <li>\n Perché così puoi accedere velocemente ai tuoi documenti digitali\n quando ne hai bisogno\n </li>\n </ul></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><![endif]-->\n <!-- App Button -->\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: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=\"${cta}\" 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 <!-- Body 3 (helpcenter) -->\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: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\" 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 ><p style=\"margin-top: 8px\">\n Se non ricordi come accedere a IO con SPID o CIE, trovi tutte le\n informazioni nel nostro <a href=\"https://assistenza.ioapp.it/hc/it/articles/32616176301713-Cosa-fare-quando-la-sessione-scade\">Centro assistenza</a>.\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><![endif]-->\n <!-- Closing -->\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: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\" 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 ><p style=\"margin-top: 0px\">\n <br />\n A presto,<br aria-hidden=\"true\" />il team di PagoPA S.p.A.\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><![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: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 Ricevi questa comunicazione perché contiene informazioni importanti\n sull'uso di IO.\n </p>\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></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};"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-email-templates",
3
- "version": "0.2.4",
3
+ "version": "0.4.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",
@@ -33,6 +33,7 @@
33
33
  "generate:fimsaccessexport": "ts-node ./utils/email_generation_script.ts FimsAccessExport/",
34
34
  "generate:walletinstancecreation": "ts-node ./utils/email_generation_script.ts WalletInstanceCreation/",
35
35
  "generate:walletinstancerevocation": "ts-node ./utils/email_generation_script.ts WalletInstanceRevocation/",
36
+ "generate:expiredsessionuserreengagement": "ts-node ./utils/email_generation_script.ts ExpiredSessionUserReEngagement/",
36
37
  "test:watch": "vitest"
37
38
  },
38
39
  "dependencies": {