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:T2202,import { Body, Head as EmailHead, Html, Preview, Section, Text, Link, Row, Column, } from "jsx-email"; import { Fragment } 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 { defaultTheme } from "@/components/email/theme-default"; interface PurchasePricing_ProductPricingPlan { ctaHref: string; ctaLabel: string; leasePrice: string; name: string; purchasePrice: string; } interface PurchasePricing_TwoColumnsPricingTableWithGapsProps { theme?: EmailTheme; plans?: PurchasePricing_ProductPricingPlan[]; pageBackgroundColor?: string; backgroundColor?: string; cardBackgroundColor?: string; buttonBackgroundColor?: string; } const PurchasePricing_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const PurchasePricing_responsiveStyles = [ "@media only screen and (max-width: 599px) {", " .product-pricing-column { display: block !important; padding-left: 0 !important; width: 100% !important; }", " .product-pricing-column + .product-pricing-column { padding-top: 44px !important; }", "}", ].join("\n"); const PurchasePricing_defaultPlans: PurchasePricing_ProductPricingPlan[] = [ { ctaHref: "https://example.com", ctaLabel: "View details", leasePrice: "$499", name: "Model X", purchasePrice: "$142,400", }, { ctaHref: "https://example.com", ctaLabel: "View details", leasePrice: "$199", name: "Model Y", purchasePrice: "$52,400", }, ]; const PurchasePricing_PriceBlock = ({ label, price, period, backgroundColor, rounded, }: { label: string; price: string; period?: string; backgroundColor: string; rounded?: "top" | "bottom"; }) => (

‍

{label} {price}{" "} {period ? ( {period} ) : null}

‍

); const PurchasePricing_ProductCard = ({ plan, cardBackgroundColor, buttonBackgroundColor, }: { plan: PurchasePricing_ProductPricingPlan; cardBackgroundColor: string; buttonBackgroundColor: string; }) => ( <>

‍

{plan.name}

‍

{plan.ctaLabel} ); const PurchasePricing_TwoColumnsPricingTableWithGapsSection = ({ plans = PurchasePricing_defaultPlans, pageBackgroundColor = "#f1f5f9", backgroundColor = "#fffffe", cardBackgroundColor = "#f9fafb", buttonBackgroundColor = "#030712", }: Omit) => (

‍

{plans.map((plan, index) => ( 0 ? "16px" : undefined, verticalAlign: "top", width: "268px", }} > ))}

‍

); const PurchasePricing_TwoColumnsPricingTableWithGaps = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, ...props }: PurchasePricing_TwoColumnsPricingTableWithGapsProps) => (