@tracked/emails 0.2.0 → 0.2.2

package/dist/emails/new-follower.js

@@ -1,98 +1,14 @@
 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 NewFollowerEmail = ({ userName, followerName, followerUsername, followerAvatarUrl, followerProfileUrl, websiteUrl = "https://tracked.gg", }) => {
+import { Section, Img } from "@react-email/components";
+import { EmailLayout, EmailHeader, EmailFooter, Heading, Paragraph, FeatureBox, SmallText, PrimaryButton, DiscordButton, colors, } from "../components";
+export const NewFollowerEmail = ({ userName = "Alex", followerName = "Jordan Smith", followerUsername = "jordanfitness", followerAvatarUrl = "https://cdn.trckd.ca/avatars/default.png", followerProfileUrl = "tracked://app", websiteUrl = "https://tracked.gg", }) => {
     const displayName = followerUsername
         ? `${followerName} (@${followerUsername})`
         : followerName;
-    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: [followerName, " started following you 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: "You Have a New Follower!" }), _jsxs(Text, { style: paragraph, children: ["Hi ", userName, ", ", displayName, " started following you on Tracked."] }), followerAvatarUrl && (_jsx(Section, { style: { textAlign: "center", margin: "24px 0" }, children: _jsx(Img, { src: followerAvatarUrl, width: "80", height: "80", alt: followerName, style: {
-                                        borderRadius: "50%",
-                                        border: "2px solid #4ade80",
-                                    } }) })), _jsx(Section, { style: infoBox, children: _jsxs(Text, { style: infoText, children: [_jsx("strong", { children: displayName }), " is now following your fitness journey and will see your public workouts and achievements."] }) }), _jsx("div", { style: {
-                                    marginTop: "24px",
-                                    marginBottom: "24px",
-                                    textAlign: "left",
-                                }, children: _jsx("a", { href: followerProfileUrl, 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 Profile" }) }) }), _jsx(Text, { style: { ...paragraph }, children: "Check out their profile to see their workouts and consider following them back!" }), _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 infoText = {
-    color: "#e2e8f0",
-    fontSize: "14px",
-    lineHeight: "24px",
-    marginBottom: "4px",
-};
-const footer = {
-    color: "#94a3b8", // slate-400 for subtle footer text
-    fontSize: "12px",
-    lineHeight: "16px",
+    return (_jsxs(EmailLayout, { preview: `${followerName} started following you on Tracked`, children: [_jsx(EmailHeader, {}), _jsx(Heading, { children: "You Have a New Follower!" }), _jsxs(Paragraph, { children: ["Hi ", userName, ", ", displayName, " started following you on Tracked."] }), followerAvatarUrl && (_jsx(Section, { style: { textAlign: "center", margin: "24px 0" }, children: _jsx(Img, { src: followerAvatarUrl, width: "80", height: "80", alt: followerName, style: {
+                        borderRadius: "50%",
+                        border: `2px solid ${colors.accent}`,
+                    } }) })), _jsx(FeatureBox, { children: _jsxs(SmallText, { children: [_jsx("strong", { children: displayName }), " is now following your fitness journey and will see your public workouts and achievements."] }) }), _jsx(PrimaryButton, { href: followerProfileUrl, children: "View Profile" }), _jsx(Paragraph, { children: "Check out their profile to see their workouts and consider following them back!" }), _jsx(DiscordButton, {}), _jsx(EmailFooter, { websiteUrl: websiteUrl })] }));
 };
 export default NewFollowerEmail;
 //# sourceMappingURL=new-follower.js.map

package/dist/emails/new-follower.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-follower.js","sourceRoot":"","sources":["../../src/emails/new-follower.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"new-follower.js","sourceRoot":"","sources":["../../src/emails/new-follower.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAWvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,cAAc,EAC7B,gBAAgB,GAAG,eAAe,EAClC,iBAAiB,GAAG,0CAA0C,EAC9D,kBAAkB,GAAG,eAAe,EACpC,UAAU,GAAG,oBAAoB,GACX,EAAE,EAAE;IAC1B,MAAM,WAAW,GAAG,gBAAgB;QAClC,CAAC,CAAC,GAAG,YAAY,MAAM,gBAAgB,GAAG;QAC1C,CAAC,CAAC,YAAY,CAAC;IAEjB,OAAO,CACL,MAAC,WAAW,IAAC,OAAO,EAAE,GAAG,YAAY,mCAAmC,aACtE,KAAC,WAAW,KAAG,EAEf,KAAC,OAAO,2CAAmC,EAC3C,MAAC,SAAS,sBACJ,QAAQ,QAAI,WAAW,0CACjB,EAEX,iBAAiB,IAAI,CACpB,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,YAChE,KAAC,GAAG,IACF,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;wBACL,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,aAAa,MAAM,CAAC,MAAM,EAAE;qBACrC,GACD,GACM,CACX,EAED,KAAC,UAAU,cACT,MAAC,SAAS,eACR,2BAAS,WAAW,GAAU,kGAEpB,GACD,EAEb,KAAC,aAAa,IAAC,IAAI,EAAE,kBAAkB,6BAA8B,EAErE,KAAC,SAAS,kGAGE,EAEZ,KAAC,aAAa,KAAG,EAEjB,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IAC3B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/emails/nps-survey.d.ts

@@ -0,0 +1,9 @@
+interface NpsSurveyEmailProps {
+    userName: string;
+    surveyBaseUrl: string;
+    websiteUrl?: string;
+    unsubscribeUrl?: string;
+}
+export declare const NpsSurveyEmail: ({ userName, surveyBaseUrl, websiteUrl, unsubscribeUrl, }: NpsSurveyEmailProps) => import("react/jsx-runtime").JSX.Element;
+export default NpsSurveyEmail;
+//# sourceMappingURL=nps-survey.d.ts.map

package/dist/emails/nps-survey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nps-survey.d.ts","sourceRoot":"","sources":["../../src/emails/nps-survey.tsx"],"names":[],"mappings":"AAaA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAwCD,eAAO,MAAM,cAAc,GAAI,0DAK5B,mBAAmB,4CAmFrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/emails/nps-survey.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Section, Text } from "@react-email/components";
+import { EmailLayout, EmailHeader, EmailFooter, Heading, Paragraph, colors, spacing, borderRadius, } from "../components";
+const ScoreButton = ({ score, baseUrl, }) => {
+    const getColor = () => {
+        if (score <= 6)
+            return colors.error;
+        if (score <= 8)
+            return colors.warning;
+        return colors.success;
+    };
+    return (_jsx("td", { style: { padding: "0 2px" }, children: _jsx("a", { href: `${baseUrl}?score=${score}`, style: {
+                display: "inline-block",
+                width: "36px",
+                height: "36px",
+                lineHeight: "36px",
+                textAlign: "center",
+                backgroundColor: colors.surface,
+                border: `1px solid ${colors.border}`,
+                borderRadius: borderRadius.sm,
+                color: colors.textPrimary,
+                fontSize: "14px",
+                fontWeight: "600",
+                textDecoration: "none",
+            }, children: score }) }));
+};
+export const NpsSurveyEmail = ({ userName = "Alex", surveyBaseUrl = "https://tracked.gg/survey/nps", websiteUrl = "https://tracked.gg", unsubscribeUrl = "https://tracked.gg/unsubscribe", }) => {
+    return (_jsxs(EmailLayout, { preview: "Quick question: How likely are you to recommend Tracked?", children: [_jsx(EmailHeader, {}), _jsx(Heading, { children: "Quick Feedback" }), _jsxs(Paragraph, { children: ["Hi ", userName, ", we'd love your honest feedback. It only takes 10 seconds!"] }), _jsxs(Section, { style: {
+                    backgroundColor: colors.surface,
+                    padding: spacing.lg,
+                    borderRadius: borderRadius.md,
+                    margin: `${spacing.lg} 0`,
+                    border: `1px solid ${colors.border}`,
+                }, children: [_jsx(Text, { style: {
+                            color: colors.textPrimary,
+                            fontSize: "16px",
+                            fontWeight: "600",
+                            textAlign: "center",
+                            margin: "0 0 16px 0",
+                        }, children: "How likely are you to recommend Tracked to a friend?" }), _jsx("table", { cellPadding: "0", cellSpacing: "0", style: { margin: "0 auto" }, children: _jsx("tr", { children: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((score) => (_jsx(ScoreButton, { score: score, baseUrl: surveyBaseUrl }, score))) }) }), _jsx("table", { cellPadding: "0", cellSpacing: "0", style: { width: "100%", marginTop: "12px" }, children: _jsxs("tr", { children: [_jsx("td", { style: { textAlign: "left" }, children: _jsx(Text, { style: {
+                                            color: colors.textMuted,
+                                            fontSize: "12px",
+                                            margin: "0",
+                                        }, children: "Not likely" }) }), _jsx("td", { style: { textAlign: "right" }, children: _jsx(Text, { style: {
+                                            color: colors.textMuted,
+                                            fontSize: "12px",
+                                            margin: "0",
+                                        }, children: "Very likely" }) })] }) })] }), _jsx(Paragraph, { muted: true, style: { textAlign: "center" }, children: "Just click a number above - that's it! Your feedback helps us build a better app for everyone." }), _jsx(EmailFooter, { websiteUrl: websiteUrl, marketing: true, unsubscribeUrl: unsubscribeUrl })] }));
+};
+export default NpsSurveyEmail;
+//# sourceMappingURL=nps-survey.js.map

package/dist/emails/nps-survey.js.map

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

package/dist/emails/subscription-canceled.d.ts

@@ -3,7 +3,7 @@ interface SubscriptionCanceledEmailProps {
     cancellationDate: string;
     feedbackUrl?: string;
     reactivateUrl: string;
-    websiteUrl: string;
+    websiteUrl?: string;
 }
 export declare const SubscriptionCanceledEmail: ({ userName, cancellationDate, feedbackUrl, reactivateUrl, websiteUrl, }: SubscriptionCanceledEmailProps) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionCanceledEmail;

package/dist/emails/subscription-canceled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-canceled.d.ts","sourceRoot":"","sources":["../../src/emails/subscription-canceled.tsx"],"names":[],"mappings":"AAgBA,UAAU,8BAA8B;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,yBAAyB,GAAI,yEAMvC,8BAA8B,4CA6LhC,CAAC;AAyFF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"subscription-canceled.d.ts","sourceRoot":"","sources":["../../src/emails/subscription-canceled.tsx"],"names":[],"mappings":"AAgBA,UAAU,8BAA8B;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,GAAI,yEAMvC,8BAA8B,4CAwEhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/emails/subscription-canceled.js

@@ -1,131 +1,24 @@
 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 SubscriptionCanceledEmail = ({ userName, cancellationDate, feedbackUrl, reactivateUrl, websiteUrl = "https://tracked.gg", }) => {
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { name: "color-scheme", content: "light only" }), _jsx("meta", { name: "supported-color-schemes", content: "light only" })] }), _jsx(Preview, { children: "Your Tracked subscription has been canceled" }), _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: "Subscription Canceled" }), _jsxs(Text, { style: paragraph, children: ["Hi ", userName, ", we've confirmed that your Tracked subscription has been canceled."] }), _jsxs(Section, { style: infoBox, children: [_jsx(Text, { style: infoHeading, children: "What happens next:" }), _jsxs(Text, { style: infoText, children: ["\u2022 Your subscription will remain active until ", cancellationDate] }), _jsx(Text, { style: infoText, children: "\u2022 You'll continue to have full access until that date" }), _jsx(Text, { style: infoText, children: "\u2022 Your data will be safely stored and available if you return" })] }), _jsx(Text, { style: paragraph, children: "We're sorry to see you go! Your feedback helps us improve Tracked for everyone." }), feedbackUrl && (_jsx("div", { style: {
-                                    marginTop: "16px",
-                                    marginBottom: "16px",
-                                    textAlign: "left",
-                                }, children: _jsx("a", { href: feedbackUrl, style: {
-                                        backgroundColor: "transparent",
-                                        border: "1px solid #4ade80",
-                                        borderRadius: "8px",
-                                        fontSize: "14px",
-                                        fontWeight: "bold",
-                                        textDecoration: "none",
-                                        padding: "10px 24px",
-                                        display: "inline-block",
-                                    }, children: _jsx("span", { style: {
-                                            color: "#4ade80",
-                                            textDecoration: "none",
-                                        }, children: "Share Feedback" }) }) })), _jsxs(Section, { style: winbackBox, children: [_jsx(Text, { style: winbackHeading, children: "Changed your mind?" }), _jsxs(Text, { style: winbackText, children: ["You can reactivate your subscription at any time before", " ", cancellationDate, "."] }), _jsx("div", { style: {
-                                            marginTop: "16px",
-                                            textAlign: "left",
-                                        }, children: _jsx("a", { href: reactivateUrl, 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: "Reactivate Subscription" }) }) })] }), _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 winbackBox = {
-    backgroundColor: "#1e293b",
-    padding: "20px 24px",
-    borderRadius: "8px",
-    margin: "24px 0",
-    borderLeft: "4px solid #4ade80",
-};
-const winbackHeading = {
-    color: "#4ade80",
-    fontSize: "18px",
-    fontWeight: "bold",
-    marginBottom: "8px",
-};
-const winbackText = {
-    color: "#e2e8f0",
-    fontSize: "14px",
-    lineHeight: "20px",
-};
-const footer = {
-    color: "#94a3b8", // slate-400 for subtle footer text
-    fontSize: "12px",
-    lineHeight: "16px",
+import { Section, Text } from "@react-email/components";
+import { EmailLayout, EmailHeader, EmailFooter, Heading, Paragraph, FeatureBox, SmallText, PrimaryButton, SecondaryButton, DiscordButton, colors, } from "../components";
+export const SubscriptionCanceledEmail = ({ userName = "Alex", cancellationDate = "January 15, 2025", feedbackUrl = "https://tracked.gg/feedback", reactivateUrl = "https://tracked.gg/reactivate", websiteUrl = "https://tracked.gg", }) => {
+    return (_jsxs(EmailLayout, { preview: "Your Tracked subscription has been canceled", children: [_jsx(EmailHeader, {}), _jsx(Heading, { children: "Subscription Canceled" }), _jsxs(Paragraph, { children: ["Hi ", userName, ", we've confirmed that your Tracked subscription has been canceled."] }), _jsxs(FeatureBox, { title: "What happens next:", children: [_jsxs(SmallText, { style: { marginBottom: "4px" }, children: ["\u2022 Your subscription will remain active until ", cancellationDate] }), _jsx(SmallText, { style: { marginBottom: "4px" }, children: "\u2022 You'll continue to have full access until that date" }), _jsx(SmallText, { children: "\u2022 Your data will be safely stored and available if you return" })] }), _jsx(Paragraph, { children: "We're sorry to see you go! Your feedback helps us improve Tracked for everyone." }), feedbackUrl && (_jsx(SecondaryButton, { href: feedbackUrl, children: "Share Feedback" })), _jsxs(Section, { style: {
+                    backgroundColor: colors.surface,
+                    padding: "20px 24px",
+                    borderRadius: "8px",
+                    margin: "24px 0",
+                    borderLeft: `4px solid ${colors.accent}`,
+                }, children: [_jsx(Text, { style: {
+                            color: colors.accent,
+                            fontSize: "18px",
+                            fontWeight: "bold",
+                            marginBottom: "8px",
+                        }, children: "Changed your mind?" }), _jsxs(Text, { style: {
+                            color: colors.textSecondary,
+                            fontSize: "14px",
+                            lineHeight: "20px",
+                            margin: "0",
+                        }, children: ["You can reactivate your subscription at any time before", " ", cancellationDate, "."] }), _jsx(PrimaryButton, { href: reactivateUrl, children: "Reactivate Subscription" })] }), _jsx(DiscordButton, {}), _jsx(EmailFooter, { websiteUrl: websiteUrl })] }));
 };
 export default SubscriptionCanceledEmail;
 //# sourceMappingURL=subscription-canceled.js.map

package/dist/emails/subscription-canceled.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-canceled.js","sourceRoot":"","sources":["../../src/emails/subscription-canceled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"subscription-canceled.js","sourceRoot":"","sources":["../../src/emails/subscription-canceled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAUvB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,GAAG,MAAM,EACjB,gBAAgB,GAAG,kBAAkB,EACrC,WAAW,GAAG,6BAA6B,EAC3C,aAAa,GAAG,+BAA+B,EAC/C,UAAU,GAAG,oBAAoB,GACF,EAAE,EAAE;IACnC,OAAO,CACL,MAAC,WAAW,IAAC,OAAO,EAAC,6CAA6C,aAChE,KAAC,WAAW,KAAG,EAEf,KAAC,OAAO,wCAAgC,EACxC,MAAC,SAAS,sBACJ,QAAQ,2EAEF,EAEZ,MAAC,UAAU,IAAC,KAAK,EAAC,oBAAoB,aACpC,MAAC,SAAS,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,mEACO,gBAAgB,IACpD,EACZ,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,2EAE7B,EACZ,KAAC,SAAS,qFAEE,IACD,EAEb,KAAC,SAAS,kGAGE,EAEX,WAAW,IAAI,CACd,KAAC,eAAe,IAAC,IAAI,EAAE,WAAW,+BAAkC,CACrE,EAED,MAAC,OAAO,IACN,KAAK,EAAE;oBACL,eAAe,EAAE,MAAM,CAAC,OAAO;oBAC/B,OAAO,EAAE,WAAW;oBACpB,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,QAAQ;oBAChB,UAAU,EAAE,aAAa,MAAM,CAAC,MAAM,EAAE;iBACzC,aAED,KAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,MAAM;4BACpB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAe;4BAC3B,YAAY,EAAE,KAAK;yBACpB,mCAGI,EACP,MAAC,IAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,aAAa;4BAC3B,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;4BAClB,MAAM,EAAE,GAAG;yBACZ,wEAEuD,GAAG,EAC1D,gBAAgB,SACZ,EACP,KAAC,aAAa,IAAC,IAAI,EAAE,aAAa,wCAElB,IACR,EAEV,KAAC,aAAa,KAAG,EAEjB,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IAC3B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/emails/support-email.d.ts

@@ -4,5 +4,5 @@ interface SupportEmailProps {
     category: string;
 }
 export declare const SupportEmail: ({ email, message, category, }: SupportEmailProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default SupportEmail;
 //# sourceMappingURL=support-email.d.ts.map

package/dist/emails/support-email.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"support-email.d.ts","sourceRoot":"","sources":["../../src/emails/support-email.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,4CAwCnB,CAAC"}
+{"version":3,"file":"support-email.d.ts","sourceRoot":"","sources":["../../src/emails/support-email.tsx"],"names":[],"mappings":"AAWA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,4CAsBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/emails/support-email.js

@@ -1,40 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Hr, Text } from "@react-email/components";
-export const SupportEmail = ({ email, message, category, }) => (_jsxs(Container, { style: styles.container, children: [_jsx(Hr, { style: styles.hr }), _jsxs(Text, { style: styles.text, children: [_jsx("strong", { children: "Email:" }), " ", email] }), _jsxs(Text, { style: styles.text, children: [_jsx("strong", { children: "Message:" }), " ", message] }), _jsxs(Text, { style: styles.text, children: [_jsx("strong", { children: "Category:" }), " ", category] }), _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: styles.hr }), _jsx(Text, { style: styles.footer, children: "Tracked, 9101 Horne Street, Vancouver, BC" })] }));
-const styles = {
-    container: {
-        backgroundColor: "#1F2937",
-        margin: "0 auto",
-        padding: "16px",
-        paddingBottom: "64px",
-        borderRadius: "10px",
-        fontFamily: "sans-serif",
-    },
-    img: {
-        width: "40px",
-        height: "40px",
-    },
-    hr: {
-        borderColor: "#e6ebf1",
-        margin: "16px 0",
-    },
-    text: {
-        color: "#FFFFFF",
-    },
-    footer: {
-        color: "#6B7280",
-        fontSize: "12px",
-    },
-};
+import { EmailLayout, EmailHeader, EmailFooter, Heading, FeatureBox, SmallText, DiscordButton, } from "../components";
+export const SupportEmail = ({ email = "user@example.com", message = "I'm having trouble syncing my workouts between devices. The app shows different workout history on my phone versus my tablet. Can you help me resolve this issue?", category = "Technical Issue", }) => (_jsxs(EmailLayout, { preview: `Support request from ${email}`, children: [_jsx(EmailHeader, {}), _jsx(Heading, { children: "Support Request" }), _jsxs(FeatureBox, { children: [_jsxs(SmallText, { style: { marginBottom: "8px" }, children: [_jsx("strong", { children: "Email:" }), " ", email] }), _jsxs(SmallText, { style: { marginBottom: "8px" }, children: [_jsx("strong", { children: "Category:" }), " ", category] }), _jsxs(SmallText, { children: [_jsx("strong", { children: "Message:" }), " ", message] })] }), _jsx(DiscordButton, {}), _jsx(EmailFooter, {})] }));
+export default SupportEmail;
 //# sourceMappingURL=support-email.js.map

package/dist/emails/support-email.js.map

@@ -1 +1 @@
-{"version":3,"file":"support-email.js","sourceRoot":"","sources":["../../src/emails/support-email.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAQ9D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,QAAQ,GACU,EAAE,EAAE,CAAC,CACvB,MAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAChC,KAAC,EAAE,IAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAI,EACxB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,sCAAuB,OAAE,KAAK,IACzB,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,wCAAyB,OAAE,OAAO,IAC7B,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,yCAA0B,OAAE,QAAQ,IAC/B,EAEP,cACE,KAAK,EAAE;gBACL,SAAS,EAAE,MAAe;gBAC1B,MAAM,EAAE,QAAQ;aACjB,YAED,YACE,IAAI,EAAC,kCAAkC,EACvC,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,cAAc,EAAE,MAAM;oBACtB,OAAO,EAAE,WAAW;oBACpB,OAAO,EAAE,cAAc;iBACxB,YAED,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,2CAElD,GACL,GACA,EAEN,KAAC,EAAE,IAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAI,EACxB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,0DAAkD,IAClE,CACb,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,YAAY;KACzB;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,EAAE,EAAE;QACF,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
+{"version":3,"file":"support-email.js","sourceRoot":"","sources":["../../src/emails/support-email.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,OAAO,EACP,UAAU,EACV,SAAS,EACT,aAAa,GACd,MAAM,eAAe,CAAC;AAQvB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,kBAAkB,EAC1B,OAAO,GAAG,mKAAmK,EAC7K,QAAQ,GAAG,iBAAiB,GACV,EAAE,EAAE,CAAC,CACvB,MAAC,WAAW,IAAC,OAAO,EAAE,wBAAwB,KAAK,EAAE,aACnD,KAAC,WAAW,KAAG,EAEf,KAAC,OAAO,kCAA0B,EAElC,MAAC,UAAU,eACT,MAAC,SAAS,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,aACvC,sCAAuB,OAAE,KAAK,IACpB,EACZ,MAAC,SAAS,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,aACvC,yCAA0B,OAAE,QAAQ,IAC1B,EACZ,MAAC,SAAS,eACR,wCAAyB,OAAE,OAAO,IACxB,IACD,EAEb,KAAC,aAAa,KAAG,EAEjB,KAAC,WAAW,KAAG,IACH,CACf,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/emails/team-invite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-invite.d.ts","sourceRoot":"","sources":["../../src/emails/team-invite.tsx"],"names":[],"mappings":"AAmBA,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,eAAO,MAAM,eAAe,GAAI,gEAM7B,oBAAoB,4CAkItB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"team-invite.d.ts","sourceRoot":"","sources":["../../src/emails/team-invite.tsx"],"names":[],"mappings":"AAaA,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,GAAI,gEAM7B,oBAAoB,4CAsCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/emails/team-invite.js

@@ -1,100 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Body, Button, 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 TeamInviteEmail = ({ teamName = "Team Tracked Training", teamRole = "Athlete", websiteUrl = "https://www.tracked.training", teamImage, invitationLink, }) => {
-    return (_jsxs(Html, { children: [_jsx(Head, {}), _jsxs(Preview, { children: ["Team Invite for ", teamName] }), _jsx(Body, { style: main, children: _jsx(Container, { style: container, children: _jsxs(Section, { style: box, children: [_jsx(Row, { children: _jsx(Img, { src: `${baseUrl}`, width: "40", height: "40", alt: "Tracked" }) }), _jsx(Hr, { style: hr }), teamImage && (_jsx(Img, { src: teamImage || baseUrl, height: "70", alt: "Tracked", style: {
-                                    margin: "0 auto",
-                                    padding: "20px",
-                                } })), _jsxs(Text, { style: heading, children: ["Invitation to join ", teamName] }), _jsxs(Text, { style: paragraph, children: ["Join the team as a ", _jsx("strong", { children: teamRole }), " by pressing the button below."] }), _jsx(Button, { style: button, href: invitationLink, children: "Join Team" }), _jsxs(Text, { style: { ...paragraph }, children: ["If this email was not expected, please ignore it. You can learn more about the Tracked Training Platform by visiting our", " ", _jsx(Link, { style: anchor, href: websiteUrl, children: "website" }), "."] }), _jsxs(Row, { style: row, children: [_jsx(Column, { style: column, children: _jsx(Button, { style: appButton, href: "https://apps.apple.com/app/tracked-training/id6450913418", children: _jsx(Img, { src: "https://cdn.trckd.ca/assets/app-store-black.png", alt: "Download on the App Store", style: img }) }) }), _jsx(Column, { style: column, children: _jsx(Button, { style: appButton, href: "https://play.google.com/store/apps/details?id=com.tracked.mobile", children: _jsx(Img, { src: "https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png", alt: "Google Play", style: img }) }) })] }), _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: "https://tracked.gg/terms", style: { ...footer, paddingRight: 10 }, children: "Terms" }), _jsx(Link, { style: { ...footer, paddingRight: 10 }, children: " | " }), _jsx(Link, { href: "https://tracked.gg/privacy", style: { ...footer, paddingRight: 10 }, children: "Privacy" }), _jsx(Link, { style: { ...footer, paddingRight: 10 }, children: " | " }), _jsx(Link, { href: "https://tracked.gg/support", style: { ...footer, paddingRight: 10 }, children: "Support" })] }), _jsx(Text, { style: footer, children: "This is a service notification by the Tracked Training Platform." })] }) }) })] }));
+import { Img } from "@react-email/components";
+import { EmailLayout, EmailHeader, EmailFooter, Heading, Paragraph, PrimaryButton, DiscordButton, TextLink, } from "../components";
+export const TeamInviteEmail = ({ teamName = "Team Tracked Training", teamRole = "Athlete", websiteUrl = "https://tracked.gg", teamImage = "https://cdn.trckd.ca/teams/default.png", invitationLink = "https://tracked.gg/team/invite/abc123", }) => {
+    return (_jsxs(EmailLayout, { preview: `Team Invite for ${teamName}`, children: [_jsx(EmailHeader, {}), teamImage && (_jsx(Img, { src: teamImage, height: "70", alt: teamName, style: {
+                    margin: "0 auto 24px",
+                    display: "block",
+                } })), _jsxs(Heading, { children: ["Invitation to join ", teamName] }), _jsxs(Paragraph, { children: ["Join the team as a ", _jsx("strong", { children: teamRole }), " by pressing the button below."] }), _jsx(PrimaryButton, { href: invitationLink || "#", fullWidth: true, children: "Join Team" }), _jsxs(Paragraph, { children: ["If this email was not expected, please ignore it. You can learn more about the Tracked Training Platform by visiting our", " ", _jsx(TextLink, { href: websiteUrl, children: "website" }), "."] }), _jsx(DiscordButton, {}), _jsx(EmailFooter, { websiteUrl: websiteUrl })] }));
 };
 export default TeamInviteEmail;
-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",
-    borderRadius: "5px",
-};
-const box = {
-    padding: "0 48px",
-};
-const row = {
-    display: "flex",
-    flexDirection: "row",
-};
-const column = {
-    flex: "0 0 48%",
-    "@media (maxWidth: 600px)": {
-        flex: "0 0 100%",
-        marginBottom: "10px",
-    },
-};
-const img = {
-    maxWidth: "100%",
-    height: "auto",
-};
-const appButton = {
-    backgroundColor: "transparent",
-    borderRadius: "5px",
-    color: "#ffffff",
-    fontSize: "16px",
-    fontWeight: "bold",
-    textDecoration: "none",
-    textAlign: "center",
-    display: "block",
-    width: "100%",
-    maxWidth: "150px",
-};
-const hr = {
-    borderColor: "#475569",
-    margin: "20px 0",
-};
-const paragraph = {
-    color: "#e2e8f0",
-    fontSize: "16px",
-    lineHeight: "24px",
-    textAlign: "left",
-};
-const heading = {
-    color: "#e2e8f0",
-    fontSize: "24px",
-    lineHeight: "32px",
-    fontWeight: "bold",
-    textAlign: "left",
-};
-const anchor = {
-    color: "#4ade80",
-};
-const button = {
-    backgroundColor: "#4ade80",
-    borderRadius: "5px",
-    color: "#0f172a",
-    fontSize: "16px",
-    fontWeight: "bold",
-    textDecoration: "none",
-    textAlign: "center",
-    display: "block",
-    width: "100%",
-    padding: "16px 0",
-};
-const footer = {
-    color: "#8898aa",
-    fontSize: "12px",
-    lineHeight: "16px",
-};
 //# sourceMappingURL=team-invite.js.map