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:T13b8,import { Mjml, MjmlBody, MjmlButton, MjmlColumn, MjmlFont, MjmlHead, MjmlPreview, MjmlSection, MjmlSpacer, MjmlText, MjmlWrapper, } from "@faire/mjml-react"; 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_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_ProductCard = ({ plan, cardBackgroundColor, buttonBackgroundColor, second, }: { plan: PurchasePricing_ProductPricingPlan; cardBackgroundColor: string; buttonBackgroundColor: string; second: boolean; }) => ( {plan.name} {plan.leasePrice} / month Purchase for {plan.purchasePrice} {plan.ctaLabel} ); const PurchasePricing_TwoColumnsPricingTableWithGapsSection = ({ plans = PurchasePricing_defaultPlans, backgroundColor = "#fffffe", cardBackgroundColor = "#f9fafb", buttonBackgroundColor = "#030712", }: Omit) => ( {plans.slice(0, 2).map((plan, index) => ( ))} ); const PurchasePricing_TwoColumnsPricingTableWithGaps = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, ...props }: PurchasePricing_TwoColumnsPricingTableWithGapsProps) => ( Model pricing ); PurchasePricing_TwoColumnsPricingTableWithGaps.PreviewProps = { theme: defaultTheme, } satisfies PurchasePricing_TwoColumnsPricingTableWithGapsProps; const __PurchasePricing = PurchasePricing_TwoColumnsPricingTableWithGaps; export interface PurchasePlan { name: string; leasePrice?: string; purchasePrice: string; action: { href: string; label: string; }; } export interface PurchasePricingProps { theme?: Parameters[0]["theme"]; plans?: PurchasePlan[]; } export const PurchasePricing = ({ theme, plans }: PurchasePricingProps) => ( <__PurchasePricing plans={plans?.map((plan) => ({ ctaHref: plan.action.href, ctaLabel: plan.action.label, leasePrice: plan.leasePrice ?? "", name: plan.name, purchasePrice: plan.purchasePrice, }))} theme={theme} /> ); PurchasePricing.PreviewProps = {} satisfies PurchasePricingProps; 4c:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@faire/mjml-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40faire%2Fmjml-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@faire/mjml-react"}]]}]}],["$","li","mjml",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/mjml","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"mjml"}]]}]}]]}],["$","$L4d",null,{"namespace":"@emailcn","registryDependencies":["https://emailcn.run/r/mjml-react/theme-default.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"registry/bases/mjml-react/components/marketing/pricing/purchase-pricing.tsx","content":"$4f","type":"registry:component","target":"components/email/purchase-pricing.tsx"}],"className":"h-[70svh] min-h-80"}]]}]