4e: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"] 4f: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"] 50:T31c3,import { Body, Container, Head as EmailHead, Html, Preview, Section, Heading, Text, Link, Column, Row, Img, } from "jsx-email"; import { Fragment } from "react"; import type { ReactElement } 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 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 Cta_CTAWithImageStripVariant = | "boxed-right" | "boxed-left" | "full-right" | "full-left"; interface Cta_CTAWithImageStripProps { theme?: EmailTheme; heading?: string; subtext?: string; ctaLabel?: string; ctaHref?: string; imageSrc1?: string; imageAlt1?: string; imageSrc2?: string; imageAlt2?: string; imageSrc3?: string; imageAlt3?: string; imageSrc4?: string; imageAlt4?: string; imageSrc5?: string; imageAlt5?: string; pageBackgroundColor?: string; backgroundColor?: string; stripBackgroundColor?: string; headingColor?: string; textColor?: string; buttonBackgroundColor?: string; buttonTextColor?: string; variant?: Cta_CTAWithImageStripVariant; } const Cta_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const Cta_responsiveStyles = ` @media only screen and (max-width: 599px) { .cta-strip-inner { margin-left: auto !important; margin-right: auto !important; width: auto !important; } .cta-strip-stack { display: block !important; width: 100% !important; } .cta-strip-outer-content { padding: 0 !important; } .cta-strip-copy { padding-left: 24px !important; padding-right: 24px !important; text-align: center !important; } .cta-strip-gap { line-height: 20px !important; } } .cta-strip-button:hover { background-color: #4338ca !important; } `; const Cta_sharedStripAssets = { imageSrc2: emailAsset("cta/strip-2.jpg"), imageSrc4: emailAsset("cta/strip-4.jpg"), imageSrc5: emailAsset("cta/strip-5.jpg"), }; const Cta_variantContent = { "boxed-left": { imageSrc1: emailAsset("cta/strip-cut-1.jpg"), imageSrc3: emailAsset("cta/strip-cut-2.jpg"), stripBackgroundColor: "#030712", ...Cta_sharedStripAssets, }, "boxed-right": { imageSrc1: emailAsset("cta/strip-cut-1.jpg"), imageSrc3: emailAsset("cta/strip-cut-2.jpg"), stripBackgroundColor: "#e5e7eb", ...Cta_sharedStripAssets, }, "full-left": { imageSrc1: emailAsset("cta/strip-1.jpg"), imageSrc3: emailAsset("cta/strip-3.jpg"), stripBackgroundColor: "#fffffe", ...Cta_sharedStripAssets, }, "full-right": { imageSrc1: emailAsset("cta/strip-1.jpg"), imageSrc3: emailAsset("cta/strip-3.jpg"), stripBackgroundColor: "#fffffe", ...Cta_sharedStripAssets, }, } satisfies Record< Cta_CTAWithImageStripVariant, { imageSrc1: string; imageSrc2: string; imageSrc3: string; imageSrc4: string; imageSrc5: string; stripBackgroundColor: string; } >; const Cta_defaultSectionStyles = { backgroundColor: "#fffffe", buttonBackgroundColor: "#4f46e5", buttonTextColor: "#f8fafc", ctaHref: "https://example.com/", ctaLabel: "Sign up today", heading: "Join the Adventure", headingColor: "#030712", imageAlt1: "", imageAlt2: "", imageAlt3: "", imageAlt4: "", imageAlt5: "", pageBackgroundColor: "#f1f5f9", subtext: "Join a community built for explorers. Sign up today and get early access to new collections, gear guides, and exclusive offers made for the outdoors.", textColor: "#4b5563", }; type Cta_SectionProps = Omit; type Cta_ResolvedProps = typeof Cta_defaultSectionStyles & (typeof Cta_variantContent)[Cta_CTAWithImageStripVariant]; const Cta_CTAContent = ({ buttonBackgroundColor, buttonTextColor, ctaHref, ctaLabel, heading, headingColor, subtext, textColor, }: Cta_ResolvedProps) => (

‍

{heading}

‍

{subtext}

‍

{ctaLabel}

‍

); const Cta_StripImage = ({ alt, borderRadius = "4px", src, }: { alt: string; borderRadius?: string; src: string; }) => ( {alt}

); const Cta_ImageColumn = ({ children, firstOffset = false, }: { children: ReactElement<{ src: string; }>[]; firstOffset?: boolean; }) => ( {children.map((child, index) => (

{child}

))} ); const Cta_ImageStrip = ({ boxed, left, props, }: { boxed: boolean; left: boolean; props: Cta_ResolvedProps; }) => (

{boxed || left ? ( ‍ ) : null} ‍ {boxed || !left ? ( ‍ ) : null}

); const Cta_CTAWithImageStripSection = (props: Cta_SectionProps) => { const variant = props.variant ?? "boxed-right"; const resolved = resolveDefaultProps( { ...Cta_defaultSectionStyles, ...Cta_variantContent[variant], }, props ) as Cta_ResolvedProps; const boxed = variant.startsWith("boxed"); const left = variant.endsWith("left"); const contentCell = ( ); const stripCell = ( ); return (

‍

{left ? stripCell : contentCell} ‍ {left ? contentCell : stripCell}

‍

); }; const Cta_CTAWithImageStrip = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "boxed-right", ...props }: Cta_CTAWithImageStripProps) => (