'use strict' // Génère les modèles « invitation à évaluer » éditables dans Unlayer : // transactional-rating-invite-.html (envoyé ; marqueurs {{firstname}} + {{rating}}) // transactional-rating-invite-.json (design Unlayer natif — schéma calqué sur gift-email-fr-native) const fs = require('fs') const path = require('path') const DIR = process.argv[2] || __dirname const LOGO = 'https://msg.gigafibre.ca/campaigns/assets/6a2bcb6057d9881c08304a5d2fea8723e2a15b05061fbbe3590bd4a0ee714477.png' const C = { fr: { lang: 'fr', title: 'Ton avis compte pour nous', preheader: 'Comment évaluerais-tu ton expérience avec TARGO ?', greet: 'Bonjour {{firstname}},', intro: "Merci de faire confiance à TARGO. Si tu as quelques secondes pour nous évaluer, ce serait vraiment apprécié :", outro: "C'est grâce à ta rétroaction qu'on peut toujours mieux te servir. Si quelque chose ne va pas, réponds simplement à ce courriel — on est là pour t'aider.", foot: 'TARGO — merci pour ta confiance', }, en: { lang: 'en', title: 'Your feedback matters', preheader: 'How would you rate your experience with TARGO?', greet: 'Hi {{firstname}},', intro: 'Thanks for choosing TARGO. If you have a few seconds to rate us, it would mean a lot:', outro: "Your feedback helps us serve you better. If something went wrong, just reply to this email — we're here to help.", foot: 'TARGO — thank you for your trust', }, } const STRIP = '

' const STARS_BOX = '

{{rating}}

' // ── HTML envoyé (table email ; identique au design approuvé, avec marqueurs) ── function htmlDoc (c) { return `` + `` + `

` + `` + `` + `` + `` + `` + `` + `` + `

${c.title}

` + `

${c.greet}

` + `

${c.intro}

${STARS_BOX}

${c.outro}

${c.foot}

` } // ── Design Unlayer natif (blocs éditables) ── const FLAGS = { selectable: true, draggable: true, duplicatable: true, deletable: true, hideable: true, hideDesktop: false, displayCondition: null } function txt (n, text, o) { return { id: `u_content_text_${n}`, type: 'text', values: Object.assign({}, FLAGS, { containerPadding: o.pad, anchor: '', fontWeight: o.weight || 400, fontSize: o.size, color: o.color, textAlign: o.align || 'left', lineHeight: o.lh || '160%', linkStyle: { inherit: true }, _meta: { htmlID: `u_content_text_${n}`, htmlClassNames: 'u_content_text' }, text }) } } function img (n, o) { return { id: `u_content_image_${n}`, type: 'image', values: Object.assign({}, FLAGS, { containerPadding: o.pad, anchor: '', src: { url: o.url, width: o.width, height: 'auto', autoWidth: false, maxWidth: o.width + 'px' }, textAlign: o.align || 'left', altText: o.alt || '', action: { name: 'web', values: { href: '', target: '_blank' } }, _meta: { htmlID: `u_content_image_${n}`, htmlClassNames: 'u_content_image' } }) } } function htm (n, html, pad) { return { id: `u_content_html_${n}`, type: 'html', values: Object.assign({}, FLAGS, { containerPadding: pad, anchor: '', _meta: { htmlID: `u_content_html_${n}`, htmlClassNames: 'u_content_html' }, html }) } } function col (n, contents) { return { id: `u_column_${n}`, contents, values: Object.assign({}, FLAGS, { _meta: { htmlID: `u_column_${n}`, htmlClassNames: 'u_column' }, padding: '0px', border: {}, borderRadius: '0px', backgroundColor: '' }) } } function row (n, cn, contents, bg) { return { id: `u_row_${n}`, cells: [1], columns: [col(cn, contents)], values: Object.assign({}, FLAGS, { columns: false, backgroundColor: bg, columnsBackgroundColor: '', backgroundImage: { url: '', fullWidth: true, repeat: 'no-repeat', size: 'custom', position: 'center' }, padding: '0px', anchor: '', borderRadius: '', _meta: { htmlID: `u_row_${n}`, htmlClassNames: 'u_row' } }) } } function design (c) { const rows = [ row(1, 1, [ img(1, { pad: '24px 30px 4px', url: LOGO, width: 132, align: 'left', alt: 'TARGO' }), htm(1, STRIP, '0px'), txt(1, c.title, { pad: '24px 30px 2px', size: '21px', weight: 700, color: '#0f172a', lh: '130%' }), txt(2, c.greet, { pad: '10px 30px 2px', size: '15px', color: '#475569' }), txt(3, c.intro, { pad: '2px 30px 12px', size: '15px', color: '#475569' }), htm(2, STARS_BOX, '6px 24px 8px'), txt(4, c.outro, { pad: '10px 30px 26px', size: '14px', color: '#64748b' }), ], '#ffffff'), row(2, 2, [ txt(5, c.foot, { pad: '16px 30px', size: '12px', color: '#94a3b8' }), ], '#f8fafc'), ] return { counters: { u_row: 2, u_column: 2, u_content_text: 5, u_content_image: 1, u_content_html: 2 }, body: { id: 'u_body', rows, values: { popupPosition: 'center', popupWidth: '600px', popupHeight: 'auto', borderRadius: '10px', contentAlign: 'center', contentVerticalAlign: 'center', contentWidth: '600px', fontFamily: { label: 'Arial', value: 'arial,helvetica,sans-serif' }, textColor: '#1e293b', popupBackgroundColor: '#FFFFFF', backgroundColor: '#f4f6f8', preheaderText: c.preheader, linkStyle: { body: true, linkColor: '#00C853', linkHoverColor: '#005026', linkUnderline: true, linkHoverUnderline: true }, _meta: { htmlID: 'u_body', htmlClassNames: 'u_body' } } }, schemaVersion: 16, } } for (const lang of ['fr', 'en']) { const c = C[lang] fs.writeFileSync(path.join(DIR, `transactional-rating-invite-${lang}.html`), htmlDoc(c), 'utf8') fs.writeFileSync(path.join(DIR, `transactional-rating-invite-${lang}.json`), JSON.stringify(design(c), null, 2), 'utf8') console.log(`wrote transactional-rating-invite-${lang}.html + .json`) }