@pagopa/io-app-email-templates 0.1.6 → 0.2.1

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 @@
1
+ export declare const apply: (date: Date) => string;
@@ -0,0 +1,575 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ const apply = (date) => {
5
+ const formattedDate = date.toLocaleDateString("it-IT", {
6
+ day: "2-digit",
7
+ month: "2-digit",
8
+ year: "2-digit"
9
+ });
10
+ return `<!doctype html>
11
+ <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">
12
+ <head>
13
+ <title>I tuoi accessi a servizi di terze parti</title>
14
+ <!--[if !mso]><!-->
15
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
16
+ <!--<![endif]-->
17
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
18
+ <meta name="viewport" content="width=device-width, initial-scale=1">
19
+ <style type="text/css">
20
+ #outlook a { padding:0; }
21
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
22
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
23
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
24
+ p { display:block;margin:13px 0; }
25
+ </style>
26
+ <!--[if mso]>
27
+ <noscript>
28
+ <xml>
29
+ <o:OfficeDocumentSettings>
30
+ <o:AllowPNG/>
31
+ <o:PixelsPerInch>96</o:PixelsPerInch>
32
+ </o:OfficeDocumentSettings>
33
+ </xml>
34
+ </noscript>
35
+ <![endif]-->
36
+ <!--[if lte mso 11]>
37
+ <style type="text/css">
38
+ .mj-outlook-group-fix { width:100% !important; }
39
+ </style>
40
+ <![endif]-->
41
+
42
+ <!--[if !mso]><!-->
43
+ <link href="https://selfcare.pagopa.it/assets/font/selfhostedfonts.css" rel="stylesheet" type="text/css">
44
+ <style type="text/css">
45
+ @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);
46
+ </style>
47
+ <!--<![endif]-->
48
+
49
+
50
+
51
+ <style type="text/css">
52
+ @media only screen and (min-width:480px) {
53
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
54
+ }
55
+ </style>
56
+ <style media="screen and (min-width:480px)">
57
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
58
+ </style>
59
+
60
+
61
+
62
+
63
+ <style type="text/css">
64
+
65
+ @media only screen and (max-width:479px) {
66
+ table.mj-full-width-mobile { width: 100% !important; }
67
+ td.mj-full-width-mobile { width: auto !important; }
68
+ }
69
+
70
+ </style>
71
+
72
+ <style type="text/css">
73
+ :root {
74
+ color-scheme: light dark;
75
+ supported-color-schemes: light dark;
76
+ }
77
+
78
+ body,
79
+ .mail-body {
80
+ background-color: #FFFFFF;
81
+ }
82
+
83
+ .header {
84
+ background-color: #FFFFFF;
85
+ /* border-top: 8px solid #0073E6; */
86
+ }
87
+
88
+ .section {
89
+ background-color: #FFFFFF;
90
+ }
91
+
92
+ .title div {
93
+ /* Text Primary */
94
+ color: #17324D !important;
95
+ }
96
+
97
+ .text div {
98
+ /* Text Primary */
99
+ color: #17324D !important;
100
+ }
101
+
102
+ .text-secondary,
103
+ .text-secondary div {
104
+ /* Text Secondary */
105
+ color: #5C6F82 !important;
106
+ }
107
+
108
+ p {
109
+ margin-top: 12px;
110
+ margin-bottom: 12px;
111
+ }
112
+
113
+ .text-secondary a,
114
+ .text a {
115
+ color: #0073E6 !important;
116
+ }
117
+
118
+ .link {
119
+ color: #0073E6 !important;
120
+ }
121
+
122
+ .divider p {
123
+ border-color: #E3E7EB !important;
124
+ }
125
+
126
+ /* Message Preview Block */
127
+
128
+ .message-preview {
129
+ background-color: #FAFAFA;
130
+ }
131
+
132
+ @media (prefers-color-scheme: light) {
133
+
134
+ .dark-img,
135
+ [data-ogsc] .dark-img {
136
+ display: none !important;
137
+ mso-hide: all !important;
138
+ }
139
+
140
+ .light-img,
141
+ [data-ogsc] .light-img {
142
+ display: block;
143
+ display: block !important;
144
+ }
145
+ }
146
+
147
+ @media (min-width: 600px) {
148
+
149
+ .mobile {
150
+ display: none;
151
+ }
152
+
153
+ .desktop {
154
+ display: block;
155
+ }
156
+ }
157
+
158
+ @media (prefers-color-scheme: dark) {
159
+
160
+ body,
161
+ .mail-body {
162
+ background-color: #323232;
163
+ }
164
+
165
+ .header {
166
+ background-color: #323232;
167
+ /* border-top: 8px solid #3da2ff; */
168
+ }
169
+
170
+ .section {
171
+ background-color: #323232;
172
+ }
173
+
174
+ .message-preview {
175
+ background-color: #424242;
176
+ }
177
+
178
+ .divider p {
179
+ border-color: #757575 !important;
180
+ }
181
+
182
+ .title div {
183
+ color: #ffffff !important;
184
+ }
185
+
186
+ .text div {
187
+ color: #ffffff !important;
188
+ }
189
+
190
+ .text-secondary,
191
+ .text-secondary div {
192
+ /* Gray-200 */
193
+ color: #E0E0E0 !important;
194
+ }
195
+
196
+ .text-secondary a,
197
+ .text a {
198
+ color: #3da2ff !important;
199
+ }
200
+
201
+ .link {
202
+ color: #3da2ff !important;
203
+ }
204
+
205
+ .cta table td,
206
+ .cta table td>a {
207
+ background-color: #3da2ff !important;
208
+ }
209
+
210
+ /* IMAGES */
211
+ /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */
212
+
213
+ .dark-img,
214
+ [data-ogsc] .dark-img {
215
+ display: block !important;
216
+ overflow: visible !important;
217
+ float: none !important;
218
+ line-height: auto !important;
219
+ margin-top: 0px !important;
220
+ visibility: inherit !important;
221
+ }
222
+
223
+ .light-img,
224
+ [data-ogsc] .light-img {
225
+ display: none;
226
+ display: none !important;
227
+ mso-hide: all !important;
228
+ }
229
+ }
230
+ </style>
231
+ <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
232
+ <meta name="color-scheme" content="light dark" />
233
+ <meta name="supported-color-schemes" content="light dark" />
234
+ </head>
235
+ <body style="word-spacing:normal;">
236
+
237
+
238
+ <div
239
+ class="mail-body" style="" lang="it" dir="auto"
240
+ >
241
+
242
+
243
+ <!--[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]-->
244
+
245
+
246
+ <div style="margin:0px auto;max-width:600px;">
247
+
248
+ <table
249
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
250
+ >
251
+ <tbody>
252
+ <tr>
253
+ <td
254
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;"
255
+ >
256
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
257
+
258
+ <!-- App IO Logo -->
259
+ <!--[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]-->
260
+
261
+
262
+ <div class="header" style="margin:0px auto;max-width:560px;">
263
+
264
+ <table
265
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
266
+ >
267
+ <tbody>
268
+ <tr>
269
+ <td
270
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
271
+ >
272
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
273
+
274
+ <div
275
+ 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%;"
276
+ >
277
+
278
+ <table
279
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
280
+ >
281
+ <tbody>
282
+
283
+ <tr>
284
+ <td
285
+ align="left" class="light-img" style="font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;"
286
+ >
287
+
288
+ <table
289
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
290
+ >
291
+ <tbody>
292
+ <tr>
293
+ <td style="width:36px;">
294
+
295
+ <img
296
+ 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"
297
+ />
298
+
299
+ </td>
300
+ </tr>
301
+ </tbody>
302
+ </table>
303
+
304
+ </td>
305
+ </tr>
306
+ <div
307
+ class="dark-img"
308
+ style="mso-hide: all; display: none; padding: 10px 0px"
309
+ >
310
+ <img
311
+ src="https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png"
312
+ width="36px"
313
+ class="dark-img"
314
+ style="display: none"
315
+ />
316
+ </div>
317
+ </tbody>
318
+ </table>
319
+
320
+ </div>
321
+
322
+ <!--[if mso | IE]></td></tr></table><![endif]-->
323
+ </td>
324
+ </tr>
325
+ </tbody>
326
+ </table>
327
+
328
+ </div>
329
+
330
+
331
+ <!--[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]-->
332
+
333
+
334
+ <div class="section" style="margin:0px auto;max-width:560px;">
335
+
336
+ <table
337
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
338
+ >
339
+ <tbody>
340
+ <tr>
341
+ <td
342
+ style="direction:ltr;font-size:0px;padding:0px;padding-bottom:8px;text-align:center;"
343
+ >
344
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
345
+
346
+ <div
347
+ 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%;"
348
+ >
349
+
350
+ <table
351
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
352
+ >
353
+ <tbody>
354
+ <!-- Title & Main Message -->
355
+ <tr>
356
+ <td
357
+ 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;"
358
+ >
359
+
360
+ <div
361
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;"
362
+ ><!-- H4 Desktop (from MUI Italia)-->
363
+ <h1 style="font-size: 32px; line-height: 36px; margin: 0">
364
+ I tuoi accessi a servizi di terze parti
365
+ </h1></div>
366
+
367
+ </td>
368
+ </tr>
369
+
370
+ <tr>
371
+ <td
372
+ 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;"
373
+ >
374
+
375
+ <div
376
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
377
+ ><!-- Body 1 Desktop (from MUI Italia)-->
378
+ <p>
379
+ Ciao, <br />
380
+ La cronologia dei tuoi accessi a servizi di terze parti aggiornata al <strong>${formattedDate}</strong> è
381
+ disponibile nel file allegato a questa email.
382
+ </p>
383
+ <p>
384
+ Per ciascun accesso effettuato sono riportati:
385
+ <ul>
386
+ <li>Data e ora di accesso</li>
387
+ <li>Nome del servizio esterno utilizzato</li>
388
+ <li>Link alla piattaforma web del servizio</li>
389
+ </ul>
390
+ </p>
391
+ <p>
392
+ Ti ricordiamo che puoi sempre consultare la cronologia dei tuoi accessi aggiornata su IO, dalla sezione Impostazioni > Sicurezza e accessi.
393
+ </p></div>
394
+
395
+ </td>
396
+ </tr>
397
+
398
+ <tr>
399
+ <td
400
+ align="left" class="cta" style="font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;"
401
+ >
402
+
403
+ <table
404
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"
405
+ >
406
+ <tbody>
407
+ <tr>
408
+ <td
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
+ >
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"
413
+ >
414
+ Vai su IO
415
+ </a>
416
+ </td>
417
+ </tr>
418
+ </tbody>
419
+ </table>
420
+
421
+ </td>
422
+ </tr>
423
+
424
+ </tbody>
425
+ </table>
426
+
427
+ </div>
428
+
429
+ <!--[if mso | IE]></td></tr></table><![endif]-->
430
+ </td>
431
+ </tr>
432
+ </tbody>
433
+ </table>
434
+
435
+ </div>
436
+
437
+
438
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
439
+ <!-- Divider -->
440
+ <!--[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]-->
441
+
442
+
443
+ <div class="section" style="margin:0px auto;max-width:560px;">
444
+
445
+ <table
446
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
447
+ >
448
+ <tbody>
449
+ <tr>
450
+ <td
451
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
452
+ >
453
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
454
+
455
+ <div
456
+ 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%;"
457
+ >
458
+
459
+ <table
460
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
461
+ >
462
+ <tbody>
463
+
464
+ <tr>
465
+ <td
466
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
467
+ >
468
+
469
+ <p
470
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
471
+ >
472
+ </p>
473
+
474
+ <!--[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;
475
+ </td></tr></table><![endif]-->
476
+
477
+
478
+ </td>
479
+ </tr>
480
+
481
+ </tbody>
482
+ </table>
483
+
484
+ </div>
485
+
486
+ <!--[if mso | IE]></td></tr></table><![endif]-->
487
+ </td>
488
+ </tr>
489
+ </tbody>
490
+ </table>
491
+
492
+ </div>
493
+
494
+
495
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
496
+ <!-- Footer -->
497
+ <!--[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]-->
498
+
499
+
500
+ <div class="section" style="margin:0px auto;max-width:560px;">
501
+
502
+ <table
503
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
504
+ >
505
+ <tbody>
506
+ <tr>
507
+ <td
508
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;"
509
+ >
510
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
511
+
512
+ <div
513
+ 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%;"
514
+ >
515
+
516
+ <table
517
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
518
+ >
519
+ <tbody>
520
+
521
+ <tr>
522
+ <td
523
+ align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
524
+ >
525
+
526
+ <div
527
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
528
+ ><p>
529
+ <strong>
530
+ Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
531
+ di questa comunicazione e, non essendo monitorato, non riceveresti
532
+ risposta.
533
+ </strong>
534
+ </p>
535
+ <p>
536
+ Ricevi questa comunicazione perché hai richiesto l'inoltro della cronologia degli accessi a servizi di terze parti dalle impostazioni di app IO.
537
+ </p></div>
538
+
539
+ </td>
540
+ </tr>
541
+
542
+ </tbody>
543
+ </table>
544
+
545
+ </div>
546
+
547
+ <!--[if mso | IE]></td></tr></table><![endif]-->
548
+ </td>
549
+ </tr>
550
+ </tbody>
551
+ </table>
552
+
553
+ </div>
554
+
555
+
556
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
557
+ </td>
558
+ </tr>
559
+ </tbody>
560
+ </table>
561
+
562
+ </div>
563
+
564
+
565
+ <!--[if mso | IE]></td></tr></table><![endif]-->
566
+
567
+
568
+ </div>
569
+
570
+ </body>
571
+ </html>
572
+ `;
573
+ };
574
+ exports.apply = apply;
575
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"]}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const vitest_1 = require("vitest");
4
+ const __1 = require("../");
5
+ (0, vitest_1.describe)("Snapshot testing", () => {
6
+ (0, vitest_1.afterEach)(() => {
7
+ vitest_1.vi.restoreAllMocks();
8
+ });
9
+ (0, vitest_1.it)("should match snapshot", () => {
10
+ const htmlOutput = (0, __1.apply)({ href: "https://test.test/" }, { href: "https://test.test/" });
11
+ (0, vitest_1.expect)(htmlOutput).toMatchSnapshot();
12
+ });
13
+ });
14
+ //# sourceMappingURL=index.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../WalletInstanceCreation/__test__/index.test.ts"],"names":[],"mappings":";;AAAA,mCAA6D;AAE7D,2BAA4B;AAE5B,IAAA,iBAAQ,EAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAA,kBAAS,EAAC,GAAG,EAAE;QACb,WAAE,CAAC,eAAe,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,UAAU,GAAW,IAAA,SAAK,EAC9B,EAAE,IAAI,EAAE,oBAAoB,EAAc,EAC1C,EAAE,IAAI,EAAE,oBAAoB,EAAc,CAC3C,CAAC;QAEF,IAAA,eAAM,EAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect, vi, afterEach } from \"vitest\";\nimport { ValidUrl } from \"@pagopa/ts-commons/lib/url\";\nimport { apply } from \"../\";\n\ndescribe(\"Snapshot testing\", () => {\n afterEach(() => {\n vi.restoreAllMocks();\n });\n\n it(\"should match snapshot\", () => {\n const htmlOutput: string = apply(\n { href: \"https://test.test/\" } as ValidUrl,\n { href: \"https://test.test/\" } as ValidUrl\n );\n\n expect(htmlOutput).toMatchSnapshot();\n });\n});\n"]}
@@ -0,0 +1,2 @@
1
+ import { ValidUrl } from "@pagopa/ts-commons/lib/url";
2
+ export declare const apply: (faqLinkURL: ValidUrl, ioAppLinkURL: ValidUrl) => string;
@@ -0,0 +1,560 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ const apply = (faqLinkURL, ioAppLinkURL) => {
5
+ const faqLink = faqLinkURL.href;
6
+ const ioAppLink = ioAppLinkURL.href;
7
+ return `<!doctype html>
8
+ <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">
9
+ <head>
10
+ <title>Documenti su IO - Aggiungi la versione digitale dei tuoi documenti al Portafoglio</title>
11
+ <!--[if !mso]><!-->
12
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
13
+ <!--<![endif]-->
14
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15
+ <meta name="viewport" content="width=device-width, initial-scale=1">
16
+ <style type="text/css">
17
+ #outlook a { padding:0; }
18
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
19
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
20
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
21
+ p { display:block;margin:13px 0; }
22
+ </style>
23
+ <!--[if mso]>
24
+ <noscript>
25
+ <xml>
26
+ <o:OfficeDocumentSettings>
27
+ <o:AllowPNG/>
28
+ <o:PixelsPerInch>96</o:PixelsPerInch>
29
+ </o:OfficeDocumentSettings>
30
+ </xml>
31
+ </noscript>
32
+ <![endif]-->
33
+ <!--[if lte mso 11]>
34
+ <style type="text/css">
35
+ .mj-outlook-group-fix { width:100% !important; }
36
+ </style>
37
+ <![endif]-->
38
+
39
+ <!--[if !mso]><!-->
40
+ <link href="https://selfcare.pagopa.it/assets/font/selfhostedfonts.css" rel="stylesheet" type="text/css">
41
+ <style type="text/css">
42
+ @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);
43
+ </style>
44
+ <!--<![endif]-->
45
+
46
+
47
+
48
+ <style type="text/css">
49
+ @media only screen and (min-width:480px) {
50
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
51
+ }
52
+ </style>
53
+ <style media="screen and (min-width:480px)">
54
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
55
+ </style>
56
+
57
+
58
+
59
+
60
+ <style type="text/css">
61
+
62
+ @media only screen and (max-width:479px) {
63
+ table.mj-full-width-mobile { width: 100% !important; }
64
+ td.mj-full-width-mobile { width: auto !important; }
65
+ }
66
+
67
+ </style>
68
+
69
+ <style type="text/css">
70
+ :root {
71
+ color-scheme: light dark;
72
+ supported-color-schemes: light dark;
73
+ }
74
+
75
+ body,
76
+ .mail-body {
77
+ background-color: #FFFFFF;
78
+ }
79
+
80
+ .header {
81
+ background-color: #FFFFFF;
82
+ /* border-top: 8px solid #0073E6; */
83
+ }
84
+
85
+ .section {
86
+ background-color: #FFFFFF;
87
+ }
88
+
89
+ .title div {
90
+ /* Text Primary */
91
+ color: #17324D !important;
92
+ }
93
+
94
+ .text div {
95
+ /* Text Primary */
96
+ color: #17324D !important;
97
+ }
98
+
99
+ .text-secondary,
100
+ .text-secondary div {
101
+ /* Text Secondary */
102
+ color: #5C6F82 !important;
103
+ }
104
+
105
+ p {
106
+ margin-top: 12px;
107
+ margin-bottom: 12px;
108
+ }
109
+
110
+ .text-secondary a,
111
+ .text a {
112
+ color: #0073E6 !important;
113
+ }
114
+
115
+ .link {
116
+ color: #0073E6 !important;
117
+ }
118
+
119
+ .divider p {
120
+ border-color: #E3E7EB !important;
121
+ }
122
+
123
+ /* Message Preview Block */
124
+
125
+ .message-preview {
126
+ background-color: #FAFAFA;
127
+ }
128
+
129
+ @media (prefers-color-scheme: light) {
130
+
131
+ .dark-img,
132
+ [data-ogsc] .dark-img {
133
+ display: none !important;
134
+ mso-hide: all !important;
135
+ }
136
+
137
+ .light-img,
138
+ [data-ogsc] .light-img {
139
+ display: block;
140
+ display: block !important;
141
+ }
142
+ }
143
+
144
+ @media (min-width: 600px) {
145
+
146
+ .mobile {
147
+ display: none;
148
+ }
149
+
150
+ .desktop {
151
+ display: block;
152
+ }
153
+ }
154
+
155
+ @media (prefers-color-scheme: dark) {
156
+
157
+ body,
158
+ .mail-body {
159
+ background-color: #323232;
160
+ }
161
+
162
+ .header {
163
+ background-color: #323232;
164
+ /* border-top: 8px solid #3da2ff; */
165
+ }
166
+
167
+ .section {
168
+ background-color: #323232;
169
+ }
170
+
171
+ .message-preview {
172
+ background-color: #424242;
173
+ }
174
+
175
+ .divider p {
176
+ border-color: #757575 !important;
177
+ }
178
+
179
+ .title div {
180
+ color: #ffffff !important;
181
+ }
182
+
183
+ .text div {
184
+ color: #ffffff !important;
185
+ }
186
+
187
+ .text-secondary,
188
+ .text-secondary div {
189
+ /* Gray-200 */
190
+ color: #E0E0E0 !important;
191
+ }
192
+
193
+ .text-secondary a,
194
+ .text a {
195
+ color: #3da2ff !important;
196
+ }
197
+
198
+ .link {
199
+ color: #3da2ff !important;
200
+ }
201
+
202
+ .cta table td,
203
+ .cta table td>a {
204
+ background-color: #3da2ff !important;
205
+ }
206
+
207
+ /* IMAGES */
208
+ /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */
209
+
210
+ .dark-img,
211
+ [data-ogsc] .dark-img {
212
+ display: block !important;
213
+ overflow: visible !important;
214
+ float: none !important;
215
+ line-height: auto !important;
216
+ margin-top: 0px !important;
217
+ visibility: inherit !important;
218
+ }
219
+
220
+ .light-img,
221
+ [data-ogsc] .light-img {
222
+ display: none;
223
+ display: none !important;
224
+ mso-hide: all !important;
225
+ }
226
+ }
227
+ </style>
228
+ <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
229
+ <meta name="color-scheme" content="light dark" />
230
+ <meta name="supported-color-schemes" content="light dark" />
231
+ </head>
232
+ <body style="word-spacing:normal;">
233
+
234
+
235
+ <div
236
+ class="mail-body" style="" lang="it" dir="auto"
237
+ >
238
+
239
+
240
+ <!--[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]-->
241
+
242
+
243
+ <div style="margin:0px auto;max-width:600px;">
244
+
245
+ <table
246
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
247
+ >
248
+ <tbody>
249
+ <tr>
250
+ <td
251
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;"
252
+ >
253
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
254
+
255
+ <!-- App IO Logo -->
256
+ <!--[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]-->
257
+
258
+
259
+ <div class="header" style="margin:0px auto;max-width:560px;">
260
+
261
+ <table
262
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
263
+ >
264
+ <tbody>
265
+ <tr>
266
+ <td
267
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
268
+ >
269
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
270
+
271
+ <div
272
+ 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%;"
273
+ >
274
+
275
+ <table
276
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
277
+ >
278
+ <tbody>
279
+
280
+ <tr>
281
+ <td
282
+ align="left" class="light-img" style="font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;"
283
+ >
284
+
285
+ <table
286
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
287
+ >
288
+ <tbody>
289
+ <tr>
290
+ <td style="width:36px;">
291
+
292
+ <img
293
+ 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"
294
+ />
295
+
296
+ </td>
297
+ </tr>
298
+ </tbody>
299
+ </table>
300
+
301
+ </td>
302
+ </tr>
303
+ <div
304
+ class="dark-img"
305
+ style="mso-hide: all; display: none; padding: 10px 0px"
306
+ >
307
+ <img
308
+ src="https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png"
309
+ width="36px"
310
+ class="dark-img"
311
+ style="display: none"
312
+ />
313
+ </div>
314
+ </tbody>
315
+ </table>
316
+
317
+ </div>
318
+
319
+ <!--[if mso | IE]></td></tr></table><![endif]-->
320
+ </td>
321
+ </tr>
322
+ </tbody>
323
+ </table>
324
+
325
+ </div>
326
+
327
+
328
+ <!--[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]-->
329
+
330
+
331
+ <div class="section" style="margin:0px auto;max-width:560px;">
332
+
333
+ <table
334
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
335
+ >
336
+ <tbody>
337
+ <tr>
338
+ <td
339
+ style="direction:ltr;font-size:0px;padding:0px;padding-bottom:8px;text-align:center;"
340
+ >
341
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
342
+
343
+ <div
344
+ 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%;"
345
+ >
346
+
347
+ <table
348
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
349
+ >
350
+ <tbody>
351
+ <!-- Title & Main Message -->
352
+ <tr>
353
+ <td
354
+ 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;"
355
+ >
356
+
357
+ <div
358
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;"
359
+ ><h1 style="font-size: 32px; line-height: 36px; margin: 0">
360
+ Documenti su IO - Aggiungi la versione digitale dei tuoi documenti
361
+ al Portafoglio
362
+ </h1></div>
363
+
364
+ </td>
365
+ </tr>
366
+
367
+ <tr>
368
+ <td
369
+ 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;"
370
+ >
371
+
372
+ <div
373
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
374
+ ><p>
375
+ Ciao,<br /><br />
376
+ il tuo Portafoglio sull'app IO è pronto a
377
+ <strong
378
+ >ricevere la versione digitale dei<br />
379
+ tuoi documenti</strong
380
+ >
381
+ personali, come la Patente di guida e la Tessera<br />
382
+ sanitaria - Tessera europea di assicurazione malattia.
383
+ </p>
384
+ <p>
385
+ <strong>Attiva Documenti su IO</strong>
386
+ </p>
387
+ <p>
388
+ Se non l'hai ancora fatto, attiva la nuova funzionalità <strong>Documenti su IO</strong><br />
389
+ con SPID o CIE: è un passaggio di verifica necessario per aggiungere e<br />
390
+ custodire nel Portafoglio dell'app i tuoi documenti in sicurezza.
391
+ </p>
392
+ <p>
393
+ <strong>Utile da sapere</strong>
394
+ </p>
395
+ <p>
396
+ Puoi disattivare Documenti su IO quando vuoi dall'app, premendo su<br />
397
+ <strong>Cos'è?</strong> nella sezione Portafoglio.
398
+ </p>
399
+ <p>
400
+ Se non hai più il controllo del tuo dispositivo mobile, puoi
401
+ disattivare<br />
402
+ Documenti su IO anche dal sito
403
+ <a href="${ioAppLink}" class="link">ioapp.it</a>, accedendo con
404
+ SPID o CIE.
405
+ </p>
406
+ <p>
407
+ <strong>Domande e risposte</strong>
408
+ </p>
409
+ <p>
410
+ Per saperne di più su Documenti su IO consulta le
411
+ <a href="${faqLink}" class="link">FAQ</a>
412
+ dedicate.
413
+ </p></div>
414
+
415
+ </td>
416
+ </tr>
417
+
418
+ </tbody>
419
+ </table>
420
+
421
+ </div>
422
+
423
+ <!--[if mso | IE]></td></tr></table><![endif]-->
424
+ </td>
425
+ </tr>
426
+ </tbody>
427
+ </table>
428
+
429
+ </div>
430
+
431
+
432
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
433
+ <!-- Divider -->
434
+ <!--[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]-->
435
+
436
+
437
+ <div class="section" style="margin:0px auto;max-width:560px;">
438
+
439
+ <table
440
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
441
+ >
442
+ <tbody>
443
+ <tr>
444
+ <td
445
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
446
+ >
447
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
448
+
449
+ <div
450
+ 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%;"
451
+ >
452
+
453
+ <table
454
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
455
+ >
456
+ <tbody>
457
+
458
+ <tr>
459
+ <td
460
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
461
+ >
462
+
463
+ <p
464
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
465
+ >
466
+ </p>
467
+
468
+ <!--[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;
469
+ </td></tr></table><![endif]-->
470
+
471
+
472
+ </td>
473
+ </tr>
474
+
475
+ </tbody>
476
+ </table>
477
+
478
+ </div>
479
+
480
+ <!--[if mso | IE]></td></tr></table><![endif]-->
481
+ </td>
482
+ </tr>
483
+ </tbody>
484
+ </table>
485
+
486
+ </div>
487
+
488
+
489
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
490
+ <!-- Footer -->
491
+ <!--[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]-->
492
+
493
+
494
+ <div class="section" style="margin:0px auto;max-width:560px;">
495
+
496
+ <table
497
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
498
+ >
499
+ <tbody>
500
+ <tr>
501
+ <td
502
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
503
+ >
504
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
505
+
506
+ <div
507
+ 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%;"
508
+ >
509
+
510
+ <table
511
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
512
+ >
513
+ <tbody>
514
+
515
+ <tr>
516
+ <td
517
+ align="left" style="font-size:0px;padding:0px;word-break:break-word;"
518
+ >
519
+
520
+ <div
521
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#A2ADB8;"
522
+ ><p>Ricevi questo messaggio perché hai un'utenza attiva su App IO.</p></div>
523
+
524
+ </td>
525
+ </tr>
526
+
527
+ </tbody>
528
+ </table>
529
+
530
+ </div>
531
+
532
+ <!--[if mso | IE]></td></tr></table><![endif]-->
533
+ </td>
534
+ </tr>
535
+ </tbody>
536
+ </table>
537
+
538
+ </div>
539
+
540
+
541
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
542
+ </td>
543
+ </tr>
544
+ </tbody>
545
+ </table>
546
+
547
+ </div>
548
+
549
+
550
+ <!--[if mso | IE]></td></tr></table><![endif]-->
551
+
552
+
553
+ </div>
554
+
555
+ </body>
556
+ </html>
557
+ `;
558
+ };
559
+ exports.apply = apply;
560
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../WalletInstanceCreation/index.ts"],"names":[],"mappings":";;;AAEO,MAAM,KAAK,GAAG,CACnB,UAAoB,EACpB,YAAsB,EACd,EAAE;IACV,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC;IAChC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4YgB,SAAS;;;;;;;;yBAQT,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkJ7B,CAAC;AACJ,CAAC,CAAC;AA7iBW,QAAA,KAAK,SA6iBhB","sourcesContent":["import { ValidUrl } from \"@pagopa/ts-commons/lib/url\";\n\nexport const apply = (\n faqLinkURL: ValidUrl,\n ioAppLinkURL: ValidUrl,\n): string => {\n const faqLink = faqLinkURL.href;\n const ioAppLink = ioAppLinkURL.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>Documenti su IO - Aggiungi la versione digitale dei tuoi documenti al Portafoglio</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 ><h1 style=\"font-size: 32px; line-height: 36px; margin: 0\">\n Documenti su IO - Aggiungi la versione digitale dei tuoi documenti\n al Portafoglio\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 ><p>\n Ciao,<br /><br />\n il tuo Portafoglio sull'app IO è pronto a\n <strong\n >ricevere la versione digitale dei<br />\n tuoi documenti</strong\n >\n personali, come la Patente di guida e la Tessera<br />\n sanitaria - Tessera europea di assicurazione malattia.\n </p>\n <p>\n <strong>Attiva Documenti su IO</strong>\n </p>\n <p>\n Se non l'hai ancora fatto, attiva la nuova funzionalità <strong>Documenti su IO</strong><br />\n con SPID o CIE: è un passaggio di verifica necessario per aggiungere e<br />\n custodire nel Portafoglio dell'app i tuoi documenti in sicurezza.\n </p>\n <p>\n <strong>Utile da sapere</strong>\n </p>\n <p>\n Puoi disattivare Documenti su IO quando vuoi dall'app, premendo su<br />\n <strong>Cos'è?</strong> nella sezione Portafoglio.\n </p>\n <p>\n Se non hai più il controllo del tuo dispositivo mobile, puoi\n disattivare<br />\n Documenti su IO anche dal sito\n <a href=\"${ioAppLink}\" class=\"link\">ioapp.it</a>, accedendo con\n SPID o CIE.\n </p>\n <p>\n <strong>Domande e risposte</strong>\n </p>\n <p>\n Per saperne di più su Documenti su IO consulta le\n <a href=\"${faqLink}\" class=\"link\">FAQ</a>\n dedicate.\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\" 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:#A2ADB8;\"\n ><p>Ricevi questo messaggio perché hai un'utenza attiva su App IO.</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.1.6",
3
+ "version": "0.2.1",
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",
@@ -30,6 +30,8 @@
30
30
  "generate:mailvalidation": "ts-node ./utils/email_generation_script.ts MailValidation/",
31
31
  "generate:loginnotification": "ts-node ./utils/email_generation_script.ts LoginNotificationIOWeb/",
32
32
  "generate:loginnotificationfallback": "ts-node ./utils/email_generation_script.ts LoginNotification/",
33
+ "generate:fimsaccessexport": "ts-node ./utils/email_generation_script.ts FimsAccessExport/",
34
+ "generate:walletinstancecreation": "ts-node ./utils/email_generation_script.ts WalletInstanceCreation/",
33
35
  "test:watch": "vitest"
34
36
  },
35
37
  "dependencies": {