@tracked/emails 0.1.4 → 0.2.0

package/src/index.ts

@@ -1,19 +1,26 @@
+// Email templates
+import { AnniversaryEmail } from "./emails/anniversary.js";
+import { AppReviewRequestEmail } from "./emails/app-review-request.js";
 import { BodyweightGoalReachedEmail } from "./emails/bodyweight-goal-reached.js";
-import { ClientAcceptedInvitationEmail } from "./emails/client-accepted-invitation.js";
+import { ClientInactiveAlertEmail } from "./emails/client-inactive-alert.js";
+import { ClientOnboardedEmail } from "./emails/client-onboarded.js";
 import { CoachInviteEmail } from "./emails/coach-invite.js";
 import { CoachRemovedClientEmail } from "./emails/coach-removed-client.js";
 import { DirectMessageEmail } from "./emails/direct-message.js";
 import { FeatureDiscoveryEmail } from "./emails/feature-discovery.js";
 import { FirstWorkoutAssignedEmail } from "./emails/first-workout-assigned.js";
 import { FirstWorkoutCompletedEmail } from "./emails/first-workout-completed.js";
+import { InactiveReengagementEmail } from "./emails/inactive-reengagement.js";
 import { MonthlyReportEmail } from "./emails/monthly-report.js";
 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 { TeamInviteEmail } from "./emails/team-invite.js";
 import { TeamMemberRemovedEmail } from "./emails/team-member-removed-email.js";
 import { TrackedMagicLink } from "./emails/tracked-magic-link.js";
 import { TrackedMagicLinkActivate } from "./emails/tracked-magic-link-activate.js";
+import { WeeklyProgressDigestEmail } from "./emails/weekly-progress-digest.js";
 import { WeekOneCheckinEmail } from "./emails/week-one-checkin.js";
 import { WelcomeEmail } from "./emails/welcome.js";
 
@@ -28,23 +35,30 @@ import {
   getSafeDisplayName,
 } from "./utils/username-validation.js";
 
+// Export email templates
 export {
+  AnniversaryEmail,
+  AppReviewRequestEmail,
   BodyweightGoalReachedEmail,
-  ClientAcceptedInvitationEmail,
+  ClientInactiveAlertEmail,
+  ClientOnboardedEmail,
   CoachInviteEmail,
   CoachRemovedClientEmail,
   DirectMessageEmail,
   FeatureDiscoveryEmail,
   FirstWorkoutAssignedEmail,
   FirstWorkoutCompletedEmail,
+  InactiveReengagementEmail,
   MonthlyReportEmail,
   NewFollowerEmail,
+  NpsSurveyEmail,
   SubscriptionCanceledEmail,
   SupportEmail,
   TeamInviteEmail,
   TeamMemberRemovedEmail,
   TrackedMagicLink,
   TrackedMagicLinkActivate,
+  WeeklyProgressDigestEmail,
   WeekOneCheckinEmail,
   WelcomeEmail,
 };
@@ -57,3 +71,6 @@ export {
   isAnonymousUsername,
   getSafeDisplayName,
 };
+
+// Export shared components
+export * from "./components/index.js";

package/dist/emails/client-accepted-invitation.d.ts

@@ -1,10 +0,0 @@
-interface ClientAcceptedInvitationEmailProps {
-    coachName: string;
-    clientName: string;
-    clientEmail: string;
-    clientProfileUrl: string;
-    websiteUrl: string;
-}
-export declare const ClientAcceptedInvitationEmail: ({ coachName, clientName, clientEmail, clientProfileUrl, websiteUrl, }: ClientAcceptedInvitationEmailProps) => import("react/jsx-runtime").JSX.Element;
-export default ClientAcceptedInvitationEmail;
-//# sourceMappingURL=client-accepted-invitation.d.ts.map

package/dist/emails/client-accepted-invitation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-accepted-invitation.d.ts","sourceRoot":"","sources":["../../src/emails/client-accepted-invitation.tsx"],"names":[],"mappings":"AAiBA,UAAU,kCAAkC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,6BAA6B,GAAI,uEAM3C,kCAAkC,4CA4JpC,CAAC;AAoEF,eAAe,6BAA6B,CAAC"}

