brookmind-emails 0.1.11 → 0.1.13

package/dist/foodstudio/templates/WelcomeEmail.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Html, Head, Body, Container, Section, Text, Link, Preview, Font, Img, Button as ReactEmailButton, } from "@react-email/components";
+import { foodstudioConfig } from "../config.js";
+// Design System Colors - Matching FoodStudio Landing
+const colors = {
+    background: "#0d0d0d",
+    cardBg: "#121212",
+    primary: "#ea580c",
+    white: "#f2f2f2",
+    textSecondary: "rgba(242, 242, 242, 0.7)",
+    textMuted: "#8c8c8c",
+    border: "#262626",
+};
+const styles = {
+    body: {
+        margin: 0,
+        padding: 0,
+        backgroundColor: colors.background,
+        fontFamily: "'Inter', 'Segoe UI', Arial, sans-serif",
+    },
+    container: {
+        maxWidth: "600px",
+        margin: "0 auto",
+        backgroundColor: colors.background,
+    },
+    header: {
+        backgroundColor: colors.background,
+        padding: "40px 32px 24px",
+        textAlign: "center",
+    },
+    logo: {
+        display: "block",
+        margin: "0 auto",
+    },
+    heroSection: {
+        padding: "24px 32px 40px",
+        textAlign: "center",
+    },
+    heroTagline: {
+        margin: "0 0 12px",
+        fontSize: "13px",
+        fontWeight: 600,
+        color: colors.primary,
+        letterSpacing: "2px",
+        textTransform: "uppercase",
+    },
+    heroHeading: {
+        margin: "0 0 16px",
+        fontSize: "28px",
+        fontWeight: 700,
+        color: colors.white,
+        lineHeight: "1.3",
+    },
+    heroSubheading: {
+        margin: "0 0 28px",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+    },
+    heroCta: {
+        display: "inline-block",
+        padding: "14px 36px",
+        fontSize: "15px",
+        fontWeight: 600,
+        textDecoration: "none",
+        borderRadius: "10px",
+        backgroundColor: colors.primary,
+        color: "#ffffff",
+        textAlign: "center",
+    },
+    welcomeSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+        borderBottom: `1px solid ${colors.border}`,
+    },
+    welcomeText: {
+        margin: "0 0 16px",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+    },
+    welcomeEmail: {
+        color: colors.white,
+        fontWeight: 600,
+    },
+    supportSection: {
+        backgroundColor: colors.background,
+        padding: "32px",
+        textAlign: "center",
+    },
+    supportText: {
+        margin: "0 0 4px",
+        fontSize: "13px",
+        color: colors.textMuted,
+    },
+    supportLink: {
+        color: colors.primary,
+        textDecoration: "none",
+        fontWeight: 600,
+    },
+    footer: {
+        backgroundColor: colors.cardBg,
+        padding: "24px 32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    footerLogo: {
+        display: "block",
+        margin: "0 auto 12px",
+        opacity: 0.6,
+    },
+    footerText: {
+        margin: "0 0 4px",
+        fontSize: "11px",
+        color: colors.textMuted,
+        lineHeight: "1.6",
+    },
+    footerLink: {
+        color: colors.textMuted,
+        textDecoration: "underline",
+    },
+    downloadSection: {
+        backgroundColor: colors.cardBg,
+        padding: "24px 32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    downloadText: {
+        margin: "0 0 16px",
+        fontSize: "14px",
+        color: colors.white,
+    },
+    badgeContainer: {
+        textAlign: "center",
+    },
+    badge: {
+        display: "inline-block",
+        margin: "0 8px",
+    },
+};
+export function WelcomeEmail({ email = "user@example.com" }) {
+    return (_jsxs(Html, { lang: "en", children: [_jsxs(Head, { children: [_jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 400, fontStyle: "normal" }), _jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 600, fontStyle: "normal" }), _jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 700, fontStyle: "normal" })] }), _jsx(Preview, { children: "Welcome to FoodStudio" }), _jsx(Body, { style: styles.body, children: _jsxs(Container, { style: styles.container, children: [_jsx(Section, { style: styles.header, children: _jsx(Img, { src: foodstudioConfig.logoUrl, width: "130", height: "auto", alt: "FoodStudio", style: styles.logo }) }), _jsxs(Section, { style: styles.heroSection, children: [_jsx(Text, { style: styles.heroTagline, children: "Welcome to FoodStudio" }), _jsx(Text, { style: styles.heroHeading, children: "Your Account is Ready!" }), _jsx(Text, { style: styles.heroSubheading, children: "We're excited to have you on board. Start exploring FoodStudio and discover all the amazing features waiting for you." }), _jsx(ReactEmailButton, { href: foodstudioConfig.appUrl, style: styles.heroCta, children: "Get Started" })] }), _jsx(Section, { style: styles.welcomeSection, children: _jsxs(Text, { style: styles.welcomeText, children: ["Hi ", _jsx("span", { style: styles.welcomeEmail, children: email }), ", your account is ready.", _jsx("br", {}), "You now have access to the complete FoodStudio platform."] }) }), _jsxs(Section, { style: styles.supportSection, children: [_jsx(Text, { style: styles.supportText, children: "Need help getting started?" }), _jsx(Text, { style: styles.supportText, children: _jsx(Link, { href: `mailto:${foodstudioConfig.supportEmail}`, style: styles.supportLink, children: foodstudioConfig.supportEmail }) })] }), _jsxs(Section, { style: styles.downloadSection, children: [_jsx(Text, { style: styles.downloadText, children: "Get the FoodStudio app" }), _jsxs("div", { style: styles.badgeContainer, children: [_jsx(Link, { href: foodstudioConfig.appStoreUrl, style: styles.badge, children: _jsx(Img, { src: foodstudioConfig.appStoreBadgeUrl, width: "120", height: "40", alt: "Download on the App Store" }) }), _jsx(Link, { href: foodstudioConfig.playStoreUrl, style: styles.badge, children: _jsx(Img, { src: foodstudioConfig.playStoreBadgeUrl, width: "135", height: "40", alt: "Get it on Google Play" }) })] })] }), _jsxs(Section, { style: styles.footer, children: [_jsx(Img, { src: foodstudioConfig.logoUrl, width: "80", height: "auto", alt: "FoodStudio", style: styles.footerLogo }), _jsxs(Text, { style: styles.footerText, children: ["\u00A9 ", new Date().getFullYear(), " ", foodstudioConfig.companyName, ". All rights reserved."] }), _jsx(Text, { style: styles.footerText, children: "You received this email because you signed up for FoodStudio." }), _jsx(Text, { style: styles.footerText, children: _jsx(Link, { href: `${foodstudioConfig.appUrl}/privacy`, style: styles.footerLink, children: "Privacy Policy" }) })] })] }) })] }));
+}
+export default WelcomeEmail;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./shared/index.js";
 export * as modelfy from "./modelfy/index.js";
