https://exportyai.com/build/assets/Create-wZK9FElH.js

1import{d as G,I as N,x as V,k as D,c as j,i as C,o as c,w as n,e as l,a as f,n as _,b as u,u as e,S as z,f as d,t as r,p as x,W as O,F as S,r as $,j as R,K as H,h as K,M as w,N as W}from"./app-Sjm4flg0.js";import{_ as Y}from"./AppLayout.vue_vue_type_script_setup_true_lang-CMTp3OzR.js";import{u as q,E as Z,i as J}from"./index-BK0tEEc6.js";import{_ as b}from"./AppLogoIcon.vue_vue_type_script_setup_true_lang-jGsn5TKp.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Primitive-DAwDL9yE.js";import"./useForwardExpose-CfMg8AVP.js";import"./useForwardPropsEmits-BLmhAoAD.js";import"./TooltipTrigger.vue_vue_type_script_setup_true_lang-BT2WONvi.js";import"./SwitchLang.vue_vue_type_script_setup_true_lang-BsjLr_Uo.js";import"./useDirection-8DtW-Wa-.js";import"./RovingFocusGroup-ux32MmRQ.js";import"./useArrowNavigation-B5rxJs06.js";const X={class:"py-12"},ee={class:"max-w-3xl mx-auto sm:px-6 lg:px-8"},te={class:"flex items-center gap-3 flex-wrap mb-6 text-sm"},oe={class:"font-semibold text-slate-800 truncate"},le={class:"bg-white rounded-2xl shadow-sm border border-slate-100 p-8"},se={class:"mb-6"},ae={class:"block text-sm font-semibold text-slate-700 mb-2"},re={class:"flex gap-3"},ie={key:0,class:"space-y-6 mb-6"},ne={class:"block text-sm font-semibold text-slate-700 mb-2"},ue={class:"flex flex-wrap gap-2"},de={class:"block text-sm font-semibold text-slate-700 mb-2"},ce={class:"flex flex-wrap gap-2"},be={class:"mb-6"},pe={for:"ticket-title",class:"block text-sm font-semibold text-slate-700 mb-2"},me=["placeholder"],fe={key:0,class:"text-red-500 text-sm mt-1"},xe={class:"mb-6"},ve={class:"block text-sm font-semibold text-slate-700 mb-2"},ge={class:"flex items-center gap-1 px-3 py-2 border border-b-0 border-slate-200 rounded-t-xl bg-slate-50 flex-wrap"},he={key:0,class:"text-red-500 text-sm mt-1"},_e={class:"mb-6"},ye={class:"block text-sm font-semibold text-slate-700 mb-1"},ke={class:"text-xs font-normal text-slate-400"},we={class:"flex flex-wrap gap-3 mt-2"},Ce=["src","onDblclick","title"],Se=["disabled"],$e={class:"text-slate-400 group-hover:text-blue-500 text-xl font-semibold"},Ie={class:"text-[10px] text-slate-400 group-hover:text-blue-500 mt-1"},Ae={class:"flex items-center gap-3"},Be={key:0,class:"w-4 h-4 animate-spin",fill:"none",viewBox:"0 0 24 24"},De={class:"relative max-w-5xl max-h-[90vh] flex items-center justify-center group"},je=["src"],ze=G({__name:"Create",props:{platforms:{},browsers:{}},setup(Te){const{t:o}=N(),s=V({type:"bug",platform:null,browser:null,title:"",content:"",images:[]}),m=q({extensions:[J],content:"",onUpdate:({editor:p})=>{s.content=p.getHTML()},editorProps:{attributes:{class:"prose prose-sm max-w-none min-h-[180px] p-4 focus:outline-none"}}}),h=D(!1);async function I(p){if(s.images.length>=5){w.error(o("You can only upload up to 5 images."));return}h.value=!0;const t=new FormData;t.append("image",p);try{const g=(await W.post(route("tickets.upload-image"),t)).data.url;s.images.push(g),w.success(o("Image uploaded successfully."))}catch{w.error(o("Image upload failed."))}finally{h.value=!1}}async function T(p){var v;const t=p.target;(v=t.files)!=null&&v[0]&&(await I(t.files[0]),t.value="")}function L(p){s.images.splice(p,1)}function M(p){var v;const t=(v=p.clipboardData)==null?void 0:v.items;if(t){for(const g of Array.from(t))if(g.type.startsWith("image/")){const k=g.getAsFile();k&&I(k)}}}const P=j(()=>[{value:null,label:o("All Platforms"),icon:"🌐"},{value:"chatgpt",label:"ChatGPT",icon:"🤖"},{value:"gemini",label:"Gemini",icon:"✨"},{value:"claude",label:o("Claude"),icon:"🧠"},{value:"kimi",label:o("Kimi"),icon:"🌙"},{value:"deepseek",label:"DeepSeek",icon:"🔍"},{value:"grok",label:"Grok",icon:"⚡"},{value:"doubao",label:o("Doubao"),icon:"🫘"},{value:"yuanbao",label:o("Yuanbao"),icon:"💰"},{value:"notebooklm",label:o("NotebookLM"),icon:"📓"},{value:"copilot",label:o("Copilot"),icon:"🚀"},{value:"perplexity",label:o("Perplexity"),icon:"🔮"},{value:"aistudio",label:o("AI Studio"),icon:"🛠️"},{value:"google-search",label:o("Google Search"),icon:"🔍"},{value:"github-copilot",label:o("GitHub Copilot"),icon:"🐙"},{value:"chatglm",label:o("ChatGLM"),icon:"💬"}]),E=j(()=>[{value:null,label:o("All Browsers"),icon:"🌐"},{value:"chrome",label:"Chrome",icon:"🧭"},{value:"edge",label:"Edge",icon:"🌀"},{value:"firefox",label:"Firefox",icon:"🦊"},{value:"opera",label:"Opera",icon:"🔴"}]);function U(){if(!s.content||s.content==="<p></p>"){w.error(o("Please describe the issue or suggestion."));return}s.post(route("tickets.store"),{onError:()=>w.error(o("Submission failed, please check all fields."))})}const y=D(null);return(p,t)=>(c(),C(Y,{title:e(o)("Submit a Ticket or Suggestion")},{default:n(()=>{var v,g,k,A,B;return[l("div",X,[l("div",ee,[l("div",te,[u(e(z),{href:p.route("tickets.index"),class:"text-slate-400 hover:text-blue-600 transition-colors"},{default:n(()=>[d(" ← "+r(e(o)("My Tickets")),1)]),_:1},8,["href"]),t[11]||(t[11]=l("span",{class:"text-slate-300"},"·",-1)),l("span",oe,r(e(o)("Submit a Ticket or Suggestion")),1)]),l("div",le,[l("div",se,[l("label",ae,r(e(o)("Type")),1),l("div",re,[u(e(b),{type:"button",variant:"outline",onClick:t[0]||(t[0]=a=>{e(s).type="bug",e(s).platform=null,e(s).browser=null}),class:x(["flex-1 flex items-center justify-center gap-2 py-6 rounded-xl border-2 font-semibold transition-all select-none cursor-pointer text-sm",e(s).type==="bug"?"border-red-500 bg-red-50 text-red-700 hover:bg-red-50 hover:text-red-700":"border-slate-200 text-slate-500 hover:border-slate-300 hover:bg-slate-50 hover:text-slate-505"])},{default:n(()=>[d(" 🐛 "+r(e(o)("Bug Report")),1)]),_:1},8,["class"]),u(e(b),{type:"button",variant:"outline",onClick:t[1]||(t[1]=a=>{e(s).type="feature",e(s).platform=null,e(s).browser=null}),class:x(["flex-1 flex items-center justify-center gap-2 py-6 rounded-xl border-2 font-semibold transition-all select-none cursor-pointer text-sm",e(s).type==="feature"?"border-blue-500 bg-blue-50 text-blue-700 hover:bg-blue-50 hover:text-blue-700":"border-slate-200 text-slate-500 hover:border-slate-300 hover:bg-slate-50 hover:text-slate-500"])},{default:n(()=>[d(" 💡 "+r(e(o)("Feature Request")),1)]),_:1},8,["class"])])]),u(O,{name:"fade"},{default:n(()=>[e(s).type==="bug"?(c(),f("div",ie,[l("div",null,[l("label",ne,r(e(o)("Affected Platform")),1),l("div",ue,[(c(!0),f(S,null,$(P.value,a=>(c(),C(e(b),{key:String(a.value),type:"button",variant:"outline",onClick:i=>e(s).platform=a.value,class:x(["px-3.5 py-1.5 h-auto rounded-full text-xs font-semibold transition-all border select-none cursor-pointer",e(s).platform===a.value?"border-blue-500 bg-blue-50 text-blue-700 hover:bg-blue-50 hover:text-blue-700":"border-slate-200 text-slate-600 hover:bg-slate-50 hover:border-blue-300 hover:text-slate-600"])},{default:n(()=>[d(r(a.icon)+" "+r(a.label),1)]),_:2},1032,["onClick","class"]))),128))])]),l("div",null,[l("label",de,r(e(o)("Affected Browser")),1),l("div",ce,[(c(!0),f(S,null,$(E.value,a=>(c(),C(e(b),{key:String(a.value),type:"button",variant:"outline",onClick:i=>e(s).browser=a.value,class:x(["px-3.5 py-1.5 h-auto rounded-full text-xs font-semibold transition-all border select-none cursor-pointer",e(s).browser===a.value?"border-blue-500 bg-blue-50 text-blue-700 hover:bg-blue-50 hover:text-blue-700":"border-slate-200 text-slate-600 hover:bg-slate-50 hover:border-blue-300 hover:text-slate-600"])},{default:n(()=>[d(r(a.icon)+" "+r(a.label),1)]),_:2},1032,["onClick","class"]))),128))])])])):_("",!0)]),_:1}),l("div",be,[l("label",pe,r(e(o)("Ticket Title")),1),R(l("input",{id:"ticket-title","onUpdate:modelValue":t[2]||(t[2]=a=>e(s).title=a),type:"text",maxlength:"255",class:"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-400 focus:ring-2 focus:ring-blue-100 outline-none transition-all text-slate-800",placeholder:e(s).type==="bug"?e(o)("e.g. Export fails on DeepSeek"):e(o)("e.g. Add dark mode support")},null,8,me),[[H,e(s).title]]),e(s).errors.title?(c(),f("p",fe,r(e(s).errors.title),1)):_("",!0)]),l("div",xe,[l("label",ve,r(e(o)("Describe the issue or suggestion in detail...")),1),l("div",ge,[u(e(b),{type:"button",variant:"ghost",size:"sm",onClick:t[3]||(t[3]=a=>{var i;return(i=e(m))==null?void 0:i.chain().focus().toggleBold().run()}),class:x(["p-1.5 h-8 w-8 rounded transition",{"bg-slate-200":(v=e(m))==null?void 0:v.isActive("bold")}])},{default:n(()=>t[12]||(t[12]=[l("strong",null,"B",-1)])),_:1,__:[12]},8,["class"]),u(e(b),{type:"button",variant:"ghost",size:"sm",onClick:t[4]||(t[4]=a=>{var i;return(i=e(m))==null?void 0:i.chain().focus().toggleItalic().run()}),class:x(["p-1.5 h-8 w-8 rounded transition italic",{"bg-slate-200":(g=e(m))==null?void 0:g.isActive("italic")}])},{default:n(()=>t[13]||(t[13]=[d("I")])),_:1,__:[13]},8,["class"]),u(e(b),{type:"button",variant:"ghost",size:"sm",onClick:t[5]||(t[5]=a=>{var i;return(i=e(m))==null?void 0:i.chain().focus().toggleBulletList().run()}),class:x(["px-2.5 h-8 rounded transition text-xs",{"bg-slate-200":(k=e(m))==null?void 0:k.isActive("bulletList")}])},{default:n(()=>t[14]||(t[14]=[d("• List")])),_:1,__:[14]},8,["class"]),u(e(b),{type:"button",variant:"ghost",size:"sm",onClick:t[6]||(t[6]=a=>{var i;return(i=e(m))==null?void 0:i.chain().focus().toggleOrderedList().run()}),class:x(["px-2.5 h-8 rounded transition text-xs",{"bg-slate-200":(A=e(m))==null?void 0:A.isActive("orderedList")}])},{default:n(()=>t[15]||(t[15]=[d("1. List")])),_:1,__:[15]},8,["class"]),u(e(b),{type:"button",variant:"ghost",size:"sm",onClick:t[7]||(t[7]=a=>{var i;return(i=e(m))==null?void 0:i.chain().focus().toggleCodeBlock().run()}),class:x(["px-2.5 h-8 rounded transition text-xs font-mono",{"bg-slate-200":(B=e(m))==null?void 0:B.isActive("codeBlock")}])},{default:n(()=>t[16]||(t[16]=[d("</>")])),_:1,__:[16]},8,["class"])]),l("div",{class:"border border-slate-200 rounded-b-xl overflow-hidden focu

1s-within:border-blue-400 focus-within:ring-2 focus-within:ring-blue-100 transition-all bg-white",onPaste:M},[u(e(Z),{editor:e(m)},null,8,["editor"])],32),e(s).errors.content?(c(),f("p",he,r(e(s).errors.content),1)):_("",!0)]),l("div",_e,[l("label",ye,[d(r(e(o)("Related Screenshots / Images"))+" ",1),l("span",ke,"("+r(e(o)("Up to 5 images can be uploaded"))+")",1)]),l("div",we,[(c(!0),f(S,null,$(e(s).images,(a,i)=>(c(),f("div",{key:a,class:"relative w-20 h-20 rounded-xl border border-slate-100 overflow-hidden group shadow-sm bg-slate-50"},[l("img",{src:a,class:"w-full h-full object-cover cursor-zoom-in",onDblclick:F=>y.value=a,title:e(o)("Double click to zoom")},null,40,Ce),u(e(b),{type:"button",variant:"destructive",onClick:F=>L(i),class:"absolute top-1 right-1 w-5 h-5 p-0 rounded-full text-white text-xs flex items-center justify-center font-bold opacity-90 hover:opacity-100 shadow transition-opacity cursor-pointer"},{default:n(()=>t[17]||(t[17]=[d(" × ")])),_:2,__:[17]},1032,["onClick"])]))),128)),e(s).images.length<5?(c(),f("label",{key:0,class:x(["w-20 h-20 rounded-xl border-2 border-dashed border-slate-200 hover:border-blue-400 flex flex-col items-center justify-center cursor-pointer transition-all hover:bg-blue-50/20 group relative",{"opacity-50 cursor-wait":h.value}])},[l("input",{type:"file",accept:"image/*",class:"hidden",onChange:T,disabled:h.value},null,40,Se),l("div",$e,r(h.value?"⌛":"+"),1),l("span",Ie,r(h.value?e(o)("Uploading..."):e(o)("Upload")),1)],2)):_("",!0)])]),l("div",Ae,[u(e(b),{asChild:"",variant:"secondary",class:"flex-1 py-6 bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold rounded-xl transition-all text-sm cursor-pointer"},{default:n(()=>[u(e(z),{href:p.route("tickets.index")},{default:n(()=>[d(r(e(o)("Cancel")),1)]),_:1},8,["href"])]),_:1}),u(e(b),{type:"button",onClick:U,disabled:e(s).processing,class:"flex-1 py-6 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl transition-all disabled:opacity-60 disabled:cursor-not-allowed flex items-center justify-center gap-2 text-sm cursor-pointer"},{default:n(()=>[e(s).processing?(c(),f("svg",Be,t[18]||(t[18]=[l("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),l("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"},null,-1)]))):_("",!0),d(" "+r(e(o)("Submit")),1)]),_:1},8,["disabled"])])])])]),y.value?(c(),f("div",{key:0,class:"fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm transition-all duration-300 p-4",onClick:t[10]||(t[10]=a=>y.value=null)},[l("div",De,[u(e(b),{type:"button",variant:"ghost",onClick:t[8]||(t[8]=a=>y.value=null),class:"absolute -top-12 right-0 md:-right-12 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 text-white text-xl flex items-center justify-center transition shadow-lg backdrop-blur-md cursor-pointer"},{default:n(()=>t[19]||(t[19]=[d(" × ")])),_:1,__:[19]}),l("img",{src:y.value,class:"max-w-full max-h-[85vh] rounded-2xl shadow-2xl border border-white/10 object-contain animate-in zoom-in-95 duration-200",onClick:t[9]||(t[9]=K(()=>{},["stop"]))},null,8,je)])])):_("",!0)]}),_:1},8,["title"]))}}),We=Q(ze,[["__scopeId","data-v-001c2994"]]);export{We as default};