@tracked/emails 0.2.3 → 0.2.5

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

@@ -11,8 +11,7 @@ import {
   SmallText,
   PrimaryButton,
   DiscordButton,
-  colors,
-} from "../components";
+} from "../components/index.js";
 
 interface FirstWorkoutCompletedEmailProps {
   userName: string;
@@ -44,7 +43,7 @@ export const FirstWorkoutCompletedEmail = ({
       </Heading>
       <Paragraph>
         Congratulations, {userName}! You've just completed your first workout on
-        Tracked. This is the beginning of an amazing journey.
+        Tracked. 
       </Paragraph>
 
       <FeatureBox title="Your First Workout:">
@@ -63,37 +62,16 @@ export const FirstWorkoutCompletedEmail = ({
         )}
       </FeatureBox>
 
-      <Section
-        style={{
-          padding: "16px 0 16px 20px",
-          margin: "24px 0",
-          borderLeft: `4px solid ${colors.accent}`,
-        }}
-      >
-        <Text
-          style={{
-            color: colors.textMuted,
-            fontSize: "15px",
-            lineHeight: "22px",
-            fontStyle: "italic" as const,
-            margin: "0",
-          }}
-        >
-          "The secret of getting ahead is getting started." - Mark Twain
-        </Text>
-      </Section>
-
       <Paragraph>
-        You've taken the first step towards your fitness goals. Keep showing up,
-        stay consistent, and watch yourself grow stronger every day.
+        You've taken the first step towards standardizing how you train. 
+        The next workout you track will help you see if you are progressing or regressing.
       </Paragraph>
 
       <PrimaryButton href={workoutHistoryUrl}>View Your Progress</PrimaryButton>
 
       <TipBox title="Pro Tip">
-        Track every workout to see your progress over time. The data you collect
-        now will help you understand how far you've come in the weeks and months
-        ahead.
+        Want to track warm ups and intensity measures? Check out settings in the app
+        to enable these advanced tracking features.
       </TipBox>
 
       <DiscordButton />

package/src/emails/inactive-reengagement.tsx

@@ -9,7 +9,7 @@ import {
   FeatureList,
   PrimaryButton,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
 
 interface InactiveReengagementEmailProps {
   userName: string;
@@ -28,11 +28,11 @@ export const InactiveReengagementEmail = ({
 }: InactiveReengagementEmailProps) => {
   const getMessage = () => {
     if (daysInactive >= 30) {
-      return "It's been a while! Your fitness journey is waiting for you.";
+      return "It's been a while! We're here ready to help you standardize your training.";
     } else if (daysInactive >= 14) {
-      return "We noticed you've been away. Ready to get back on track?";
+      return "We've been working on exciting new features while you've been away.";
     } else {
-      return "Hey, we miss you! Your workout streak is waiting to be continued.";
+      return "Rest time is up, let's get back to it.";
     }
   };
 
@@ -40,7 +40,7 @@ export const InactiveReengagementEmail = ({
     <EmailLayout preview={`We miss you, ${userName}! Come back to Tracked`}>
       <EmailHeader />
 
-      <Heading>We Miss You!</Heading>
+      <Heading>Come back to Tracked!</Heading>
       <Paragraph>
         Hi {userName}, it's been {daysInactive} days since your last workout.{" "}
         {getMessage()}
@@ -65,10 +65,10 @@ export const InactiveReengagementEmail = ({
         />
       </FeatureBox>
 
-      <PrimaryButton href={appUrl}>Log a Workout</PrimaryButton>
+      <PrimaryButton href={appUrl}>Get Tracking</PrimaryButton>
 
       <Paragraph muted>
-        Remember: consistency beats perfection. Even a 10-minute session counts!
+        Remember: consistency beats perfection. Putting even just a little effort into tracking helps you stay accountable and see progress over time.
       </Paragraph>
 
       <DiscordButton />

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/week-one-checkin.tsx

@@ -14,7 +14,7 @@ import {
   DiscordButton,
   TextLink,
   colors,
-} from "../components";
+} from "../components/index.js";
 
 interface WeekOneCheckinEmailProps {
   userName: string;
@@ -108,11 +108,11 @@ export const WeekOneCheckinEmail = ({
       )}
 
       <PrimaryButton href={appUrl}>
-        {isActive ? "Continue Your Journey" : "Log Your First Workout"}
+        {isActive ? "Continue Tracking" : "Log Your First Workout"}
       </PrimaryButton>
 
       <TipBox title="Need Help?">
-        Our support team is here to help you get the most out of Tracked.
+        Our team is here to help you get the most out of Tracked.
         {supportUrl && (
           <>
             {" "}

package/src/emails/weekly-progress-digest.tsx

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

package/src/emails/welcome.tsx

@@ -7,10 +7,10 @@ import {
   Paragraph,
   FeatureBox,
   FeatureList,
-  TipBox,
   PrimaryButton,
   DiscordButton,
-} from "../components";
+} from "../components/index.js";
+import { Img } from "@react-email/components";
 
 interface WelcomeEmailProps {
   userName: string;
@@ -56,12 +56,22 @@ export const WelcomeEmail = ({
         />
       </FeatureBox>
 
-      <PrimaryButton href={appUrl}>Open the App</PrimaryButton>
+      <PrimaryButton href={appUrl}>Get Tracking</PrimaryButton>
 
-      <TipBox>
-        Consistency is key to seeing results, and we make it easy to track your
-        progress every step of the way. Try your best to STAY IN THE GREEN!
-      </TipBox>
+      <Heading>A Message from the Founders</Heading>
+      <Paragraph>
+        We started Tracked because we believe everyone deserves access to
+        world-class training tools. As athletes ourselves, we recognize the importance tracking has on your training. 
+        We genuinely appreciate the support,
+        and we're committed to building the best possible experience for you.
+        With gratitude, Keenan & Jackson
+      </Paragraph>
+
+      <Img
+        src="https://cdn.trckd.ca/assets/348E45F2-A1E4-4B5B-9239-77CF9BF5B782.png"
+        alt="Founders of Tracked"
+        style={{ width: "100%", marginTop: "24px" }}
+      />
 
       <DiscordButton />
 

package/src/utils/index.ts

@@ -8,6 +8,6 @@ export {
   isPrivateRelayEmail,
   isValidEmailFormat,
   shouldSendEmailTo,
-} from "./email-validation";
+} from "./email-validation.js";
 
-export { isAnonymousUsername, getSafeDisplayName } from "./username-validation";
+export { isAnonymousUsername, getSafeDisplayName } from "./username-validation.js";