+export * as foodstudio from "./foodstudio/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAGlC,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAGlC,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAG9C,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -2,3 +2,5 @@
 export * from "./shared/index.js";
 // Modelfy emails
 export * as modelfy from "./modelfy/index.js";
+// FoodStudio emails
+export * as foodstudio from "./foodstudio/index.js";

package/dist/modelfy/index.d.ts

@@ -2,8 +2,9 @@ import { OtpEmail, type OtpEmailProps } from "./templates/OtpEmail.js";
 import { PromoSubscriptionEmail, type PromoSubscriptionEmailProps } from "./templates/PromoSubscriptionEmail.js";
 import { GrantCreditsEmail, type GrantCreditsEmailProps } from "./templates/GrantCreditsEmail.js";
 import { WelcomeEmail, type WelcomeEmailProps } from "./templates/WelcomeEmail.js";
-export type { OtpEmailProps, PromoSubscriptionEmailProps, GrantCreditsEmailProps, WelcomeEmailProps };
-export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail };
+import { FeedbackRequestEmail, type FeedbackRequestEmailProps } from "./templates/FeedbackRequestEmail.js";
+export type { OtpEmailProps, PromoSubscriptionEmailProps, GrantCreditsEmailProps, WelcomeEmailProps, FeedbackRequestEmailProps, };
+export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail, FeedbackRequestEmail };
 export interface RenderResult {
     subject: string;
     html: string;
@@ -13,4 +14,5 @@ export declare function renderOtpEmail(props: OtpEmailProps): Promise<RenderResu
 export declare function renderPromoSubscriptionEmail(props: PromoSubscriptionEmailProps): Promise<RenderResult>;
 export declare function renderGrantCreditsEmail(props: GrantCreditsEmailProps): Promise<RenderResult>;
 export declare function renderWelcomeEmail(props: WelcomeEmailProps): Promise<RenderResult>;
+export declare function renderFeedbackRequestEmail(props: FeedbackRequestEmailProps): Promise<RenderResult>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modelfy/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGnF,YAAY,EAAE,aAAa,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,CAAC;AAGtG,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAG7E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAsB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAShF;AAED,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,2BAA2B,GACjC,OAAO,CAAC,YAAY,CAAC,CASvB;AAED,wBAAsB,uBAAuB,CAC3C,KAAK,EAAE,sBAAsB,GAC5B,OAAO,CAAC,YAAY,CAAC,CASvB;AAED,wBAAsB,kBAAkB,CACtC,KAAK,EAAE,iBAAiB,GACvB,OAAO,CAAC,YAAY,CAAC,CASvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modelfy/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC/B,MAAM,qCAAqC,CAAC;AAG7C,YAAY,EACV,aAAa,EACb,2BAA2B,EAC3B,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,GAC1B,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAGnG,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAsB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAShF;AAED,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,2BAA2B,GACjC,OAAO,CAAC,YAAY,CAAC,CASvB;AAED,wBAAsB,uBAAuB,CAC3C,KAAK,EAAE,sBAAsB,GAC5B,OAAO,CAAC,YAAY,CAAC,CASvB;AAED,wBAAsB,kBAAkB,CACtC,KAAK,EAAE,iBAAiB,GACvB,OAAO,CAAC,YAAY,CAAC,CASvB;AAED,wBAAsB,0BAA0B,CAC9C,KAAK,EAAE,yBAAyB,GAC/B,OAAO,CAAC,YAAY,CAAC,CASvB"}

package/dist/modelfy/index.js

@@ -3,8 +3,9 @@ import { OtpEmail } from "./templates/OtpEmail.js";
 import { PromoSubscriptionEmail, } from "./templates/PromoSubscriptionEmail.js";
 import { GrantCreditsEmail } from "./templates/GrantCreditsEmail.js";
 import { WelcomeEmail } from "./templates/WelcomeEmail.js";
+import { FeedbackRequestEmail, } from "./templates/FeedbackRequestEmail.js";
 // Re-export components for preview
-export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail };
+export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail, FeedbackRequestEmail };
 export async function renderOtpEmail(props) {
     const html = await render(OtpEmail(props));
     const text = await render(OtpEmail(props), { plainText: true });
@@ -41,3 +42,12 @@ export async function renderWelcomeEmail(props) {
         text,
     };
 }