package/dist/emails/client-accepted-invitation.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Body, Column, Container, Head, Hr, Html, Img, Link, Preview, Row, Section, Text, } from "@react-email/components";
-const baseUrl = "https://tracked.gg/android-chrome-192x192.png";
-export const ClientAcceptedInvitationEmail = ({ coachName, clientName, clientEmail, clientProfileUrl, websiteUrl = "https://tracked.gg", }) => {
-    const displayName = clientName || clientEmail;
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { name: "color-scheme", content: "light only" }), _jsx("meta", { name: "supported-color-schemes", content: "light only" })] }), _jsxs(Preview, { children: [displayName, " accepted your coaching invitation on Tracked"] }), _jsx(Body, { style: main, children: _jsx(Container, { style: container, children: _jsxs(Section, { style: box, children: [_jsxs(Row, { style: { marginBottom: "8px" }, children: [_jsx(Column, { style: { width: "auto", verticalAlign: "middle" }, children: _jsx(Img, { src: `${baseUrl}`, width: "28", height: "28", alt: "Tracked" }) }), _jsx(Column, { style: {
-                                            width: "auto",
-                                            verticalAlign: "middle",
-                                            paddingLeft: "4px",
-                                        }, children: _jsx(Text, { style: {
-                                                fontSize: "28px",
-                                                fontWeight: "900",
-                                                fontFamily: "Raleway, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-                                                color: "#020617",
-                                                margin: "0",
-                                                lineHeight: "32px",
-                                                letterSpacing: "0.5px",
-                                            }, children: "TRACKED" }) })] }), _jsx(Hr, { style: hr }), _jsx(Text, { style: heading, children: "Great News!" }), _jsxs(Text, { style: paragraph, children: ["Hi ", coachName, ", ", displayName, " has accepted your coaching invitation and is now part of your coaching roster."] }), _jsxs(Section, { style: infoBox, children: [_jsx(Text, { style: infoHeading, children: "Client Details:" }), _jsxs(Text, { style: infoText, children: [_jsx("strong", { children: "Name:" }), " ", displayName] }), _jsxs(Text, { style: infoText, children: [_jsx("strong", { children: "Email:" }), " ", clientEmail] })] }), _jsx(Text, { style: paragraph, children: "You can now start creating their personalized training program and tracking their progress." }), _jsx("div", { style: {
-                                    marginTop: "24px",
-                                    marginBottom: "24px",
-                                    textAlign: "left",
-                                }, children: _jsx("a", { href: clientProfileUrl, style: {
-                                        backgroundColor: "#0f172a",
-                                        borderRadius: "8px",
-                                        fontSize: "16px",
-                                        fontWeight: "bold",
-                                        textDecoration: "none",
-                                        padding: "12px 32px",
-                                        display: "inline-block",
-                                    }, children: _jsx("span", { style: { color: "#ffffff", textDecoration: "none" }, children: "View Client Profile" }) }) }), _jsx(Text, { style: { ...paragraph }, children: "Get started by creating their first workout program or checking in with them through the app." }), _jsx("div", { style: {
-                                    textAlign: "left",
-                                    margin: "24px 0",
-                                }, children: _jsx("a", { href: "https://www.discord.gg/trackedgg", style: {
-                                        backgroundColor: "#5865F2",
-                                        borderRadius: "8px",
-                                        fontSize: "16px",
-                                        fontWeight: "bold",
-                                        textDecoration: "none",
-                                        padding: "12px 32px",
-                                        display: "inline-block",
-                                    }, children: _jsx("span", { style: { color: "#ffffff", textDecoration: "none" }, children: "Join our Discord Community" }) }) }), _jsx(Hr, { style: hr }), _jsxs(Text, { style: footer, children: ["Copyright \u00A9 Tracked Training Platform Inc. ", _jsx("br", {}), " 9101 Horne Street, Vancouver, BC"] }), _jsxs(Container, { children: [_jsx(Link, { href: `${websiteUrl}/terms`, style: { ...footer, paddingRight: 10 }, children: "Terms" }), _jsx(Link, { style: { ...footer, paddingRight: 10 }, children: " | " }), _jsx(Link, { href: `${websiteUrl}/privacy`, style: { ...footer, paddingRight: 10 }, children: "Privacy" }), _jsx(Link, { style: { ...footer, paddingRight: 10 }, children: " | " }), _jsx(Link, { href: `${websiteUrl}/support`, style: { ...footer, paddingRight: 10 }, children: "Support" })] }), _jsx(Text, { style: footer, children: "This is a service notification by the Tracked Training Platform." })] }) }) })] }));
-};
-const main = {
-    backgroundColor: "#020617", // slate-950
-    fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
-};
-const container = {
-    backgroundColor: "#020617", // slate-950
-    margin: "0 auto",
-    padding: "20px 0 48px",
-    marginBottom: "64px",
-    borderRadius: "8px",
-};
-const box = {
-    padding: "0 24px",
-};
-const hr = {
-    borderColor: "#4ade80", // green-400
-    margin: "24px 0",
-    borderWidth: "1px",
-};
-const paragraph = {
-    color: "#ffffff", // white
-    fontSize: "16px",
-    lineHeight: "24px",
-    textAlign: "left",
-};
-const heading = {
-    color: "#ffffff", // white
-    fontSize: "24px",
-    lineHeight: "32px",
-    fontWeight: "bold",
-    marginBottom: "16px",
-};
-const infoBox = {
-    backgroundColor: "#1e293b",
-    padding: "16px 24px",
-    borderRadius: "8px",
-    margin: "24px 0",
-};
-const infoHeading = {
-    color: "#ffffff",
-    fontSize: "16px",
-    fontWeight: "bold",
-    marginBottom: "12px",
-};
-const infoText = {
-    color: "#e2e8f0",
-    fontSize: "14px",
-    lineHeight: "24px",
-    marginBottom: "4px",
-};
-const footer = {
-    color: "#94a3b8", // slate-400 for subtle footer text
-    fontSize: "12px",
-    lineHeight: "16px",
-};
-export default ClientAcceptedInvitationEmail;
-//# sourceMappingURL=client-accepted-invitation.js.map

