@tracked/emails 0.2.4 → 0.2.7

package/dist/index.js

@@ -16,6 +16,11 @@ import { NewFollowerEmail } from "./emails/new-follower.js";
 import { NpsSurveyEmail } from "./emails/nps-survey.js";
 import { SubscriptionCanceledEmail } from "./emails/subscription-canceled.js";
 import { SupportEmail } from "./emails/support-email.js";
+import { TrialConvertedEmail } from "./emails/trial-converted.js";
+import { TrialEndingSoonEmail } from "./emails/trial-ending-soon.js";
+import { TrialExpiredEmail } from "./emails/trial-expired.js";
+import { TrialMidpointEmail } from "./emails/trial-midpoint.js";
+import { TrialStartedEmail } from "./emails/trial-started.js";
 import { TeamInviteEmail } from "./emails/team-invite.js";
 import { TeamMemberRemovedEmail } from "./emails/team-member-removed-email.js";
 import { TrackedMagicLink } from "./emails/tracked-magic-link.js";
@@ -27,7 +32,7 @@ import { WelcomeEmail } from "./emails/welcome.js";
 import { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, } from "./utils/email-validation.js";
 import { isAnonymousUsername, getSafeDisplayName, } from "./utils/username-validation.js";
 // Export email templates
-export { AnniversaryEmail, AppReviewRequestEmail, BodyweightGoalReachedEmail, ClientInactiveAlertEmail, ClientOnboardedEmail, CoachInviteEmail, CoachRemovedClientEmail, DirectMessageEmail, FeatureDiscoveryEmail, FirstWorkoutAssignedEmail, FirstWorkoutCompletedEmail, InactiveReengagementEmail, MonthlyReportEmail, NewFollowerEmail, NpsSurveyEmail, SubscriptionCanceledEmail, SupportEmail, TeamInviteEmail, TeamMemberRemovedEmail, TrackedMagicLink, TrackedMagicLinkActivate, WeeklyProgressDigestEmail, WeekOneCheckinEmail, WelcomeEmail, };
+export { AnniversaryEmail, AppReviewRequestEmail, BodyweightGoalReachedEmail, ClientInactiveAlertEmail, ClientOnboardedEmail, CoachInviteEmail, CoachRemovedClientEmail, DirectMessageEmail, FeatureDiscoveryEmail, FirstWorkoutAssignedEmail, FirstWorkoutCompletedEmail, InactiveReengagementEmail, MonthlyReportEmail, NewFollowerEmail, NpsSurveyEmail, SubscriptionCanceledEmail, SupportEmail, TeamInviteEmail, TeamMemberRemovedEmail, TrackedMagicLink, TrackedMagicLinkActivate, TrialConvertedEmail, TrialEndingSoonEmail, TrialExpiredEmail, TrialMidpointEmail, TrialStartedEmail, WeeklyProgressDigestEmail, WeekOneCheckinEmail, WelcomeEmail, };
 // Export validation utilities
 export { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, isAnonymousUsername, getSafeDisplayName, };
 // Export shared components

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,8BAA8B;AAC9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AAExC,yBAAyB;AACzB,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,wBAAwB,EACxB,yBAAyB,EACzB,mBAAmB,EACnB,YAAY,GACb,CAAC;AAEF,8BAA8B;AAC9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAC;AAEF,2BAA2B;AAC3B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,8BAA8B;AAC9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AAExC,yBAAyB;AACzB,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,YAAY,GACb,CAAC;AAEF,8BAA8B;AAC9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAC;AAEF,2BAA2B;AAC3B,cAAc,uBAAuB,CAAC"}

package/dist/utils/index.d.ts

@@ -3,6 +3,6 @@
  *
  * Export all validation utilities for use across the application.
  */
-export { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, } from "./email-validation";
-export { isAnonymousUsername, getSafeDisplayName } from "./username-validation";
+export { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, } from "./email-validation.js";
+export { isAnonymousUsername, getSafeDisplayName } from "./username-validation.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/utils/index.js