+export async function renderFeedbackRequestEmail(props) {
+    const html = await render(FeedbackRequestEmail(props));
+    const text = await render(FeedbackRequestEmail(props), { plainText: true });
+    return {
+        subject: "We'd love your feedback on Modelfy",
+        html,
+        text,
+    };
+}

package/dist/modelfy/templates/FeedbackRequestEmail.d.ts

@@ -0,0 +1,8 @@
+export interface FeedbackRequestEmailProps {
+    email: string;
+    planName: string;
+    subscriptionEndDate: string;
+}
+export declare function FeedbackRequestEmail({ email, planName, subscriptionEndDate, }: FeedbackRequestEmailProps): React.ReactElement;
+export default FeedbackRequestEmail;
+//# sourceMappingURL=FeedbackRequestEmail.d.ts.map

package/dist/modelfy/templates/FeedbackRequestEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackRequestEmail.d.ts","sourceRoot":"","sources":["../../../src/modelfy/templates/FeedbackRequestEmail.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAoMD,wBAAgB,oBAAoB,CAAC,EACnC,KAA0B,EAC1B,QAAgB,EAChB,mBAAuC,GACxC,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAiKhD;AAED,eAAe,oBAAoB,CAAC"}

package/dist/modelfy/templates/FeedbackRequestEmail.js

