brookmind-emails 0.1.11 → 0.1.13

package/dist/foodstudio/config.d.ts

@@ -0,0 +1,11 @@
+export declare const foodstudioConfig: {
+    logoUrl: string;
+    companyName: string;
+    supportEmail: string;
+    appUrl: string;
+    appStoreUrl: string;
+    playStoreUrl: string;
+    appStoreBadgeUrl: string;
+    playStoreBadgeUrl: string;
+};
+//# sourceMappingURL=config.d.ts.map

package/dist/foodstudio/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/foodstudio/config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;CAW5B,CAAC"}

package/dist/foodstudio/config.js

@@ -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/dist/foodstudio/index.d.ts

@@ -0,0 +1,16 @@
+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 };
+export interface RenderResult {
+    subject: string;
+    html: string;
+    text: string;
+}
+export declare function renderOtpEmail(props: OtpEmailProps): Promise<RenderResult>;
+export declare function renderPromoSubscriptionEmail(props: PromoSubscriptionEmailProps): Promise<RenderResult>;
+export declare function renderGrantCreditsEmail(props: GrantCreditsEmailProps): Promise<RenderResult>;
+export declare function renderWelcomeEmail(props: WelcomeEmailProps): Promise<RenderResult>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/foodstudio/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"}

package/dist/foodstudio/index.js

@@ -0,0 +1,43 @@
+import { render } from "@react-email/render";
+import { OtpEmail } from "./templates/OtpEmail.js";
+import { PromoSubscriptionEmail, } from "./templates/PromoSubscriptionEmail.js";
+import { GrantCreditsEmail } from "./templates/GrantCreditsEmail.js";
+import { WelcomeEmail } from "./templates/WelcomeEmail.js";
+// Re-export components for preview
+export { OtpEmail, PromoSubscriptionEmail, GrantCreditsEmail, WelcomeEmail };
+export async function renderOtpEmail(props) {
+    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) {
+    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) {
+    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) {
+    const html = await render(WelcomeEmail(props));
+    const text = await render(WelcomeEmail(props), { plainText: true });
+    return {
+        subject: "Welcome to FoodStudio!",
+        html,
+        text,
+    };
+}

package/dist/foodstudio/templates/GrantCreditsEmail.d.ts

@@ -0,0 +1,10 @@
+export interface GrantCreditsEmailProps {
+    email: string;
+    credits?: number;
+    durationDays: number;
+    expiresAt: string;
+    description?: string;
+}
+export declare function GrantCreditsEmail({ email, credits, durationDays, expiresAt, description, }: GrantCreditsEmailProps): React.ReactElement;
+export default GrantCreditsEmail;
+//# sourceMappingURL=GrantCreditsEmail.d.ts.map

package/dist/foodstudio/templates/GrantCreditsEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantCreditsEmail.d.ts","sourceRoot":"","sources":["../../../src/foodstudio/templates/GrantCreditsEmail.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkLD,wBAAgB,iBAAiB,CAAC,EAChC,KAA0B,EAC1B,OAAO,EACP,YAAiB,EACjB,SAA8B,EAC9B,WAAW,GACZ,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAgJ7C;AAED,eAAe,iBAAiB,CAAC"}

package/dist/foodstudio/templates/GrantCreditsEmail.js