@@ -3,6 +3,6 @@
  *
  * Export all validation utilities for use across the application.
  */
-export { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, } from "./email-validation";
-export { isAnonymousUsername, getSafeDisplayName } from "./username-validation";
+export { isPrivateRelayEmail, isValidEmailFormat, shouldSendEmailTo, } from "./email-validation.js";
+export { isAnonymousUsername, getSafeDisplayName } from "./username-validation.js";
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tracked/emails",
-  "version": "0.2.4",
+  "version": "0.2.7",
   "description": "Email templates for Tracked Training Platform",
   "author": "Tracked Training Platform Inc.",
   "license": "MIT",

package/src/components/content.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Section, Text, Row, Column } from "@react-email/components";
-import { colors, borderRadius, spacing } from "./tokens";
+import { colors, borderRadius, spacing } from "./tokens.js";
 
 // ============================================
 // FeatureBox - Highlighted feature/info box

package/src/components/index.ts

@@ -1,5 +1,5 @@
 // Design Tokens
-export * from "./tokens";
+export * from "./tokens.js";
 
 // Layout Components
 export {
@@ -8,7 +8,7 @@ export {
   EmailFooter,
   ContentSection,
   Divider,
-} from "./layout";
+} from "./layout.js";
 
 // Typography Components
 export {
@@ -17,7 +17,7 @@ export {
   Label,
   HighlightText,
   SmallText,
-} from "./typography";
+} from "./typography.js";
 
 // Interactive Components
 export {
@@ -27,7 +27,7 @@ export {
   SocialButtons,
   AppStoreButtons,
   TextLink,
-} from "./interactive";
+} from "./interactive.js";
 
 // Content Components
 export {
@@ -41,4 +41,4 @@ export {
   SectionHeading,
   HighlightBanner,
   Avatar,
-} from "./content";
+} from "./content.js";

package/src/components/interactive.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Img, Section } from "@react-email/components";
-import { colors, borderRadius, spacing } from "./tokens";
+import { colors, borderRadius, spacing } from "./tokens.js";
 
 // ============================================
 // PrimaryButton - Main CTA button

package/src/components/layout.tsx

@@ -11,8 +11,8 @@ import {
   Section,
   Text,
 } from "@react-email/components";
-import { colors, typography, spacing } from "./tokens";
-import { AppStoreButtons } from "./interactive";
+import { colors, typography, spacing } from "./tokens.js";
+import { AppStoreButtons } from "./interactive.js";
 
 const baseUrl = "https://tracked.gg/android-chrome-192x192.png";
 const defaultWebsiteUrl = "https://tracked.gg";

package/src/components/typography.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Text, Heading as EmailHeading } from "@react-email/components";
-import { colors, spacing } from "./tokens";
+import { colors, spacing } from "./tokens.js";
 
 // ============================================
 // Heading - Title text with variants

package/src/emails/anniversary.tsx

