@pagopa/io-app-email-templates 0.1.6

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,611 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.apply = void 0;
4
+ const capitalize_1 = require("../utils/capitalize");
5
+ function apply(title, validationUrl, unformattedName) {
6
+ const name = unformattedName ? (0, capitalize_1.splitAndCap)(unformattedName) : "";
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>Conferma il tuo indirizzo email</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;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
+ ><!-- H4 Desktop (from MUI Italia)-->
360
+ <h1 style="font-size: 32px; line-height: 40px; margin: 0">
361
+ ${title}
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:8px;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 style="margin-bottom: 0px">Ciao ${name},</p></div>
375
+
376
+ </td>
377
+ </tr>
378
+
379
+ <tr>
380
+ <td
381
+ align="left" class="text" style="font-size:0px;padding:0px;word-break:break-word;"
382
+ >
383
+
384
+ <div
385
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
386
+ ><!-- Body 1 Desktop (from MUI Italia)-->
387
+ <p>
388
+ premi il pulsante qui sotto per confermare il tuo indirizzo email e torna sull'app IO per
389
+ continuare a navigare!
390
+ </p>
391
+ <p>
392
+ Se non hai richiesto tu questa email, ignorala pure.
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:14px 24px;background:#0073E6;" valign="middle"
410
+ >
411
+ <a
412
+ href="${validationUrl}" style="display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 24px;mso-padding-alt:0px;border-radius:4px;" target="_blank"
413
+ >
414
+ Procedi con la conferma
415
+ </a>
416
+ </td>
417
+ </tr>
418
+ </tbody>
419
+ </table>
420
+
421
+ </td>
422
+ </tr>
423
+
424
+ <tr>
425
+ <td
426
+ align="left" class="text" style="font-size:0px;padding:0px;word-break:break-word;"
427
+ >
428
+
429
+ <div
430
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;"
431
+ ><p>
432
+ Se hai problemi, copia e incolla il seguente indirizzo in una nuova
433
+ scheda del browser:
434
+ <a
435
+ href="${validationUrl}"
436
+ style="color: #0073e6"
437
+ class="link"
438
+ >${validationUrl}</a
439
+ >
440
+ </p></div>
441
+
442
+ </td>
443
+ </tr>
444
+
445
+ <tr>
446
+ <td
447
+ align="left" class="text" style="font-size:0px;padding:10px 25px;padding-top:8px;padding-right:0px;padding-left:0px;word-break:break-word;"
448
+ >
449
+
450
+ <div
451
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#17324D;"
452
+ ><p style="margin-top: 0px">
453
+ A presto,<br aria-hidden="true" />il team di PagoPA S.p.A.
454
+ </p></div>
455
+
456
+ </td>
457
+ </tr>
458
+
459
+ </tbody>
460
+ </table>
461
+
462
+ </div>
463
+
464
+ <!--[if mso | IE]></td></tr></table><![endif]-->
465
+ </td>
466
+ </tr>
467
+ </tbody>
468
+ </table>
469
+
470
+ </div>
471
+
472
+
473
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
474
+ <!-- Divider -->
475
+ <!--[if mso | IE]><tr><td class="section-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="section-outlook" role="presentation" style="width:560px;" width="560" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
476
+
477
+
478
+ <div class="section" style="margin:0px auto;max-width:560px;">
479
+
480
+ <table
481
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
482
+ >
483
+ <tbody>
484
+ <tr>
485
+ <td
486
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
487
+ >
488
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
489
+
490
+ <div
491
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
492
+ >
493
+
494
+ <table
495
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
496
+ >
497
+ <tbody>
498
+
499
+ <tr>
500
+ <td
501
+ align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
502
+ >
503
+
504
+ <p
505
+ style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
506
+ >
507
+ </p>
508
+
509
+ <!--[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;
510
+ </td></tr></table><![endif]-->
511
+
512
+
513
+ </td>
514
+ </tr>
515
+
516
+ </tbody>
517
+ </table>
518
+
519
+ </div>
520
+
521
+ <!--[if mso | IE]></td></tr></table><![endif]-->
522
+ </td>
523
+ </tr>
524
+ </tbody>
525
+ </table>
526
+
527
+ </div>
528
+
529
+
530
+ <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
531
+ <!-- Footer -->
532
+ <!--[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]-->
533
+
534
+
535
+ <div class="section" style="margin:0px auto;max-width:560px;">
536
+
537
+ <table
538
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
539
+ >
540
+ <tbody>
541
+ <tr>
542
+ <td
543
+ style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;"
544
+ >
545
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
546
+
547
+ <div
548
+ 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%;"
549
+ >
550
+
551
+ <table
552
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
553
+ >
554
+ <tbody>
555
+
556
+ <tr>
557
+ <td
558
+ align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
559
+ >
560
+
561
+ <div
562
+ style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
563
+ ><p>
564
+ Ricevi questa comunicazione perché stai confermando l'indirizzo
565
+ email associato al tuo profilo su IO.
566
+ </p>
567
+ <p>
568
+ <strong>
569
+ Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
570
+ di questa comunicazione e, non essendo monitorato, non riceveresti
571
+ risposta.
572
+ </strong>
573
+ </p></div>
574
+
575
+ </td>
576
+ </tr>
577
+
578
+ </tbody>
579
+ </table>
580
+
581
+ </div>
582
+
583
+ <!--[if mso | IE]></td></tr></table><![endif]-->
584
+ </td>
585
+ </tr>
586
+ </tbody>
587
+ </table>
588
+
589
+ </div>
590
+
591
+
592
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
593
+ </td>
594
+ </tr>
595
+ </tbody>
596
+ </table>
597
+
598
+ </div>
599
+
600
+
601
+ <!--[if mso | IE]></td></tr></table><![endif]-->
602
+
603
+
604
+ </div>
605
+
606
+ </body>
607
+ </html>
608
+ `;
609
+ }
610
+ exports.apply = apply;
611
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../MailValidation/index.ts"],"names":[],"mappings":";;;AAAA,oDAAkD;AAElD,SAAgB,KAAK,CACnB,KAAa,EACb,aAAqB,EACrB,eAAwB;IAExB,MAAM,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,IAAA,wBAAW,EAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAkWO,KAAK;;;;;;;;;;;;;4CAauB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCvB,aAAa;;;;;;;;;;;;;;;;;;;;;;;wBAuBd,aAAa;;;mBAGlB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0K7B,CAAC;AACJ,CAAC;AAhmBD,sBAgmBC","sourcesContent":["import { splitAndCap } from \"../utils/capitalize\";\n\nexport function apply(\n title: string,\n validationUrl: string,\n unformattedName?: string\n): string {\n const name = unformattedName ? splitAndCap(unformattedName) : \"\";\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>Conferma il tuo indirizzo email</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;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: 40px; margin: 0\">\n ${title}\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:8px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><p style=\"margin-bottom: 0px\">Ciao ${name},</p></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><!-- Body 1 Desktop (from MUI Italia)-->\n <p>\n premi il pulsante qui sotto per confermare il tuo indirizzo email e torna sull'app IO per\n continuare a navigare!\n </p>\n <p>\n Se non hai richiesto tu questa email, ignorala pure.\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:14px 24px;background:#0073E6;\" valign=\"middle\"\n >\n <a\n href=\"${validationUrl}\" style=\"display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 24px;mso-padding-alt:0px;border-radius:4px;\" target=\"_blank\"\n >\n Procedi con la conferma\n </a>\n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><p>\n Se hai problemi, copia e incolla il seguente indirizzo in una nuova\n scheda del browser:\n <a\n href=\"${validationUrl}\"\n style=\"color: #0073e6\"\n class=\"link\"\n >${validationUrl}</a\n >\n </p></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:8px;padding-right: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;line-height:24px;text-align:left;color:#17324D;\"\n ><p style=\"margin-top: 0px\">\n A presto,<br aria-hidden=\"true\" />il team di PagoPA S.p.A.\n </p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Divider -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"center\" class=\"divider\" style=\"font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;\"\n >\n \n <p\n style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;\"\n >\n </p>\n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:560px;\" role=\"presentation\" width=\"560px\" ><tr><td style=\"height:0;line-height:0;\"> &nbsp;\n</td></tr></table><![endif]-->\n \n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Footer -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding: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 Ricevi questa comunicazione perché stai confermando l'indirizzo\n email associato al tuo profilo su IO.\n </p>\n <p>\n <strong>\n Non rispondere a questo indirizzo email: è utilizzato solo per l'invio\n di questa comunicazione e, non essendo monitorato, non riceveresti\n risposta.\n </strong>\n </p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n \n \n </div>\n \n </body>\n</html>\n `;\n}\n"]}
@@ -0,0 +1,2 @@
1
+ export declare const capitalize: (s: string) => string;
2
+ export declare const splitAndCap: (s: string) => string;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.splitAndCap = exports.capitalize = void 0;
4
+ const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
5
+ exports.capitalize = capitalize;
6
+ const splitAndCap = (s) => s.toLowerCase().split(" ").map(exports.capitalize).join(" ");
7
+ exports.splitAndCap = splitAndCap;
8
+ //# sourceMappingURL=capitalize.js.map