https://boombam.app/assets/flyers-mockup-CZSVCdir.js

1import{K as re,r as te,j as e,F as ue,s as q,B as g,E as ge,bF as ae,cr as ve,X as ie,H as be,C as p,b as j,d as f,e as y,ab as r,$ as v,a0 as b,a1 as N,a2 as w,a3 as t,bj as K,a4 as I,S as D,aF as ne,ap as A,b6 as Ne,b9 as we,b7 as V,J as Ce,T as Se,V as _e,U as Te,g as ke,cT as Ie,be as De,cW as He}from"./index-CuSEeJFb.js";import{R as le}from"./ruler-CW1eoJlB.js";import{T as ce}from"./type-u6mf0Lzd.js";import{I as Le}from"./image-fQC3p4ps.js";import{A as Ae}from"./arrow-up-Uui5xrmv.js";import{A as Me}from"./arrow-down-CLUMqGAm.js";import{S as Ee}from"./square-CbouAjGs.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const Re=re("PartyPopper",[["path",{d:"M5.8 11.3 2 22l10.7-3.79",key:"gwxi1d"}],["path",{d:"M4 3h.01",key:"1vcuye"}],["path",{d:"M22 8h.01",key:"1mrtc2"}],["path",{d:"M15 2h.01",key:"1cjtqr"}],["path",{d:"M22 20h.01",key:"1mrys2"}],["path",{d:"m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10",key:"hbicv8"}],["path",{d:"m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17",key:"1i94pl"}],["path",{d:"m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7",key:"1cofks"}],["path",{d:"M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z",key:"4kbmks"}]]);/**
7 * @license lucide-react v0.453.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const Fe=re("Utensils",[["path",{d:"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2",key:"cjf0a3"}],["path",{d:"M7 2v20",key:"1473qp"}],["path",{d:"M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7",key:"j28e5"}]]);function Je({register:S,control:$e,setValue:m,watch:l,businessProfile:o,isGeneratingField:a,onGenerateField:h,creativeFormat:Be,temperature:ze,awarenessLevel:Pe,getValidationStatus:W}){const[H,de]=te.useState("design"),[T,k]=te.useState("header"),F=l("platformContent.mainHeadline")||"",$=l("platformContent.headerSection")||"",B=l("platformContent.bodySection1")||"",z=l("platformContent.bodySection2")||"",M=l("platformContent.bodySection3")||"";l("platformContent.footerSection");const E=l("platformContent.contactInfo")||"",P=l("platformContent.callToAction")||"",Z=l("platformContent.flyerSize")||"8_5x11",C=l("platformContent.designTemplate")||"event_promotion",oe=l("platformContent.colorScheme")||"vibrant_colors",xe=l("platformContent.typography")||"modern_sans",me=l("platformContent.layoutStyle")||"three_section",he=l("platformContent.paperType")||"glossy_flyer",i=l("platformContent.printQuantity")||"500",_=l("platformContent.foldingOption")||"no_folding",d=l("platformContent.distributionMethod")||"hand_distribution",Y=l("platformContent.includeTearOff

11s")??!1,J=l("platformContent.includeQRCode")??!1,L=l("platformContent.doubleSided")??!1,n={mainHeadline:60,headerSection:150,bodySection1:400,bodySection2:400,bodySection3:400,footerSection:200,contactInfo:200,callToAction:50},x=(s,c,Q)=>{if(W){const U=W(s,Q);return{colorClass:U.status==="error"?"text-red-500":U.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:U.message}}const se=c/Q;return{colorClass:se>.9?"text-red-500":se>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${c}/${Q}`}},O=(o==null?void 0:o.businessName)||"Your Business",X=(o==null?void 0:o.phone)||"(555) 123-4567",pe=(o==null?void 0:o.email)||"[email protected]";o!=null&&o.address;const je=(o==null?void 0:o.website)||"www.yourbusiness.com",fe=O.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),G={"8_5x11":{name:'8.5" × 11" Standard',width:350,height:450,description:"Letter size - most common",cost:.35},"11x17":{name:'11" × 17" Tabloid',width:400,height:520,description:"Large format - high impact",cost:.85},A4:{name:"A4 International",width:345,height:450,description:"International standard",cost:.38}

11,custom:{name:"Custom Size",width:375,height:475,description:"Custom dimensions",cost:.65}},ee={event_promotion:{name:"Event Promotion",description:"Concerts, parties, meetups",icon:Re,color:"bg-purple-500",sections:["Event Title","Date & Time","Location","Details"]},business_services:{name:"Business Services",description:"Professional services advertising",icon:ke,color:"bg-blue-500",sections:["Service Headline","Benefits","Credentials","Contact"]},sale_special:{name:"Sale/Special Offers",description:"Promotions and discounts",icon:Ie,color:"bg-red-500",sections:["Offer Headline","Savings Details","Terms","Action"]},information:{name:"Information/Educational",description:"Educational content and tips",icon:De,color:"bg-green-500",sections:["Topic Headline","Key Points","Resources","Contact"]},restaurant_menu:{name:"Restaurant Menu",description:"Menu and food promotions",icon:Fe,color:"bg-orange-500",sections:["Restaurant Name","Featured Items","Prices","Location"]},real_estate:{name:"Real Estate",description:"Property listings and services",icon:He,color:"bg-indigo-500",sections:["Property Headline","Key Features","Price/Contact","Agent Info"]}},ye={three_section:{name:"Three Section Layout",description:"Header, Body, Footer"},four_section:{name:"Four Section Layout",description:"Header, Two Body, Footer"},sidebar_layout:{name:"Sidebar Layout",description:"Main content with side info"},grid_layout:{name:"Grid Layout",description:"Multiple content blocks"},full_page_hero:{name:"Full Page Hero",description:"Large image with text overlay"},split_design:{name:"Split Design",description:"Two-column layout"}},u=G[Z],R=ee[C];return e.jsx("div",{className:"max-w-7xl mx-auto",children:e.jsxs("div",{className:"bg-white dark:bg-gray-900 rounded-lg shadow-xl overflow-hidden mb-6",children:[e.jsx("div",{className:"bg-gradient-to-r from-purple-50 to-pink-50 dark:from-gray-800 dark:to-gray-700 border-b border-gray-200 dark:border-gray-600 px-6 py-4",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("div",{className:"w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center",children:e.jsx(ue,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:"Flyers Design Studio"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 text-sm",children:"Professional flyer and brochure design workspace"})]})]}),e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsxs(q,{variant:"outline",className:"flex items-center gap-1","data-testid":"badge-template",children:[e.jsx(R.icon,{className:"w-3 h-3"}),R.name]}),e.jsxs(q,{variant:"secondary",className:"flex items-center gap-1","data-testid":"badge-size",children:[e.jsx(le,{className:"w-3 h-3"}),u.name]}),e.jsxs(g,{variant:"outline",size:"sm",className:"flex items-center gap-1","data-testid":"button-preview",children:[e.jsx(ge,{className:"w-4 h-4"}),"Preview"]})]})]})}),e.jsx("div",{className:"border-b border-gray-200 dark:border-gray-700",children:e.jsx("nav",{className:"flex space-x-8 px-6","data-testid":"nav-design-tabs",children:[{id:"design",label:"Design & Layout",icon:ae},{id:"content",label:"Content Creation",icon:ce},{id:"print",label:"Print & Distribution",icon:ve},{id:"analytics",label:"Distribution Analytics",icon:ie}].map(s=>e.jsxs("button",{onClick:()=>de(s.id),className:`flex items-center gap-2 py-4 px-2 text-sm font-medium border-b-2 transition-colors ${H===s.id?"border-purple-500 text-purple-600":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`,"data-testid":`tab-${s.id}`,children:[e.jsx(s.icon,{className:"w-4 h-4"}),s.label]},s.id))})}),e.jsxs("div",{className:"p-6",children:[H==="design"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Flyer Preview"}),e.jsx("div",{className:"flex items-center space-x-2",children:e.jsx(q,{variant:"outline",className:"text-xs",children:u.description})})]}),e.jsx("div",{className:"flex justify-center",children:e.jsxs("div",{className:"bg-white border-2 border-gray-300 shadow-xl relative overflow-hidden",style:{width:u.width,height:u.height},"data-testid":"preview-flyer",children:[e.jsx("div",{className:`border-b border-gray-200 p-4 ${T==="header"?"ring-2 ring-purple-500":""}`,style:{height:`${u.height*.25}px`},onClick:()=>k("header"),"data-testid":"preview-header-section",children:e.jsxs("div",{className:"h-full flex flex-col justify-center",children:[e.jsx("div",{className:"flex items-center justify-between mb-2",children:e.jsx("div",{className:"w-8 h-8 bg-purple-600 rounded flex items-center justify-center","data-testid":"preview-logo",children:e.jsx("span",{className:"text-white text-xs font-bold",children:fe})})}),e.jsx("h1",{className:"text-lg font-bold text-purple-900 leading-tight mb-2","data-testid":"preview-main-headline",children:F||"Your Eye-Catching Headline Here"}),e.jsx("p",{className:"text-xs text-gray-700 leading-relaxed","data-testid":"preview-header-content",children:$||"Supp

11orting header information that draws attention and provides context."})]})}),e.jsx("div",{className:`border-b border-gray-200 p-4 ${T==="body"?"ring-2 ring-purple-500":""}`,style:{height:`${u.height*.5}px`},onClick:()=>k("body"),"data-testid":"preview-body-sections",children:e.jsxs("div",{className:"h-full space-y-3",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-900 mb-1",children:"Key Information"}),e.jsx("p",{className:"text-xs text-gray-700 leading-relaxed",children:B||"Main content section with detailed information about your offering, benefits, and key details."})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-900 mb-1",children:"Additional Details"}),e.jsx("p",{className:"text-xs text-gray-700 leading-relaxed",children:z||"Secondary information section with supporting details and additional benefits."})]}),M&&e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-900 mb-1",children:"Extra Information"}),e.jsx("p",{className:"text-xs text-gray-700 leading-relaxed",children:M})]}),e.jsxs("div",{className:"h-16 bg-gray-100 border border-gray-300 rounded flex items-center justify-center","data-testid":"preview-image-placeholder",children:[e.jsx(Le,{className:"w-4 h-4 text-gray-400"}),e.jsx("span",{className:"text-xs text-gray-500 ml-1",children:"Image"})]})]})}),e.jsx("div",{className:`p-4 bg-gray-50 ${T==="footer"?"ring-2 ring-purple-500":""}`,style:{height:`${u.height*.25}px`},onClick:()=>k("footer"),"data-testid":"preview-footer-section",children:e.jsxs("div",{className:"h-full flex flex-col justify-between",children:[e.jsx("div",{className:"bg-purple-600 text-white text-center rounded py-2 px-4 mb-3","data-testid":"preview-cta",children:e.jsx("div",{className:"text-sm font-semibold",children:P||"Take Action Now!"})}),e.jsxs("div",{className:"text-center","data-testid":"preview-contact-area",children:[e.jsx("div",{className:"text-sm font-semibold text-gray-900 mb-1",children:O}),e.jsx("div",{className:"text-xs text-gray-600 space-y-0.5",children:E?E.split(`
12`).map((s,c)=>e.jsx("div",{children:s},c)):e.jsxs(e.Fragment,{children:[e.jsx("div",{children:X}),e.jsx("div",{children:pe}),e.jsx("div",{children:je})]})})]}),Y&&e.jsx("div",{className:"border-t border-dashed border-gray-400 pt-2 mt-2","data-testid":"preview-tearoffs",children:e.jsx("div",{className:"flex justify-between text-xs",children:Array.from({length:5},(s,c)=>e.jsxs("div",{className:"w-12 text-center border-l border-gray-400 first:border-l-0",children:[e.jsx("div",{className:"font-semibold",children:O}),e.jsx("div",{className:"text-xs",children:X})]},c))})}),J&&e.jsx("div",{className:"absolute bottom-4 right-4",children:e.jsx("div",{className:"w-12 h-12 bg-black border","data-testid":"preview-qr-code",children:e.jsx("div",{className:"w-full h-full bg-black opacity-80 flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs",children:"QR"})})})})]})})]})}),e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:"text-sm font-medium text-gray-700",children:"Click sections to edit:"}),e.jsxs("div",{className:"flex justify-center space-x-2",children:[e.jsxs(g,{variant:T==="header"?"default":"outline",size:"sm",onClick:()=>k("header"),className:"flex items-center gap-1","data-testid":"button-select-header",children:[e.jsx(Ae,{className:"w-3 h-3"}),"Header"]}),e.jsxs(g,{variant:T==="body"?"default":"outline",size:"sm",onClick:()=>k("body"),className:"flex items-center gap-1","data-testid":"button-select-body",children:[e.jsx(be,{className:"w-3 h-3"}),"Body"]}),e.jsxs(g,{variant:T==="footer"?"default":"outline",size:"sm",onClick:()=>k("footer"),className:"flex items-center gap-1","data-testid":"button-select-footer",children:[e.jsx(Me,{className:"w-3 h-3"}),"Footer"]})]})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(le,{className:"w-4 h-4"}),"Size & Template"]})}),e.jsxs(y,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(r,{htmlFor:"flyerSize",children:"Flyer Size"}),e.jsxs(v,{value:Z,onValueChange:s=>m("platformContent.flyerSize",s),children:[e.jsx(b,{"data-testid":"select-flyer-size",children:e.jsx(N,{})}),e.jsx(w,{children:Object.entries(G).map(([s,c])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ee,{className:"w-4 h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:c.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:[c.description," - $",c.cost,"/copy"]})]})]})},s))})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"designTemplate",children:"Design Template"}),e.jsxs(v,{value:C,onValueChange:s=>m("platformContent.designTemplate",s),children:[e.jsx(b,{"data-testid":"select-design-template",children:e.jsx(N,{})}),e.jsx(w,{children:Object.entries(ee).map(([s,c])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c.icon,{className:"w-4 h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:c.name}),e.jsx("span",{className:"text-xs text-gray-500",children:c.description})]})]})},s))})]})]}),e.jsxs("div",{className:"text-sm text-gray-600 bg-gray-50 p-3 rounded-lg",children:[e.jsx("div",{className:"font-medium",children:"Template Sections:"}),e.jsx("div",{className:"text-xs mt-1 space-y-1",children:R.sections.map((s,c)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-purple-500 rounded-full"}),s]},c))})]})]})]}),e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(ae,{className:"w-4 h-4"}),"Layout & Design"]})}),e.jsxs(y,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(r,{htmlFor:"layoutStyle",children:"Layout Style"}),e.jsxs(v,{value:me,onValueChange:s=>m("platformContent.layoutStyle",s),children:[e.jsx(b,{"data-testid":"select-layout-style",children:e.jsx(N,{})}),e.jsx(w,{children:Object.entries(ye).map(([s,c])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:c.name}),e.jsx("span",{className:"text-xs text-gray-500",children:c.description})]})},s))})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"colorScheme",children:"Color Scheme"}),e.jsxs(v,{value:oe,onValueChange:s=>m("platformContent.colorScheme",s),children:[e.jsx(b,{"data-testid":"select-color-scheme",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"vibrant_colors",children:"Vibrant Colors - Eye-catching palette"}),e.jsx(t,{value:"professional_colors",children:"Professional Colors - Business appropriate"}),e.jsx(t,{value:"elegant_colors",children:"Elegant Colors - Sophisticated tones"}),e.jsx(t,{value:"seasonal_colors",children:"Seasonal Colors - Time-appropriate themes"}),e.jsx(t,{value:"brand_colors",children:"Brand Colors - Company color scheme"})]})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"typography",children:"Typography Style"}),e.jsxs(v,{value:xe,onValueChange:s=>m("platformContent.typography",s),children:[e.jsx(b,{"data-testid":"select-typography",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"modern_sans",children:"Modern Sans - Clean and contemporary"}),e.jsx(t,{value:"classic_serif",children:"Classic Serif - Traditional and trustworthy"}),e.jsx(t,{value:"bold_display",children:"Bold Display - High impact headlines"}),e.jsx(t,{value:"playful_fonts",children:"Playful Fonts - Fun and creative"}),e.jsx(t,{value:"elegant_script",children:"Elegant Script - Sophisticated cursive"})]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r,{htmlFor:"includeTearOff

12s",children:"Tear-off Tabs"}),e.jsx(K,{checked:Y,onCheckedChange:s=>m("platformContent.includeTearOffs",s),"data-testid":"switch-include-tearoffs"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r,{htmlFor:"includeQRCode",children:"QR Code"}),e.jsx(K,{checked:J,onCheckedChange:s=>m("platformContent.includeQRCode",s),"data-testid":"switch-include-qr"})]})]})]})]})]})]}),H==="content"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(ce,{className:"w-4 h-4"}),"Flyer Content"]})}),e.jsxs(y,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"mainHeadline",children:"Main Headline"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("mainHeadline"),disabled:a&&a("mainHeadline"),className:"flex items-center gap-1","data-testid":"button-generate-headline",children:[a&&a("mainHeadline")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("mainHeadline",F.length,n.mainHeadline).colorClass}`,children:x("mainHeadline",F.length,n.mainHeadline).message})]})]}),e.jsx(ne,{...S("platformContent.mainHeadline"),placeholder:"Enter main headline...",maxLength:n.mainHeadline,"data-testid":"input-main-headline"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"headerSection",children:"Header Section"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("headerSection"),disabled:a&&a("headerSection"),className:"flex items-center gap-1","data-testid":"button-generate-header",children:[a&&a("headerSection")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("headerSection",$.length,n.headerSection).colorClass}`,children:x("headerSection",$.length,n.headerSection).message})]})]}),e.jsx(A,{...S("platformContent.headerSection"),placeholder:"Supporting header information...",rows:3,maxLength:n.headerSection,"data-testid":"textarea-header-section"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"bodySection1",children:"Body Section 1"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("bodySection1"),disabled:a&&a("bodySection1"),className:"flex items-center gap-1","data-testid":"button-generate-body1",children:[a&&a("bodySection1")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("bodySection1",B.length,n.bodySection1).colorClass}`,children:x("bodySection1",B.length,n.bodySection1).message})]})]}),e.jsx(A,{...S("platformContent.bodySection1"),placeholder:"Main content section...",rows:4,maxLength:n.bodySection1,"data-testid":"textarea-body-section1"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"bodySection2",children:"Body Section 2"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("bodySection2"),disabled:a&&a("bodySection2"),className:"flex items-center gap-1","data-testid":"button-generate-body2",children:[a&&a("bodySection2")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("bodySection2",z.length,n.bodySection2).colorClass}`,children:x("bodySection2",z.length,n.bodySection2).message})]})]}),e.jsx(A,{...S("platformContent.bodySection2"),placeholder:"Additional content section...",rows:4,maxLength:n.bodySection2,"data-testid":"textarea-body-section2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"bodySection3",children:"Body Section 3 (Optional)"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("bodySection3"),disabled:a&&a("bodySection3"),className:"flex items-center gap-1","data-testid":"button-generate-body3",children:[a&&a("bodySection3")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("bodySection3",M.length,n.bodySection3).colorClass}`,children:x("bodySection3",M.length,n.bodySection3).message})]})]}),e.jsx(A,{...S("platformContent.bodySection3"),placeholder:"Extra content section (optional)...",rows:3,maxLength:n.bodySection3,"data-testid":"textarea-body-section3"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(r,{htmlFor:"callToAction",children:"Call to Action"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(g,{type:"button",variant:"outline",size:"sm",onClick:()=>h&&h("callToAction"),disabled:a&&a("callToAction"),className:"flex items-center gap-1","data-testid":"button-generate-cta",children:[a&&a("callToAction")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(D,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${x("callToAction",P.length,n.callToAction).colorClass}`,children:x("callToAction",P.length,n.callToAction).message})]})]}),e.jsx(ne,{...S("platformContent.callToAction"),placeholder:"Call Now, Register Today, etc.",maxLength:n.callToAction,"data-testid":"input-call-to-action"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"contactInfo",children:"Contact Information"}),e.jsx(A,{...S("platformContent.contactInfo"),placeholder:"Phone, email, address, website, hours...",rows:4,maxLength:n.contactInfo,"data-testid":"textarea-contact-info"}),e.jsx("span",{className:`text-xs ${x("contactInfo",E.length,n.contactInfo).colorClass}`,children:x("contactInfo",E.length,n.contactInfo).message})]})]})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsx(f,{className:"text-base",children:"Flyer Content Guidelines"})}),e.jsx(y,{className:"space-y-3",children:e.jsxs("div",{className:"text-sm text-gray-600 space-y-2",children:[e.jsx("p",{children:e.jsx("strong",{children:"Effective Flyer Elements:"})}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs",children:[e.jsx("li",{children:"Clear hierarchy with prominent headline"}),e.jsx("li",{children:"Scannable content with bullet points"}),e.jsx("li",{children:"High-contrast colors for readability"}),e.jsx("li",{children:"Essential information above the fold"}),e.jsx("li",{children:"Strong visual elements and whitespace"})]}),e.jsx("p",{className:"pt-2",children:e.jsx("strong",{children:"Section Strategy:"})}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs",children:[e.jsx("li",{children:"Header: Grab attention and establish context"}),e.jsx("li",{children:"Body 1: Primary message and key benefits"}),e.jsx("li",{children:"Body 2: Supporting details and features"}),e.jsx("li",{children:"Body 3: Additional info or testimonials"}),e.jsx("li",{children:"Footer: Clear action steps and contact"})]})]})})]}),e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsx(f,{className:"text-base",children:"Template-Specific Tips"})}),e.jsx(y,{children:e.jsxs("div",{className:"text-sm text-gray-600",children:[e.jsxs("p",{className:"font-medium",children:[R.name,":"]}),e.jsxs("div",{className:"mt-2 text-xs space-y-1",children:[C==="event_promotion"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Lead with event name and excitement"}),e.jsx("li",{children:"Include date, time, and location prominently"}),e.jsx("li",{children:"Add social proof and performer details"}),e.jsx("li",{children:"Create urgency with limited tickets"})]}),C==="business_services"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Highlight 

12key services and expertise"}),e.jsx("li",{children:"Include testimonials and credentials"}),e.jsx("li",{children:"Emphasize professional experience"}),e.jsx("li",{children:"Clear contact and consultation info"})]}),C==="sale_special"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Lead with discount percentage or savings"}),e.jsx("li",{children:"Include specific offer details and terms"}),e.jsx("li",{children:"Create urgency with expiration dates"}),e.jsx("li",{children:"Make action steps crystal clear"})]})]})]})})]})]})]}),H==="print"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(Ne,{className:"w-4 h-4"}),"Print Specifications"]})}),e.jsxs(y,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(r,{htmlFor:"paperType",children:"Paper Type"}),e.jsxs(v,{value:he,onValueChange:s=>m("platformContent.paperType",s),children:[e.jsx(b,{"data-testid":"select-paper-type",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"glossy_flyer",children:"Glossy Flyer Stock (80lb)"}),e.jsx(t,{value:"matte_flyer",children:"Matte Flyer Stock (80lb)"}),e.jsx(t,{value:"cardstock",children:"Heavy Cardstock (100lb)"}),e.jsx(t,{value:"recycled_paper",children:"Recycled Paper (70lb)"}),e.jsx(t,{value:"premium_paper",children:"Premium Paper (100lb)"})]})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"printQuantity",children:"Print Quantity"}),e.jsxs(v,{value:i,onValueChange:s=>m("platformContent.printQuantity",s),children:[e.jsx(b,{"data-testid":"select-print-quantity",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"100",children:"100 flyers"}),e.jsx(t,{value:"250",children:"250 flyers"}),e.jsx(t,{value:"500",children:"500 flyers"}),e.jsx(t,{value:"1000",children:"1,000 flyers"}),e.jsx(t,{value:"2500",children:"2,500 flyers"}),e.jsx(t,{value:"5000",children:"5,000 flyers"}),e.jsx(t,{value:"10000",children:"10,000 flyers"})]})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"foldingOption",children:"Folding Options"}),e.jsxs(v,{value:_,onValueChange:s=>m("platformContent.foldingOption",s),children:[e.jsx(b,{"data-testid":"select-folding-option",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"no_folding",children:"No Folding - Flat flyer"}),e.jsx(t,{value:"half_fold",children:"Half Fold - Bi-fold"}),e.jsx(t,{value:"tri_fold",children:"Tri-fold - Letter fold"}),e.jsx(t,{value:"z_fold",children:"Z-fold - Accordion style"}),e.jsx(t,{value:"gate_fold",children:"Gate Fold - Double parallel"})]})]})]}),e.jsxs("div",{children:[e.jsx(r,{htmlFor:"distributionMethod",children:"Distribution Method"}),e.jsxs(v,{value:d,onValueChange:s=>m("platformContent.distributionMethod",s),children:[e.jsx(b,{"data-testid":"select-distribution-method",children:e.jsx(N,{})}),e.jsxs(w,{children:[e.jsx(t,{value:"hand_distribution",children:"Hand Distribution"}),e.jsx(t,{value:"door_hangers",children:"Door Hanger Distribution"}),e.jsx(t,{value:"direct_mail",children:"Direct Mail Service"}),e.jsx(t,{value:"trade_shows",children:"Trade Show Distribution"}),e.jsx(t,{value:"retail_locations",children:"Retail Location Placement"}),e.jsx(t,{value:"event_distribution",children:"Event Distribution"})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r,{htmlFor:"doubleSided",children:"Double-sided Printing"}),e.jsx(K,{checked:L,onCheckedChange:s=>m("platformContent.doubleSided",s),"data-testid":"switch-double-sided"})]})]})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(we,{className:"w-4 h-4"}),"Cost Analysis"]})}),e.jsx(y,{children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:["Printing (",i," flyers):"]}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(i)*u.cost*(L?1.5:1)).toFixed(2)]})]}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Design & setup:"}),e.jsx("span",{className:"font-medium",children:"$125.00"})]}),_!=="no_folding"&&e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Folding service:"}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(i)*.05).toFixed(2)]})]}),d==="direct_mail"&&e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Direct mail service:"}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(i)*.45).toFixed(2)]})]}),d==="door_hangers"&&e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Door hanger distribution:"}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(i)*.15).toFixed(2)]})]}),e.jsx(V,{}),e.jsxs("div",{className:"flex justify-between text-base font-semibold",children:[e.jsx("span",{children:"Total Investment:"}),e.jsxs("span",{children:["$",(parseInt(i)*u.cost*(L?1.5:1)+125+(_!=="no_folding"?parseInt(i)*.05:0)+(d==="direct_mail"?parseInt(i)*.45:0)+(d==="door_hangers"?parseInt(i)*.15:0)).toFixed(2)]})]}),e.jsxs("div",{className:"text-xs text-gray-500 text-center",children:["Cost per piece: $",((parseInt(i)*u.cost*(L?1.5:1)+125+(_!=="no_folding"?parseInt(i)*.05:0)+(d==="direct_mail"?parseInt(i)*.45:0)+(d==="door_hangers"?parseInt(i)*.15:0))/parseInt(i)).toFixed(3)]})]})})]}),e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(Ce,{className:"w-4 h-4"}),"Timeline & Distribution"]})}),e.jsx(y,{children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium mb-2",children:"Production Timeline:"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),e.jsx("div",{className:"text-xs",children:e.jsx("div",{className:"font-medium",children:"Design finalization: 1-2 days"})})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-orange-500 rounded-full"}),e.jsx("div",{className:"text-xs",children:e.jsx("div",{className:"font-medium",children:"Printing: 2-3 business days"})})]}),_!=="no_folding"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-purple-500 rounded-full"}),e.jsx("div",{className:"text-xs",children:e.jsx("div",{className:"font-medium",children:"Folding: 1 business day"})})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full"}),e.jsx("div",{className:"text-xs",children:e.jsxs("div",{className:"font-medium",children:[d==="hand_distribution"&&"Ready for pickup",d==="direct_mail"&&"Mailing: 3-5 days",d==="door_hangers"&&"Distribution: 3-7 days",d==="trade_shows"&&"Ready for events",d==="retail_locations"&&"Ready for placement",d==="event_distribution"&&"Ready for events"]})})]})]})]}),e.jsx(V,{}),e.jsx("div",{className:"text-center",children:e.jsxs("div",{className:"font-semibold text-purple-600",children:["Total Timeline: ",_!=="no_folding"?"4-6":"3-5"," business days"]})})]})})]})]})]}),H==="analytics"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(ie,{className:"w-4 h-4"}),"Expected Performance"]})}),e.jsx(y,{className:"space-y-4",children:e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-3 bg-blue-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-blue-600",children:parseInt(i).toLocaleStr

12ing()}),e.jsx("div",{className:"text-xs text-gray-600",children:"Total Distribution"})]}),e.jsxs("div",{className:"text-center p-3 bg-green-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600",children:"3.8%"}),e.jsx("div",{className:"text-xs text-gray-600",children:"Expected Response Rate"})]}),e.jsxs("div",{className:"text-center p-3 bg-orange-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-orange-600",children:Math.round(parseInt(i)*.038).toLocaleString()}),e.jsx("div",{className:"text-xs text-gray-600",children:"Estimated Responses"})]}),e.jsxs("div",{className:"text-center p-3 bg-purple-50 rounded-lg",children:[e.jsxs("div",{className:"text-2xl font-bold text-purple-600",children:["$",((parseInt(i)*u.cost*(L?1.5:1)+125+(_!=="no_folding"?parseInt(i)*.05:0)+(d==="direct_mail"?parseInt(i)*.45:0)+(d==="door_hangers"?parseInt(i)*.15:0))/(parseInt(i)*.038)).toFixed(2)]}),e.jsx("div",{className:"text-xs text-gray-600",children:"Cost Per Response"})]})]})})]}),e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(Se,{className:"w-4 h-4"}),"Design Effectiveness"]})}),e.jsxs(y,{className:"space-y-3",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Visual Impact"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-5/6 h-2 bg-green-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"89%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Content Clarity"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-4/5 h-2 bg-blue-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"82%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Call to Action"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-5/6 h-2 bg-orange-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"87%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Information Density"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-3/4 h-2 bg-purple-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"76%"})]})]})]})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(_e,{className:"w-4 h-4"}),"Industry Benchmarks"]})}),e.jsx(y,{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"flex justify-between text-sm mb-1",children:e.jsx("span",{children:"Response Rates by Template"})}),e.jsxs("div",{className:"space-y-2 text-xs",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Event Promotion:"}),e.jsx("span",{className:"font-medium",children:"4.0% - 6.0%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Sale/Special Offers:"}),e.jsx("span",{className:"font-medium",children:"3.5% - 5.5%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Business Services:"}),e.jsx("span",{className:"font-medium",children:"2.5% - 4.0%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Restaurant Menu:"}),e.jsx("span",{className:"font-medium",children:"5.0% - 7.0%"})]})]})]}),e.jsx(V,{}),e.jsxs("div",{children:[e.jsx("div",{className:"flex justify-between text-sm mb-1",children:e.jsx("span",{children:"Distribution Impact"})}),e.jsxs("div",{className:"space-y-2 text-xs",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Hand Distribution:"}),e.jsx("span",{className:"font-medium",children:"Baseline"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Door Hangers:"}),e.jsx("span",{className:"font-medium",children:"+15% response"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Direct Mail:"}),e.jsx("span",{className:"font-medium",children:"+25% response"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Event Distribution:"}),e.jsx("span",{className:"font-medium",children:"+40% response"})]})]})]})]})})]}),e.jsxs(p,{children:[e.jsx(j,{className:"pb-3",children:e.jsxs(f,{className:"text-base flex items-center gap-2",children:[e.jsx(Te,{className:"w-4 h-4"}),"Distribution Analysis"]})}),e.jsx(y,{children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium mb-2",children:"Distribution Method:"}),e.jsxs("div",{className:"text-xs space-y-1",children:[e.jsxs("p",{children:["• Method: ",d.replace("_"," ").replace(/\b\w/g,s=>s.toUpperCase())]}),e.jsxs("p",{children:["• Expected reach: ",parseInt(i).toLocaleStr

12ing()," recipients"]}),e.jsx("p",{children:"• Geographic coverage: Local/Regional"})]})]}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium mb-2",children:"Template Performance:"}),e.jsxs("div",{className:"text-xs space-y-1",children:[C==="event_promotion"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• High engagement for entertainment events"}),e.jsx("p",{children:"• Best for targeted local distribution"}),e.jsx("p",{children:"• Time-sensitive content drives urgency"})]}),C==="sale_special"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Strong response to clear savings offers"}),e.jsx("p",{children:"• Works well with broad distribution"}),e.jsx("p",{children:"• Limited-time offers boost performance"})]}),C==="business_services"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Professional appearance builds trust"}),e.jsx("p",{children:"• Best for targeted demographic areas"}),e.jsx("p",{children:"• Credentials and testimonials increase response"})]})]})]})]})})]})]})]})]})]})})}export{Je as FlyersMockup};