@@ -0,0 +1,188 @@
+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",
+    },
+    paragraph: {
+        margin: "0 0 28px",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+    },
+    creditBox: {
+        backgroundColor: "rgba(234, 88, 12, 0.15)",
+        border: `1px solid rgba(234, 88, 12, 0.3)`,
+        borderRadius: "12px",
+        padding: "24px",
+        marginBottom: "28px",
+        textAlign: "center",
+    },
+    creditAmount: {
+        fontSize: "48px",
+        fontWeight: 700,
+        color: colors.white,
+        margin: "0 0 4px",
+    },
+    creditLabel: {
+        fontSize: "14px",
+        color: colors.textMuted,
+        margin: 0,
+    },
+    detailsBox: {
+        backgroundColor: colors.cardBg,
+        border: `1px solid ${colors.border}`,
+        borderRadius: "12px",
+        padding: "20px 24px",
+        marginBottom: "28px",
+    },
+    detailLabel: {
+        fontSize: "13px",
+        color: colors.textMuted,
+        margin: "0 0 4px",
+    },
+    detailValue: {
+        fontSize: "16px",
+        fontWeight: 600,
+        color: colors.white,
+        margin: 0,
+    },
+    buttonContainer: {
+        textAlign: "center",
+        marginBottom: "28px",
+    },
+    ctaButton: {
+        display: "inline-block",
+        padding: "14px 36px",
+        fontSize: "15px",
+        fontWeight: 600,
+        textDecoration: "none",
+        borderRadius: "10px",
+        backgroundColor: colors.primary,
+        color: "#ffffff",
+        textAlign: "center",
+    },
+    contentSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    smallText: {
+        margin: "0 0 12px",
+        fontSize: "14px",
+        lineHeight: "1.6",
+        color: colors.textMuted,
+        textAlign: "center",
+    },
+    descriptionText: {
+        margin: "0 0 24px",
+        fontSize: "15px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+        fontStyle: "italic",
+    },
+    link: {
+        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 GrantCreditsEmail({ email = "user@example.com", credits, durationDays = 30, expiresAt = "January 31, 2025", description, }) {
+    const safeCredits = Number.isFinite(credits) ? Number(credits) : 0;
+    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_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 700, fontStyle: "normal" })] }), _jsxs(Preview, { children: ["You've received ", safeCredits.toLocaleString(), " credits on 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: "Bonus Credits" }), _jsx(Text, { style: styles.heroHeading, children: "Credits Added to Your Account!" }), _jsxs(Text, { style: styles.paragraph, children: ["Hi ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: email }), ", you've received bonus credits to use on FoodStudio."] }), _jsxs("div", { style: styles.creditBox, children: [_jsx(Text, { style: styles.creditAmount, children: safeCredits.toLocaleString() }), _jsx(Text, { style: styles.creditLabel, children: "credits" })] }), _jsx("div", { style: styles.detailsBox, children: _jsx("table", { width: "100%", cellPadding: 0, cellSpacing: 0, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { paddingBottom: "16px" }, children: [_jsx(Text, { style: styles.detailLabel, children: "Valid for" }), _jsxs(Text, { style: styles.detailValue, children: [durationDays, " days"] })] }), _jsxs("td", { style: { paddingBottom: "16px", textAlign: "right" }, children: [_jsx(Text, { style: styles.detailLabel, children: "Expires" }), _jsx(Text, { style: styles.detailValue, children: expiresAt })] })] }) }) }) }), description && _jsxs(Text, { style: styles.descriptionText, children: ["\"", description, "\""] }), _jsx("div", { style: styles.buttonContainer, children: _jsx(ReactEmailButton, { href: foodstudioConfig.appUrl, style: styles.ctaButton, children: "Start Creating" }) })] }), _jsxs(Section, { style: styles.contentSection, children: [_jsxs(Text, { style: styles.smallText, children: ["These credits will be used before your regular credits and expire on ", expiresAt, "."] }), _jsxs(Text, { style: styles.smallText, children: ["Questions?", " ", _jsx(Link, { href: `mailto:${foodstudioConfig.supportEmail}`, style: styles.link, 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 credits were added to your FoodStudio account." }), _jsx(Text, { style: styles.footerText, children: _jsx(Link, { href: `${foodstudioConfig.appUrl}/privacy`, style: styles.footerLink, children: "Privacy Policy" }) })] })] }) })] }));
+}
+export default GrantCreditsEmail;

package/dist/foodstudio/templates/OtpEmail.d.ts

@@ -0,0 +1,8 @@
+export interface OtpEmailProps {
+    otp: string;
+    email: string;
+    expirationMinutes?: number;
+}
+export declare function OtpEmail({ otp, email, expirationMinutes }: OtpEmailProps): React.ReactElement;
+export default OtpEmail;
+//# sourceMappingURL=OtpEmail.d.ts.map

package/dist/foodstudio/templates/OtpEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpEmail.d.ts","sourceRoot":"","sources":["../../../src/foodstudio/templates/OtpEmail.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoID,wBAAgB,QAAQ,CAAC,EAAE,GAAc,EAAE,KAA0B,EAAE,iBAAsB,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAwHlI;AAED,eAAe,QAAQ,CAAC"}

package/dist/foodstudio/templates/OtpEmail.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Html, Head, Body, Container, Section, Text, Link, Preview, Font, Img, } 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",
+    },
+    paragraph: {
+        margin: "0 0 28px",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+    },
+    otpContainer: {
+        display: "inline-block",
+        backgroundColor: "rgba(234, 88, 12, 0.15)",
+        border: `1px solid rgba(234, 88, 12, 0.3)`,
+        borderRadius: "12px",
+        padding: "24px 40px",
+        marginBottom: "28px",
+    },
+    otp: {
+        fontSize: "36px",
+        letterSpacing: "10px",
+        fontWeight: 700,
+        color: colors.white,
+        margin: 0,
+    },
+    contentSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    smallText: {
+        margin: "0 0 12px",
+        fontSize: "14px",
+        lineHeight: "1.6",
+        color: colors.textMuted,
+        textAlign: "center",
+    },
+    link: {
+        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 OtpEmail({ otp = "123456", email = "user@example.com", expirationMinutes = 10 }) {
+    const sanitizedOtp = (typeof otp === "string" ? otp : String(otp ?? ""))
+        .replace(/\s+/g, "")
+        .trim();
+    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_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 700, fontStyle: "normal" })] }), _jsxs(Preview, { children: ["Your FoodStudio access code: ", sanitizedOtp] }), _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: "Access Code" }), _jsx(Text, { style: styles.heroHeading, children: "Sign In to FoodStudio" }), _jsxs(Text, { style: { ...styles.paragraph, margin: "0 0 4px" }, children: ["Hi ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: email }), ", use the code below to sign in."] }), _jsxs(Text, { style: styles.paragraph, children: ["It will stay valid for the next ", _jsxs("span", { style: { color: colors.white, fontWeight: 600 }, children: [expirationMinutes, " minutes"] }), "."] }), _jsx("div", { style: styles.otpContainer, children: _jsx(Text, { style: styles.otp, children: sanitizedOtp }) })] }), _jsxs(Section, { style: styles.contentSection, children: [_jsx(Text, { style: styles.smallText, children: "If you didn't request this code, you can safely ignore this email. No one else can access your account without it." }), _jsxs(Text, { style: styles.smallText, children: ["Need help?", " ", _jsx(Link, { href: `mailto:${foodstudioConfig.supportEmail}`, style: styles.link, 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 someone attempted to sign in to FoodStudio with this address." }), _jsx(Text, { style: styles.footerText, children: _jsx(Link, { href: `${foodstudioConfig.appUrl}/privacy`, style: styles.footerLink, children: "Privacy Policy" }) })] })] }) })] }));
+}
+export default OtpEmail;

package/dist/foodstudio/templates/PromoSubscriptionEmail.d.ts

@@ -0,0 +1,11 @@
+export interface PromoSubscriptionEmailProps {
+    email: string;
+    planName: string;
+    durationDays: number;
+    credits?: number;
+    expiresAt: string;
+    notes?: string;
+}
+export declare function PromoSubscriptionEmail({ email, planName, durationDays, credits, expiresAt, notes, }: PromoSubscriptionEmailProps): React.ReactElement;
+export default PromoSubscriptionEmail;
+//# sourceMappingURL=PromoSubscriptionEmail.d.ts.map

package/dist/foodstudio/templates/PromoSubscriptionEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoSubscriptionEmail.d.ts","sourceRoot":"","sources":["../../../src/foodstudio/templates/PromoSubscriptionEmail.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgKD,wBAAgB,sBAAsB,CAAC,EACrC,KAA0B,EAC1B,QAAgB,EAChB,YAAiB,EACjB,OAAa,EACb,SAA8B,EAC9B,KAAK,GACN,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAwJlD;AAED,eAAe,sBAAsB,CAAC"}

package/dist/foodstudio/templates/PromoSubscriptionEmail.js

@@ -0,0 +1,170 @@
+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",
+    accent: "#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.accent,
+        letterSpacing: "2px",
+        textTransform: "uppercase",
+    },
+    heroHeading: {
+        margin: "0 0 16px",
+        fontSize: "28px",
+        fontWeight: 700,
+        color: colors.white,
+        lineHeight: "1.3",
+    },
+    paragraph: {
+        margin: "0 0 28px",
+        fontSize: "16px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+    },
+    highlightBox: {
+        backgroundColor: "rgba(234, 88, 12, 0.15)",
+        border: `1px solid rgba(234, 88, 12, 0.3)`,
+        borderRadius: "12px",
+        padding: "24px",
+        marginBottom: "28px",
+    },
+    highlightLabel: {
+        fontSize: "13px",
+        color: colors.textMuted,
+        margin: "0 0 4px",
+    },
+    highlightValue: {
+        fontSize: "16px",
+        fontWeight: 600,
+        color: colors.white,
+        margin: 0,
+    },
+    buttonContainer: {
+        textAlign: "center",
+        marginBottom: "28px",
+    },
+    ctaButton: {
+        display: "inline-block",
+        padding: "14px 36px",
+        fontSize: "15px",
+        fontWeight: 600,
+        textDecoration: "none",
+        borderRadius: "10px",
+        backgroundColor: colors.primary,
+        color: "#ffffff",
+        textAlign: "center",
+    },
+    contentSection: {
+        backgroundColor: colors.cardBg,
+        padding: "32px",
+        borderTop: `1px solid ${colors.border}`,
+    },
+    smallText: {
+        margin: "0 0 12px",
+        fontSize: "14px",
+        lineHeight: "1.6",
+        color: colors.textMuted,
+        textAlign: "center",
+    },
+    notesText: {
+        margin: "0 0 24px",
+        fontSize: "15px",
+        lineHeight: "1.6",
+        color: colors.textSecondary,
+        textAlign: "center",
+        fontStyle: "italic",
+    },
+    link: {
+        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 PromoSubscriptionEmail({ email = "user@example.com", planName = "Pro", durationDays = 30, credits = 500, expiresAt = "January 31, 2025", notes, }) {
+    const safeCredits = Number.isFinite(credits) ? Number(credits) : 0;
+    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_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hjp-Ek-_0.woff2",
+                            format: "woff2",
+                        }, fontWeight: 700, fontStyle: "normal" })] }), _jsx(Preview, { children: `You've received a ${durationDays}-day ${planName} subscription!` }), _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: "Gift for You" }), _jsx(Text, { style: styles.heroHeading, children: "You've Got a Gift!" }), _jsxs(Text, { style: { ...styles.paragraph, margin: "0 0 4px" }, children: ["Hi ", _jsx("span", { style: { color: colors.white, fontWeight: 600 }, children: email }), ", great news!"] }), _jsxs(Text, { style: styles.paragraph, children: ["You've been granted a promotional", " ", _jsx("span", { style: { color: colors.accent, fontWeight: 600 }, children: planName }), " subscription."] }), _jsx("div", { style: styles.highlightBox, children: _jsx("table", { width: "100%", cellPadding: 0, cellSpacing: 0, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { style: { paddingBottom: "16px" }, children: [_jsx(Text, { style: styles.highlightLabel, children: "Plan" }), _jsx(Text, { style: styles.highlightValue, children: planName })] }), _jsxs("td", { style: { paddingBottom: "16px", textAlign: "right" }, children: [_jsx(Text, { style: styles.highlightLabel, children: "Duration" }), _jsxs(Text, { style: styles.highlightValue, children: [durationDays, " days"] })] })] }), _jsxs("tr", { children: [_jsxs("td", { children: [_jsx(Text, { style: styles.highlightLabel, children: "Credits Included" }), _jsx(Text, { style: styles.highlightValue, children: safeCredits.toLocaleString() })] }), _jsxs("td", { style: { textAlign: "right" }, children: [_jsx(Text, { style: styles.highlightLabel, children: "Expires" }), _jsx(Text, { style: styles.highlightValue, children: expiresAt })] })] })] }) }) }), notes && _jsxs(Text, { style: styles.notesText, children: ["\"", notes, "\""] }), _jsx("div", { style: styles.buttonContainer, children: _jsx(ReactEmailButton, { href: foodstudioConfig.appUrl, style: styles.ctaButton, children: "Open FoodStudio" }) })] }), _jsxs(Section, { style: styles.contentSection, children: [_jsx(Text, { style: styles.smallText, children: "This promotional subscription will not auto-renew. Enjoy your free access!" }), _jsxs(Text, { style: styles.smallText, children: ["Questions?", " ", _jsx(Link, { href: `mailto:${foodstudioConfig.supportEmail}`, style: styles.link, 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 were granted a promotional subscription." }), _jsx(Text, { style: styles.footerText, children: _jsx(Link, { href: `${foodstudioConfig.appUrl}/privacy`, style: styles.footerLink, children: "Privacy Policy" }) })] })] }) })] }));
+}
+export default PromoSubscriptionEmail;

package/dist/foodstudio/templates/WelcomeEmail.d.ts

@@ -0,0 +1,6 @@
+export interface WelcomeEmailProps {
+    email: string;
+}
+export declare function WelcomeEmail({ email }: WelcomeEmailProps): React.ReactElement;
+export default WelcomeEmail;
+//# sourceMappingURL=WelcomeEmail.d.ts.map

package/dist/foodstudio/templates/WelcomeEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeEmail.d.ts","sourceRoot":"","sources":["../../../src/foodstudio/templates/WelcomeEmail.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AA+ID,wBAAgB,YAAY,CAAC,EAAE,KAA0B,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAkIlG;AAED,eAAe,YAAY,CAAC"}