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:T2ff6,import { MjmlColumn, MjmlDivider, MjmlImage, MjmlSection, MjmlSpacer, MjmlTable, MjmlText, Mjml, MjmlBody, MjmlFont, MjmlHead, MjmlPreview, MjmlStyle, MjmlWrapper, } from "@faire/mjml-react"; import type { ReactNode } from "react"; import type { EmailTheme } from "@/components/email/email-theme"; import { emailAsset } from "@/components/email/email-assets"; import { defaultTheme } from "@/components/email/theme-default"; type BillingTopVariant = | "basic" | "bordered" | "basic-with-payment" | "bordered-with-payment" | "basic-with-notes" | "bordered-with-notes" | "basic-full-details" | "bordered-full-details"; type BillingInlineVariant = | "basic" | "bordered" | "basic-with-notes" | "bordered-with-notes"; const fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const orderSummaryResponsiveStyles = ` .billing-payment-table > table { width: auto !important; } `; const DetailBlock = ({ children, gap = 0, title, }: { children?: ReactNode; gap?: number; title: string; }) => ( <> {title} {gap > 0 ? : null} {children} ); const DetailText = ({ children }: { children: ReactNode }) => ( {children} ); const TextDetailBlock = ({ children, title, }: { children: ReactNode; title: string; }) => ( {title} {children} ); const CardMethod = () => (

‍ ****6754 ‍ | ‍ Change ); const SectionGap = ({ bordered }: { bordered: boolean }) => ( {bordered ? ( ) : ( )} ); const AddressColumns = ({ top }: { top: boolean }) => ( 1234 Maplewood Drive
Springfield,
IL 62704 782 Oceanview Avenue
Santa Monica,
CA 90401 ); const ShippingContent = ({ bordered }: { bordered: boolean }) => bordered ? ( <> Takes up to 2 working days ) : ( DHL
Takes up to 2 working days ); const ShippingColumns = ({ bordered, layout, }: { bordered: boolean; layout: "top" | "inline"; }) => { if (layout === "inline") { return ( <> {bordered ? ( ) : ( DHL
Takes up to 2 working days )} ); } if (bordered) { return ( <> ); } return ( DHL
Takes up to 2 working days ); }; const ShippingDetails = ({ bordered, layout, }: { bordered: boolean; layout: "top" | "inline"; }) => ( ); const Notes = ({ bordered }: { bordered: boolean }) => ( {bordered ? ( <> Ring buzzer for Apt 3B, or call when outside. Elevator is on the left. ) : ( Ring buzzer for Apt 3B, or call when outside.
Elevator is on the left. )} ); const BillingDetailsSection = ({ layout, variant, }: { layout: "top" | "inline"; variant: BillingTopVariant | BillingInlineVariant; }) => { const bordered = variant.startsWith("bordered"); const notes = variant.includes("notes") || variant.includes("full-details"); const payment = layout === "top" && (variant.includes("with-payment") || variant.includes("full-details")); return ( <> {payment ? ( ) : null} {payment ? : null} {notes ? ( <> ) : null} ); }; interface BillingInline_OrderSummaryBillingInlineProps { theme?: EmailTheme; variant?: BillingInlineVariant; } const BillingInline_OrderSummaryBillingInlineSection = ({ variant = "basic", }: Omit) => ( ); const BillingInline_OrderSummaryBillingInline = ({ theme = defaultTheme, ...props }: BillingInline_OrderSummaryBillingInlineProps) => ( Order details {orderSummaryResponsiveStyles} ); BillingInline_OrderSummaryBillingInline.PreviewProps = { theme: defaultTheme, variant: "basic", } satisfies BillingInline_OrderSummaryBillingInlineProps; const __BillingInline = BillingInline_OrderSummaryBillingInline; interface BillingTop_OrderSummaryBillingTopProps { theme?: EmailTheme; variant?: BillingTopVariant; } const BillingTop_OrderSummaryBillingTopSection = ({ variant = "basic-with-payment", }: Omit) => ( ); const BillingTop_OrderSummaryBillingTop = ({ theme = defaultTheme, ...props }: BillingTop_OrderSummaryBillingTopProps) => ( Order details {orderSummaryResponsiveStyles} ); BillingTop_OrderSummaryBillingTop.PreviewProps = { theme: defaultTheme, variant: "basic-with-payment", } satisfies BillingTop_OrderSummaryBillingTopProps; const __BillingTop = BillingTop_OrderSummaryBillingTop; export interface BillingOrderSummaryProps { theme?: Parameters[0]["theme"]; payment?: boolean; notes?: boolean; billingPosition?: "top" | "inline"; appearance?: "plain" | "bordered"; } const billingVariant = ({ appearance, billingPosition, notes, payment, }: Pick< BillingOrderSummaryProps, "appearance" | "billingPosition" | "notes" | "payment" >) => { const prefix = appearance === "bordered" ? "bordered" : "basic"; if (billingPosition === "inline") { return notes ? `${prefix}-with-notes` : prefix; } if (notes && payment) { return `${prefix}-full-details`; } if (notes) { return `${prefix}-with-notes`; } return payment ? `${prefix}-with-payment` : prefix; }; export const BillingOrderSummary = ({ theme, payment, notes, billingPosition = "top", appearance = "plain", }: BillingOrderSummaryProps) => { const variant = billingVariant({ appearance, billingPosition, notes, payment, }); return billingPosition === "inline" ? ( <__BillingInline theme={theme} variant={variant as Parameters[0]["variant"]} /> ) : ( <__BillingTop theme={theme} variant={variant as Parameters[0]["variant"]} /> ); }; BillingOrderSummary.PreviewProps = { appearance: "plain", billingPosition: "top", } satisfies BillingOrderSummaryProps; 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/ecommerce/order-summary/billing-order-summary.tsx","content":"$4f","type":"registry:component","target":"components/email/billing-order-summary.tsx"}],"className":"h-[70svh] min-h-80"}]]}]