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:T3126,import { Fragment } from "react"; import { Body, Container, Head as EmailHead, Html, Preview, Tailwind, Link, Section, Row, Column, Text, Heading, Img, } 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 CtaBundle_CTAWithTitleAndActionLeadVariant = | "title-and-lead" | "secondary-button" | "minimal"; interface CtaBundle_CTAWithTitleAndActionLeadProps { theme?: EmailTheme; heading?: string; subtext?: string; ctaLabel?: string; ctaHref?: string; secondaryCtaLabel?: string; secondaryCtaHref?: string; signoff?: string; pageBackgroundColor?: string; backgroundColor?: string; headingColor?: string; textColor?: string; primaryButtonBackgroundColor?: string; primaryButtonTextColor?: string; secondaryButtonBackgroundColor?: string; secondaryButtonTextColor?: string; secondaryButtonBorderColor?: string; variant?: CtaBundle_CTAWithTitleAndActionLeadVariant; } const CtaBundle_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const CtaBundle_arrowSrc = emailAsset("icon-arrow-right.png"); const CtaBundle_responsiveStyles = ` @media only screen and (max-width: 430px) { .cta-title-action-cell { display: block !important; } .cta-title-action-gap { line-height: 24px !important; } } .cta-title-action-primary:hover { background-color: #4338ca !important; } .cta-title-action-secondary:hover { background-color: #f9fafb !important; } `; type CtaBundle_SectionProps = Omit< CtaBundle_CTAWithTitleAndActionLeadProps, "theme" >; const CtaBundle_defaultSectionProps: Omit< Required, "ctaLabel" > = { backgroundColor: "#fffffe", ctaHref: "https://example.com/", heading: "Confirm your email", headingColor: "#030712", pageBackgroundColor: "#f1f5f9", primaryButtonBackgroundColor: "#4f46e5", primaryButtonTextColor: "#f8fafc", secondaryButtonBackgroundColor: "#fffffe", secondaryButtonBorderColor: "#d1d5db", secondaryButtonTextColor: "#4b5563", secondaryCtaHref: "https://example.com/", secondaryCtaLabel: "Learn more", signoff: "Thank you, the emailcn Team", subtext: "We created a personal account for you. Please confirm your e-mail address and use our service to the maximum", textColor: "#4b5563", variant: "title-and-lead", }; const CtaBundle_CTAWithTitleAndActionLeadSection = ( props: CtaBundle_SectionProps ) => { const { backgroundColor, ctaHref, ctaLabel, heading, headingColor, pageBackgroundColor, primaryButtonBackgroundColor, primaryButtonTextColor, secondaryButtonBackgroundColor, secondaryButtonBorderColor, secondaryButtonTextColor, secondaryCtaHref, secondaryCtaLabel, signoff, subtext, textColor, variant, } = resolveDefaultProps(CtaBundle_defaultSectionProps, props); const resolvedCtaLabel = ctaLabel ?? (variant === "title-and-lead" ? "Activate account" : "Shop now"); const primaryButton = ( {resolvedCtaLabel} {variant === "minimal" ? (

) : null} ); return (

‍

{(() => { if (variant === "minimal") { return ( <> {primaryButton}

‍

{signoff} ); } return ( <> {heading}

‍

{subtext}

‍

{variant === "title-and-lead" ? ( primaryButton ) : (

{primaryButton} ‍ {secondaryCtaLabel}

)} ); })()}

‍

); }; const CtaBundle_CTAWithTitleAndActionLead = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "title-and-lead", ...props }: CtaBundle_CTAWithTitleAndActionLeadProps) => (