4b: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"] 4c: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"] 4d:Tcf30,import { Body, Head as EmailHead, Html, Preview, Section, Row, Column, Heading, Text, Img, } 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 { 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 BasicLogoCloud_BasicLogoCloudVariant = | "minimal" | "with-title" | "with-description" | "full"; interface BasicLogoCloud_BasicLogoCloudProps { theme?: EmailTheme; title?: string; description?: string; logos?: { alt: string; src: string; width: number; }[]; pageBackgroundColor?: string; backgroundColor?: string; titleColor?: string; textColor?: string; variant?: BasicLogoCloud_BasicLogoCloudVariant; } const BasicLogoCloud_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const BasicLogoCloud_responsiveStyles = ` @media only screen and (max-width: 599px) { .basic-logo-item { display: inline-block !important; padding: 0 12px 12px !important; } .basic-logo-gap { display: none !important; width: 24px !important; } .basic-logo-description-gap { line-height: 20px !important; } } `; const BasicLogoCloud_defaultLogos = [ { alt: "Stripe", src: emailAsset("logos/logo-stripe.png"), width: 57, }, { alt: "Apple Pay", src: emailAsset("logos/logo-apple-pay.png"), width: 60, }, { alt: "Mastercard", src: emailAsset("logos/logo-mastercard.png"), width: 40, }, { alt: "Visa", src: emailAsset("logos/logo-visa.png"), width: 50, }, { alt: "Klarna", src: emailAsset("logos/logo-klarna.png"), width: 70, }, ]; const BasicLogoCloud_defaults = { backgroundColor: "#fffffe", description: "We created a personal account for you. Please confirm your e-mail address and use our service to the maximum", logos: BasicLogoCloud_defaultLogos, pageBackgroundColor: "#f1f5f9", textColor: "#4b5563", title: "Supported payment services", titleColor: "#030712", }; type BasicLogoCloud_SectionProps = Omit< BasicLogoCloud_BasicLogoCloudProps, "theme" >; type BasicLogoCloud_ResolvedProps = typeof BasicLogoCloud_defaults & BasicLogoCloud_SectionProps; const BasicLogoCloud_BasicLogoCloudSection = ( props: BasicLogoCloud_SectionProps ) => { const variant = props.variant ?? "full"; const resolved = resolveDefaultProps( BasicLogoCloud_defaults, props ) as BasicLogoCloud_ResolvedProps; const logos = resolved.logos.slice(0, 5); const showTitle = variant === "with-title" || variant === "full"; const showDescription = variant === "with-description" || variant === "full"; return (

‍

{showTitle ? ( <> {resolved.title}

‍

) : null}

{logos.map((logo, index) => ( {index > 0 ? ( ‍ ) : null}

))}

{showDescription ? ( <>

‍

{resolved.description} ) : null}

‍

); }; const BasicLogoCloud_BasicLogoCloud = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "full", ...props }: BasicLogoCloud_BasicLogoCloudProps) => (