npm - @tracked/emails - Versions diffs - 0.1.0 - Mend

@tracked/emails 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/LICENSE +21 -0
package/README.md +211 -0
package/dist/emails/bodyweight-goal-reached.d.ts +14 -0
package/dist/emails/bodyweight-goal-reached.d.ts.map +1 -0
package/dist/emails/bodyweight-goal-reached.js +177 -0
package/dist/emails/bodyweight-goal-reached.js.map +1 -0
package/dist/emails/client-accepted-invitation.d.ts +10 -0
package/dist/emails/client-accepted-invitation.d.ts.map +1 -0
package/dist/emails/client-accepted-invitation.js +99 -0
package/dist/emails/client-accepted-invitation.js.map +1 -0
package/dist/emails/coach-invite.d.ts +10 -0
package/dist/emails/coach-invite.d.ts.map +1 -0
package/dist/emails/coach-invite.js +126 -0
package/dist/emails/coach-invite.js.map +1 -0
package/dist/emails/coach-removed-client.d.ts +8 -0
package/dist/emails/coach-removed-client.d.ts.map +1 -0
package/dist/emails/coach-removed-client.js +80 -0
package/dist/emails/coach-removed-client.js.map +1 -0
package/dist/emails/direct-message.d.ts +11 -0
package/dist/emails/direct-message.d.ts.map +1 -0
package/dist/emails/direct-message.js +103 -0
package/dist/emails/direct-message.js.map +1 -0
package/dist/emails/feature-discovery.d.ts +11 -0
package/dist/emails/feature-discovery.d.ts.map +1 -0
package/dist/emails/feature-discovery.js +121 -0
package/dist/emails/feature-discovery.js.map +1 -0
package/dist/emails/first-workout-assigned.d.ts +10 -0
package/dist/emails/first-workout-assigned.d.ts.map +1 -0
package/dist/emails/first-workout-assigned.js +98 -0
package/dist/emails/first-workout-assigned.js.map +1 -0
package/dist/emails/first-workout-completed.d.ts +11 -0
package/dist/emails/first-workout-completed.d.ts.map +1 -0
package/dist/emails/first-workout-completed.js +129 -0
package/dist/emails/first-workout-completed.js.map +1 -0
package/dist/emails/index.d.ts +7 -0
package/dist/emails/index.d.ts.map +1 -0
package/dist/emails/index.js +7 -0
package/dist/emails/index.js.map +1 -0
package/dist/emails/new-follower.d.ts +11 -0
package/dist/emails/new-follower.d.ts.map +1 -0
package/dist/emails/new-follower.js +98 -0
package/dist/emails/new-follower.js.map +1 -0
package/dist/emails/subscription-canceled.d.ts +10 -0
package/dist/emails/subscription-canceled.d.ts.map +1 -0
package/dist/emails/subscription-canceled.js +131 -0
package/dist/emails/subscription-canceled.js.map +1 -0
package/dist/emails/support-email.d.ts +8 -0
package/dist/emails/support-email.d.ts.map +1 -0
package/dist/emails/support-email.js +40 -0
package/dist/emails/support-email.js.map +1 -0
package/dist/emails/team-invite.d.ts +11 -0
package/dist/emails/team-invite.d.ts.map +1 -0
package/dist/emails/team-invite.js +100 -0
package/dist/emails/team-invite.js.map +1 -0
package/dist/emails/team-member-removed-email.d.ts +8 -0
package/dist/emails/team-member-removed-email.d.ts.map +1 -0
package/dist/emails/team-member-removed-email.js +97 -0
package/dist/emails/team-member-removed-email.js.map +1 -0
package/dist/emails/tracked-magic-link-activate.d.ts +7 -0
package/dist/emails/tracked-magic-link-activate.d.ts.map +1 -0
package/dist/emails/tracked-magic-link-activate.js +93 -0
package/dist/emails/tracked-magic-link-activate.js.map +1 -0
package/dist/emails/tracked-magic-link.d.ts +7 -0
package/dist/emails/tracked-magic-link.d.ts.map +1 -0
package/dist/emails/tracked-magic-link.js +101 -0
package/dist/emails/tracked-magic-link.js.map +1 -0
package/dist/emails/week-one-checkin.d.ts +10 -0
package/dist/emails/week-one-checkin.d.ts.map +1 -0
package/dist/emails/week-one-checkin.js +141 -0
package/dist/emails/week-one-checkin.js.map +1 -0
package/dist/emails/welcome.d.ts +8 -0
package/dist/emails/welcome.d.ts.map +1 -0
package/dist/emails/welcome.js +146 -0
package/dist/emails/welcome.js.map +1 -0
package/dist/index.d.ts +22 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +24 -0
package/dist/index.js.map +1 -0
package/dist/utils/email-validation.d.ts +48 -0
package/dist/utils/email-validation.d.ts.map +1 -0
package/dist/utils/email-validation.js +72 -0
package/dist/utils/email-validation.js.map +1 -0
package/dist/utils/index.d.ts +8 -0
package/dist/utils/index.d.ts.map +1 -0
package/dist/utils/index.js +8 -0
package/dist/utils/index.js.map +1 -0
package/dist/utils/username-validation.d.ts +54 -0
package/dist/utils/username-validation.d.ts.map +1 -0
package/dist/utils/username-validation.js +76 -0
package/dist/utils/username-validation.js.map +1 -0
package/package.json +78 -0
package/src/emails/bodyweight-goal-reached.tsx +396 -0
package/src/emails/client-accepted-invitation.tsx +258 -0
package/src/emails/coach-invite.tsx +270 -0
package/src/emails/coach-removed-client.tsx +212 -0
package/src/emails/direct-message.tsx +249 -0
package/src/emails/feature-discovery.tsx +289 -0
package/src/emails/first-workout-assigned.tsx +255 -0
package/src/emails/first-workout-completed.tsx +312 -0
package/src/emails/index.tsx +6 -0
package/src/emails/new-follower.tsx +260 -0
package/src/emails/subscription-canceled.tsx +311 -0
package/src/emails/support-email.tsx +80 -0
package/src/emails/team-invite.tsx +262 -0
package/src/emails/team-member-removed-email.tsx +240 -0
package/src/emails/tracked-magic-link-activate.tsx +252 -0
package/src/emails/tracked-magic-link.tsx +264 -0
package/src/emails/week-one-checkin.tsx +353 -0
package/src/emails/welcome.tsx +341 -0
package/src/index.ts +57 -0
package/src/utils/email-validation.test.ts +78 -0
package/src/utils/email-validation.ts +80 -0
package/src/utils/index.ts +13 -0
package/src/utils/username-validation.test.ts +118 -0
package/src/utils/username-validation.ts +89 -0
package/static/tracked-logo.png +0 -0

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

