@pagopa/io-app-email-templates 0.2.3 → 0.2.4
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.
|
@@ -409,7 +409,7 @@ p {
|
|
|
409
409
|
align="center" bgcolor="#0073E6" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:11px 20px;background:#0073E6;" valign="middle"
|
|
410
410
|
>
|
|
411
411
|
<a
|
|
412
|
-
href="https://io.
|
|
412
|
+
href="https://continua.io.pagopa.it" style="display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:bold;line-height:18px;margin:0;text-decoration:none;text-transform:none;padding:11px 20px;mso-padding-alt:0px;border-radius:4px;" target="_blank"
|
|
413
413
|
>
|
|
414
414
|
Vai su IO
|
|
415
415
|
</a>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../FimsAccessExport/index.ts"],"names":[],"mappings":";;;AAAO,MAAM,KAAK,GAAG,CACnB,IAAU,EACF,EAAE;IACV,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACrD,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8FAkXqF,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgMxG,CAAC;AACJ,CAAC,CAAC;AA3jBW,QAAA,KAAK,SA2jBhB","sourcesContent":["export const apply = (\n date: Date,\n): string => {\n const formattedDate = date.toLocaleDateString(\"it-IT\", {\n day: \"2-digit\",\n month: \"2-digit\",\n year: \"2-digit\"\n });\n return `<!doctype html>\n<html lang=\"it\" dir=\"auto\" xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n <head>\n <title>I tuoi accessi a servizi di terze parti</title>\n <!--[if !mso]><!-->\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <!--<![endif]-->\n <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style type=\"text/css\">\n #outlook a { padding:0; }\n body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n p { display:block;margin:13px 0; }\n </style>\n <!--[if mso]>\n <noscript>\n <xml>\n <o:OfficeDocumentSettings>\n <o:AllowPNG/>\n <o:PixelsPerInch>96</o:PixelsPerInch>\n </o:OfficeDocumentSettings>\n </xml>\n </noscript>\n <![endif]-->\n <!--[if lte mso 11]>\n <style type=\"text/css\">\n .mj-outlook-group-fix { width:100% !important; }\n </style>\n <![endif]-->\n \n <!--[if !mso]><!-->\n <link href=\"https://selfcare.pagopa.it/assets/font/selfhostedfonts.css\" rel=\"stylesheet\" type=\"text/css\">\n <style type=\"text/css\">\n @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);\n </style>\n <!--<![endif]-->\n\n \n \n <style type=\"text/css\">\n @media only screen and (min-width:480px) {\n .mj-column-per-100 { width:100% !important; max-width: 100%; }\n }\n </style>\n <style media=\"screen and (min-width:480px)\">\n .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\n </style>\n \n \n \n \n <style type=\"text/css\">\n\n @media only screen and (max-width:479px) {\n table.mj-full-width-mobile { width: 100% !important; }\n td.mj-full-width-mobile { width: auto !important; }\n }\n \n </style>\n \n <style type=\"text/css\">\n:root {\n color-scheme: light dark;\n supported-color-schemes: light dark;\n}\n\nbody,\n.mail-body {\n background-color: #FFFFFF;\n}\n\n.header {\n background-color: #FFFFFF;\n /* border-top: 8px solid #0073E6; */\n}\n\n.section {\n background-color: #FFFFFF;\n}\n\n.title div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text-secondary,\n.text-secondary div {\n /* Text Secondary */\n color: #5C6F82 !important;\n}\n\np {\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.text-secondary a,\n.text a {\n color: #0073E6 !important;\n}\n\n.link {\n color: #0073E6 !important;\n}\n\n.divider p {\n border-color: #E3E7EB !important;\n}\n\n/* Message Preview Block */\n\n.message-preview {\n background-color: #FAFAFA;\n}\n\n@media (prefers-color-scheme: light) {\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: none !important;\n mso-hide: all !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: block;\n display: block !important;\n }\n}\n\n@media (min-width: 600px) {\n\n .mobile {\n display: none;\n }\n\n .desktop {\n display: block;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n\n body,\n .mail-body {\n background-color: #323232;\n }\n\n .header {\n background-color: #323232;\n /* border-top: 8px solid #3da2ff; */\n }\n\n .section {\n background-color: #323232;\n }\n\n .message-preview {\n background-color: #424242;\n }\n\n .divider p {\n border-color: #757575 !important;\n }\n\n .title div {\n color: #ffffff !important;\n }\n\n .text div {\n color: #ffffff !important;\n }\n\n .text-secondary,\n .text-secondary div {\n /* Gray-200 */\n color: #E0E0E0 !important;\n }\n\n .text-secondary a,\n .text a {\n color: #3da2ff !important;\n }\n\n .link {\n color: #3da2ff !important;\n }\n\n .cta table td,\n .cta table td>a {\n background-color: #3da2ff !important;\n }\n\n /* IMAGES */\n /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: block !important;\n overflow: visible !important;\n float: none !important;\n line-height: auto !important;\n margin-top: 0px !important;\n visibility: inherit !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: none;\n display: none !important;\n mso-hide: all !important;\n }\n}\n </style>\n <meta http-equiv=\"Content-Type\" content=\"text/html\" charset=\"UTF-8\" />\n <meta name=\"color-scheme\" content=\"light dark\" />\n <meta name=\"supported-color-schemes\" content=\"light dark\" />\n </head>\n <body style=\"word-spacing:normal;\">\n \n \n <div\n class=\"mail-body\" style=\"\" lang=\"it\" dir=\"auto\"\n >\n \n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div style=\"margin:0px auto;max-width:600px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><![endif]-->\n \n <!-- App IO Logo -->\n <!--[if mso | IE]><tr><td class=\"header-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"header-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"header\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"light-img\" style=\"font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\"\n >\n <tbody>\n <tr>\n <td style=\"width:36px;\">\n \n <img\n alt=\"\" src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"36\" height=\"auto\"\n />\n \n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n <div\n class=\"dark-img\"\n style=\"mso-hide: all; display: none; padding: 10px 0px\"\n >\n <img\n src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png\"\n width=\"36px\"\n class=\"dark-img\"\n style=\"display: none\"\n />\n </div>\n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:0px;padding-bottom:8px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n <!-- Title & Main Message -->\n <tr>\n <td\n align=\"left\" class=\"title\" style=\"font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:8px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;\"\n ><!-- H4 Desktop (from MUI Italia)-->\n <h1 style=\"font-size: 32px; line-height: 36px; margin: 0\">\n I tuoi accessi a servizi di terze parti\n </h1></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><!-- Body 1 Desktop (from MUI Italia)-->\n <p>\n Ciao, <br />\n La cronologia dei tuoi accessi a servizi di terze parti aggiornata al <strong>${formattedDate}</strong> è\n disponibile nel file allegato a questa email.\n </p>\n <p>\n Per ciascun accesso effettuato sono riportati:\n <ul>\n <li>Data e ora di accesso</li>\n <li>Nome del servizio esterno utilizzato</li>\n <li>Link alla piattaforma web del servizio</li>\n </ul>\n </p>\n <p>\n Ti ricordiamo che puoi sempre consultare la cronologia dei tuoi accessi aggiornata su IO, dalla sezione Impostazioni > Sicurezza e accessi.\n </p></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"cta\" style=\"font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:separate;line-height:100%;\"\n >\n <tbody>\n <tr>\n <td\n align=\"center\" bgcolor=\"#0073E6\" role=\"presentation\" style=\"border:none;border-radius:4px;cursor:auto;mso-padding-alt:11px 20px;background:#0073E6;\" valign=\"middle\"\n >\n <a\n href=\"https://io.italia.it\" style=\"display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:bold;line-height:18px;margin:0;text-decoration:none;text-transform:none;padding:11px 20px;mso-padding-alt:0px;border-radius:4px;\" target=\"_blank\"\n >\n Vai su IO\n </a>\n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Divider -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"center\" class=\"divider\" style=\"font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;\"\n >\n \n <p\n style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;\"\n >\n </p>\n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:560px;\" role=\"presentation\" width=\"560px\" ><tr><td style=\"height:0;line-height:0;\"> \n</td></tr></table><![endif]-->\n \n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Footer -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"text-secondary\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;\"\n ><p>\n <strong>\n Non rispondere a questo indirizzo email: è utilizzato solo per l'invio\n di questa comunicazione e, non essendo monitorato, non riceveresti\n risposta.\n </strong>\n </p>\n <p>\n Ricevi questa comunicazione perché hai richiesto l'inoltro della cronologia degli accessi a servizi di terze parti dalle impostazioni di app IO.\n </p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n \n \n </div>\n \n </body>\n</html>\n `;\n};\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../FimsAccessExport/index.ts"],"names":[],"mappings":";;;AAAO,MAAM,KAAK,GAAG,CACnB,IAAU,EACF,EAAE;IACV,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACrD,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8FAkXqF,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgMxG,CAAC;AACJ,CAAC,CAAC;AA3jBW,QAAA,KAAK,SA2jBhB","sourcesContent":["export const apply = (\n date: Date,\n): string => {\n const formattedDate = date.toLocaleDateString(\"it-IT\", {\n day: \"2-digit\",\n month: \"2-digit\",\n year: \"2-digit\"\n });\n return `<!doctype html>\n<html lang=\"it\" dir=\"auto\" xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n <head>\n <title>I tuoi accessi a servizi di terze parti</title>\n <!--[if !mso]><!-->\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <!--<![endif]-->\n <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style type=\"text/css\">\n #outlook a { padding:0; }\n body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n p { display:block;margin:13px 0; }\n </style>\n <!--[if mso]>\n <noscript>\n <xml>\n <o:OfficeDocumentSettings>\n <o:AllowPNG/>\n <o:PixelsPerInch>96</o:PixelsPerInch>\n </o:OfficeDocumentSettings>\n </xml>\n </noscript>\n <![endif]-->\n <!--[if lte mso 11]>\n <style type=\"text/css\">\n .mj-outlook-group-fix { width:100% !important; }\n </style>\n <![endif]-->\n \n <!--[if !mso]><!-->\n <link href=\"https://selfcare.pagopa.it/assets/font/selfhostedfonts.css\" rel=\"stylesheet\" type=\"text/css\">\n <style type=\"text/css\">\n @import url(https://selfcare.pagopa.it/assets/font/selfhostedfonts.css);\n </style>\n <!--<![endif]-->\n\n \n \n <style type=\"text/css\">\n @media only screen and (min-width:480px) {\n .mj-column-per-100 { width:100% !important; max-width: 100%; }\n }\n </style>\n <style media=\"screen and (min-width:480px)\">\n .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\n </style>\n \n \n \n \n <style type=\"text/css\">\n\n @media only screen and (max-width:479px) {\n table.mj-full-width-mobile { width: 100% !important; }\n td.mj-full-width-mobile { width: auto !important; }\n }\n \n </style>\n \n <style type=\"text/css\">\n:root {\n color-scheme: light dark;\n supported-color-schemes: light dark;\n}\n\nbody,\n.mail-body {\n background-color: #FFFFFF;\n}\n\n.header {\n background-color: #FFFFFF;\n /* border-top: 8px solid #0073E6; */\n}\n\n.section {\n background-color: #FFFFFF;\n}\n\n.title div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text div {\n /* Text Primary */\n color: #17324D !important;\n}\n\n.text-secondary,\n.text-secondary div {\n /* Text Secondary */\n color: #5C6F82 !important;\n}\n\np {\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.text-secondary a,\n.text a {\n color: #0073E6 !important;\n}\n\n.link {\n color: #0073E6 !important;\n}\n\n.divider p {\n border-color: #E3E7EB !important;\n}\n\n/* Message Preview Block */\n\n.message-preview {\n background-color: #FAFAFA;\n}\n\n@media (prefers-color-scheme: light) {\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: none !important;\n mso-hide: all !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: block;\n display: block !important;\n }\n}\n\n@media (min-width: 600px) {\n\n .mobile {\n display: none;\n }\n\n .desktop {\n display: block;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n\n body,\n .mail-body {\n background-color: #323232;\n }\n\n .header {\n background-color: #323232;\n /* border-top: 8px solid #3da2ff; */\n }\n\n .section {\n background-color: #323232;\n }\n\n .message-preview {\n background-color: #424242;\n }\n\n .divider p {\n border-color: #757575 !important;\n }\n\n .title div {\n color: #ffffff !important;\n }\n\n .text div {\n color: #ffffff !important;\n }\n\n .text-secondary,\n .text-secondary div {\n /* Gray-200 */\n color: #E0E0E0 !important;\n }\n\n .text-secondary a,\n .text a {\n color: #3da2ff !important;\n }\n\n .link {\n color: #3da2ff !important;\n }\n\n .cta table td,\n .cta table td>a {\n background-color: #3da2ff !important;\n }\n\n /* IMAGES */\n /* Source: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/ */\n\n .dark-img,\n [data-ogsc] .dark-img {\n display: block !important;\n overflow: visible !important;\n float: none !important;\n line-height: auto !important;\n margin-top: 0px !important;\n visibility: inherit !important;\n }\n\n .light-img,\n [data-ogsc] .light-img {\n display: none;\n display: none !important;\n mso-hide: all !important;\n }\n}\n </style>\n <meta http-equiv=\"Content-Type\" content=\"text/html\" charset=\"UTF-8\" />\n <meta name=\"color-scheme\" content=\"light dark\" />\n <meta name=\"supported-color-schemes\" content=\"light dark\" />\n </head>\n <body style=\"word-spacing:normal;\">\n \n \n <div\n class=\"mail-body\" style=\"\" lang=\"it\" dir=\"auto\"\n >\n \n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div style=\"margin:0px auto;max-width:600px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-left:20px;padding-right:20px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><![endif]-->\n \n <!-- App IO Logo -->\n <!--[if mso | IE]><tr><td class=\"header-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"header-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"header\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"light-img\" style=\"font-size:0px;padding:10px 25px;padding-left:0;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\"\n >\n <tbody>\n <tr>\n <td style=\"width:36px;\">\n \n <img\n alt=\"\" src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"36\" height=\"auto\"\n />\n \n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n <div\n class=\"dark-img\"\n style=\"mso-hide: all; display: none; padding: 10px 0px\"\n >\n <img\n src=\"https://raw.githubusercontent.com/pagopa/io-app-email-templates/assets-v1.0.0/assets/logo_app_io_white.png\"\n width=\"36px\"\n class=\"dark-img\"\n style=\"display: none\"\n />\n </div>\n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:0px;padding-bottom:8px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n <!-- Title & Main Message -->\n <tr>\n <td\n align=\"left\" class=\"title\" style=\"font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:8px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:13px;font-weight:bold;line-height:1;text-align:left;color:#17324D;\"\n ><!-- H4 Desktop (from MUI Italia)-->\n <h1 style=\"font-size: 32px; line-height: 36px; margin: 0\">\n I tuoi accessi a servizi di terze parti\n </h1></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"text\" style=\"font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:16px;font-weight:regular;line-height:24px;text-align:left;color:#17324D;\"\n ><!-- Body 1 Desktop (from MUI Italia)-->\n <p>\n Ciao, <br />\n La cronologia dei tuoi accessi a servizi di terze parti aggiornata al <strong>${formattedDate}</strong> è\n disponibile nel file allegato a questa email.\n </p>\n <p>\n Per ciascun accesso effettuato sono riportati:\n <ul>\n <li>Data e ora di accesso</li>\n <li>Nome del servizio esterno utilizzato</li>\n <li>Link alla piattaforma web del servizio</li>\n </ul>\n </p>\n <p>\n Ti ricordiamo che puoi sempre consultare la cronologia dei tuoi accessi aggiornata su IO, dalla sezione Impostazioni > Sicurezza e accessi.\n </p></div>\n \n </td>\n </tr>\n \n <tr>\n <td\n align=\"left\" class=\"cta\" style=\"font-size:0px;padding:10px 25px;padding-right:0px;padding-left:0px;word-break:break-word;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:separate;line-height:100%;\"\n >\n <tbody>\n <tr>\n <td\n align=\"center\" bgcolor=\"#0073E6\" role=\"presentation\" style=\"border:none;border-radius:4px;cursor:auto;mso-padding-alt:11px 20px;background:#0073E6;\" valign=\"middle\"\n >\n <a\n href=\"https://continua.io.pagopa.it\" style=\"display:inline-block;background:#0073E6;color:white;font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:bold;line-height:18px;margin:0;text-decoration:none;text-transform:none;padding:11px 20px;mso-padding-alt:0px;border-radius:4px;\" target=\"_blank\"\n >\n Vai su IO\n </a>\n </td>\n </tr>\n </tbody>\n </table>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Divider -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"center\" class=\"divider\" style=\"font-size:0px;padding:0px;padding-top:16px;padding-bottom:16px;word-break:break-word;\"\n >\n \n <p\n style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:100%;\"\n >\n </p>\n \n <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E3E7EB;font-size:1px;margin:0px auto;width:560px;\" role=\"presentation\" width=\"560px\" ><tr><td style=\"height:0;line-height:0;\"> \n</td></tr></table><![endif]-->\n \n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->\n <!-- Footer -->\n <!--[if mso | IE]><tr><td class=\"section-outlook\" width=\"600px\" ><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"section-outlook\" role=\"presentation\" style=\"width:560px;\" width=\"560\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n \n \n <div class=\"section\" style=\"margin:0px auto;max-width:560px;\">\n \n <table\n align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n >\n <tbody>\n <tr>\n <td\n style=\"direction:ltr;font-size:0px;padding:20px 0;padding-top:0px;text-align:center;\"\n >\n <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:560px;\" ><![endif]-->\n \n <div\n class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n >\n \n <table\n border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n >\n <tbody>\n \n <tr>\n <td\n align=\"left\" class=\"text-secondary\" style=\"font-size:0px;padding:0px;word-break:break-word;\"\n >\n \n <div\n style=\"font-family:Titillium Web, system-ui, sans-serif;font-size:14px;font-weight:regular;line-height:20px;text-align:left;color:#5C6F82;\"\n ><p>\n <strong>\n Non rispondere a questo indirizzo email: è utilizzato solo per l'invio\n di questa comunicazione e, non essendo monitorato, non riceveresti\n risposta.\n </strong>\n </p>\n <p>\n Ricevi questa comunicazione perché hai richiesto l'inoltro della cronologia degli accessi a servizi di terze parti dalle impostazioni di app IO.\n </p></div>\n \n </td>\n </tr>\n \n </tbody>\n </table>\n \n </div>\n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n \n \n <!--[if mso | IE]></td></tr></table><![endif]-->\n \n \n </div>\n \n </body>\n</html>\n `;\n};\n"]}
|
package/package.json
CHANGED