brookmind-emails 0.1.10 → 0.1.12

package/.context/attachments/Review request.md

@@ -0,0 +1,61 @@
+You are performing a code review on the changes in the current branch.
+
+The current branch is **davidcastillog/foodstudio-templates**, and the target branch is **origin/master**.
+
+## Code Review Instructions
+
+The entire git diff for this branch has been provided below, as well as a list of all commits made to this branch.
+
+**CRITICAL: EVERYTHING YOU NEED IS ALREADY PROVIDED BELOW.** The complete git diff and full commit history are included in this message.
+
+**DO NOT run git diff, git log, git status, or ANY other git commands.** All the information you need to perform this review is already here.
+
+When reviewing the diff:
+1. **Focus on logic and correctness** - Check for bugs, edge cases, and potential issues.
+2. **Consider readability** - Is the code clear and maintainable? Does it follow best practices in this repository?
+3. **Evaluate performance** - Are there obvious performance concerns or optimizations that could be made?
+4. **Assess test coverage** - Does the repository have testing patterns? If so, are there adequate tests for these changes?
+5. **Ask clarifying questions** - Ask the user for clarification if you are unsure about the changes or need more context.
+6. **Don't be overly pedantic** - Nitpicks are fine, but only if they are relevant issues within reason.
+
+In your output:
+- Provide a summary overview of the general code quality.
+- Present the identified issues in a table with the columns: index (1, 2, etc.), line number(s), code, issue, and potential solution(s).
+- If no issues are found, briefly state that the code meets best practices.
+
+## Full Diff
+
+**REMINDER: DO NOT use any tools to fetch git information.** Simply read the diff and commit history that follow.
+
+```
+> cd "/Users/davidcastillo/conductor/workspaces/brookmind-emails/hartford" && git diff 0f26955a0c71bc110156d37bac8834a5125a155d
+diff --git a/package-lock.json b/package-lock.json
+index 7d8e5ff..e0ba651 100644
+--- a/package-lock.json
++++ b/package-lock.json
+@@ -1,12 +1,12 @@
+ {
+-  "name": "@brookmind/emails",
+-  "version": "0.1.6",
++  "name": "brookmind-emails",
++  "version": "0.1.11",
+   "lockfileVersion": 3,
+   "requires": true,
+   "packages": {
+     "": {
+-      "name": "@brookmind/emails",
+-      "version": "0.1.3",
++      "name": "brookmind-emails",
++      "version": "0.1.11",
+       "dependencies": {
+         "@react-email/components": "^0.0.31",
+         "@react-email/render": "^1.0.3",
+
+```
+
+## Commit History
+
+```
+> cd "/Users/davidcastillo/conductor/workspaces/brookmind-emails/hartford" && git log origin/master..HEAD
+No commits found
+```

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"}