${escapeHtml(welcomeStartHereTitle)}
` + `${escapeHtml(welcomeStartHereSummary)}
` + `| Listen on Spotify | ` + - `Apple Podcasts | ` + + `${escapeHtml(welcomeSpotifyBtnLabel)} | ` + + `${escapeHtml(welcomeAppleBtnLabel)} | ` + `
${escapeHtml(welcomeStartHereLinkLabel)}
` + `` + `Welcome, ${escapeHtml(namePart)}.
` + - `Your student account is ready.
` + - `Open studies and continue learning, or manage your account details anytime.
` + `${escapeHtml(bodyText)}
` ) - const footerHtml = `Grace and peace,
Verse by Verse with Nate
${escapeHtml(signoff).replace(/\n/g, '
')}
Hi ${escapeHtml(namePart)},
` + - `This confirms your study account and saved notes were deleted.
` + - `If this was not you, please contact us immediately.
` + `${escapeHtml(bodyText)}
` ) - const footerHtml = `Verse by Verse with Nate
` + const footerHtml = `${escapeHtml(signoff).replace(/\n/g, '
')}
Hi ${escapeHtml(namePart)},
` + - `A new study lesson is available in ${escapeHtml(studyTitle)}.
` + - `${escapeHtml(sectionTitle)} (${escapeHtml(sectionReference)}) is now unlocked.
` + `${escapeHtml(bodyText)}
` + + `${escapeHtml(sectionTitle)} (${escapeHtml(sectionReference)}) — ${escapeHtml(studyTitle)}
` ) - const footerHtml = `Grace and peace,
Verse by Verse with Nate
${escapeHtml(signoff).replace(/\n/g, '
')}
Click the link below to confirm your new account email:
` + - `` + - `If you did not request this change, ignore this message.
` + - `${escapeHtml(emailChangeBody)}
`, + ctaLabel: emailChangeCtaLabel, + ctaUrl: verifyUrl, + footerHtml: `Verse by Verse with Nate
`, + }), }) if (error) { console.error('[study-account] email change send error:', error) @@ -5013,6 +5019,10 @@ app.post('/api/contact', contactRateLimit, async (req, res) => { process.env.RESEND_WELCOME_IMAGE_URL ?? emailConfig.welcomeEmailImageUrl ?? '/images/podcast-art.jpeg', ) + const welcomeSpotifyBtnLabel = emailConfig.welcomeEmailSpotifyBtnLabel?.trim() || 'Listen on Spotify' + const welcomeAppleBtnLabel = emailConfig.welcomeEmailAppleBtnLabel?.trim() || 'Apple Podcasts' + const welcomeStartHereLinkLabel = emailConfig.welcomeEmailStartHereLinkLabel?.trim() || 'Open Start Here page' + const welcomeTemplate = buildContactWelcomeEmailTemplate({ greetingName, welcomeIntro, @@ -5032,6 +5042,9 @@ app.post('/api/contact', contactRateLimit, async (req, res) => { welcomeWebsiteUrl, welcomeEpisodeUrl, welcomeImageUrl, + welcomeSpotifyBtnLabel, + welcomeAppleBtnLabel, + welcomeStartHereLinkLabel, }) try { diff --git a/server/helpers.js b/server/helpers.js index 41388b2..8eaca09 100644 --- a/server/helpers.js +++ b/server/helpers.js @@ -339,6 +339,26 @@ export function sanitizeSiteContent(siteContent) { redirects: sanitizeRedirectRules(siteContent.redirects), podcastFeaturedLinks: sanitizeFeaturedLinks(siteContent.podcastFeaturedLinks ?? DEFAULT_PODCAST_FEATURED_LINKS), episodesSeoIntro: typeof siteContent.episodesSeoIntro === 'string' && siteContent.episodesSeoIntro.trim() ? siteContent.episodesSeoIntro.trim().slice(0, 600) : '', + welcomeEmailSpotifyBtnLabel: typeof siteContent.welcomeEmailSpotifyBtnLabel === 'string' ? siteContent.welcomeEmailSpotifyBtnLabel.trim().slice(0, 80) : '', + welcomeEmailAppleBtnLabel: typeof siteContent.welcomeEmailAppleBtnLabel === 'string' ? siteContent.welcomeEmailAppleBtnLabel.trim().slice(0, 80) : '', + welcomeEmailStartHereLinkLabel: typeof siteContent.welcomeEmailStartHereLinkLabel === 'string' ? siteContent.welcomeEmailStartHereLinkLabel.trim().slice(0, 80) : '', + studyWelcomeEmailSubject: typeof siteContent.studyWelcomeEmailSubject === 'string' ? siteContent.studyWelcomeEmailSubject.trim().slice(0, 200) : '', + studyWelcomeEmailBody: typeof siteContent.studyWelcomeEmailBody === 'string' ? siteContent.studyWelcomeEmailBody.trim().slice(0, 1000) : '', + studyWelcomeEmailCtaLabel: typeof siteContent.studyWelcomeEmailCtaLabel === 'string' ? siteContent.studyWelcomeEmailCtaLabel.trim().slice(0, 80) : '', + studyWelcomeEmailCtaPath: typeof siteContent.studyWelcomeEmailCtaPath === 'string' ? siteContent.studyWelcomeEmailCtaPath.trim().slice(0, 200) : '', + studyWelcomeEmailSignoff: typeof siteContent.studyWelcomeEmailSignoff === 'string' ? siteContent.studyWelcomeEmailSignoff.trim().slice(0, 200) : '', + studyDeletedEmailSubject: typeof siteContent.studyDeletedEmailSubject === 'string' ? siteContent.studyDeletedEmailSubject.trim().slice(0, 200) : '', + studyDeletedEmailBody: typeof siteContent.studyDeletedEmailBody === 'string' ? siteContent.studyDeletedEmailBody.trim().slice(0, 1000) : '', + studyDeletedEmailCtaLabel: typeof siteContent.studyDeletedEmailCtaLabel === 'string' ? siteContent.studyDeletedEmailCtaLabel.trim().slice(0, 80) : '', + studyDeletedEmailCtaPath: typeof siteContent.studyDeletedEmailCtaPath === 'string' ? siteContent.studyDeletedEmailCtaPath.trim().slice(0, 200) : '', + studyDeletedEmailSignoff: typeof siteContent.studyDeletedEmailSignoff === 'string' ? siteContent.studyDeletedEmailSignoff.trim().slice(0, 200) : '', + studyReminderEmailSubjectPrefix: typeof siteContent.studyReminderEmailSubjectPrefix === 'string' ? siteContent.studyReminderEmailSubjectPrefix.trim().slice(0, 200) : '', + studyReminderEmailBody: typeof siteContent.studyReminderEmailBody === 'string' ? siteContent.studyReminderEmailBody.trim().slice(0, 1000) : '', + studyReminderEmailCtaLabel: typeof siteContent.studyReminderEmailCtaLabel === 'string' ? siteContent.studyReminderEmailCtaLabel.trim().slice(0, 80) : '', + studyReminderEmailSignoff: typeof siteContent.studyReminderEmailSignoff === 'string' ? siteContent.studyReminderEmailSignoff.trim().slice(0, 200) : '', + emailChangeSubject: typeof siteContent.emailChangeSubject === 'string' ? siteContent.emailChangeSubject.trim().slice(0, 200) : '', + emailChangeBody: typeof siteContent.emailChangeBody === 'string' ? siteContent.emailChangeBody.trim().slice(0, 500) : '', + emailChangeCtaLabel: typeof siteContent.emailChangeCtaLabel === 'string' ? siteContent.emailChangeCtaLabel.trim().slice(0, 80) : '', seo: { title: typeof seo.title === 'string' && seo.title.trim() ? seo.title.trim().slice(0, 120) : DEFAULT_SEO.title, description: typeof seo.description === 'string' && seo.description.trim() ? seo.description.trim().slice(0, 240) : DEFAULT_SEO.description, diff --git a/src/AdminPage.tsx b/src/AdminPage.tsx index f3570fc..6ffbe37 100644 --- a/src/AdminPage.tsx +++ b/src/AdminPage.tsx @@ -358,6 +358,114 @@ function StudyUsersPanel({ studies }: { studies: StudyProgram[] }) { ) } +function EmailTemplatesPanel({ + form, + handleChange, + renderSaveStatus, +}: { + form: SiteContent + handleChange: (key: StringField, value: string) => void + renderSaveStatus: () => React.ReactNode +}) { + const [expandedEmail, setExpandedEmail] = useState+ Auto-inserted: {autoVars} +
+ )} + {fieldKeys.map(key => { + const field = FIELDS.find(f => f.key === key && f.section === 'email-templates') + if (!field) return null + return ( +