4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T443d,import { Body, Head as EmailHead, Html, Preview, Text, Heading, Section, Row, Column, Img, } from "jsx-email"; import { Fragment } from "react"; import type { CSSProperties, ReactNode } from "react"; import { DefaultFonts } from "@/components/email/font-default"; import { EmailTailwind } from "@/components/email/email-theme"; import type { EmailTheme } from "@/components/email/email-theme"; import { emailAsset } from "@/components/email/email-assets"; import { defaultTheme } from "@/components/email/theme-default"; const colors = { border: "#e5e7eb", canvas: "#f1f5f9", dark: "#030712", muted: "#4b5563", subtle: "#6b7280", surface: "#fffffe", surfaceMuted: "#f9fafb", } as const; const fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const tableStyle: CSSProperties = { borderCollapse: "separate", borderSpacing: 0, width: "100%", }; const textBase: CSSProperties = { fontFamily, margin: 0 }; type BlogLayout = | "featured" | "featured-date" | "featured-date-full" | "horizontal-boxed" | "horizontal-split-images" | "masonry" | "masonry-boxed" | "podcast-full" | "podcast-split" | "single-horizontal" | "two-column-boxed" | "two-column-images" | "two-column-images-text"; interface BlogPostData { author?: string; badge?: string; date?: string; episode?: string; excerpt: string; host?: string; imageAlt: string; imageSrc: string; imageAlt2?: string; imageSrc2?: string; month?: string; title: string; } const Image = ({ alt, src, width, }: { alt: string; src: string; width: number; }) => ( {alt}

); const Meta = ({ post }: { post: BlogPostData }) => { const label = post.episode ?? post.badge ?? (post.date && post.month ? `${post.date} ${post.month}` : undefined); return label ? ( {label} ) : null; }; const Copy = ({ post }: { post: BlogPostData }) => ( <> {post.title} {post.excerpt} {(() => { if (post.author || post.host) { return ( {post.host ? `Hosted by ${post.host}` : `By ${post.author}`} ); } return null; })()} ); const VerticalCard = ({ boxed = false, post, width = 264, }: { boxed?: boolean; post: BlogPostData; width?: number; }) => (

); const Gap = ({ width = 24 }: { width?: number }) => ( ‍ ); const BlogColumnFragment = ({ boxed, index, post, }: { boxed: boolean; index: number; post: BlogPostData; }) => ( <> {index > 0 ? : null} ); const TwoColumns = ({ boxed, posts, }: { boxed: boolean; posts: readonly BlogPostData[]; }) => (

{posts.slice(0, 2).map((post, index) => ( ))}

); const Masonry = ({ boxed, posts, }: { boxed: boolean; posts: readonly BlogPostData[]; }) => (

‍

); const Horizontal = ({ boxed = false, post, }: { boxed?: boolean; post: BlogPostData; }) => (

); const SplitImages = ({ post }: { post: BlogPostData }) => (

); const FullWidth = ({ post }: { post: BlogPostData }) => (

); const BlogContent = ({ layout, posts, }: { layout: BlogLayout; posts: readonly BlogPostData[]; }) => { if (layout === "horizontal-split-images") { return ; } if ( layout === "horizontal-boxed" || layout === "podcast-split" || layout === "featured-date" ) { return ; } if (layout === "single-horizontal") { return ; } if (layout === "masonry" || layout === "masonry-boxed") { return ; } if ( layout === "two-column-images" || layout === "two-column-images-text" || layout === "two-column-boxed" ) { return ; } return ; }; const BlogEmailShell = ({ children, preview, theme, }: { children: ReactNode; preview: string; theme: EmailTheme; }) => (