https://zesyn.com/assets/Tickets-ByTAV35l.js

1import{u as m,r as p,j as e,a as b}from"./app-oX4QP5ax.js";import{P as g,a as x}from"./PortalLayout-C2YSblNa.js";import{S as c}from"./Select-Cm9VNKb-.js";import{Pages as h}from"./Invoices-BezO6vXN.js";/* empty css            */import"./DateField-BaBuvly0.js";import"./Popover-cz4MumCG.js";import"./PortalBits-DvqF_71k.js";import"./money-Q1rhjZPe.js";function P({tickets:r,projects:d=[],urls:u}){var i;const{props:n}=m(),[l,o]=p.useState(!1),[s,a]=p.useState({subject:"",body:"",priority:"normal",project_id:""});return e.jsxs(g,{title:"Support",lead:"Ask us anything about your projects or invoices. We answer here, and by email.",actions:!l&&e.jsx("button",{type:"button",className:"rounded-[9px] bg-brand px-4 py-2 text-[13px] font-[640] text-white",onClick:()=>o(!0),children:"Ask for help"}),children:[l&&e.jsx(x,{title:"What do you need?",className:"mb-4",children:e.jsxs("form",{className:"grid gap-3 px-5 py-4 sm:grid-cols-2",onSubmit:t=>{t.preventDefault(),b.post(u.store,s)},children:[e.jsxs("label",{className:"grid ga

1p-1.5 sm:col-span-2",children:[e.jsx("span",{className:"text-[12.5px] font-[620] text-ink-2",children:"Subject"}),e.jsx("input",{className:"zc-inp",required:!0,value:s.subject,onChange:t=>a({...s,subject:t.target.value})})]}),e.jsxs("div",{className:"grid gap-1.5",children:[e.jsx("span",{className:"text-[12.5px] font-[620] text-ink-2",children:"About a project"}),e.jsx(c,{value:s.project_id,options:d,none:"Not a particular project",onChange:t=>a({...s,project_id:t})})]}),e.jsxs("div",{className:"grid gap-1.5",children:[e.jsx("span",{className:"text-[12.5px] font-[620] text-ink-2",children:"How urgent"}),e.jsx(c,{value:s.priority,options:[{value:"normal",label:"Normal"},{value:"high",label:"Soon — it is getting in the way"},{value:"urgent",label:"Urgent — something is down"}],onChange:t=>a({...s,priority:t})})]}),e.jsxs("label",{className:"grid gap-1.5 sm:col-span-2",children:[e.jsx("span",{className:"text-[12.5px] font-[620] text-ink-2",children:"Tell us what happened"}),e.jsx("textarea",{className:"zc-inp",rows:6,required:!0,value:s.body,onChange:t=>a({...s,body:t.target.value})})]}),((i=n.errors)==null?void 0:i.support)&&e.jsx("p",{className:"text-[12.5px] text-red sm:col-span-2",children:n.errors.support}),e.jsxs("div",{className:"flex gap-2 sm:col-span-2",children:[e.jsx("button",{type:"submit",className:"rounded-[9px] bg-brand px-4 py-2 text-[13px] font-[640] text-white",children:"Send"}),e.jsx("button",{type:"button",className:"px-3 text-[13px] font-[620] text-ink-3",onClick:()=>o(!1),children:"Cancel"})]})]})}),e.jsx(x,{children:r.data.length===0?e.jsx("p",{className:"px-5 py-6 text-[13px] text-ink-3",children:"Nothing asked yet."}):r.data.map(t=>e.jsxs("a",{href:t.url,className:"flex flex-wrap items-center gap-x-4 gap-y-1 border-b border-line px-5 py-3 text-[13px] last:border-0 hover:bg-paper-2",children:[e.jsxs("span",{className:"min-w-[200px] flex-1",children:[e.jsx("b",{children:t.subject}),e.jsxs("span",{className:"block text-[12px] text-ink-3",children:[t.number,t.by&&` · ${t.by}`," · ",t.activity]})]}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[11px] font-[620] ${t.status==="waiting"?"bg-amber-bg text-amber":t.status==="open"?"bg-blue-bg text-blue":"bg-paper-3 text-ink-3"}`,children:t.status_label})]},t.id))}),e.jsx(h,{links:r.links})]})}export{P as default};