@pagopa/io-app-email-templates 0.6.2 → 0.7.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.
- package/dist/ItWalletWelcome/__test__/index.test.d.ts +1 -0
- package/dist/ItWalletWelcome/__test__/index.test.js +18 -0
- package/dist/ItWalletWelcome/__test__/index.test.js.map +1 -0
- package/dist/ItWalletWelcome/index.d.ts +2 -0
- package/dist/ItWalletWelcome/index.js +558 -0
- package/dist/ItWalletWelcome/index.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
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)({
|
|
11
|
+
href: "https://test.test/",
|
|
12
|
+
}, {
|
|
13
|
+
href: "https://test.test/",
|
|
14
|
+
});
|
|
15
|
+
(0, vitest_1.expect)(htmlOutput).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=index.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../ItWalletWelcome/__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;YACE,IAAI,EAAE,oBAAoB;SACf,EACb;YACE,IAAI,EAAE,oBAAoB;SACf,CACd,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 {\n href: \"https://test.test/\",\n } as ValidUrl,\n {\n href: \"https://test.test/\",\n } as ValidUrl\n );\n\n expect(htmlOutput).toMatchSnapshot();\n });\n});\n"]}
|
|
@@ -0,0 +1,558 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.apply = void 0;
|
|
4
|
+
const apply = (disableItWalletLinkURL, ioWebAppLinkUrl) => {
|
|
5
|
+
const disableItWalletLink = disableItWalletLinkURL.href;
|
|
6
|
+
const ioWebAppLink = ioWebAppLinkUrl.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>Novità su IO: i tuoi documenti digitali</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
|
+
I tuoi documenti digitali su IO
|
|
361
|
+
</h1>
|
|
362
|
+
<br /></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
|
+
Hai attivato la funzionalità di IO che ti permette di gestire in modo semplice e sicuro <b>i tuoi documenti digitali ufficiali nel portafoglio dell’app!</b><br />
|
|
377
|
+
</p>
|
|
378
|
+
<p>
|
|
379
|
+
Da ora potrai:<br />
|
|
380
|
+
<ul>
|
|
381
|
+
<li><strong>aggiungere e consultare i tuoi documenti digitali personali</strong> dalla sezione Portafoglio</li>
|
|
382
|
+
<li><strong>usare i documenti digitali dal vivo</strong> per le verifiche in prossimità consentite</li>
|
|
383
|
+
<li><strong>usare i documenti digitali online</strong> per accedere in pochi tocchi ai servizi digitali che li supportano</li>
|
|
384
|
+
</ul>
|
|
385
|
+
</p>
|
|
386
|
+
<p>
|
|
387
|
+
Se non hai ancora aggiunto documenti, inizia dalla sezione Portafoglio dell’app.
|
|
388
|
+
</p>
|
|
389
|
+
<p>
|
|
390
|
+
Ricorda che in qualsiasi momento puoi <strong><a href="${disableItWalletLink}" class="link">disattivare questa funzionalità</a></strong>.
|
|
391
|
+
</p>
|
|
392
|
+
<p><strong>Per saperne di più</strong></p>
|
|
393
|
+
<p>Per saperne di più sui documenti digitali e altre funzionalità dell’app <strong><a href="${ioWebAppLink}" class="link">visita il sito di IO, l’app dei servizi pubblici</a></strong>.</p></div>
|
|
394
|
+
|
|
395
|
+
</td>
|
|
396
|
+
</tr>
|
|
397
|
+
|
|
398
|
+
</tbody>
|
|
399
|
+
</table>
|
|
400
|
+
|
|
401
|
+
</div>
|
|
402
|
+
|
|
403
|
+
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
404
|
+
</td>
|
|
405
|
+
</tr>
|
|
406
|
+
</tbody>
|
|
407
|
+
</table>
|
|
408
|
+
|
|
409
|
+
</div>
|
|
410
|
+
|
|
411
|
+
|
|
412
|
+
<!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
|
|
413
|
+
<!-- Divider -->
|
|
414
|
+
<!--[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]-->
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
<div class="section" style="margin:0px auto;max-width:560px;">
|
|
418
|
+
|
|
419
|
+
<table
|
|
420
|
+
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
|
|
421
|
+
>
|
|
422
|
+
<tbody>
|
|
423
|
+
<tr>
|
|
424
|
+
<td
|
|
425
|
+
style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;"
|
|
426
|
+
>
|
|
427
|
+
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
|
|
428
|
+
|
|
429
|
+
<div
|
|
430
|
+
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%;"
|
|
431
|
+
>
|
|
432
|
+
|
|
433
|
+
<table
|
|
434
|
+
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
435
|
+
>
|
|
436
|
+
<tbody>
|
|
437
|
+
|
|
438
|
+
<tr>
|
|
439
|
+
<td
|
|
440
|
+
align="center" class="divider" style="font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;"
|
|
441
|
+
>
|
|
442
|
+
|
|
443
|
+
<p
|
|
444
|
+
style="border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;"
|
|
445
|
+
>
|
|
446
|
+
</p>
|
|
447
|
+
|
|
448
|
+
<!--[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;">
|
|
449
|
+
</td></tr></table><![endif]-->
|
|
450
|
+
|
|
451
|
+
|
|
452
|
+
</td>
|
|
453
|
+
</tr>
|
|
454
|
+
|
|
455
|
+
</tbody>
|
|
456
|
+
</table>
|
|
457
|
+
|
|
458
|
+
</div>
|
|
459
|
+
|
|
460
|
+
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
461
|
+
</td>
|
|
462
|
+
</tr>
|
|
463
|
+
</tbody>
|
|
464
|
+
</table>
|
|
465
|
+
|
|
466
|
+
</div>
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
<!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
|
|
470
|
+
<!-- Footer -->
|
|
471
|
+
<!--[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]-->
|
|
472
|
+
|
|
473
|
+
|
|
474
|
+
<div class="section" style="margin:0px auto;max-width:560px;">
|
|
475
|
+
|
|
476
|
+
<table
|
|
477
|
+
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
|
|
478
|
+
>
|
|
479
|
+
<tbody>
|
|
480
|
+
<tr>
|
|
481
|
+
<td
|
|
482
|
+
style="direction:ltr;font-size:0px;padding:0px;text-align:center;"
|
|
483
|
+
>
|
|
484
|
+
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
|
|
485
|
+
|
|
486
|
+
<div
|
|
487
|
+
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%;"
|
|
488
|
+
>
|
|
489
|
+
|
|
490
|
+
<table
|
|
491
|
+
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
492
|
+
>
|
|
493
|
+
<tbody>
|
|
494
|
+
|
|
495
|
+
<tr>
|
|
496
|
+
<td
|
|
497
|
+
align="left" style="font-size:0px;padding:0px;word-break:break-word;"
|
|
498
|
+
>
|
|
499
|
+
|
|
500
|
+
<div
|
|
501
|
+
style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#A2ADB8;"
|
|
502
|
+
><p>Ricevi questo messaggio perché hai un'utenza attiva su app IO.</p></div>
|
|
503
|
+
|
|
504
|
+
</td>
|
|
505
|
+
</tr>
|
|
506
|
+
|
|
507
|
+
<tr>
|
|
508
|
+
<td
|
|
509
|
+
align="left" class="text-secondary" style="font-size:0px;padding:0px;word-break:break-word;"
|
|
510
|
+
>
|
|
511
|
+
|
|
512
|
+
<div
|
|
513
|
+
style="font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;"
|
|
514
|
+
><p>
|
|
515
|
+
<strong>
|
|
516
|
+
Non rispondere a questo indirizzo email: è utilizzato solo per l'invio
|
|
517
|
+
di questa comunicazione e, non essendo monitorato, non riceveresti
|
|
518
|
+
risposta.
|
|
519
|
+
</strong>
|
|
520
|
+
</p></div>
|
|
521
|
+
|
|
522
|
+
</td>
|
|
523
|
+
</tr>
|
|
524
|
+
|
|
525
|
+
</tbody>
|
|
526
|
+
</table>
|
|
527
|
+
|
|
528
|
+
</div>
|
|
529
|
+
|
|
530
|
+
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
531
|
+
</td>
|
|
532
|
+
</tr>
|
|
533
|
+
</tbody>
|
|
534
|
+
</table>
|
|
535
|
+
|
|
536
|
+
</div>
|
|
537
|
+
|
|
538
|
+
|
|
539
|
+
<!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
|
|
540
|
+
</td>
|
|
541
|
+
</tr>
|
|
542
|
+
</tbody>
|
|
543
|
+
</table>
|
|
544
|
+
|
|
545
|
+
</div>
|
|
546
|
+
|
|
547
|
+
|
|
548
|
+
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
549
|
+
|
|
550
|
+
|
|
551
|
+
</div>
|
|
552
|
+
|
|
553
|
+
</body>
|
|
554
|
+
</html>
|
|
555
|
+
`;
|
|
556
|
+
};
|
|
557
|
+
exports.apply = apply;
|
|
558
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ItWalletWelcome/index.ts"],"names":[],"mappings":";;;AAEO,MAAM,KAAK,GAAG,CACnB,sBAAgC,EAChC,eAAyB,EACjB,EAAE;IACV,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,IAAI,CAAC;IACxD,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC;IAC1C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEA+X8D,mBAAmB;;;0GAGgB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkKnH,CAAC;AACJ,CAAC,CAAC;AA3iBW,QAAA,KAAK,SA2iBhB","sourcesContent":["import { ValidUrl } from \"@pagopa/ts-commons/lib/url\";\n\nexport const apply = (\n disableItWalletLinkURL: ValidUrl,\n ioWebAppLinkUrl: ValidUrl\n): string => {\n const disableItWalletLink = disableItWalletLinkURL.href;\n const ioWebAppLink = ioWebAppLinkUrl.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>Novità su IO: 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 I tuoi documenti digitali su IO\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,<br /><br />\n Hai attivato la funzionalità di IO che ti permette di gestire in modo semplice e sicuro <b>i tuoi documenti digitali ufficiali nel portafoglio dell’app!</b><br />\n </p>\n <p>\n Da ora potrai:<br />\n <ul>\n <li><strong>aggiungere e consultare i tuoi documenti digitali personali</strong> dalla sezione Portafoglio</li>\n <li><strong>usare i documenti digitali dal vivo</strong> per le verifiche in prossimità consentite</li>\n <li><strong>usare i documenti digitali online</strong> per accedere in pochi tocchi ai servizi digitali che li supportano</li>\n </ul>\n </p>\n <p>\n Se non hai ancora aggiunto documenti, inizia dalla sezione Portafoglio dell’app.\n </p>\n <p>\n Ricorda che in qualsiasi momento puoi <strong><a href=\"${disableItWalletLink}\" class=\"link\">disattivare questa funzionalità</a></strong>.\n </p>\n <p><strong>Per saperne di più</strong></p>\n <p>Per saperne di più sui documenti digitali e altre funzionalità dell’app <strong><a href=\"${ioWebAppLink}\" class=\"link\">visita il sito di IO, l’app dei servizi pubblici</a></strong>.</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;\"> \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.
|
|
3
|
+
"version": "0.7.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",
|
|
@@ -36,6 +36,7 @@
|
|
|
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
38
|
"generate:itwalletinstancerevocation": "ts-node ./utils/email_generation_script.ts ItWalletInstanceRevocation/",
|
|
39
|
+
"generate:itwalletwelcome": "ts-node ./utils/email_generation_script.ts ItWalletWelcome/",
|
|
39
40
|
"test:watch": "vitest"
|
|
40
41
|
},
|
|
41
42
|
"dependencies": {
|