1import"../chunks/DsnmJJEf.js";import{p as Q,e as b,i as c,h as l,t as u,g as t,a as p,b as R,s as e,d as f,r as s,aH as Z}from"../chunks/BHsuc0-1.js";import{s as w}from"../chunks/Dga1o0pd.js";import{i as j}from"../chunks/BHCoVhZ5.js";import{r as aa,a as ta}from"../chunks/ONhhb1ny.js";import{d as ea}from"../chunks/CUIAGpw3.js";import{b as q}from"../chunks/B9Wo39Hx.js";import{g as oa}from"../chunks/BrIXhd55.js";var ra=b('<a class="text-sm font-bold underline hover:opacity-80" target="_blank" rel="noreferrer" style="color: var(--charcoal)">View attachment</a>'),la=b('<div class="mb-6 rounded-xl border p-4" style="background: var(--moss-tint); border-color: var(--moss)"><div class="flex flex-col gap-1 font-[family:var(--font-mono)]"><div class="font-bold" style="color: var(--charcoal)">Ticket submitted successfully.</div> <div class="text-sm" style="color: var(--charcoal-70)"> </div> <!></div></div>'),sa=b('<div class="mb-6 rounded-xl border p-4" style="background: var(--coral-tint); border-color: var(--coral)"><span class="text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal)"> </span></div>'),ca=b('<div class="mt-1 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55)"> </div>'),ia=b(`<div class="mx-auto max-w-2xl"><div class="mb-8"><h1 class="text-3xl font-[family:var(--font-display)] font-bold" style="color: var(--charcoal)">Support</h1> <p class="mt-1 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55)">Submit a ticket and we'll get back to you by email.</p></div> <!> <!> <div class="rounded-xl border" style="background: white; border-color: var(--charcoal-08); box-shadow: var(--shadow-sm)"><div class="border-b px-6 py-4" style="border-color: var(--charcoal-08); background: var(--charcoal-06)"><span class="font-[family:var(--font-display)] font-bold" style="color: var(--charcoal)">New support ticket</span></div> <div class="space-y-5 p-6"><div class="flex flex-col gap-1"><label class="text-xs font-[family:var(--font-mono)] font-bold tracking-widest uppercase" style="color: var(--charcoal-70)" for="support-subject">Subject</label> <input id="support-subject" class="rounded-md border px-4 py-2 text-sm font-[family:var(--font-mono)] outline-none disabled:opacity-50" style="border-color: var(--charcoal-18); color: var(--charcoal); background: white" placeholder="What do you need help with?"/></div> <div class="flex flex-col gap-1"><label class="text-xs font-[family:var(--font-mono)] font-bold tracking-widest uppercase" style="color: var(--charcoal-70)" for="support-message">Message</label> <textarea id="support-message" class="min-h-40 rounded-md border px-4 py-2 text-sm font-[family:var(--font-mono)] outline-none disabled:opacity-50" style="border-color: var(--charcoal-18); color: var(--charcoal); background: white" placeholder="Describe the issue and include any relevant context."></textarea></div> <div class="flex flex-col gap-1"><label class="text-xs font-[family:var(--font-mono)] font-bold tracking-widest uppercase" style="color: var(--charcoal-70)" for="support-attachment">Attachment (optional, max 15MB)</label> <input id="support-attachment" type="file" name="attachment" class="w-full rounded-md border px-3 py-2 text-sm font-[family:var(--font-mono)] f
1ile:mr-4 file:rounded file:border-0 file:px-3 file:py-1 file:text-xs file:font-[family:var(--font-mono)] file:font-bold disabled:opacity-50" style="border-color: var(--charcoal-18); color: var(--charcoal); background: white; --tw-file-bg: var(--charcoal-08)"/> <!></div> <div class="flex justify-end pt-2"><button class="rounded-md px-6 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-opacity hover:opacity-90 disabled:opacity-50" style="background: var(--charcoal); color: var(--cream)"> </button></div></div></div></div>`);function ha(K,P){Q(P,!0);const U=15*1024*1024;let h=f(""),y=f(""),n=f(null),d=f(!1),v=f(""),x=f(null),_=f(null);function V(a){const o=a.currentTarget,r=o.files?.[0]??null;if(e(v,""),e(n,null),!!r){if(r.size>U){o.value="",e(v,"Attachment too large (max 15MB).");return}e(n,r,!0)}}async function W(){e(v,""),e(x,null),e(_,null);const a=t(h).trim(),o=t(y).trim();if(!a||!o){e(v,"Subject and message are required.");return}e(d,!0);try{const r=new FormData;r.append("subject",a),r.append("message",o),t(n)&&r.append("attachment",t(n));const i=await oa("/support/tickets",r);if(!i.ok){const k=await i.json().catch(()=>({}));e(v,k?.error||k?.message||`Failed to submit ticket (${i.status}).`,!0);return}const m=await i.json().catch(()=>({}));e(x,typeof m.ticket_id=="number"?m.ticket_id:null,!0),e(_,typeof m.attachment_url=="string"?m.attachment_url:null,!0),e(h,""),e(y,""),e(n,null)}finally{e(d,!1)}}var S=ia(),z=c(l(S),2);{var X=a=>{var o=la(),r=l(o),i=c(l(r),2),m=l(i);s(i);var k=c(i,2);{var O=F=>{var N=ra();u(()=>ta(N,"href",t(_))),p(F,N)};j(k,F=>{t(_)&&F(O)})}s(r),s(o),u(()=>w(m,`Ticket ID: ${t(x)??""}`)),p(a,o)};j(z,a=>{t(x)!==null&&a(X)})}var C=c(z,2);{var Y=a=>{var o=sa(),r=l(o),i=l(r,!0);s(r),s(o),u(()=>w(i,t(v))),p(a,o)};j(C,a=>{t(v)&&a(Y)})}var E=c(C,2),H=c(l(E),2),T=l(H),A=c(l(T),2);aa(A),s(T);var M=c(T,2),B=c(l(M),2);Z(B),s(M);var $=c(M,2),D=c(l($),2);D.__change=V;var G=c(D,2);{var J=a=>{var o=ca(),r=l(o);s(o),u(i=>w(r,`Selected: ${t(n).name??""} (${i??""} KB)`),[()=>Math.ceil(t(n).size/1024)]),p(a,o)};j(G,a=>{t(n)&&a(J)})}s($);var I=c($,2),g=l(I);g.__click=W;var L=l(g,!0);s(g),s(I),s(H),s(E),s(S),u(()=>{A.disabled=t(d),B.disabled=t(d),D.disabled=t(d),g.disabled=t(d),w(L,t(d)?"Submitting...":"Submit ticket")}),q(A,()=>t(h),a=>e(h,a)),q(B,()=>t(y),a=>e(y,a)),p(K,S),R()}ea(["change","click"]);export{ha as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.