https://www.ecomdroptv.com/assets/TemplatesPage-CEs3xwMS.js

1import{j as e}from"./index-D_T1XJ3U.js";import{r as o}from"./vendor-react-Bxgxa9T6.js";function p(){const[t,a]=o.useState([]),[i,n]=o.useState(!0),[s,l]=o.useState(null);return o.useEffect(()=>{fetch("/api/templates").then(r=>r.json()).then(r=>{r!=null&&r.error?l(r.error):a(r.sections||[]),n(!1)}).catch(r=>{l(String((r==null?void 0:r.message)||r)),n(!1)})},[]),e.jsxs("div",{style:{padding:"20px 24px",maxWidth:1100,margin:"0 auto"},children:[e.jsxs("div",{style:{marginBottom:24,textAlign:"center"},children:[e.jsxs("h1",{style:{fontSize:22,fontWeight:800,margin:0,color:"var(--text-primary)",display:"flex",alignItems:"center",justifyContent:"center",gap:10},children:[e.jsx("span",{style:{fontSize:26},children:"📋"})," Plantillas"]}),e.jsx("div",{style:{fontSize:13,color:"var(--text-muted)",marginTop:4,lineHeight:1.5,maxWidth:620,margin:"4px auto 0"},children:"Las mismas estructuras de campañas, hooks de copy y hojas de Excel que uso para dropshipping en LATAM. Copialas y adaptalas a tu producto."})]}),i&&e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(min(100%, 280px), 1fr))",gap:12},children:[1,2,3,4,5,6].map(r=>e.jsx("div",{style:{background:"var(--bg-tertiary)",borderRadius:12,height:140,opacity:.5}},r))}),s&&e.jsxs("div",{style:{padding:14,background:"rgba(239,68,68,0.08)",border:"1px solid rgba(239,68,68,0.25)",borderRadius:10,fontSize:13,color:"#B91C1C",textAlign:"center"},children:["No pude cargar las plantillas: ",s]}),!i&&!s&&t.length===0&&e.jsxs("div",{style:{padding:30,background:"var(--bg-card)",border:"1px solid var(--border)",borderRadius:12,textAlign:"center"},children:[e.jsx("div",{style:{fontSize:30,marginBottom:10},children:"🚧"}),e.jsx("div",{style:{fontSize:14,fontWeight:700,color:"var(--text-primary)"},children:"Estamos preparando el contenido"}),e.jsx("div",{style:{fontSize:12,color:"var(--text-muted)",marginTop:4},children:"Pronto vas a tener plantillas listas para copiar."})]}),!i&&t.map(r=>e.jsxs("div",{style:{marginBottom:28},children:[e.jsxs("div",{style:{marginBottom:10,textAlign:"center"},children:[e.jsx("div",{style:{fontSize:15,fontWeight:800,color:"var(--text-primary)"},children:r.title}),r.subtitle&&e.jsx("div",{style:{fontSize:12,color:"var(--text-muted)",marginTop:2},children:r.subtitle})]}),r.templates.length===0&&e.jsx("div",{style:{fontSize:12,color:"var(--text-muted)",textAlign:"center",padding:12},children:"Próximamente plantillas en esta sección."}),r.templates.length>0&&e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(min(100%, 280px), 1fr))",gap:12},children:r.templates.map(d=>e.jsx(c,{template:d},d.id))})]},r.id))]})}function c({template:t}){const a=!!t.url&&t.badge!=="SOON",i=e.jsxs("div",{style:{background:"var(--bg-card)",border:"1px solid var(--border)",borderRadius:12,padding:16,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",cursor:a?"pointer":"default",opacity:t.badge==="SOON"?.7:1,transition:"border 0.15s, transform 0.15s"},onMouseEnter:n=>{a&&(n.currentTarget.style.borderColor="#6366F1")},onMouseLeave:n=>{n.currentTarget.style.borderColor="var(--border)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,marginBottom:8},children:[e.jsx("div",{style:{fontSize:28},children:t.icon||"📋"}),t.badge&&e.jsx("span",{style:{fontSize:9,fontWeight:800,color:t.badge==="SOON"?"#94A3B8":t.badge==="PRO"?"#A855F7":"#10B981",background:t.badge==="SOON"?"rgba(148,163,184,0.15)":t.badge==="PRO"?"rgba(168,85,247,0.15)":"rgba(16,185,129,0.15)",padding:"3px 8px",borderRadius:4,letterSpacing:"0.06em"},children:t.badge==="SOON"?"PRÓXIMAMENTE":t.badge})]}),e.jsx("div",{style:{fontWeight:700,fontSize:13.5,color:"var(--text-primary)",marginBottom:4},children:t.title}),t.description&&e.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",lineHeight:1.55,flex:1},children:t.description})]});return a&&t.url?e.jsx("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"none",color:"inherit"},children:i}):i}export{p as TemplatesPage};