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:T4e8d,import { Fragment } from "react"; import { Body, Container, Head as EmailHead, Html, Img, Preview, Tailwind, Column, Section, Row, Heading, Text, } 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"; type FullWidthImage_FullWidthImageVariant = | "default" | "top-padding" | "top-right" | "top-left" | "top-sides" | "right-padding" | "right-alt" | "bottom-padding" | "bottom-right" | "bottom-left" | "bottom-sides" | "left-padding" | "left-alt" | "sides-padding" | "sides-alt"; interface FullWidthImage_FullWidthImageProps { theme?: EmailTheme; imageSrc?: string; imageAlt?: string; pageBackgroundColor?: string; spacerBackgroundColor?: string; variant?: FullWidthImage_FullWidthImageVariant; } const FullWidthImage_responsiveStyles = ` @media only screen and (max-width: 599px) { .full-image-side-block { line-height: 64px !important; } } `; const FullWidthImage_variantLayout = { "bottom-left": { bottom: true, side: "left", sideAlignment: "top", sides: false, top: false, }, "bottom-padding": { bottom: true, side: null, sideAlignment: null, sides: false, top: false, }, "bottom-right": { bottom: true, side: "right", sideAlignment: "top", sides: false, top: false, }, "bottom-sides": { bottom: true, side: null, sideAlignment: "top", sides: true, top: false, }, default: { bottom: false, side: null, sideAlignment: null, sides: false, top: false, }, "left-alt": { bottom: false, side: "left", sideAlignment: "top", sides: false, top: false, }, "left-padding": { bottom: false, side: "left", sideAlignment: "bottom", sides: false, top: false, }, "right-alt": { bottom: false, side: "right", sideAlignment: "top", sides: false, top: false, }, "right-padding": { bottom: false, side: "right", sideAlignment: "bottom", sides: false, top: false, }, "sides-alt": { bottom: false, side: null, sideAlignment: "top", sides: true, top: false, }, "sides-padding": { bottom: false, side: null, sideAlignment: "bottom", sides: true, top: false, }, "top-left": { bottom: false, side: "left", sideAlignment: "bottom", sides: false, top: true, }, "top-padding": { bottom: false, side: null, sideAlignment: null, sides: false, top: true, }, "top-right": { bottom: false, side: "right", sideAlignment: "bottom", sides: false, top: true, }, "top-sides": { bottom: false, side: null, sideAlignment: "bottom", sides: true, top: true, }, } as const satisfies Record< FullWidthImage_FullWidthImageVariant, { bottom: boolean; side: "left" | "right" | null; sideAlignment: "top" | "bottom" | null; sides: boolean; top: boolean; } >; const FullWidthImage_SideSpacer = ({ alignment, pageBackgroundColor, spacerBackgroundColor, }: { alignment: "top" | "bottom"; pageBackgroundColor: string; spacerBackgroundColor: string; }) => (

‍

); const FullWidthImage_FullWidthImageSection = ({ imageSrc = emailAsset("image-grids/full-width.jpg"), imageAlt = "", pageBackgroundColor = "#f1f5f9", spacerBackgroundColor = "#fffffe", variant = "default", }: Omit) => { const layout = FullWidthImage_variantLayout[variant]; let sideCount = 0; if (layout.sides) { sideCount = 2; } else if (layout.side) { sideCount = 1; } const imageWidth = 600 - sideCount * 24; const hasLeft = layout.sides || layout.side === "left"; const hasRight = layout.sides || layout.side === "right"; return (

‍ {layout.top ? (

‍

) : null} {(() => { if (sideCount > 0 && layout.sideAlignment) { return (

{hasLeft ? ( ) : null} {imageAlt}

{hasRight ? ( ) : null}

); } return ( {imageAlt}

); })()} {layout.bottom ? (

‍

) : null} ‍

); }; const FullWidthImage_FullWidthImage = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "default", ...props }: FullWidthImage_FullWidthImageProps) => (