@pagopa/io-app-email-templates 0.5.1 → 0.6.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,16 @@
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)("Pippo", "10:00", "20/12/2024", {
11
+ href: "https://test.test/",
12
+ });
13
+ (0, vitest_1.expect)(htmlOutput).toMatchSnapshot();
14
+ });
15
+ });
16
+ //# sourceMappingURL=index.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../ItWalletInstanceRevocation/__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,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE;YAC/D,IAAI,EAAE,oBAAoB;SACf,CAAC,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(\"Pippo\", \"10:00\", \"20/12/2024\", {\n href: \"https://test.test/\",\n } as ValidUrl);\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: (name: string, revocationTime: string, revocationDate: string, blockAccessLinkURL: ValidUrl) => string;
@@ -0,0 +1,550 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ const apply = (name, revocationTime, revocationDate, blockAccessLinkURL) => {
5
+ const blockAccessLink = blockAccessLinkURL.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>Messaggio da IO: hai rimosso i tuoi documenti digitali</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
+ ><h1 style="font-size: 32px; line-height: 36px; margin: 0">
359
+ Messaggio da IO: hai rimosso i tuoi documenti digitali
360
+ </h1>
361
+ <br /></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
+ ><p>
374
+ Ciao ${name},<br /><br />
375
+ alle ore ${revocationTime} del ${revocationDate} hai richiesto di rimuovere dall’app i tuoi documenti digitali. Ti confermiamo che tutti i documenti presenti nel tuo Portafoglio sono stati eliminati e le funzionalità IT-Wallet o Documenti su IO disattivate.<br />
376
+ </p>
377
+ <p>
378
+ Se cambi idea, potrai aggiungere di nuovo i tuoi documenti digitali in futuro, direttamente dall’app IO.<br /><br />
379
+ </p>
380
+ <p>
381
+ <strong>Non eri tu?</strong>
382
+ </p>
383
+ <p>
384
+ Per mantenere i tuoi dati al sicuro, <strong><a href="${blockAccessLink}" class="link">blocca l'accesso</a></strong>.
385
+ </p></div>
386
+
387
+ </td>
388
+ </tr>
389
+
390
+ </tbody>
391
+ </table>
392
+
393
+ </div>
394
+
395
+ <!--[if mso | IE]></td></tr></table><![endif]-->
396
+ </td>
397
+ </tr>
398
+ </tbody>
399
+ </table>
400
+
401
+ </div>
402
+
403
+
404
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
405
+ <!-- Divider -->
406
+ <!--[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]-->
407
+
408
+
409
+ <div class="section" style="margin:0px auto;max-width:560px;">
410
+
411
+ <table
412
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
413
+ >
414
+ <tbody>
415
+ <tr>
416
+ <td
417
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
418
+ >
419
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
420
+
421
+ <div
422
+ 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%;"
423
+ >
424
+
425
+ <table
426
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
427
+ >
428
+ <tbody>
429
+
430
+ <tr>
431
+ <td
432
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
433
+ >
434
+
435
+ <p
436
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
437
+ >
438
+ </p>
439
+
440
+ <!--[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;
441
+ </td></tr></table><![endif]-->
442
+
443
+
444
+ </td>
445
+ </tr>
446
+
447
+ </tbody>
448
+ </table>
449
+
450
+ </div>
451
+
452
+ <!--[if mso | IE]></td></tr></table><![endif]-->
453
+ </td>
454
+ </tr>
455
+ </tbody>
456
+ </table>
457
+
458
+ </div>
459
+
460
+
461
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
462
+ <!-- Footer -->
463
+ <!--[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]-->
464
+
465
+
466
+ <div class="section" style="margin:0px auto;max-width:560px;">
467
+
468
+ <table
469
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
470
+ >
471
+ <tbody>
472
+ <tr>
473
+ <td
474
+ style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
475
+ >
476
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
477
+
478
+ <div
479
+ 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%;"
480
+ >
481
+
482
+ <table
483
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
484
+ >
485
+ <tbody>
486
+
487
+ <tr>
488
+ <td
489
+ align="left" style="font-size:0px;padding:0px;word-break:break-word;"
490
+ >
491
+
492
+ <div
493
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#A2ADB8;"
494
+ ><p>Ricevi questo messaggio perché hai un'utenza attiva su app IO.</p></div>
495
+
496
+ </td>
497
+ </tr>
498
+
499
+ <tr>
500
+ <td
501
+ align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
502
+ >
503
+
504
+ <div
505
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
506
+ ><p>
507
+ <strong>
508
+ Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
509
+ di questa comunicazione e, non essendo monitorato, non riceveresti
510
+ risposta.
511
+ </strong>
512
+ </p></div>
513
+
514
+ </td>
515
+ </tr>
516
+
517
+ </tbody>
518
+ </table>
519
+
520
+ </div>
521
+
522
+ <!--[if mso | IE]></td></tr></table><![endif]-->
523
+ </td>
524
+ </tr>
525
+ </tbody>
526
+ </table>
527
+
528
+ </div>
529
+
530
+
531
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
532
+ </td>
533
+ </tr>
534
+ </tbody>
535
+ </table>
536
+
537
+ </div>
538
+
539
+
540
+ <!--[if mso | IE]></td></tr></table><![endif]-->
541
+
542
+
543
+ </div>
544
+
545
+ </body>
546
+ </html>
547
+ `;
548
+ };
549
+ exports.apply = apply;
550
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../ItWalletInstanceRevocation/index.ts"],"names":[],"mappings":";;;AAEO,MAAM,KAAK,GAAG,CACnB,IAAY,EACZ,cAAsB,EACtB,cAAsB,EACtB,kBAA4B,EACpB,EAAE;IACV,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAChD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAgXY,IAAI;yBACA,cAAc,QAAQ,cAAc;;;;;;;;;sEASS,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmKlF,CAAC;AACJ,CAAC,CAAC;AAriBW,QAAA,KAAK,SAqiBhB","sourcesContent":["import { ValidUrl } from \"@pagopa/ts-commons/lib/url\";\n\nexport const apply = (\n name: string,\n revocationTime: string,\n revocationDate: string,\n blockAccessLinkURL: ValidUrl,\n): string => {\n const blockAccessLink = blockAccessLinkURL.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>Messaggio da IO: hai rimosso i tuoi documenti digitali</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 Messaggio da IO: hai rimosso i tuoi documenti digitali\n </h1>\n <br /></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 ${name},<br /><br />\n alle ore ${revocationTime} del ${revocationDate} hai richiesto di rimuovere dall’app i tuoi documenti digitali. Ti confermiamo che tutti i documenti presenti nel tuo Portafoglio sono stati eliminati e le funzionalità IT-Wallet o Documenti su IO disattivate.<br />\n </p>\n <p>\n Se cambi idea, potrai aggiungere di nuovo i tuoi documenti digitali in futuro, direttamente dall’app IO.<br /><br />\n </p>\n <p>\n <strong>Non eri tu?</strong>\n </p>\n <p>\n Per mantenere i tuoi dati al sicuro, <strong><a href=\"${blockAccessLink}\" class=\"link\">blocca l'accesso</a></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><![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 <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></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.5.1",
3
+ "version": "0.6.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",
@@ -35,6 +35,7 @@
35
35
  "generate:walletinstancecreation": "ts-node ./utils/email_generation_script.ts WalletInstanceCreation/",
36
36
  "generate:walletinstancerevocation": "ts-node ./utils/email_generation_script.ts WalletInstanceRevocation/",
37
37
  "generate:expiredsessionuserreengagement": "ts-node ./utils/email_generation_script.ts ExpiredSessionUserReEngagement/",
38
+ "generate:itwalletinstancerevocation": "ts-node ./utils/email_generation_script.ts ItWalletInstanceRevocation/",
38
39
  "test:watch": "vitest"
39
40
  },
40
41
  "dependencies": {