https://bee.radio/assets/MailPage-DwN3yZpT.js

1import{r as l,j as e}from"./vendor-react-DfNKQ8f8.js";import{s as P}from"./index-D8Lws9_6.js";import{g as $,cf as z,cg as w,a1 as A,a2 as S,h as y,O as L,Q as O,v as B,aB as H,q as F}from"./vendor-lucide-JpPJh0Qs.js";import"./vendor-supabase-BnxgsA-X.js";const K={smtp:"SMTP",templates:"Sjablonen",hook:"Koppeling"};function _(i){const{title:s,body:n,buttonText:d,footnote:m,fromName:N="beeRadio"}=i,o=n.replace(/\n/g,"<br>");return`<!DOCTYPE html>
2<html lang="nl">
3<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"></head>
4<body style="margin:0;padding:0;background:#faf7ef;font-family:'Helvetica Neue',Arial,sans-serif">
5<table width="100%" cellpadding="0" cellspacing="0" style="background:#faf7ef;padding:40px 20px">
6  <tr><td align="center">
7    <table width="560" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb">
8      <tr><td style="background:#f59e0b;padding:32px 40px;text-align:center">
9        <span style="font-size:28px;font-weight:900;color:#1c1917;letter-spacing:-0.5px">${N}</span>
10      </td></tr>
11      <tr><td style="padding:40px">
12        <h1 style="margin:0 0 16px;font-size:22px;font-weight:700;color:#111827">${s}</h1>
13        <p style="margin:0 0 24px;color:#4b5563;line-height:1.6">${o}</p>
14        <table cellpadding="0" cellspacing="0"><tr><td style="border-radius:50px;background:#f59e0b">
15          <a href="{{confirm_link}}" style="display:inline-block;padding:14px 32px;font-size:14px;font-weight:700;color:#1c1917;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase">${d}</a>
16        </td></tr></table>
17        ${m?`<p style="margin:24px 0 0;color:#9ca3af;font-size:12px">${m}</p>`:""}
18      </td></tr>
19      <tr><td style="background:#f9fafb;padding:24px 40px;text-align:center;color:#9ca3af;font-size:12px">
20        &copy; ${N} &bull; <a href="{{site_url}}" style="color:#9ca3af">bee.radio</a>
21      </td></tr>
22    </table>
23  </td></tr>
24</table>
25</body></html>`}function U(i){return i.replace(/\{\{email\}\}/g,"[email protected]").replace(/\{\{confirm_link\}\}/g,"#").replace(/\{\{site_url\}\}/g,"https://bee.radio").replace(/\{\{site_name\}\}/g,"beeRadio")}function ae(){const[i,s]=l.useState("smtp");return e.jsxDEV("div",{className:"p-6 sm:p-8",children:[e.jsxDEV("div",{className:"mb-6 flex items-center gap-3",children:[e.jsxDEV("div",{className:"flex h-10 w-10 items-center justify-center rounded-2xl bg-honey-500/15",children:e.jsxDEV($,{size:20,className:"text-honey-500"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:90,columnNumber:11},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:89,columnNumber:9},this),e.jsxDEV("div",{children:[e.jsxDEV("h1",{className:"text-xl font-bold text-zinc-100",children:"E-mail"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:93,columnNumber:11},this),e.jsxDEV("p",{className:"text-sm text-zinc-400",children:"SMTP configuratie en e-mailsjablonen"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:94,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:92,columnNumber:9},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:88,columnNumber:7},this),e.jsxDEV("div",{className:"mb-6 flex gap-1 rounded-2xl border border-zinc-200/80 bg-white dark:border-white/10 dark:bg-white/5 p-1 w-fit",children:["smtp","templates","hook"].map(n=>e.jsxDEV("button",{type:"button",onClick:()=>s(n),className:`rounded-xl px-4 py-2 text-sm font-semibold transition ${i===n?"bg-honey-500 text-zinc-950":"text-zinc-400 hover:text-zinc-200"}`,children:K[n]},n,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:100,columnNumber:11},this))},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:98,columnNumber:7},this),i==="smtp"&&e.jsxDEV(G,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:113,columnNumber:26},this),i==="templates"&&e.jsxDEV(q,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:114,columnNumber:31},this),i==="hook"&&e.jsxDEV(I,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:115,columnNumber:26},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:87,columnNumber:5},this)}function G(){const[i,s]=l.useState({enabled:!1,host:"",port:587,secure:!1,username:"",password:"",from_email:"",from_name:"beeRadio",auth_base_url:""}),[n,d]=l.useState(!0),[m,N]=l.useState(!1),[o,u]=l.useState(!1),[V,D]=l.useState(!1),[g,v]=l.useState(""),[f,j]=l.useState(!1),[p,E]=l.useState(null);l.useEffect(()=>{P.from("smtp_settings").select("*").eq("id",1).single().then(({data:r})=>{r&&s(r),d(!1)})},[]);async function M(){N(!0),u(!1),await P.from("smtp_settings").update({...i,updated_at:new Date().toISOString()}).eq("id",1),N(!1),u(!0),setTimeout(()=>u(!1),3e3)}async function k(){if(!g)return;j(!0),E(null);const{data:{session:r}}=await P.auth.getSession();try{const t=await(await fetch("https://db.bee.radio/functions/v1/send-auth-email",{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${r?.access_token??""}`,"X-Admin-Test":"1"},body:JSON.stringify({to:g})})).json();E(t.ok?{ok:!0,msg:`Testmail verstuurd naar ${g}`}:{ok:!1,msg:t.error??"Onbekende fout"})}catch(a){E({ok:!1,msg:a instanceof Error?a.message:"Netwerkfout"})}j(!1)}return n?e.jsxDEV(R,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:177,columnNumber:23},this):e.jsxDEV("div",{className:"max-w-2xl space-y-6",children:[e.jsxDEV(x,{children:e.jsxDEV("div",{className:"flex items-center justify-between",children:[e.jsxDEV("div",{children:[e.jsxDEV("p",{className:"font-semibold text-zinc-100",children:"Aangepaste SMTP inschakelen"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:184,columnNumber:13},this),e.jsxDEV("p",{className:"mt-0.5 text-sm text-zinc-400",children:"Wanneer ingeschakeld worden alle auth-e-mails via onderstaande server verstuurd."},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:185,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:183,columnNumber:11},this),e.jsxDEV("button",{type:"button",onClick:()=>s(r=>({...r,enabled:!r.enabled})),className:"shrink-0 text-honey-400 transition hover:text-honey-300",children:i.enabled?e.jsxDEV(z,{size:36},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:188,columnNumber:33},this):e.jsxDEV(w,{size:36,className:"text-zinc-600"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:188,columnNumber:61},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:187,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:182,columnNumber:9},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:181,columnNumber:7},this),e.jsxDEV(x,{title:"Serverinstellingen",children:[e.jsxDEV("div",{className:"grid gap-4 sm:grid-cols-[1fr_120px]",children:[e.jsxDEV(h,{label:"SMTP Host",children:e.jsxDEV("input",{type:"text",value:i.host,onChange:r=>s(a=>({...a,host:r.target.value})),placeholder:"smtp.mailprovider.com",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:196,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:195,columnNumber:11},this),e.jsxDEV(h,{label:"Poort",children:e.jsxDEV("input",{type:"number",value:i.port,onChange:r=>s(a=>({...a,port:Number(r.target.value)})),className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:199,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:198,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:194,columnNumber:9},this),e.jsxDEV("div",{className:"mt-4 flex items-center gap-3",children:[e.jsxDEV("button",{type:"button",onClick:()=>s(r=>({...r,secure:!r.secure})),className:"text-honey-400 transition hover:text-honey-300",children:i.secure?e.jsxDEV(z,{size:28},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:204,columnNumber:32},this):e.jsxDEV(w,{size:28,className:"text-zinc-600"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:204,columnNumber:60},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:203,columnNumber:11},this),e.jsxDEV("div",{children:[e.jsxDEV("p",{className:"text-sm font-medium text-zinc-700 dark:text-zinc-200",children:"TLS/SSL (poort 465)"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:207,columnNumber:13},this),e.jsxDEV("p",{className:"text-xs text-zinc-500",children:"Gebruik STARTTLS voor poort 587"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:208,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:206,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:202,columnNumber:9},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:193,columnNumber:7},this),e.jsxDEV(x,{title:"Authenticatie",children:e.jsxDEV("div",{className:"space-y-4",children:[e.jsxDEV(h,{label:"Gebruikersnaam",children:e.jsxDEV("input",{type:"text",value:i.username,onChange:r=>s(a=>({...a,username:r.target.value})),placeholder:"[email protected]",autoComplete:"off",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:216,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:215,columnNumber:11},this),e.jsxDEV(h,{label:"Wachtwoord",children:e.jsxDEV("div",{className:"relative",children:[e.jsxDEV("input",{type:V?"text":"password",value:i.password,onChange:r=>s(a=>({...a,password:r.target.value})),placeholder:"SMTP wachtwoord of app-wachtwoord",autoComplete:"new-password",className:`${b} pr-10`},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:220,columnNumber:15},this),e.jsxDEV("button",{type:"button",onClick:()=>D(r=>!r),className:"absolute right-3 top-1/2 -translate-y-1/2 text-zinc-500 dark:text-zinc-600 hover:text-zinc-700 dark:hover:text-zinc-300",children:V?e.jsxDEV(A,{size:16},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:222,columnNumber:33},this):e.jsxDEV(S,{size:16},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:222,columnNumber:56},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:221,columnNumber:15},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:219,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:218,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:214,columnNumber:9},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:213,columnNumber:7},this),e.jsxDEV(x,{title:"Afzender",children:e.jsxDEV("div",{className:"space-y-4",children:[e.jsxDEV(h,{label:"Van naam",children:e.jsxDEV("input",{type:"text",value:i.from_name,onChange:r=>s(a=>({...a,from_name:r.target.value})),placeholder:"beeRadio",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:232,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:231,columnNumber:11},this),e.jsxDEV(h,{label:"Van e-mailadres",children:e.jsxDEV("input",{type:"email",value:i.from_email,onChange:r=>s(a=>({...a,from_email:r.target.value})),placeholder:"[email protected]",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:235,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:234,columnNumber:11},this),e.jsxDEV(h,{label:"Publieke Supabase URL",hint:"Basis-URL voor verificatielinks in e-mails (bv. https://db.bee.radio). Vul dit in als je Supabase zelf host om te voorkomen dat links naar het interne netwerk wijzen.",children:e.jsxDEV("input",{type:"url",value:i.auth_base_url,onChange:r=>s(a=>({...a,auth_base_url:r.target.value})),placeholder:"https://db.bee.radio",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:238,columnNumber:13},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:237,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:230,columnNumber:9},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:229,columnNumber:7},this),e.jsxDEV("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxDEV(T,{saving:m,onClick:M},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:244,columnNumber:9},this),o&&e.jsxDEV(C,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:245,columnNumber:19},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:243,columnNumber:7},this),e.jsxDEV(x,{title:"Verbinding testen",children:[e.jsxDEV("p",{className:"mb-4 text-sm text-zinc-600 dark:text-zinc-400",children:"Sla eerst de instellingen op en stuur dan een testbericht om de verbinding te verifiëren."},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:249,columnNumber:9},this),e.jsxDEV("div",{className:"flex gap-2",children:[e.jsxDEV("input",{type:"email",value:g,onChange:r=>v(r.target.value),placeholder:"[email protected]",className:`${b} flex-1`},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:251,columnNumber:11},this),e.jsxDEV("button",{type:"button",onClick:k,disabled:f||!g,className:"inline-flex items-center gap-2 rounded-full border border-zinc-200/80 dark:border-white/15 px-4 py-2.5 text-sm font-semibold text-zinc-700 dark:text-zinc-200 transition hover:bg-zinc-100 dark:hover:bg-white/10 disabled:opacity-50",children:[f?e.jsxDEV(y,{size:14,className:"animate-spin"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:253,columnNumber:24},this):e.jsxDEV(L,{size:14},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:253,columnNumber:73},this),"Verstuur test"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:252,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:250,columnNumber:9},this),p&&e.jsxDEV("p",{className:`mt-3 rounded-xl px-4 py-2.5 text-sm ${p.ok?"bg-green-500/10 text-green-300":"bg-red-500/10 text-red-300"}`,children:p.msg},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:258,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:248,columnNumber:7},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:180,columnNumber:5},this)}const W=[{token:"{{email}}",desc:"E-mailadres van de ontvanger"},{token:"{{confirm_link}}",desc:"Bevestigings- of resetlink"},{token:"{{site_url}}",desc:"URL van de website"},{token:"{{site_name}}",desc:

25"Naam van de afzender"}];function q(){const[i,s]=l.useState([]),[n,d]=l.useState(!0),[m,N]=l.useState(null),[o,u]=l.useState({subject:"",title_text:"",body_text:"",button_text:"",footnote_text:""}),[V,D]=l.useState(!1),[g,v]=l.useState(!1),[f,j]=l.useState(!1),p=l.useRef(null);l.useEffect(()=>{P.from("email_templates").select("*").order("label").then(({data:a})=>{a&&s(a),d(!1)})},[]);function E(a){N(a.id),u({subject:a.subject,title_text:a.title_text,body_text:a.body_text,button_text:a.button_text,footnote_text:a.footnote_text}),v(!1),j(!1)}const M=m?U(_({title:o.title_text,body:o.body_text,buttonText:o.button_text,footnote:o.footnote_text})):"";l.useEffect(()=>{if(!f||!p.current)return;const a=p.current.contentDocument;a&&(a.open(),a.write(M),a.close())},[f,M]);async function k(){if(!m)return;D(!0);const a=_({title:o.title_text,body:o.body_text,buttonText:o.button_text,footnote:o.footnote_text});await P.from("email_templates").update({...o,html_body:a,updated_at:new Date().toISOString()}).eq("id",m),s(t=>t.map(c=>c.id===m?{...c,...o,html_body:a}:c)),D(!1),v(!0),setTimeout(()=>v(!1),3e3)}function r(a){u(t=>({...t,body_text:t.body_text+a}))}if(n)return e.jsxDEV(R,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:331,columnNumber:23},this);if(m){const a=i.find(t=>t.id===m);return e.jsxDEV("div",{className:"grid gap-6 lg:grid-cols-[1fr_420px]",children:[e.jsxDEV("div",{children:[e.jsxDEV("button",{type:"button",onClick:()=>N(null),className:"mb-5 flex items-center gap-1.5 text-sm text-zinc-600 dark:text-zinc-400 transition hover:text-zinc-900 dark:hover:text-zinc-200",children:[e.jsxDEV(O,{size:14},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:340,columnNumber:13},this)," Alle sjablonen"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:339,columnNumber:11},this),e.jsxDEV("h2",{className:"mb-5 text-base font-bold text-zinc-100",children:a?.label},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:343,columnNumber:11},this),e.jsxDEV("div",{className:"space-y-4",children:[e.jsxDEV(h,{label:"E-mailonderwerp",children:e.jsxDEV("input",{type:"text",value:o.subject,onChange:t=>u(c=>({...c,subject:t.target.value})),className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:347,columnNumber:15},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:346,columnNumber:13},this),e.jsxDEV(h,{label:"Titel in de e-mail",children:e.jsxDEV("input",{type:"text",value:o.title_text,onChange:t=>u(c=>({...c,title_text:t.target.value})),placeholder:"bv. Wachtwoord resetten",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:351,columnNumber:15},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:350,columnNumber:13},this),e.jsxDEV("div",{children:[e.jsxDEV("label",{className:"mb-1.5 block text-xs font-bold uppercase tracking-[0.22em] text-zinc-600 dark:text-zinc-400",children:"Hoofdtekst"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:355,columnNumber:15},this),e.jsxDEV("textarea",{value:o.body_text,onChange:t=>u(c=>({...c,body_text:t.target.value})),rows:4,placeholder:"De tekst die de ontvanger ziet…",className:`${b} resize-y leading-relaxed`},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:356,columnNumber:15},this),e.jsxDEV("div",{className:"mt-2 flex flex-wrap gap-1.5",children:W.map(({token:t,desc:c})=>e.jsxDEV("button",{type:"button",title:c,onClick:()=>r(t),className:"rounded-lg border border-zinc-200/80 dark:border-white/10 bg-zinc-50 dark:bg-zinc-800/60 px-2 py-1 font-mono text-[11px] text-honey-400 transition hover:border-honey-500/40 dark:hover:border-honey-500/40 hover:bg-honey-500/10",children:t},t,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:365,columnNumber:19},this))},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:363,columnNumber:15},this),e.jsxDEV("p",{className:"mt-1.5 text-[11px] text-zinc-600 dark:text-zinc-600",children:"Klik op een variabele om die in te voegen"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:376,columnNumber:15},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:354,columnNumber:13},this),e.jsxDEV(h,{label:"Knoptekst",children:e.jsxDEV("input",{type:"text",value:o.button_text,onChange:t=>u(c=>({...c,button_text:t.target.value})),placeholder:"bv. Wachtwoord resetten",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:380,columnNumber:15},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:379,columnNumber:13},this),e.jsxDEV(h,{label:"Voetnoot (optioneel)",children:e.jsxDEV("input",{type:"text",value:o.footnote_text,onChange:t=>u(c=>({...c,footnote_text:t.target.value})),placeholder:"bv. Deze link is 1 uur geldig.",className:b},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:384,columnNumber:15},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:383,columnNumber:13},this),e.jsxDEV("div",{className:"flex items-center gap-3 pt-1",children:[e.jsxDEV(T,{saving:V,onClick:k},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:388,columnNumber:15},this),g&&e.jsxDEV(C,{},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:389,columnNumber:25},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:387,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:345,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:338,columnNumber:9},this),e.jsxDEV("div",{className:"lg:sticky lg:top-6 lg:self-start",children:[e.jsxDEV("div",{className:"mb-2 flex items-center justify-between",children:[e.jsxDEV("span",{className:"text-xs font-bold uppercase tracking-[0.22em] text-zinc-600 dark:text-zinc-400",children:"Voorbeeld"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:397,columnNumber:13},this),e.jsxDEV("button",{type:"button",onClick:()=>j(t=>

25!t),className:"flex items-center gap-1.5 text-xs text-zinc-600 dark:text-zinc-400 transition hover:text-zinc-900 dark:hover:text-zinc-200",children:[e.jsxDEV(S,{size:12},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:399,columnNumber:15},this),f?"Verbergen":"Tonen"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:398,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:396,columnNumber:11},this),f?e.jsxDEV("div",{className:"overflow-hidden rounded-2xl border border-zinc-200/80 bg-white shadow-xl",children:e.jsxDEV("iframe",{ref:p,title:"E-mail voorbeeld",className:"h-[560px] w-full",sandbox:"allow-same-origin"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:405,columnNumber:15},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:404,columnNumber:13},this):e.jsxDEV("div",{className:"overflow-hidden rounded-2xl border border-zinc-200/80 bg-white shadow-xl",children:[e.jsxDEV("div",{className:"bg-amber-400 px-8 py-6 text-center",children:e.jsxDEV("span",{className:"text-xl font-black text-zinc-900",children:"beeRadio"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:412,columnNumber:17},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:411,columnNumber:15},this),e.jsxDEV("div",{className:"px-8 py-7",children:[e.jsxDEV("p",{className:"mb-3 text-lg font-bold text-zinc-900",children:o.title_text||e.jsxDEV("span",{className:"text-zinc-400 italic",children:"Titel…"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:416,columnNumber:90},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:416,columnNumber:17},this),e.jsxDEV("p",{className:"mb-5 text-sm leading-relaxed text-zinc-600 whitespace-pre-wrap",children:o.body_text?o.body_text.replace(/\{\{email\}\}/g,"[email protected]").replace(/\{\{[^}]+\}\}/g,t=>t):e.jsxDEV("span",{className:"italic text-zinc-400",children:"Hoofdtekst…"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:420,columnNumber:23},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:417,columnNumber:17},this),e.jsxDEV("div",{className:"inline-block rounded-full bg-amber-400 px-6 py-3 text-xs font-bold uppercase tracking-wide text-zinc-900",children:o.button_text||"Knoptekst…"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:422,columnNumber:17},this),o.footnote_text&&e.jsxDEV("p",{className:"mt-4 text-xs text-zinc-400",children:o.footnote_text},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:426,columnNumber:19},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:415,columnNumber:15},this),e.jsxDEV("div",{className:"border-t border-zinc-100 bg-zinc-50 px-8 py-4 text-center text-xs text-zinc-400",children:"© beeRadio • bee.radio"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:430,columnNumber:15},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:409,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:395,columnNumber:9},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:336,columnNumber:7},this)}return e.jsxDEV("div",{className:"max-w-2xl space-y-2",children:i.map(a=>e.jsxDEV("button",{type:"button",onClick:()=>E(a),className:"flex w-full items-center justify-between rounded-2xl border border-zinc-200/80 bg-zinc-50 dark:border-white/10 dark:bg-white/5 px-5 py-4 text-left transition hover:border-honey-500/40 dark:hover:border-honey-500/40 hover:bg-white dark:hover:bg-honey-500/5",children:[e.jsxDEV("div",{children:[e.jsxDEV("p",{className:"font-semibold text-zinc-900 dark:text-zinc-100",children:a.label},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:450,

25columnNumber:13},this),e.jsxDEV("p",{className:"mt-0.5 text-sm text-zinc-600 dark:text-zinc-500",children:a.subject},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:451,columnNumber:13},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:449,columnNumber:11},this),e.jsxDEV(B,{size:16,className:"shrink-0 text-zinc-500"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:453,columnNumber:11},this)]},a.id,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:443,columnNumber:9},this))},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:441,columnNumber:5},this)}function I(){const s="https://db.bee.radio/functions/v1/send-auth-email";function n(d,m){navigator.clipboard.writeText(d),m(!0),setTimeout(()=>m(!1),2e3)}return e.jsxDEV("div",{className:"max-w-2xl space-y-6",children:[e.jsxDEV(x,{title:"Supabase Auth Hook",children:[e.jsxDEV("p",{className:"mb-4 text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed",children:["Om auth-e-mails via jouw SMTP te versturen, moet je de"," ",e.jsxDEV("code",{className:"rounded-md bg-zinc-100 dark:bg-zinc-800 px-1.5 py-0.5 text-xs text-honey-400 dark:text-honey-300",children:"send_email"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:477,columnNumber:11},this)," hook activeren in je Supabase configuratie. De edge function is al gedeployed."]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:475,columnNumber:9},this),e.jsxDEV("div",{children:[e.jsxDEV("p",{className:"mb-1.5 text-xs font-bold uppercase tracking-[0.22em] text-zinc-600 dark:text-zinc-400",children:"Hook URL"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:481,columnNumber:11},this),e.jsxDEV(J,{text:s,onCopy:n},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:482,columnNumber:11},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:480,columnNumber:9},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:474,columnNumber:7},this),e.jsxDEV(x,{title:"Optie 1: Self-hosted via config.toml",children:[e.jsxDEV("p",{className:"mb-3 text-sm text-zinc-600 dark:text-zinc-400",children:["Voeg toe aan ",e.jsxDEV("code",{className:"rounded-md bg-zinc-100 dark:bg-zinc-800 px-1.5 py-0.5 text-xs text-honey-400 dark:text-honey-300",children:"supabase/config.toml"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:487,columnNumber:83},this),":"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:487,columnNumber:9},this),e.jsxDEV(Q,{code:`[auth.hook.send_email]
26enabled = true
27uri = "${s}"`,onCopy:n},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:488,columnNumber:9},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:486,columnNumber:7},this),e.jsxDEV(x,{title:"Optie 2: Supabase Dashboard (hosted)",children:e.jsxDEV("ol",{className:"space-y-2 text-sm text-zinc-600 dark:text-zinc-400",children:[e.jsxDEV(e.Fragment,{children:["Ga naar ",e.jsxDEV("strong",{className:"text-zinc-900 dark:text-zinc-200",children:"Authentication"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:494,columnNumber:23},this)," › ",e.jsxDEV("strong",{className:"text-zinc-900 dark:text-zinc-200",children:"Hooks"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:494,columnNumber:102},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:494,columnNumber:13},this),e.jsxDEV(e.Fragment,{children:["Klik op ",e.jsxDEV("strong",{className:"text-zinc-900 dark:text-zinc-200",children:"Add hook"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:495,columnNumber:23},this)," bij ",e.jsxDEV("em",{children:"Send Email"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:495,columnNumber:98},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:495,columnNumber:13},this),e.jsxDEV(e.Fragment,{children:["Kies ",e.jsxDEV("strong",{className:"text-zinc-900 dark:text-zinc-200",children:"Edge Function"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:496,columnNumber:20},this)," als type"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:496,columnNumber:13},this),e.jsxDEV(e.Fragment,{children:["Selecteer ",e.jsxDEV("code",{className:"rounded-md bg-zinc-100 dark:bg-zinc-800 px-1.5 py-0.5 text-xs text-honey-400 dark:text-honey-300",children:"send-auth-email"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:497,columnNumber:25},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:497,columnNumber:13},this),e.jsxDEV(e.Fragment,{children:"Sla op en activeer"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:498,columnNumber:13},this)].map((d,m)=>e.jsxDEV("li",{className:"flex gap-2",children:[e.jsxDEV("span",{className:"shrink-0 font-bold text-zinc-700 dark:text-zinc-300",children:[m+1,"."]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:501,columnNumber:15},this),d]},m,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:500,

27columnNumber:13},this))},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:492,columnNumber:9},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:491,columnNumber:7},this),e.jsxDEV(x,{title:"Werking",children:e.jsxDEV("ul",{className:"space-y-2 text-sm text-zinc-600 dark:text-zinc-400",children:["Supabase roept de hook aan bij elke auth-e-mail (wachtwoord reset, registratie, etc.)","De function leest de SMTP instellingen en het bijpassende sjabloon uit de database","Als SMTP uitgeschakeld is, geeft de function {} terug zodat Supabase de ingebouwde verzending overneemt","Gebruik de testknop op het SMTP-tabblad om de verbinding te verifiëren"].map((d,m)=>e.jsxDEV("li",{className:"flex gap-2",children:[e.jsxDEV("span",{className:"text-honey-400",children:"•"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:515,columnNumber:48},this),d]},m,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:515,columnNumber:13},this))},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:508,columnNumber:9},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:507,columnNumber:7},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:473,columnNumber:5},this)}function x({title:i,children:s}){return e.jsxDEV("div",{className:"rounded-2xl border border-zinc-200/80 bg-white dark:border-white/10 dark:bg-white/5 p-5",children:[i&&e.jsxDEV("h3",{className:"mb-4 text-sm font-bold uppercase tracking-[0.18em] text-zinc-400",children:i},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:528,columnNumber:17},this),s]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:527,columnNumber:5},this)}function h({label:i,hint:s,children:n}){return e.jsxDEV("label",{className:"block",children:[e.jsxDEV("span",{className:"mb-1.5 block text-xs font-bold uppercase tracking-[0.22em] text-zinc-400",children:i},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:537,columnNumber:7},this),n,s&&e.jsxDEV("p",{className:"mt-1.5 text-xs text-zinc-600",children:s},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:539,columnNumber:16},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:536,columnNumber:5},this)}function T({saving:i,onClick:s}){return e.jsxDEV("button",{type:"button",onClick:s,disabled:i,className:"inline-flex items-center gap-2 rounded-full bg-honey-500 px-5 py-2.5 text-sm font-bold uppercase tracking-[0.14em] text-zinc-950 transition hover:bg-honey-400 disabled:opacity-60",children:[i?e.jsxDEV(y,{size:14,className:"animate-spin"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:547,columnNumber:17},this):e.jsxDEV(H,{size:14},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:547,columnNumber:66},this),"Opslaan"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:546,columnNumber:5},this)}function C(){return e.jsxDEV("span",{className:"flex items-center gap-1.5 text-sm text-green-400",children:[e.jsxDEV(F,{size:14},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:556,columnNumber:7},this)," Opgeslagen"]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:555,columnNumber:5},this)}function R(){return e.jsxDEV("div",{className:"flex h-48 items-center justify-center",children:e.jsxDEV(y,{size:20,className:"animate-spin text-honey-500"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:564,columnNumber:7},this)},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:563,columnNumber:5},this)}function J({text:i,onCopy:s}){const[n,d]=l.useState(!1);return e.jsxDEV("div",{className:"flex items-center gap-2 rounded-xl border border-zinc-200/80 bg-white dark:border-white/10 dark:bg-zinc-900 px-4 py-3",children:[e.jsxDEV("code",{className:"flex-1 break-all text-xs text-honey-400 dark:text-honey-300",children:i},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:573,columnNumber:7},this),e.jsxDEV("button",{type:"button",onClick:()=>s(i,d),className:"shrink-0 rounded-lg border border-zinc-200/80 dark:border-white/10 px-3 py-1.5 text-xs text-zinc-700 dark:text-zinc-300 transition hover:bg-zinc-100 dark:hover:bg-white/10",children:n?"Gekopieerd!":"Kopieer"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:574,columnNumber:7},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:572,columnNumber:5},this)}function Q({code:i,onCopy:s}){const[n,d]=l.useState(!1);return e.jsxDEV("div",{className:"relative rounded-xl border border-zinc-200/80 bg-white dark:border-white/10 dark:bg-zinc-900 p-4",children:[e.jsxDEV("pre",{className:"overflow-x-auto text-xs text-honey-400 dark:text-honey-300 leading-relaxed",children:i},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:585,columnNumber:7},this),e.jsxDEV("button",{type:"button",onClick:()=>s(i,d),className:"absolute right-3 top-3 rounded-lg border border-zinc-200/80 dark:border-white/10 px-2.5 py-1 text-xs text-zinc-700 dark:text-zinc-300 transition hover:bg-zinc-100 dark:hover:bg-white/10",children:n?"Gekopieerd!":"Kopieer"},void 0,!1,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:586,columnNumber:7},this)]},void 0,!0,{fileName:"/home/beeradio/beeradio-src/src/admin/pages/MailPage.tsx",lineNumber:584,columnNumber:5},this)}const b="w-full rounded-xl border border-zinc-200/80 bg-white dark:border-white/10 dark:bg-white/5 px-4 py-2.5 text-sm text-zinc-900 dark:text-zinc-100 outline-none transition placeholder:text-zinc-600 focus:border-honey-500/60";export{ae as MailPage};