https://www.imgkits.com/_nuxt/AIContentReport-DeHgrIpK-28.js

1import{A,r as g,c as n,av as D,a3 as R,e,af as b,a5 as d,a4 as u,z as s,ah as p,_ as S,ac as I,ae as c,aL as z,ag as T,a6 as H,ak as U,b as r}from"./core-i18n-CvkTSGFb-28.js";const q={key:0},N={key:0,class:"max-h-[calc(100vh-32px)] overflow-y-auto px-5 pt-5 pb-5 sm:max-h-none sm:overflow-visible sm:px-6 sm:pt-6 sm:pb-6"},O={key:0,class:"pt-6 pb-1 text-center"},P={class:"mt-6 space-y-4"},W=["value"],Y={class:"text-[16px] leading-7 font-semibold text-slate-700 sm:text-[18px]"},E={class:"mt-0.5 max-w-[360px] text-[14px] leading-7 text-slate-400 sm:text-[15px]"},F={class:"mt-6"},G={class:"mt-6 flex items-center justify-end gap-4"},$=["disabled"],J={key:0,class:"mr-2 h-5 w-5 animate-spin",fill:"none",viewBox:"0 0 24 24"},K={key:0,class:"p-8 text-center"},Q={key:1,class:"p-6"},X={class:"grid grid-cols-2 gap-2"},Z=["value"],_={class:"text-lg"},ee={class:"text-sm text-gray-700"},te={class:"pt-2"},se=["disabled"],oe={key:0,class:"w-5 h-5 animate-spin",fill:"none",viewBox:"0 0 24 24"},re={__name:"CommonAIContentReport",props:{triggerText:{type:String,default:""},triggerClass:{type:String,default:""},contentId:{type:String,default:""},contentType:{type:String,default:"ai-generated-image"},variant:{type:String,default:"default"}},emits:["submit","open","close"],setup(x,{expose:M,emit:V}){const v=x,y=V,w=A(()=>v.variant==="minimal"),m=g(!1),f=g(!1),i=g(!1),B=[{value:"inappropriate",label:"Inappropriate",icon:"🚫"},{value:"harmful",label:"Harmful",icon:"⚠️"},{value:"misleading",label:"Misleading",icon:"❌"},{value:"copyright",label:"Copyright",icon:"©️"},{value:"privacy",label:"Privacy",icon:"🔒"},{value:"other",label:"Other",icon:"📝"}],L=[{value:"inaccurate",label:"Inaccurate result",description:"The AI-generated content is incorrect or misleading."},{value:"low_quality",label:"Low quality",description:"The result is blurry, distorted, or not what I expected."},{value:"inappropriate",label:"Inappropriate content",description:"The content is offensive, unsafe, or not suitable."},{value:"other",label:"Other issue",description:"Something else is wrong with this AI-generated content."}],o=g({reportType:"",description:"",email:""}),h=()=>{m.value=!0,f.value=!1,i.value=!1,o.value={reportType:"",description:"",email:""},y("open")},a=()=>{m.value=!1,y("close")},j=async()=>{o.value.reportType&&(i.value=!0,await new Promise(k=>setTimeout(k,1500)),y("submit",{...o.value,contentId:v.contentId,contentType:v.contentType,timestamp:new Date().toISOString()}),i.value=!1,f.value=!0)};return M({open:h,close:a}),(k,t)=>(r(),n("div",null,[D(k.$slots,"trigger",{open:h},()=>[e("button",{onClick:h,class:u(["inline-flex items-center gap-1.5 text-xs text-red-500 hover:text-red-600 transition-colors duration-200",x.triggerClass])},[t[7]||(t[7]=e("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4 shrink-0",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"}),e("line",{x1:"4",y1:"22",x2:"4",y2:"15"})],-1)),x.triggerText?(r(),n("span",q,d(x.triggerText),1)):b("",!0)],2)]),(r(),R(U,{to:"body"},[s(m)?(r(),n("div",{key:0,class:u(["fixed inset-0 flex items-center justify-center z-[9999] p-4",s(w)?"bg-black/35 backdrop-blur-md":"bg-black/50 backdrop-blur-sm"]),onClick:p(a,["self"])},[e("div",{class:u(["bg-white w-full overflow-hidden transform transition-all duration-300",s(w)?"max-w-[430px] sm:max-w-[560px] rounded-[24px] shadow-[0_24px_80px_rgba(15,23,42,0.22)]":"max-w-md rounded-2xl shadow-2xl"]),onClick:t[6]||(t[6]=p(()=>{},["stop"]))},[s(w)?(r(),n("div",N,[e("div",{class:"flex items-start justify-between gap-3"},[t[9]||(t[9]=e("div",{class:"flex items-start gap-2.5"},[e("div",{class:"mt-0.5 flex h-8 w-8 items-center justify-center rounded-full bg-rose-50 text-rose-400 sm:h-9 sm:w-9"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4 shrink-0",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"}),e("line",{x1:"4",y1:"22",x2:"4",y2:"15"})])]),e("div",null,[e("h3",{class:"text-[18px] leading-6 font-semibold text-slate-900 sm:text-[20px]"},"Report AI generated content"),e("p",{class:"mt-0.5 text-[14px] leading-5 text-slate-500 sm:text-[15px]"}

1,"Help us keep results safe and accurate")])],-1)),e("button",{onClick:a,class:"flex h-7 w-7 items-center justify-center rounded-full text-slate-400 transition-colors duration-200 hover:bg-slate-100 hover:text-slate-600","aria-label":"Close report dialog"},[...t[8]||(t[8]=[e("svg",{class:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)])])]),s(f)?(r(),n("div",O,[t[10]||(t[10]=e("div",{class:"mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-green-100"},[e("svg",{class:"w-7 h-7 text-green-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1)),t[11]||(t[11]=e("h4",{class:"text-xl font-semibold text-slate-900"},"Thank you",-1)),t[12]||(t[12]=e("p",{class:"mt-2 text-sm leading-6 text-slate-500"},"Your report has been submitted for review.",-1)),e("button",{onClick:a,class:"mt-5 inline-flex items-center rounded-full bg-slate-100 px-5 py-2.5 text-sm font-medium text-slate-700 transition-colors duration-200 hover:bg-slate-200"}," Close ")])):(r(),n("form",{key:1,onSubmit:p(j,["prevent"]),class:"mt-6"},[t[15]||(t[15]=e("p",{class:"max-w-[420px] text-[14px] leading-8 text-slate-500 sm:text-[15px]"}," This report is used only to improve our AI models. It will not contact support or trigger any account actions. ",-1)),e("div",P,[(r(),n(S,null,I(L,l=>e("label",{key:l.value,class:"flex cursor-pointer items-start gap-3"},[c(e("input",{"onUpdate:modelValue":t[0]||(t[0]=C=>s(o).reportType=C),type:"radio",value:l.value,class:"mt-1 h-4 w-4 border-slate-300 text-rose-400 focus:ring-rose-200"},null,8,W),[[z,s(o).reportType]]),e("div",null,[e("div",Y,d(l.label),1),e("p",E,d(l.description),1)])])),64))]),e("div",F,[t[13]||(t[13]=e("label",{class:"block text-[16px] leading-7 font-semibold text-slate-700 sm:text-[18px]"},"Additional details (optional)",-1)),c(e("textarea",{"onUpdate:modelValue":t[1]||(t[1]=l=>s(o).description=l),rows:"3",placeholder:"Describe what is wrong with this AI result...",class:"mt-3 w-full rounded-2xl border border-slate-200 px-4 py-3.5 text-[14px] text-slate-700 transition-all duration-200 placeholder:text-slate-300 focus:border-rose-300 focus:outline-none focus:ring-2 focus:ring-rose-100 resize-none sm:text-[15px]"},null,512),[[T,s(o).description]])]),e("div",G,[e("button",{type:"button",onClick:a,class:"inline-flex items-center rounded-full px-3 py-2 text-[15px] font-medium text-slate-500 transition-colors duration-200 hover:text-slate-700"}," Cancel "),e("button",{type:"submit",disabled:!s(o).reportType||s(i),class:"inline-flex min-w-[132px] items-center justify-center rounded-2xl bg-gradient-to-r from-[#ffd1a9] via-[#ffb2c3] to-[#f9b1cb] px-5 py-2.5 text-[15px] font-semibold text-white transition-all duration-200 hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-50"},[s(i)?(r(),n("svg",J,[...t[14]||(t[14]=[e("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)])])):b("",!0),e("span",null,d(s(i)?"Submitting...":"Submit report"),1)],8,$)])],32))])):(r(),n("div",{key:1,class:u(["bg-white rounded-2xl w-full max-w-md 

1shadow-2xl overflow-hidden transform transition-all duration-300",s(m)?"scale-100 opacity-100":"scale-95 opacity-0"]),onClick:t[5]||(t[5]=p(()=>{},["stop"]))},[e("div",{class:"bg-gradient-to-r from-orange-500 to-red-500 px-6 py-4"},[e("div",{class:"flex items-center justify-between"},[t[17]||(t[17]=e("div",{class:"flex items-center gap-3"},[e("div",{class:"w-10 h-10 bg-white/20 rounded-full flex items-center justify-center"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-5 h-5 text-white",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"}),e("line",{x1:"4",y1:"22",x2:"4",y2:"15"})])]),e("div",null,[e("h3",{class:"text-lg font-semibold text-white"},"Report AI Generated Content"),e("p",{class:"text-white/80 text-sm"},"Help us improve content quality")])],-1)),e("button",{onClick:a,class:"w-8 h-8 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center text-white transition-colors duration-200"},[...t[16]||(t[16]=[e("svg",{class:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)])])])]),s(f)?(r(),n("div",K,[t[18]||(t[18]=e("div",{class:"w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4"},[e("svg",{class:"w-8 h-8 text-green-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1)),t[19]||(t[19]=e("h4",{class:"text-xl font-semibold text-gray-900 mb-2"},"Thank You!",-1)),t[20]||(t[20]=e("p",{class:"text-gray-600 mb-6"},"Your report has been submitted successfully. We will review it and take appropriate action.",-1)),e("button",{onClick:a,class:"px-6 py-2.5 bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium rounded-xl transition-colors duration-200"}," Close ")])):(r(),n("div",Q,[e("form",{onSubmit:p(j,["prevent"]),class:"space-y-4"},[e("div",null,[t[21]||(t[21]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Report Type",-1)),e("div",X,[(r(),n(S,null,I(B,l=>e("label",{key:l.value,class:u(["flex items-center gap-2 p-3 border rounded-xl cursor-pointer transition-all duration-200",s(o).reportType===l.value?"border-orange-500 bg-orange-50":"border-gray-200 hover:border-gray-300"])},[c(e("input",{type:"radio",value:l.value,"onUpdate:modelValue":t[2]||(t[2]=C=>s(o).reportType=C),class:"sr-only"},null,8,Z),[[z,s(o).reportType]]),e("span",_,d(l.icon),1),e("span",ee,d(l.label),1)],2)),64))])]),e("div",null,[t[22]||(t[22]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Description",-1)),c(e("textarea",{"onUpdate:modelValue":t[3]||(t[3]=l=>s(o).description=l),rows:"3",placeholder:"Please describe the issue in detail...",class:"w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-orange-500/20 focus:border-orange-500 transition-all duration-200 resize-none text-sm"},null,512),[[T,s(o).description]])]),e("div",null,[t[23]||(t[23]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},[H(" Email "),e("span",{class:"text-gray-400 font-normal"},"(optional)")],-1)),c(e("input",{type:"email","onUpdate:modelValue":t[4]||(t[4]=l=>s(o).email=l),placeholder:"[email protected]",class:"w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-orange-500/20 focus:border-orange-500 transition-all duration-200 text-sm"},null,512),[[T,s(o).email]]),t[24]||(t[24]=e("p",{class:"mt-1 text-xs text-gray-400"},"We'll contact you if we need more information",-1))]),e("div",te,[e("button",{type:"submit",disabled:!s(o).reportType||s(i),class:"w-full py-3 px-4 bg-gradient-to-r from-orange-500 to-red-500 hover:from-orange-600 hover:to-red-600 text-white font-medium rounded-xl transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"},[s(i)?(r(),n("svg",oe,[...t[25]||(t[25]=[e("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)])])):b("",!0),e("span",null,d(s(i)?"Submitting...":"Submit Report"),1)],8,se)])],32),t[26]||(t[26]=e("p",{class:"mt-4 text-xs text-gray-400 text-center"}," We take all reports seriously and will review them within 24-48 hours. ",-1))]))],2))],2)],2)):b("",!0)]))]))}};export{re as default};