wip

packages/email/src/emails/email-invite.tsx

@@ -13,9 +13,10 @@ export default EmailInvite;
 export function EmailInvite({
   organizationName = 'Acme Co',
   url = 'https://openpanel.dev',
-}: Props) {
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>You've been invited to join {organizationName}!</Text>
       <Text>
         If you don't have an account yet, click the button below to create one

packages/email/src/emails/email-reset-password.tsx

@@ -9,9 +9,12 @@ export const zEmailResetPassword = z.object({
 
 export type Props = z.infer<typeof zEmailResetPassword>;
 export default EmailResetPassword;
-export function EmailResetPassword({ url = 'https://openpanel.dev' }: Props) {
+export function EmailResetPassword({
+  url = 'https://openpanel.dev',
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>
         You have requested to reset your password. Follow the link below to
         reset your password:

packages/email/src/emails/index.tsx

@@ -39,7 +39,6 @@ export const templates = {
       'Your trial is ending soon',
     Component: TrailEndingSoon,
     schema: zTrailEndingSoon,
-    category: 'billing' as const,
   },
   'onboarding-welcome': {
     subject: () => "You're in",
@@ -69,13 +68,11 @@ export const templates = {
     subject: () => 'Your trial ends in a few days',
     Component: OnboardingTrialEnding,
     schema: zOnboardingTrialEnding,
-    category: 'onboarding' as const,
   },
   'onboarding-trial-ended': {
     subject: () => 'Your trial has ended',
     Component: OnboardingTrialEnded,
     schema: zOnboardingTrialEnded,
-    category: 'onboarding' as const,
   },
 } as const;
 

packages/email/src/emails/onboarding-dashboards.tsx

@@ -14,14 +14,15 @@ export default OnboardingDashboards;
 export function OnboardingDashboards({
   firstName,
   dashboardUrl = 'https://dashboard.openpanel.dev',
-}: Props) {
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   const newUrl = new URL(dashboardUrl);
   newUrl.searchParams.set('utm_source', 'email');
   newUrl.searchParams.set('utm_medium', 'email');
   newUrl.searchParams.set('utm_campaign', 'onboarding-dashboards');
 
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>Hi{firstName ? ` ${firstName}` : ''},</Text>
       <Text>
         Tracking events is the easy part. The value comes from actually looking

packages/email/src/emails/onboarding-feature-request.tsx

@@ -9,9 +9,12 @@ export const zOnboardingFeatureRequest = z.object({
 
 export type Props = z.infer<typeof zOnboardingFeatureRequest>;
 export default OnboardingFeatureRequest;
-export function OnboardingFeatureRequest({ firstName }: Props) {
+export function OnboardingFeatureRequest({
+  firstName,
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>Hi{firstName ? ` ${firstName}` : ''},</Text>
       <Text>
         OpenPanel aims to be the one stop shop for all your analytics needs.

packages/email/src/emails/onboarding-trial-ended.tsx

@@ -16,7 +16,8 @@ export function OnboardingTrialEnded({
   firstName,
   billingUrl = 'https://dashboard.openpanel.dev',
   recommendedPlan,
-}: Props) {
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   const newUrl = new URL(billingUrl);
   newUrl.searchParams.set('utm_source', 'email');
   newUrl.searchParams.set('utm_medium', 'email');

packages/email/src/emails/onboarding-trial-ending.tsx

@@ -18,7 +18,8 @@ export function OnboardingTrialEnding({
   organizationName = 'your organization',
   billingUrl = 'https://dashboard.openpanel.dev',
   recommendedPlan,
-}: Props) {
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   const newUrl = new URL(billingUrl);
   newUrl.searchParams.set('utm_source', 'email');
   newUrl.searchParams.set('utm_medium', 'email');

packages/email/src/emails/onboarding-welcome.tsx

@@ -11,9 +11,12 @@ export const zOnboardingWelcome = z.object({
 
 export type Props = z.infer<typeof zOnboardingWelcome>;
 export default OnboardingWelcome;
-export function OnboardingWelcome({ firstName }: Props) {
+export function OnboardingWelcome({
+  firstName,
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>Hi{firstName ? ` ${firstName}` : ''},</Text>
       <Text>Thanks for trying OpenPanel.</Text>
       <Text>

packages/email/src/emails/onboarding-what-to-track.tsx

@@ -10,9 +10,12 @@ export const zOnboardingWhatToTrack = z.object({
 
 export type Props = z.infer<typeof zOnboardingWhatToTrack>;
 export default OnboardingWhatToTrack;
-export function OnboardingWhatToTrack({ firstName }: Props) {
+export function OnboardingWhatToTrack({
+  firstName,
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   return (
-    <Layout>
+    <Layout unsubscribeUrl={unsubscribeUrl}>
       <Text>Hi{firstName ? ` ${firstName}` : ''},</Text>
       <Text>
         Tracking can be overwhelming at first, and that's why its important to

packages/email/src/emails/trial-ending-soon.tsx

@@ -13,7 +13,8 @@ export default TrailEndingSoon;
 export function TrailEndingSoon({
   organizationName = 'Acme Co',
   url = 'https://openpanel.dev',
-}: Props) {
+  unsubscribeUrl,
+}: Props & { unsubscribeUrl?: string }) {
   const newUrl = new URL(url);
   newUrl.searchParams.set('utm_source', 'email');
   newUrl.searchParams.set('utm_medium', 'email');