@@ -0,0 +1,208 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Html, Head, Body, Container, Section, Text, Link, Preview, Font, Img, Button as ReactEmailButton, } from "@react-email/components";
+import { modelfyConfig } from "../config.js";
+// Design System Colors - Matching Modelfy Landing
+const colors = {
+    background: "#0d0d0d",
+    cardBg: "#121212",
+    primary: "#0a8f5a",
+    white: "#f2f2f2",
+    textSecondary: "rgba(242, 242, 242, 0.7)",
+    textMuted: "#8c8c8c",
+    border: "#262626",
+};
+const styles = {
+    body: {
+        margin: 0,
+        padding: 0,
+        backgroundColor: colors.background,
+        fontFamily: "'Inter', 'Segoe UI', Arial, sans-serif",
+    },
+    container: {
+        maxWidth: "600px",
+        margin: "0 auto",
+        backgroundColor: colors.background,
+    },
+    header: {
+        backgroundColor: colors.background,
+        padding: "40px 32px 24px",
+        textAlign: "center",
+    },
+    logo: {
+        display: "block",
+        margin: "0 auto",
+    },
+    heroSection: {
+        padding: "24px 32px 16px",
+        textAlign: "center",
+    },
+    heroTagline: {
+        margin: "0 0 12px",
+        fontSize: "13px",
+        fontWeight: 600,
+        color: colors.primary,
+        letterSpacing: "2px",
+        textTransform: "uppercase",
+    },
+    heroHeading: {
+        margin: "0 0 16px",
+        fontSize: "28px",
+        fontWeight: 700,
+        color: colors.white,
+        lineHeight: "1.3",
+    },
+    heroSubheading: {
+        margin: "0",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+    },
+    feedbackSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        borderTop: `1px solid ${colors.border}`,
+        borderBottom: `1px solid ${colors.border}`,
+    },
+    feedbackText: {
+        margin: "0 0 20px",
+        fontSize: "15px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+    },
+    feedbackBox: {
+        backgroundColor: "rgba(10, 143, 90, 0.1)",
+        border: `1px solid rgba(10, 143, 90, 0.3)`,
+        borderRadius: "12px",
+        padding: "20px 24px",
+        marginBottom: "24px",
+    },
+    feedbackBoxText: {
+        margin: 0,
+        fontSize: "14px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+    },
+    questionsSection: {
+        backgroundColor: colors.background,
+        padding: "32px",
+    },
+    questionsSectionTitle: {
+        margin: "0 0 20px",
+        fontSize: "14px",
+        fontWeight: 600,
+        color: colors.white,
+        textAlign: "center",
+    },
+    questionsList: {
+        margin: "0 auto",
+        padding: "0 20px",
+        maxWidth: "400px",
+    },
+    questionItem: {
+        margin: "0 0 12px",
+        fontSize: "14px",
+        lineHeight: "1.5",
+        color: colors.textMuted,
+    },
+    questionBullet: {
+        color: colors.primary,
+        marginRight: "8px",
+    },
+    ctaSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    ctaButton: {
+        display: "inline-block",
+        padding: "14px 36px",
+        fontSize: "15px",
+        fontWeight: 600,
+        textDecoration: "none",
+        borderRadius: "10px",
+        backgroundColor: colors.primary,
+        color: "#ffffff",
+        textAlign: "center",
+    },
+    winbackSection: {
+        backgroundColor: colors.background,
+        padding: "32px",
+        textAlign: "center",
+    },
+    winbackText: {
+        margin: "0 0 8px",
+        fontSize: "14px",
+        lineHeight: "1.6",
+        color: colors.textMuted,
+        textAlign: "center",
+    },
+    winbackLink: {
+        color: colors.primary,
+        textDecoration: "none",
+        fontWeight: 600,
+    },
+    downloadSection: {
+        backgroundColor: colors.cardBg,
+        padding: "24px 32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    downloadText: {
+        margin: "0 0 16px",
+        fontSize: "14px",
+        color: colors.white,
+    },
+    badgeContainer: {
+        textAlign: "center",
+    },
+    badge: {
+        display: "inline-block",
+        margin: "0 8px",
+    },
+    footer: {
+        backgroundColor: colors.cardBg,
+        padding: "24px 32px",
+        textAlign: "center",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    footerLogo: {
+        display: "block",
+        margin: "0 auto 12px",
+        opacity: 0.6,
+    },
+    footerText: {
+        margin: "0 0 4px",
+        fontSize: "11px",
+        color: colors.textMuted,
+        lineHeight: "1.6",
+    },
+    footerLink: {
+        color: colors.textMuted,
+        textDecoration: "underline",
+    },
+};
+const feedbackReasons = [
+    "The pricing didn't fit my budget",
+    "I found an alternative solution",
+    "The features didn't meet my needs",
+    "I experienced technical issues",
+    "I didn't use the product enough",
+    "Other reasons",
+];
+export function FeedbackRequestEmail({ email = "user@example.com", planName = "Pro", subscriptionEndDate = "January 1, 2025", }) {
+    const feedbackMailto = `mailto:${modelfyConfig.supportEmail}?subject=Feedback%20on%20my%20Modelfy%20subscription&body=Hi%20Modelfy%20team%2C%0A%0AI%27m%20sharing%20feedback%20about%20my%20${encodeURIComponent(planName)}%20subscription%20that%20ended%20on%20${encodeURIComponent(subscriptionEndDate)}.%0A%0A`;
+    return (_jsxs(Html, { lang: "en", children: [_jsxs(Head, { children: [_jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 400, fontStyle: "normal" }), _jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 600, fontStyle: "normal" }), _jsx(Font, { fontFamily: "Inter", fallbackFontFamily: "Arial", webFont: {
+                            url: "https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 700, fontStyle: "normal" })] }), _jsx(Preview, { children: "We'd love your feedback on Modelfy - Help us improve" }), _jsx(Body, { style: styles.body, children: _jsxs(Container, { style: styles.container, children: [_jsx(Section, { style: styles.header, children: _jsx(Img, { src: modelfyConfig.logoUrl, width: "130", height: "auto", alt: "Modelfy", style: styles.logo }) }), _jsxs(Section, { style: styles.heroSection, children: [_jsx(Text, { style: styles.heroTagline, children: "We'd Love Your Feedback" }), _jsx(Text, { style: styles.heroHeading, children: "We're Sorry to See You Go" }), _jsxs(Text, { style: styles.heroSubheading, children: ["Hi ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: email }), ", your", " ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: planName }), " subscription ended on", " ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: subscriptionEndDate }), ". Your feedback would help us improve Modelfy for everyone."] })] }), _jsxs(Section, { style: styles.feedbackSection, children: [_jsx(Text, { style: styles.feedbackText, children: "We'd genuinely appreciate hearing about your experience. Just reply to this email or click the button below." }), _jsx("div", { style: styles.feedbackBox, children: _jsxs(Text, { style: styles.feedbackBoxText, children: ["Simply hit reply and let us know what we could do better.", _jsx("br", {}), "All feedback goes directly to our team."] }) })] }), _jsxs(Section, { style: styles.questionsSection, children: [_jsx(Text, { style: styles.questionsSectionTitle, children: "Some things we'd love to know:" }), _jsx("div", { style: styles.questionsList, children: feedbackReasons.map((reason, index) => (_jsxs(Text, { style: styles.questionItem, children: [_jsx("span", { style: styles.questionBullet, children: "\u2022" }), reason] }, index))) })] }), _jsx(Section, { style: styles.ctaSection, children: _jsx(ReactEmailButton, { href: feedbackMailto, style: styles.ctaButton, children: "Share Your Feedback" }) }), _jsxs(Section, { style: styles.winbackSection, children: [_jsx(Text, { style: styles.winbackText, children: "Changed your mind? Your account is still here waiting for you." }), _jsx(Text, { style: styles.winbackText, children: _jsx(Link, { href: modelfyConfig.appUrl, style: styles.winbackLink, children: "Reactivate your subscription" }) })] }), _jsxs(Section, { style: styles.downloadSection, children: [_jsx(Text, { style: styles.downloadText, children: "Get the Modelfy app" }), _jsxs("div", { style: styles.badgeContainer, children: [_jsx(Link, { href: modelfyConfig.appStoreUrl, style: styles.badge, children: _jsx(Img, { src: modelfyConfig.appStoreBadgeUrl, width: "120", height: "40", alt: "Download on the App Store" }) }), _jsx(Link, { href: modelfyConfig.playStoreUrl, style: styles.badge, children: _jsx(Img, { src: modelfyConfig.playStoreBadgeUrl, width: "135", height: "40", alt: "Get it on Google Play" }) })] })] }), _jsxs(Section, { style: styles.footer, children: [_jsx(Img, { src: modelfyConfig.logoUrl, width: "80", height: "auto", alt: "Modelfy", style: styles.footerLogo }), _jsxs(Text, { style: styles.footerText, children: ["\u00A9 ", new Date().getFullYear(), " ", modelfyConfig.companyName, ". All rights reserved."] }), _jsx(Text, { style: styles.footerText, children: "You received this email because your Modelfy subscription has ended." }), _jsx(Text, { style: styles.footerText, children: _jsx(Link, { href: `${modelfyConfig.appUrl}/privacy`, style: styles.footerLink, children: "Privacy Policy" }) })] })] }) })] }));
+}
+export default FeedbackRequestEmail;

package/dist/modelfy/templates/WelcomeEmail.js

@@ -253,7 +253,7 @@ const styles = {
 };
 // Image pools for random selection
 const campaignImages = Array.from({ length: 33 }, (_, i) => `https://bucket.modelfy.ai/app-media/campaign/campaign${i + 1}.jpeg`);
-const campaignProImages = Array.from({ length: 15 }, (_, i) => `https://bucket.modelfy.ai/app-media/campaign-pro/campaign-pro-${i + 1}.jpg`);
+const _campaignProImages = Array.from({ length: 15 }, (_, i) => `https://bucket.modelfy.ai/app-media/campaign-pro/campaign-pro-${i + 1}.jpg`);
 const studioImages = Array.from({ length: 31 }, (_, i) => `https://bucket.modelfy.ai/app-media/studio/studio${i + 1}.jpeg`);
 const colorSwapImages = Array.from({ length: 10 }, (_, i) => `https://modelfy.ai/images/color-swap/studio-color-change${i + 1}.jpg`);
 const modelImages = [

package/eslint.config.js

@@ -0,0 +1,25 @@
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist/**", "node_modules/**"] },
+  ...tseslint.configs.recommended,
+  {
+    files: ["src/**/*.{ts,tsx}"],
+    languageOptions: {
+      globals: globals.node,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        { argsIgnorePattern: "^_", varsIgnorePattern: "^_" },
+      ],
+    },
+  }
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brookmind-emails",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "Email templates for Brookmind projects",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,13 +15,18 @@
       "require": "./dist/modelfy/index.js",
       "import": "./dist/modelfy/index.js",
       "types": "./dist/modelfy/index.d.ts"
+    },
+    "./foodstudio": {
+      "require": "./dist/foodstudio/index.js",
+      "import": "./dist/foodstudio/index.js",
+      "types": "./dist/foodstudio/index.d.ts"
     }
   },
   "scripts": {
     "dev": "email dev --dir src/modelfy/templates",
     "build": "tsc",
     "prepare": "npm run build",
-    "lint": "eslint src --ext .ts,.tsx",
+    "lint": "eslint src",
     "format": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "dependencies": {
@@ -35,8 +40,10 @@
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "eslint": "^9.16.0",
+    "globals": "^17.1.0",
     "prettier": "^3.4.2",
     "react-email": "^3.0.4",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.53.1"
   }
 }

package/src/foodstudio/config.ts

@@ -0,0 +1,12 @@
+export const foodstudioConfig = {
+  logoUrl: "https://foodstudio.ai/FoodStudioLogo.png",
+  companyName: "FoodStudio",
+  supportEmail: "support@foodstudio.ai",
+  appUrl: "https://foodstudio.ai",
+  // App Store links
+  appStoreUrl: "https://apps.apple.com/app/id6757201826",
+  playStoreUrl: "https://play.google.com/store/apps/details?id=com.brookmind.foodstudio",
+  // Badge images
+  appStoreBadgeUrl: "https://foodstudio.ai/images/appstore.svg",
+  playStoreBadgeUrl: "https://foodstudio.ai/images/googleplay.svg",
+};

package/src/foodstudio/index.ts

@@ -0,0 +1,71 @@
+import { render } from "@react-email/render";
+import { OtpEmail, type OtpEmailProps } from "./templates/OtpEmail.js";
+import {
+  PromoSubscriptionEmail,
+  type PromoSubscriptionEmailProps,
+} from "./templates/PromoSubscriptionEmail.js";
+import { GrantCreditsEmail, type GrantCreditsEmailProps } from "./templates/GrantCreditsEmail.js";
+import { WelcomeEmail, type WelcomeEmailProps } from "./templates/WelcomeEmail.js";
+
+// Re-export types
+export type { OtpEmailProps, PromoSubscriptionEmailProps, GrantCreditsEmailProps, WelcomeEmailProps };
+
+// Re-export components for preview
+export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail };
+
+// Render functions
+export interface RenderResult {
+  subject: string;
+  html: string;
+  text: string;
+}
+
+export async function renderOtpEmail(props: OtpEmailProps): Promise<RenderResult> {
+  const html = await render(OtpEmail(props));
+  const text = await render(OtpEmail(props), { plainText: true });
+
+  return {
+    subject: "Your FoodStudio access code",
+    html,
+    text,
+  };
+}
+
+export async function renderPromoSubscriptionEmail(
+  props: PromoSubscriptionEmailProps
+): Promise<RenderResult> {
+  const html = await render(PromoSubscriptionEmail(props));
+  const text = await render(PromoSubscriptionEmail(props), { plainText: true });
+
+  return {
+    subject: `You've received a ${props.durationDays}-day ${props.planName} subscription!`,
+    html,
+    text,
+  };
+}
+
+export async function renderGrantCreditsEmail(
+  props: GrantCreditsEmailProps
+): Promise<RenderResult> {
+  const html = await render(GrantCreditsEmail(props));
+  const text = await render(GrantCreditsEmail(props), { plainText: true });
+
+  return {
+    subject: `You've received ${(props.credits ?? 0).toLocaleString()} credits on FoodStudio!`,
+    html,
+    text,
+  };
+}
+
+export async function renderWelcomeEmail(
+  props: WelcomeEmailProps
+): Promise<RenderResult> {
+  const html = await render(WelcomeEmail(props));
+  const text = await render(WelcomeEmail(props), { plainText: true });
+
+  return {
+    subject: "Welcome to FoodStudio!",
+    html,
+    text,
+  };
+}