https://www.upcar.ai/_next/static/chunks/95317.a1acda37a260be82.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95317],{95317:function(e,t,s){"use strict";s.r(t);var o=s(27573),a=s(7653),l=s(79509),r=s(22987),n=s(72720),i=s.n(n),u=s(7384);t.default=e=>{let{isOpen:t,onClose:s,carId:n}=e,[c,d]=(0,a.useState)(""),[p,_]=(0,a.useState)(""),[m,g]=(0,a.useState)(null),[h,M]=(0,a.useState)(null),[b,x]=(0,a.useState)(!1);(0,u.v9)(e=>e.user.login),(0,u.v9)(e=>e.user.user);let C=(0,u.v9)(e=>e.user.token),N=async e=>{e.preventDefault(),x(!0),M(null),g(null);try{await (0,r.o)(n,c,p,C),g("Report submitted successfully!"),d(""),_(""),setTimeout(()=>{g(null),s()},2e3)}catch(e){M("Failed to submit the report. Please try again.")}finally{x(!1)}};return(0,o.jsxs)(l.Z,{isVisible:t,onClose:s,customClassName:i().ReportListingModalContent,children:[(0,o.jsx)("h2",{className:i().heading,children:"Report Car Listing"}),(0,o.jsxs)("form",{onSubmit:N,className:i().reportForm,children:[(0,o.jsxs)("div",{className:i().formGroup,children:[(0,o.jsx)("h3",{className:i().label,children:"Report Type:"}),(0,o.jsx)("input",{type:"text",id:"reportType",value:c,onChange:e=>d(e.target.value),placeholder:"E.g., Inaccurate information, Spam",required:!0,className:i().input})]}),(0,o.jsxs)("div",{className:i().formGroup,children:[(0,o.jsx)("h3",{className:i().label,children:"Reason:"}),(0,o.jsx)("textarea",{id:"reason",value:p,onChange:e=>_(e.target.value),placeholder:"Describe the issue in detail",required:!0,className:i().textarea})]}),(0,o.jsxs)("div",{className:i().buttonGroup,children:[(0,o.jsx)("button",{type:"submit",className:i().submitButton,disabled:b,children:b?"Submitting...":"Submit Report"}),(0,o.jsx)("button",{onClick:s,className:i().closeButton,children:"Cancel"})]}),m&&(0,o.jsx)("p",{className:i().successMessage,children:m}),h&&(0,o.jsx)("p",{className:i().errorMessage,children:h})]})]})}},79509:function(e,t,s){"use strict";var o=s(27573),a=s(97273),l=s.n(a),r=s(5734);t.Z=e=>{let{isVisible:t,onClose:s,children:a,customClassName:n="",allowPageScroll:i=!1,maintainScrollPosition:u=!0}=e;return((0,r.Ni)(t&&!i,{restoreScroll:u}),t)?(0,o.jsx)("div",{className:l().modalBackdrop,onClick:e=>{e.target===e.currentTarget&&s&&s()},children:(0,o.jsxs)("div",{className:"".concat(l().modalContent," ").concat(n),onClick:e=>e.stopPropagation(),children:[s&&(0,o.jsx)("button",{onClick:s,className:l().closeButton,"aria-label":"Close",children:"\xd7"}),a]})}):null}},72720:function(e){e.exports={ReportListingModalContent:"ReportListingModal_ReportListingModalContent__AmUFC",heading:"ReportListingModal_heading__vTD7u",reportForm:"ReportListingModal_reportForm__tL2Kh",formGroup:"ReportListingModal_formGroup__mytrv",label:"ReportListingModal_label__OVmfU",input:"ReportListingModal_input__5CMOf",textarea:"ReportListingModal_textarea__w6xgd",buttonGroup:"ReportListingModal_buttonGroup__1iCK0",submitButton:"ReportListingModal_submitButton__6rrbE",closeButton:"ReportListingModal_closeButton__6uxMI",successMessage:"ReportListingModal_successMessage___L5_g",errorMessage:"ReportListingModal_errorMessage__FE7S8"}},97273:function(e){e.exports={modalBackdrop:"Modal_modalBackdrop__F8uAK",modalContent:"Modal_modalContent__uOMcP",closeButton:"Modal_closeButton__Djgg8",customWidthModal:"Modal_customWidthModal__ghmvo"}}}]);