@@ -0,0 +1,258 @@
+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;

package/src/emails/coach-invite.tsx ADDED Viewed

@@ -0,0 +1,270 @@
+import * as React from "react";
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Hr,
+  Html,
+  Img,
+  Link,
+  Preview,
+  Section,
+  Text,
+} from "@react-email/components";
+interface CoachInviteEmailProps {
+  coachName: string;
+  coachEmail: string;
+  websiteUrl: string;
+  invitationLink: string;
+  coachAvatarUrl?: string;
+}
+const baseUrl = "https://tracked.gg/android-chrome-192x192.png";
+export const CoachInviteEmail = ({
+  coachName,
+  coachEmail,
+  websiteUrl = "https://tracked.gg",
+  invitationLink,
+  coachAvatarUrl,
+}: CoachInviteEmailProps) => {
+  const displayName = coachName || coachEmail;
+  return (
+    <Html>
+      <Head />
+      <Preview>Join {displayName}'s coaching program on Tracked</Preview>
+      <Body style={main}>
+        <Container style={container}>
+          <Section style={box}>
+            {/* Logo */}
+            <Img src={baseUrl} width="40" height="40" alt="Tracked" />
+            <Hr style={hr} />
+            {/* Coach Info Section */}
+            <Section style={coachSection}>
+              {coachAvatarUrl && (
+                <Img
+                  src={coachAvatarUrl}
+                  width="64"
+                  height="64"
+                  alt={displayName}
+                  style={avatarStyle}
+                />
+              )}
+              <Text style={heading}>Join {displayName}'s Coaching Program</Text>
+            </Section>
+            {/* Main Content */}
+            <Text style={paragraph}>
+              Hi there! {displayName} wants to coach you on Tracked - a platform
+              for personalized fitness coaching and progress tracking.
+            </Text>
+            {/* Features List */}
+            <Section style={featureSection}>
+              <Text style={featureHeading}>What you'll get:</Text>
+              <ul style={featureList}>
+                <li style={featureItem}>✓ Personalized workout programs</li>
+                <li style={featureItem}>
+                  ✓ Direct communication with your coach
+                </li>
+                <li style={featureItem}>✓ Progress tracking & analytics</li>
+                <li style={featureItem}>✓ Nutrition guidance</li>
+              </ul>
+            </Section>
+            {/* CTA Button */}
+            <Button style={button} href={invitationLink}>
+              Accept Coaching Invitation
+            </Button>
+            {/* Footer */}
+            <Text style={disclaimer}>
+              If this email was not expected, please ignore it. Learn more about
+              Tracked at{" "}
+              <Link style={link} href={websiteUrl}>
+                tracked.gg
+              </Link>
+            </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} />
+            {/* Legal Footer */}
+            <Text style={footer}>
+              © Tracked Training Platform Inc. <br />
+              9101 Horne Street, Vancouver, BC
+            </Text>
+            <Section style={footerLinksContainer}>
+              <Link href={`${websiteUrl}/terms`} style={footerLink}>
+                Terms
+              </Link>
+              <span style={footerDivider}>|</span>
+              <Link href={`${websiteUrl}/privacy`} style={footerLink}>
+                Privacy
+              </Link>
+              <span style={footerDivider}>|</span>
+              <Link href={`${websiteUrl}/support`} style={footerLink}>
+                Support
+              </Link>
+            </Section>
+          </Section>
+        </Container>
+      </Body>
+    </Html>
+  );
+};
+const main = {
+  backgroundColor: "#1e293b",
+  fontFamily:
+    '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
+};
+const container = {
+  backgroundColor: "#0f172a",
+  margin: "0 auto",
+  padding: "20px 0 48px",
+  marginBottom: "64px",
+  maxWidth: "600px",
+};
+const box = {
+  padding: "0 48px",
+};
+const coachSection = {
+  textAlign: "center" as const,
+  marginBottom: "24px",
+};
+const avatarStyle = {
+  borderRadius: "50%",
+  margin: "0 auto 16px",
+};
+const hr = {
+  borderColor: "#475569",
+  margin: "20px 0",
+};
+const paragraph = {
+  color: "#e2e8f0",
+  fontSize: "16px",
+  lineHeight: "24px",
+  textAlign: "left" as const,
+};
+const heading = {
+  color: "#e2e8f0",
+  fontSize: "24px",
+  lineHeight: "32px",
+  fontWeight: "bold",
+  textAlign: "center" as const,
+  margin: "24px 0",
+};
+const featureSection = {
+  backgroundColor: "#1e293b",
+  padding: "16px 24px",
+  borderRadius: "8px",
+  margin: "24px 0",
+};
+const featureHeading = {
+  color: "#e2e8f0",
+  fontSize: "16px",
+  fontWeight: "bold",
+  marginBottom: "12px",
+};
+const featureList = {
+  listStyle: "none",
+  padding: 0,
+  margin: 0,
+};
+const featureItem = {
+  color: "#e2e8f0",
+  fontSize: "14px",
+  lineHeight: "24px",
+  marginBottom: "8px",
+};
+const link = {
+  color: "#4ade80",
+  textDecoration: "underline",
+};
+const button = {
+  backgroundColor: "#4ade80",
+  borderRadius: "5px",
+  color: "#0f172a",
+  fontSize: "16px",
+  fontWeight: "bold",
+  textDecoration: "none",
+  textAlign: "center" as const,
+  display: "block",
+  width: "100%",
+  padding: "16px 0",
+  margin: "24px 0",
+};
+const disclaimer = {
+  color: "#94a3b8",
+  fontSize: "14px",
+  textAlign: "center" as const,
+  margin: "16px 0",
+};
+const footer = {
+  color: "#8898aa",
+  fontSize: "12px",
+  lineHeight: "16px",
+  textAlign: "center" as const,
+};
+const footerLinksContainer = {
+  textAlign: "center" as const,
+  margin: "12px 0",
+};
+const footerLink = {
+  color: "#8898aa",
+  fontSize: "12px",
+  textDecoration: "none",
+  padding: "0 8px",
+};
+const footerDivider = {
+  color: "#8898aa",
+  fontSize: "12px",
+};
+export default CoachInviteEmail;