package/dist/emails/client-accepted-invitation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-accepted-invitation.js","sourceRoot":"","sources":["../../src/emails/client-accepted-invitation.tsx"],"names":[],"mappings":"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"}

package/src/emails/client-accepted-invitation.tsx

@@ -1,258 +0,0 @@
-import React from "react";
-import {
-  Body,
-  Button,
-  Column,
-  Container,
-  Head,
-  Hr,
-  Html,
-  Img,
-  Link,
-  Preview,
-  Row,
-  Section,
-  Text,
-} from "@react-email/components";
-
-interface ClientAcceptedInvitationEmailProps {
-  coachName: string;
-  clientName: string;
-  clientEmail: string;
-  clientProfileUrl: string;
-  websiteUrl: string;
-}
-
-const baseUrl = "https://tracked.gg/android-chrome-192x192.png";
-
-export const ClientAcceptedInvitationEmail = ({
-  coachName,
-  clientName,
-  clientEmail,
-  clientProfileUrl,
-  websiteUrl = "https://tracked.gg",
-}: ClientAcceptedInvitationEmailProps) => {
-  const displayName = clientName || clientEmail;
-
-  return (
-    <Html>
-      <Head>
-        <meta name="color-scheme" content="light only" />
-        <meta name="supported-color-schemes" content="light only" />
-      </Head>
-      <Preview>
-        {displayName} accepted your coaching invitation on Tracked
-      </Preview>
-      <Body style={main}>
-        <Container style={container}>
-          <Section style={box}>
-            <Row style={{ marginBottom: "8px" }}>
-              <Column style={{ width: "auto", verticalAlign: "middle" }}>
-                <Img src={`${baseUrl}`} width="28" height="28" alt="Tracked" />
-              </Column>
-              <Column
-                style={{
-                  width: "auto",
-                  verticalAlign: "middle",
-                  paddingLeft: "4px",
-                }}
-              >
-                <Text
-                  style={{
-                    fontSize: "28px",
-                    fontWeight: "900",
-                    fontFamily:
-                      "Raleway, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-                    color: "#020617",
-                    margin: "0",
-                    lineHeight: "32px",
-                    letterSpacing: "0.5px",
-                  }}
-                >
-                  TRACKED
-                </Text>
-              </Column>
-            </Row>
-            <Hr style={hr} />
-
-            <Text style={heading}>Great News!</Text>
-            <Text style={paragraph}>
-              Hi {coachName}, {displayName} has accepted your coaching
-              invitation and is now part of your coaching roster.
-            </Text>
-
-            <Section style={infoBox}>
-              <Text style={infoHeading}>Client Details:</Text>
-              <Text style={infoText}>
-                <strong>Name:</strong> {displayName}
-              </Text>
-              <Text style={infoText}>
-                <strong>Email:</strong> {clientEmail}
-              </Text>
-            </Section>
-
-            <Text style={paragraph}>
-              You can now start creating their personalized training program and
-              tracking their progress.
-            </Text>
-
-            <div
-              style={{
-                marginTop: "24px",
-                marginBottom: "24px",
-                textAlign: "left" as const,
-              }}
-            >
-              <a
-                href={clientProfileUrl}
-                style={{
-                  backgroundColor: "#0f172a",
-                  borderRadius: "8px",
-                  fontSize: "16px",
-                  fontWeight: "bold",
-                  textDecoration: "none",
-                  padding: "12px 32px",
-                  display: "inline-block",
-                }}
-              >
-                <span style={{ color: "#ffffff", textDecoration: "none" }}>
-                  View Client Profile
-                </span>
-              </a>
-            </div>
-
-            <Text style={{ ...paragraph }}>
-              Get started by creating their first workout program or checking in
-              with them through the app.
-            </Text>
-
-            <div
-              style={{
-                textAlign: "left" as const,
-                margin: "24px 0",
-              }}
-            >
-              <a
-                href="https://www.discord.gg/trackedgg"
-                style={{
-                  backgroundColor: "#5865F2",
-                  borderRadius: "8px",
-                  fontSize: "16px",
-                  fontWeight: "bold",
-                  textDecoration: "none",
-                  padding: "12px 32px",
-                  display: "inline-block",
-                }}
-              >
-                <span style={{ color: "#ffffff", textDecoration: "none" }}>
-                  Join our Discord Community
-                </span>
-              </a>
-            </div>
-
-            <Hr style={hr} />
-            <Text style={footer}>
-              Copyright © Tracked Training Platform Inc. <br /> 9101 Horne
-              Street, Vancouver, BC
-            </Text>
-
-            <Container>
-              <Link
-                href={`${websiteUrl}/terms`}
-                style={{ ...footer, paddingRight: 10 }}
-              >
-                Terms
-              </Link>
-              <Link style={{ ...footer, paddingRight: 10 }}> | </Link>
-              <Link
-                href={`${websiteUrl}/privacy`}
-                style={{ ...footer, paddingRight: 10 }}
-              >
-                Privacy
-              </Link>
-              <Link style={{ ...footer, paddingRight: 10 }}> | </Link>
-              <Link
-                href={`${websiteUrl}/support`}
-                style={{ ...footer, paddingRight: 10 }}
-              >
-                Support
-              </Link>
-            </Container>
-
-            <Text style={footer}>
-              This is a service notification by the Tracked Training Platform.
-            </Text>
-          </Section>
-        </Container>
-      </Body>
-    </Html>
-  );
-};
-
-const main = {
-  backgroundColor: "#020617", // slate-950
-  fontFamily:
-    '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
-};
-
-const container = {
-  backgroundColor: "#020617", // slate-950
-  margin: "0 auto",
-  padding: "20px 0 48px",
-  marginBottom: "64px",
-  borderRadius: "8px",
-};
-
-const box = {
-  padding: "0 24px",
-};
-
-const hr = {
-  borderColor: "#4ade80", // green-400
-  margin: "24px 0",
-  borderWidth: "1px",
-};
-
-const paragraph = {
-  color: "#ffffff", // white
-  fontSize: "16px",
-  lineHeight: "24px",
-  textAlign: "left" as const,
-};
-
-const heading = {
-  color: "#ffffff", // white
-  fontSize: "24px",
-  lineHeight: "32px",
-  fontWeight: "bold",
-  marginBottom: "16px",
-};
-
-const infoBox = {
-  backgroundColor: "#1e293b",
-  padding: "16px 24px",
-  borderRadius: "8px",
-  margin: "24px 0",
-};
-
-const infoHeading = {
-  color: "#ffffff",
-  fontSize: "16px",
-  fontWeight: "bold",
-  marginBottom: "12px",
-};
-
-const infoText = {
-  color: "#e2e8f0",
-  fontSize: "14px",
-  lineHeight: "24px",
-  marginBottom: "4px",
-};
-
-const footer = {
-  color: "#94a3b8", // slate-400 for subtle footer text
-  fontSize: "12px",
-  lineHeight: "16px",
-};
-
-export default ClientAcceptedInvitationEmail;