1import{r as a,j as e}from"./vendor-mantine-88B3nVE1.js";import{A as m}from"./index-bnkw-bqP.js";import{u as g,a as v,N as w}from"./vendor-react-DdQ2Kyik.js";import"./vendor-firebase-B5nMiKNp.js";import"./vendor-sentry-DB1PNWi1.js";import"./vendor-icons-BaWEsODP.js";import"./vendor-motion-BYQke3yR.js";const j=["Type","Details","Screenshots"],N=[{id:"low",label:"ð¢ Low",activeBg:"bg-[#dcfce7]",activeText:"text-[#166534]",activeBorder:"border-[#16a34a]"},{id:"medium",label:"ð¡ Medium",activeBg:"bg-[#fef9c3]",activeText:"text-[#854d0e]",activeBorder:"border-[#ca8a04]"},{id:"high",label:"ð High",activeBg:"bg-[#ffedd5]",activeText:"text-[#9a3412]",activeBorder:"border-[#f97316]"},{id:"critical",label:"ð´ Critical",activeBg:"bg-[#fee2e2]",activeText:"text-[#b91c1c]",activeBorder:"border-[#ef4444]"}];function M(){const n=g(),s=v().state?.reportType??"",[l,f]=a.useState(""),[o,p]=a.useState(""),[c,u]=a.useState("medium"),[d,h]=a.useState("");if(!s)return e.jsx(w,{to:"/profile/feedback",replace:!0});const x=(()=>{switch(s){case"bug":return{title:"e.g. App crashes when saving a journal entry",desc:"What were you doing right before it happened? What did you expect to see versus what actually happened?"};case"ui":return{title:"e.g. Navigation menu overlaps the profile picture",desc:"Which part of the design feels confusing or off? How would you expect it to look or behave?"};case"perf":return{title:"e.g. Dashboard takes 10 seconds to load",desc:"Where did you notice the slowdown? Does it happen every time you open this section?"};default:return{title:"e.g. Something isn't working right",desc:"Please provide as much detail as you can..."}}})(),i=l.trim()!==""&&o.trim()!=="",b=()=>{n("/profile/feedback/screenshots",{state:{reportType:s,title:l,description:o,severity:c,email:d}})};return e.jsx(m,{title:"Feedback",children:e.jsxs("div",{className:"min-h-screen w-full bg-[#FCF9F7] flex flex-col",children:[e.jsxs("div",{className:"w-full bg-[#1e5e5b] px-6 pt-10 pb-16 flex flex-col gap-3",children:[e.jsx("span",{className:"text-[#BCE9E7] text-sm font-medium tracking-widest uppercase",children:"Step 2 of 3"}),e.jsxs("h1",{className:"font-['DM_Sans'] font-bold text-[28px] leading-[34px] text-white",children:["Describe",e.jsx("br",{}),"the issue"]}),e.jsx("p",{className:"text-[#BCE9E7] text-sm leading-relaxed max-w-xs",children:"Help us understand what happened so we can make it right."}),e.jsx("div",{className:"flex gap-1.5 mt-2",children:j.map((t,r)=>e.jsx("div",{className:["h-1 flex-1 rounded-full transition-all",r<2?"bg-white":"bg-[#ffffff30]"].join(" ")},t))})]}),e.jsxs("div",{className:"flex flex-col gap-3 px-4 -mt-8 pb-10 flex-1",children:[e.jsxs("div",{className:"w-full bg-white rounded-2xl p-4 shadow-sm flex flex-col gap-2",children:[e.jsxs("label",{className:"text-[13px] font-semibold text-[#374151]",children:["Short summary ",e.jsx("span",{className:"text-[#b82854]",children:"*"})]}),e.jsx("input",{type:"text",value:l,onChange:t=>f(t.target.value),placeholder:x.title,className:"w-full px-4 py-3 rounded-xl border-2 border-[#e5e7eb] bg-[#f9fafb] text-[#0C2624] text-[15px] font-['DM_Sans'] placeholder:text-[#c4c4c4] focus:outline-none focus:border-[#1e5e5b] transition-all"})]}),e.jsxs("div",{className:"w-full bg-white rounded-2xl p-4 shadow-sm flex flex-col gap-2",children:[e.jsxs("label",{className:"text-[13px] font-semibold text-[#374151]",children:["Details ",e.jsx("span",{className:"text-[#b82854]",children:"*"})]}),e.jsx("textarea",{rows:4,value:o,onChange:t=>p(t.target.value),placeholder:x.desc,className:"w-full px-4 py-3 rounded-xl border-2 border-[#e5e7eb] bg-[#f9fafb] text-[#0C2624] text-[15px] font-['DM_Sans'] placeholder:text-[#c4c4c4] resize-none focus:outline-none focus:border-[#1e5e5b] transition-all"})]}),e.jsxs("div",{className:"w-full bg-white rounded-2xl p-4 shadow-sm flex flex-col gap-3",children:[e.jsx("span",{className:"text-[13px] font-semibold text-[#374151]",children:"How much is this affecting you?"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:N.map(t=>{const r=c===t.id;return e.jsx("button",{onClick:()=>u(t.id),className:["px-4 py-2 rounded-xl border-2 text-[13px] font-semibold transition-all duration-150 active:scale-[0.97]",r?`${t.activeBg} ${t.activeText} ${t.activeBorder}`:"bg-[#f9fafb] border-[#e5e7eb] text-[#6b7280]"].join(" "),children:t.label},t.id)})})]}),e.jsxs("div",{className:"w-full bg-white rounded-2xl p-4 shadow-sm flex flex-col gap-2",children:[e.jsxs("label",{className:"text-[13px] font-semibold text-[#374151]",children:["Email"," ",e.jsx("span",{className:"font-normal text-[#9ca3af]",children:"(optional â for follow-up)"})]}),e.jsx("input",{type:"email",value:d,onChange:t=>h(t.target.value),placeholder:"[email protected]",className:"w-full px-4 py-3 rounded-xl border-2 border-[#e5e7eb] bg-[#f9fafb] text-[#0C2624] text-[15px] font-['DM_Sans'] placeholder:text-[#c4c4c4] focus:outline-none focus:border-[#1e5e5b] transition-all"})]}),e.jsxs("div",{className:"flex gap-3 mt-2",children:[e.jsx("button",{onClick:()=>n(-1),className:"flex items-center justify-center w-12 h-12 rounded-2xl border-2 border-[#e5e7eb] bg-white text-[#374151] text-lg flex-shrink-0",children:"â"}),e.jsx("button",{disabled:!i,onClick:b,className:["flex-1 flex items-center justify-center h-12 rounded-2xl text-[15px] font-semibold text-white transition-all duration-200",i?"bg-[#1e5e5b] shadow-lg shadow-[#1e5e5b]/25 active:scale-[0.98]":"bg-[#1e5e5b] opacity-30 curs
1or-not-allowed"].join(" "),children:i?"Continue â":"Please fill in the required fields"})]})]})]})})}export{M as default}; 2//# sourceMappingURL=FeedbackStep2-B4fVwTJq.js.map
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.