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