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:Tc92f,import { Fragment } from "react"; import { Body, Container, Head as EmailHead, Html, Img, Preview, Tailwind, Section, Row, Column, Heading, Text, Link, } from "react-email"; import { DefaultFonts } from "@/components/email/font-default"; import { createEmailTailwindConfig } 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 resolveDefaultProps = ( defaults: Defaults, props: Props ) => { const supplied = props as Record; const fallbackEntries = Object.entries(defaults).map(([key, value]) => [ key, supplied[key] === undefined ? value : supplied[key], ]); return { ...defaults, ...props, ...Object.fromEntries(fallbackEntries), } as Defaults & Props; }; type TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesVariant = | "stacked-left" | "stacked-right" | "stacked-left-overlay" | "stacked-right-overlay"; interface TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesProps { theme?: EmailTheme; imageSrc1?: string; imageAlt1?: string; imageHref1?: string; heading1?: string; subtext1?: string; imageSrc2?: string; imageAlt2?: string; imageHref2?: string; heading2?: string; subtext2?: string; imageSrc3?: string; imageAlt3?: string; imageHref3?: string; heading3?: string; subtext3?: string; pageBackgroundColor?: string; backgroundColor?: string; headingColor?: string; textColor?: string; variant?: TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesVariant; } const TwoColumnMasonryThree_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const TwoColumnMasonryThree_responsiveStyles = ` @media only screen and (max-width: 599px) { .masonry-three-stack { display: block !important; width: 100% !important; } .masonry-three-gap { line-height: 24px !important; } .masonry-three-landscape-spacer { line-height: 176px !important; } .masonry-three-portrait-spacer { line-height: 384px !important; } } `; const TwoColumnMasonryThree_defaultSectionStyles = { backgroundColor: "#fffffe", heading1: "White Glass", heading2: "Flow White", heading3: "Hydra Blue", headingColor: "#fffffe", imageAlt1: "", imageAlt2: "", imageAlt3: "", imageHref1: "https://example.com", imageHref2: "https://example.com", imageHref3: "https://example.com", imageSrc1: emailAsset("image-grids/2-col-landscape-5.jpg"), imageSrc2: emailAsset("image-grids/2-col-landscape-6.jpg"), imageSrc3: emailAsset("image-grids/2-col-portrait-4.jpg"), pageBackgroundColor: "#f1f5f9", subtext1: "Eco-Friendly", subtext2: "Sport & Travel", subtext3: "Insulated Steel", textColor: "#fffffe", }; type TwoColumnMasonryThree_SectionProps = Omit< TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesProps, "theme" >; type TwoColumnMasonryThree_ResolvedProps = typeof TwoColumnMasonryThree_defaultSectionStyles & TwoColumnMasonryThree_SectionProps; const TwoColumnMasonryThree_OverlayCard = ({ heading, headingColor, imageSrc, portrait = false, subtext, textColor, }: { heading: string; headingColor: string; imageSrc: string; portrait?: boolean; subtext: string; textColor: string; }) => (

‍

{heading} {subtext}

); const TwoColumnMasonryThree_PlainImage = ({ alt, href, src, }: { alt: string; href: string; src: string; }) => ( {alt}

); const TwoColumnMasonryThree_StackedColumn = ({ overlay, props, }: { overlay: boolean; props: TwoColumnMasonryThree_ResolvedProps; }) => ( <> {overlay ? ( ) : ( )}

‍

{overlay ? ( ) : ( )} ); const TwoColumnMasonryThree_PortraitColumn = ({ overlay, props, }: { overlay: boolean; props: TwoColumnMasonryThree_ResolvedProps; }) => overlay ? ( ) : ( ); const TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesSection = ( props: TwoColumnMasonryThree_SectionProps ) => { const variant = props.variant ?? "stacked-left"; const resolved = resolveDefaultProps( TwoColumnMasonryThree_defaultSectionStyles, props ) as TwoColumnMasonryThree_ResolvedProps; const overlay = variant.endsWith("overlay"); const stackedLeft = variant.startsWith("stacked-left"); const stacked = ( ); const portrait = ( ); return (

‍

‍ {stackedLeft ? stacked : portrait} ‍ {stackedLeft ? portrait : stacked} ‍

‍

); }; const TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3Images = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "stacked-left", ...props }: TwoColumnMasonryThree_TwoColumnsMasonryImageGridWith3ImagesProps) => (