https://boombam.app/assets/email-mockup-BSO_UPGU.js

1import{j as e,D as j,aG as p,au as b,aF as x,B as r,s as d,ap as v}from"./index-CuSEeJFb.js";import{M as N}from"./mail-Dl1RGATy.js";function w({register:c,setValue:u,watch:l,businessProfile:t,isGeneratingField:a,onGenerateField:s}){var m;const n=l("platformContent.subject")||"",o=l("platformContent.preHeader")||"",h=l("platformContent.bodyText")||"";l("platformContent.callToAction");const i=l("destinationUrl")||"";return e.jsxs("div",{className:"max-w-2xl mx-auto bg-white dark:bg-gray-800 border rounded-lg overflow-hidden shadow-sm",children:[e.jsxs("div",{className:"flex items-center justify-between p-3 bg-gray-100 dark:bg-gray-700 border-b",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(N,{className:"w-5 h-5 text-blue-600"}),e.jsx("span",{className:"font-medium text-sm",children:"Email Preview"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j,{className:"w-4 h-4 text-gray-500"}),e.jsx(p,{className:"w-4 h-4 text-gray-500"}),e.jsx(b,{className:"w-4 h-4 text-gray-500"})]})]}),e.jsx("div",{className:"p-4 border-b bg-gray-50 dark:bg-gray-900",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"text-sm",children:[e.jsx("span",{className:"font-medium",children:"From:"})," ",(t==null?void 0:t.companyName)||"Your Business"," <hello@",((t==null?void 0:t.companyName)||"yourbusiness").toLowerCase().replace(/\s+/g,""),".com>"]}),e.jsx("div",{className:"text-xs text-gray-500",children:"2:34 PM"})]}),e.jsxs("div",{className:"text-sm",children:[e.jsx("span",{className:"font-medium",children:"To:"})," [email protected]"]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"text-sm font-medium mb-1",children:"Subject:"}),e.jsx(x,{...c("platformContent.subject"),placeholder:"Compelling subject line that gets opened",className:"font-medium text-base",maxLength:60}),s&&e.jsx(r,{type:"button",variant:"ghost",size:"sm",className:"absolute top-8 right-2 h-6 px-2 text-xs",onClick:()=>s("subject"),disabled:a==null?void 0:a("subject"),children:"AI"}),e.jsxs("div",{className:"flex justify-between items-center mt-1",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"Subject line"}),e.jsxs(d,{variant:"outline",className:"text-xs",children:[n.length,"/60"]})]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"text-sm font-medium mb-1",children:"Preview text:"}),e.jsx(x,{...c("platformContent.preHeader"),placeholder:"This appears after the subject in the inbox",className:"text-sm text-gray-600",maxLength:90}),s&&e.jsx(r,{type:"button",variant:"ghost",size:"sm",className:"absolute top-8 right-2 h-6 px-2 text-xs",onClick:()=>s("preHeader"),disabled:a==null?void 0:a("preHeader"),children:"AI"}),e.jsxs("div",{className:"flex justify-between items-center mt-1",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"Preheader text"}),e.jsxs(d,{variant:"outline",className:"text-xs",children:[o.length,"/90"]})]})]})]})}),e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"text-center mb-6 pb-4 border-b",children:[e.jsx("div",{className:"w-16 h-16 bg-blue-600 rounded-lg mx-auto mb-3 flex items-center justify-center text-white text-xl font-bold",children:((m=t==null?void 0:t.companyName)==null?void 0:m.charAt(0))||"B"}),e.jsx("h1",{className:"text-xl font-bold text-gray-900 dark:text-gray-100",children:(t==null?void 0:t.companyName)||"Your Business"})]}),e.jsxs("div",{className:"relative mb-6",children:[e.jsx(v,{...c("platformContent.bodyText"),placeholder:"Write your email content here. Keep it personal, valuable, and engaging...",className:"min-h-[200px] text-base leading-relaxed",maxLength:5e3}),s&&e.jsx(r,{type:"button",variant:"ghost",size:"sm",className:"absolute top-2 right-2 h-6 px-2 text-xs",onClick:()=>s("bodyText"),disabled:a==null?void 0:a("bodyText"),children:"AI"}),e.jsxs("div",{className:"flex justify-between items-center mt-2",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"Email body"}),e.jsxs(d,{variant:"outline",className:"text-xs",children:[h.length,"/5000"]})]})]}),e.jsx("div",{className:"text-center mb-6",children:e.jsxs("div",{className:"relative inline-block",children:[e.jsx(x,{...c("platformContent.callToAction"),placeholder:"Get Started Today",className:"w-48 bg-blue-600 text-white text-center border-blue-600 hover:bg-blue-700 font-medium h-12"}),s&&e.jsx(r,{type:"button",variant:"ghost",size:"sm",className:"absolute top-0 right-0 h-6 px-2 text-xs bg-blue-700 hover:bg-blue-800",onClick:()=>s("callToAction"),disabled:a==null?void 0:a("callToAction"),children:"AI"})]})}),e.jsxs("div",{className:"mt-6 relative",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Landing Page URL:"}),e.jsx(x,{...c("destinationUrl"),placeholder:"https://your-website.com/landing-page",className:"border border-gray-200 dark:border-gray-600 text-sm"}),e.jsxs("div",{className:"flex justify-between items-center mt-1",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"Where users go when they click the CTA button"}),e.jsx("div",{className:"text-xs text-green-600",children:i?"✓ Set":"⚠ Required"})]})]}),e.jsxs("div",{className:"pt-6 border-t text-center text-sm text-gray-500",children:[e.jsx("div",{className:"mb-2",children:(t==null?void 0:t.companyName)||"Your Business"}),e.jsx("div",{className:"mb-2",children:(t==null?void 0:t.address)||"123 Business St, City, State 12345"}),e.jsxs("div",{className:"text-xs",children:["You received this email because you signed up for our updates.",e.jsx("br",{}),e.jsx("a",{href:"#",className:"text-blue-600 hover:underline",children:"Unsubscribe"})," |",e.jsx("a",{href:"#",className:"text-blue-600 hover:underline ml-1",children:"Update Preferences"})]})]})]}),e.jsx("div",{className:"p-4 border-t bg-gray-50 dark:bg-gray-900",children:e.jsxs("div",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1",children:[e.jsxs("div",{children:["📧 ",e.jsx("strong",{children:"Email Marketing Tips:"})]}),e.jsx("div",{children:"• Keep subject lines under 50 characters"}),e.jsx("div",{children:"• Use preheader text to complement subject"}),e.jsx("div",{children:"• Write conversationally, as if to a friend"}),e.jsx("div",{children:"• Include one clear call-to-action"}),e.jsx("div",{children:"• Mobile-friendly formatting is essential"})]})})]})}export{w as EmailMockup};