@@ -10,7 +10,7 @@ import {
   DiscordButton,
   colors,
   spacing,
-} from "../components";
+} from "../components/index.js";
 
 interface AnniversaryEmailProps {
   userName: string;

package/src/emails/app-review-request.tsx

@@ -12,7 +12,7 @@ import {
   colors,
   spacing,
   borderRadius,
-} from "../components";
+} from "../components/index.js";
 
 interface AppReviewRequestEmailProps {
   userName: string;

package/src/emails/bodyweight-goal-reached.tsx

@@ -11,7 +11,7 @@ import {
   PrimaryButton,
   DiscordButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface BodyweightGoalReachedEmailProps {
   userName: string;

package/src/emails/client-inactive-alert.tsx

@@ -11,7 +11,7 @@ import {
   colors,
   spacing,
   borderRadius,
-} from "../components";
+} from "../components/index.js";
 
 interface ClientInactiveAlertEmailProps {
   coachName: string;

package/src/emails/client-onboarded.tsx

@@ -9,7 +9,7 @@ import {
   TipBox,
   PrimaryButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface ClientOnboardedEmailProps {
   coachName: string;

package/src/emails/coach-invite.tsx

@@ -11,7 +11,7 @@ import {
   PrimaryButton,
   TextLink,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface CoachInviteEmailProps {
   coachName: string;

package/src/emails/coach-removed-client.tsx

@@ -7,7 +7,7 @@ import {
   Paragraph,
   FeatureBox,
   SmallText,
-} from "../components";
+} from "../components/index.js";
 
 interface CoachRemovedClientEmailProps {
   clientName: string;

package/src/emails/direct-message.tsx

@@ -10,7 +10,7 @@ import {
   PrimaryButton,
   DiscordButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface DirectMessageEmailProps {
   recipientName: string;

package/src/emails/feature-discovery.tsx

@@ -12,7 +12,7 @@ import {
   PrimaryButton,
   DiscordButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface FeatureDiscoveryEmailProps {
   userName?: string;

package/src/emails/first-workout-assigned.tsx

@@ -9,7 +9,7 @@ import {
   SmallText,
   PrimaryButton,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
 
 interface FirstWorkoutAssignedEmailProps {
   clientName: string;

package/src/emails/first-workout-completed.tsx

@@ -11,7 +11,7 @@ import {
   SmallText,
   PrimaryButton,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
 
 interface FirstWorkoutCompletedEmailProps {
   userName: string;

package/src/emails/inactive-reengagement.tsx

@@ -9,7 +9,7 @@ import {
   FeatureList,
   PrimaryButton,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
 
 interface InactiveReengagementEmailProps {
   userName: string;

package/src/emails/index.tsx

@@ -1,24 +1,24 @@
-export * from "./anniversary";
-export * from "./app-review-request";
-export * from "./bodyweight-goal-reached";
-export * from "./client-inactive-alert";
-export * from "./client-onboarded";
-export * from "./coach-invite";
-export * from "./coach-removed-client";
-export * from "./direct-message";
-export * from "./feature-discovery";
-export * from "./first-workout-assigned";
-export * from "./first-workout-completed";
-export * from "./inactive-reengagement";
-export * from "./monthly-report";
-export * from "./new-follower";
-export * from "./nps-survey";
-export * from "./subscription-canceled";
-export * from "./support-email";
-export * from "./team-invite";
-export * from "./team-member-removed-email";
-export * from "./tracked-magic-link";
-export * from "./tracked-magic-link-activate";
-export * from "./week-one-checkin";
-export * from "./weekly-progress-digest";
-export * from "./welcome";
+export * from "./anniversary.js";
+export * from "./app-review-request.js";
+export * from "./bodyweight-goal-reached.js";
+export * from "./client-inactive-alert.js";
+export * from "./client-onboarded.js";
+export * from "./coach-invite.js";
+export * from "./coach-removed-client.js";
+export * from "./direct-message.js";
+export * from "./feature-discovery.js";
+export * from "./first-workout-assigned.js";
+export * from "./first-workout-completed.js";
+export * from "./inactive-reengagement.js";
+export * from "./monthly-report.js";
+export * from "./new-follower.js";
+export * from "./nps-survey.js";
+export * from "./subscription-canceled.js";
+export * from "./support-email.js";
+export * from "./team-invite.js";
+export * from "./team-member-removed-email.js";
+export * from "./tracked-magic-link.js";
+export * from "./tracked-magic-link-activate.js";
+export * from "./week-one-checkin.js";
+export * from "./weekly-progress-digest.js";
+export * from "./welcome.js";

package/src/emails/monthly-report.tsx

@@ -12,7 +12,7 @@ import {
   HighlightBanner,
   SmallText,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface MuscleGroup {
   muscleGroupId: string;

package/src/emails/new-follower.tsx

@@ -11,7 +11,7 @@ import {
   PrimaryButton,
   DiscordButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface NewFollowerEmailProps {
   userName: string;

package/src/emails/nps-survey.tsx

@@ -9,7 +9,7 @@ import {
   colors,
   spacing,
   borderRadius,
-} from "../components";
+} from "../components/index.js";
 
 interface NpsSurveyEmailProps {
   userName: string;

package/src/emails/subscription-canceled.tsx

@@ -12,7 +12,7 @@ import {
   SecondaryButton,
   DiscordButton,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface SubscriptionCanceledEmailProps {
   userName: string;

package/src/emails/support-email.tsx

@@ -7,7 +7,7 @@ import {
   FeatureBox,
   SmallText,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
 
 interface SupportEmailProps {
   email: string;

package/src/emails/team-invite.tsx

@@ -9,7 +9,7 @@ import {
   PrimaryButton,
   DiscordButton,
   TextLink,
-} from "../components";
+} from "../components/index.js";
 
 interface TeamInviteEmailProps {
   teamName?: string;

package/src/emails/team-member-removed-email.tsx

@@ -7,7 +7,7 @@ import {
   Paragraph,
   DiscordButton,
   TextLink,
-} from "../components";
+} from "../components/index.js";
 
 interface TeamMemberRemovedEmailProps {
   teamName?: string;

package/src/emails/tracked-magic-link-activate.tsx

@@ -7,7 +7,7 @@ import {
   PrimaryButton,
   DiscordButton,
   TextLink,
-} from "../components";
+} from "../components/index.js";
 
 interface Props {
   activateButtonLink: string;

package/src/emails/tracked-magic-link.tsx

@@ -7,7 +7,7 @@ import {
   PrimaryButton,
   DiscordButton,
   TextLink,
-} from "../components";
+} from "../components/index.js";
 
 interface Props {
   loginButtonLink: string;

package/src/emails/trial-converted.tsx

@@ -0,0 +1,68 @@
+import * as React from "react";
+import {
+  EmailLayout,
+  EmailHeader,
+  EmailFooter,
+  Heading,
+  Paragraph,
+  FeatureBox,
+  SmallText,
+  PrimaryButton,
+  DiscordButton,
+} from "../components/index.js";
+
+interface TrialConvertedEmailProps {
+  userName: string;
+  dashboardUrl: string;
+  websiteUrl?: string;
+}
+
+export const TrialConvertedEmail = ({
+  userName = "Coach",
+  dashboardUrl = "https://dashboard.tracked.gg",
+  websiteUrl = "https://tracked.gg",
+}: TrialConvertedEmailProps) => {
+  return (
+    <EmailLayout preview="Welcome to Tracked - You're now a subscriber">
+      <EmailHeader />
+
+      <Heading>Welcome to Tracked</Heading>
+      <Paragraph>
+        Hi {userName}, thank you for subscribing to Tracked. You now have full
+        access to all coaching features with no time limits.
+      </Paragraph>
+
+      <FeatureBox title="What's next:">
+        <SmallText style={{ marginBottom: "4px" }}>
+          • Continue managing your clients from the dashboard
+        </SmallText>
+        <SmallText style={{ marginBottom: "4px" }}>
+          • Your billing is based on your active client count
+        </SmallText>
+        <SmallText style={{ marginBottom: "4px" }}>
+          • Manage your subscription anytime from billing settings
+        </SmallText>
+        <SmallText>• Reach out if you need any help getting started</SmallText>
+      </FeatureBox>
+
+      <Paragraph>
+        We're excited to have you as part of the Tracked community. If you have
+        any questions about your subscription or the platform, we're here to
+        help.
+      </Paragraph>
+
+      <PrimaryButton href={dashboardUrl}>Go to Dashboard</PrimaryButton>
+
+      <Paragraph style={{ marginTop: "24px" }}>
+        Join our Discord community to connect with other coaches, share tips,
+        and get the latest updates.
+      </Paragraph>
+
+      <DiscordButton />
+
+      <EmailFooter websiteUrl={websiteUrl} />
+    </EmailLayout>
+  );
+};
+
+export default TrialConvertedEmail;

package/src/emails/trial-ending-soon.tsx

@@ -0,0 +1,126 @@
+import * as React from "react";
+import { Section, Text } from "@react-email/components";
+import {
+  EmailLayout,
+  EmailHeader,
+  EmailFooter,
+  Heading,
+  Paragraph,
+  FeatureBox,
+  SmallText,
+  PrimaryButton,
+  DiscordButton,
+  colors,
+} from "../components/index.js";
+
+interface TrialEndingSoonEmailProps {
+  userName: string;
+  daysRemaining: number;
+  trialEndDate: string;
+  upgradeUrl: string;
+  websiteUrl?: string;
+}
+
+export const TrialEndingSoonEmail = ({
+  userName = "Coach",
+  daysRemaining = 3,
+  trialEndDate = "January 29, 2025",
+  upgradeUrl = "https://dashboard.tracked.gg/billing",
+  websiteUrl = "https://tracked.gg",
+}: TrialEndingSoonEmailProps) => {
+  const dayText = daysRemaining === 1 ? "day" : "days";
+
+  return (
+    <EmailLayout
+      preview={`Only ${daysRemaining} ${dayText} left in your Tracked trial`}
+    >
+      <EmailHeader />
+
+      <Section
+        style={{
+          backgroundColor: "#FEF3C7",
+          padding: "16px 20px",
+          borderRadius: "8px",
+          marginBottom: "24px",
+          borderLeft: "4px solid #F59E0B",
+        }}
+      >
+        <Text
+          style={{
+            color: "#92400E",
+            fontSize: "14px",
+            fontWeight: "600",
+            margin: "0",
+          }}
+        >
+          Your trial ends in {daysRemaining} {dayText}
+        </Text>
+      </Section>
+
+      <Heading>Your Trial is Almost Over</Heading>
+      <Paragraph>
+        Hi {userName}, your free trial of Tracked ends on {trialEndDate}. To
+        keep your client data and continue using the coaching dashboard,
+        subscribe before your trial expires.
+      </Paragraph>
+
+      <FeatureBox title="What happens when your trial ends:">
+        <SmallText style={{ marginBottom: "4px" }}>
+          • You'll lose access to the coaching dashboard
+        </SmallText>
+        <SmallText style={{ marginBottom: "4px" }}>
+          • Your client data will be safely preserved
+        </SmallText>
+        <SmallText style={{ marginBottom: "4px" }}>
+          • Clients will still have access to their workouts
+        </SmallText>
+        <SmallText>• You can reactivate at any time to regain access</SmallText>
+      </FeatureBox>
+
+      <Section
+        style={{
+          backgroundColor: colors.surface,
+          padding: "20px 24px",
+          borderRadius: "8px",
+          margin: "24px 0",
+          borderLeft: `4px solid ${colors.accent}`,
+        }}
+      >
+        <Text
+          style={{
+            color: colors.accent,
+            fontSize: "18px",
+            fontWeight: "bold" as const,
+            marginBottom: "8px",
+          }}
+        >
+          Don't lose access
+        </Text>
+        <Text
+          style={{
+            color: colors.textSecondary,
+            fontSize: "14px",
+            lineHeight: "20px",
+            margin: "0 0 16px 0",
+          }}
+        >
+          Subscribe now to keep managing your clients without interruption.
+          Pricing starts at just a few dollars per month based on your client
+          count.
+        </Text>
+        <PrimaryButton href={upgradeUrl}>Subscribe Now</PrimaryButton>
+      </Section>
+
+      <Paragraph>
+        Have questions about pricing or need more time? Reply to this email or
+        reach out on Discord. We're happy to help.
+      </Paragraph>
+
+      <DiscordButton />
+
+      <EmailFooter websiteUrl={websiteUrl} />
+    </EmailLayout>
+  );
+};
+
+export default TrialEndingSoonEmail;