1import{r as u,u as p,j as t}from"./app-wbhAfo1z.js";import{P as n}from"./PluginLayout-COdL2Wq4.js";import{N as x}from"./AppSideBar-CNKMMHnR.js";import{B as b}from"./button-B0NE6O23.js";import{S as i,T as r,C as h}from"./form-field-Dwqkxfl7.js";import{I as f}from"./InputError-CaAHNx1D.js";import"./useFlashToast-DRAZSosu.js";import"./useBranding-DqN6hBod.js";import"./index-D0fFYCVT.js";import"./AppLogoShort-BrselhNL.js";import"./focus-management-nte1Uysp.js";import"./floating-ui.react-dom-BByVK5eZ.js";import"./index-EskTZGTs.js";import"./index-C_SHgnPd.js";import"./lodash-COs5AkkS.js";import"./index-OJL0jj4p.js";import"./bundle-mjs-Dnoi3Axr.js";import"./index-CMZXGbDt.js";import"./utils-D0_06wHQ.js";import"./checkbox-CPpjt2tl.js";import"./Combination-6_pB-Zqa.js";import"./input-TcejzHEu.js";import"./label-Isa9hFOs.js";import"./index-G6kq9g_L.js";import"./index-CUWyykqr.js";const j=({subscriptions:l,plans:s})=>{const[o,m]=u.useState(!1),d=[{value:"",label:"- Select a product -"},...l.map(a=>({label:(s[a.plan]?s[a.plan].name:a.plan)+" ("+a.state+")",value:(s[a.plan]?s[a.plan].name:a.plan)+" ("+a.state+")"}))],e=p({subject:"",body:"",topic:"",product:"",website:"",username:"",password:""}),c=a=>{a.preventDefault(),e.submit(x(),{onSuccess:()=>{e.setData({subject:"",body:"",topic:"",product:"",website:"",username:"",password:""})}})};return t.jsxs("div",{className:"w-2/3 mx-auto",children:[t.jsx("h1",{className:"text-xl font-semibold text-gray-900 mb-5",children:"Create New Ticket"}),t.jsxs("form",{className:"text-right",onSubmit:c,children:[t.jsx("div",{className:"text-left mb-4",children:t.jsx(i,{id:"topic",label:"Topic",value:e.data.topic,onChange:a=>e.setData("topic",a),options:[{label:"- Select a topic -",value:""},{label:"Pre-sales question",value:"Pre-sales question"},{label:"Help with my purchased product",value:"Help with my purchased product"},{label:"Account / Billing",value:"Account / Billing"},{label:"Other",value:"Other"}],className:"w-full mt-2 text-sm"})}),e.data.topic&&t.jsxs("div",{children:[e.data.topic==="Help with my purchased product"&&t.jsx("div",{className:"text-left mb-4",children:t.jsx(i,{id:"product",label:"Select product",value:e.data.product,onChange:a=>e.setData("product",a),options:d,className:"w-full mt-2 text-sm"})}),t.jsx("div",{className:"text-left mb-4",children:t.jsx(r,{id:"subject",label:"Subject",value:e.data.subject,type:"text",required:!0,placeholder:"How can we help you?",onChange:a=>e.setData("subject",a.target.value),className:"w-full mt-2",errors:e.errors.subject?[e.errors.subject]:[]})}),t.jsxs("div",{className:"text-left mb-4",children:[t.jsxs("label",{className:"block font-medium text-sm text-gray-700",children:["Description ",t.jsx("span",{className:"text-red-500",children:"*"})]}),t.jsx("textarea",{rows:8,placeholder:"Please describe your queries and be brief...",value:e.data.body,required:!0,onChange:a=>e.setData("body",a.target.value),className:"w-full mt-2 border-gray-300 text-sm focus:border-primary-300 focus:ring-3 focus:ring-primary-200/50 rounded-md shadow-xs"}),t.jsxs("p",{className:"mt-2 text-sm text-gray-500",children:["Provide direct links and screenshots if useful. Use a free service like"," ",t.jsx("a",{href:"https://imgur.com/upload",target:"_blank",className:"text-blue-600",children:"Imgur"})," ","or"," ",t.jsx("a",{href:"https://tinypic.host/",target:"_blank",className:"text-blue-600",children:"TinyPic"})," ","to upload files and upload the link."]}),t.jsx(f,{message:e.errors.body,className:"mt-2"})]}),t.jsx(h,{id:"remember",name:"remember-me",checked:o,label:"Add site details",onChange:m,className:"text-left"}),o&&t.jsxs("div",{className:"mt-4 mb-4 p-4 border rounded-sm bg-gray-50",children:[t.jsx("div",{className:"text-left mb-4",children:t.jsx(r,{id:"website",label:"Website URL",addOnLeft:"https://",value:e.data.website,type:"text",required:!0,placeholder:"example.com",onChange:a=>e.setData("website",a.target.value),className:"w-full",errors:e.errors.website?[e.errors.website]:[]})}),t.jsx("div",{className:"text-left mb-4",children:t.jsx(r,{id:"username",label:"Admin username",value:e.data.username,type:"text",required:!0,placeholder:"username",onChange:a=>e.setData("username",a.target.value),className:"w-full mt-2",errors:e.errors.username?[e.errors.username]:[]})}),t.jsx("div",{className:"text-left mb-4",children:t.jsx(r,{id:"password",label:"Admin password",value:e.data.password,type:"password",required:!0,placeholder:"*******",onChange:a=>e.setData("password",a.target.value),className:"w-full mt-2",errors:e.errors.password?[e.errors.password]:[]})})]}),t.jsx(b,{type:"submit",loading:e.processing,disabled:e.processing,children:"Create Ticket"})]})]})]})};j.layout=l=>t.jsx(n,{title:"Support -> New Ticket",children:l});export{j as default};
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.