https://commmune.com/_next/static/chunks/pages/view/settings/contact-7ce2c5cacf5646c9.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b31ff562-30e1-5f5a-a408-338427ec7239")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8724],{47256:(e,t,i)=>{"use strict";i.d(t,{D2:()=>l,FW:()=>a,do:()=>s});let s=["video/*"],l=["image/jpeg","image/png","image/gif","image/heif","image/heic",".heif",".heic"],a=["application/pdf","text/csv,application/octet-stream","application/zip,application/octet-stream,application/x-zip-compressed,multipart/x-zip","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"]},80523:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/view/settings/contact",function(){return i(86214)}])},84460:(e,t,i)=>{"use strict";i.d(t,{Q:()=>Y});var s=i(45023),l=i(36439),a=i(38356),n=i.n(a),r=i(28317),o=i(41471),p=i(66787),c=i(23545),d=i(47256),u=i(96328),m=i(60733);let h={display:"block",textAlign:"center",color:"#919191",cursor:"pointer",overflow:"hidden"},f=[...d.D2,...d.do,...d.FW],v=e=>{let t=(e,t)=>new File([e],e.name,{type:t});return e.name.endsWith(".csv")?t(e,"text/csv"):e.name.endsWith(".zip")?t(e,"application/zip"):e},g=e=>Object.assign(e,{preview:URL.createObjectURL(e)}),T=({acceptMimetypes:e,iconStyle:t,iconSize:i,children:l,onDrop:a})=>(0,s.Y)(u.A,{accept:(e||f).join(","),onDrop:(e,t,i)=>a&&a(e.map(v).map(g),t.map(g),i),children:({getRootProps:e,getInputProps:a})=>(0,s.FD)("div",{...e(),style:{...h,...t},children:[(0,s.Y)("input",{"data-cy":"drop-zone-input",...a()}),(0,s.Y)(m.A,{fontSize:i,style:{color:"#757575"},"data-cy":"attach-file-icon"}),l]})});var C=i(8819),y=i(9688);let N=(e,t)=>e.filter(e=>t.includes(e));class x extends l.Component{preSaveVideos(e){let t=e.filter(e=>e.type&&e.type.startsWith("video/"));if((0,y.I)(t))return!1;this.props.onFileUploading(!0);let i=t=>{let i=e.map(e=>{let i=t.findIndex(t=>t.name===e.name);return -1!==i&&(e.thumbnail=t[i].thumbnail,e.video=t[i].video,e.tmpVideo=t[i].tmpVideo),e});i=N(i,this.props.files),this.props.onChange(i),this.props.onFileUploading(!1)},s=()=>{this.props.onFileUploading(!1)};return this.props.dispatch(C.iG.request({successCb:i,errorCb:s,videos:t})),!0}preSaveImages(e){let t=e.filter(e=>(!e.type||!!e.type.startsWith("image/"))&&!(e.preview&&e.preview&&e.preview.startsWith("https://")));if((0,y.I)(t))return!1;this.props.onFileUploading(!0);let i=t=>{let i=e.map(e=>{let i=t.findIndex(t=>t.name===e.name);return -1!==i&&(e.preview=t[i].preview),e});i=N(i,this.props.files),this.props.onChange(i),this.props.onFileUploading(!1)},s=()=>{this.props.onFileUploading(!1)};return this.props.dispatch(C.Sp.request({successCb:i,errorCb:s,images:t})),!0}render(){return(0,s.Y)(l.Fragment,{children:(0,s.Y)(T,{...this.props,onDrop:this.onDrop,acceptMimetypes:this.props.acceptMimetypes})})}constructor(...e){super(...e),this.onDrop=e=>{let{maxUploadFiles:t,t:i}=this.props,s=i("This file is too large to upload. It should be less than 100MB. File:"),l=(e=e.filter(e=>{let t=e.size<p.default.MAX_UPLOAD_FILE_SIZE;return t||this.props.dispatch((0,c.mO)(s+e.name)),t})).map(e=>{let t=/^video/.test(e.type)?new File([e],`${n()()}_${e.name}`,{type:e.type}):new File([e],e.name,{type:e.type});return e.preview&&(t.preview=e.preview),t}

3),a=this.props.files.concat(l);a.length>t&&(a=a.slice(0,t));let r=this.preSaveVideos(a),o=this.preSaveImages(a);this.props.onChange(a),r||o||this.props.onFileUploading(!1)}}}let Y=(0,o.connect)()((0,r.C)(["components/molecules"])(x))},86214:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>U});var s=i(45023),l=i(2004),a=i.n(l),n=i(63640),r=i(66787),o=i(62786),p=i(26139),c=i(23545),d=i(17162),u=i(32442),m=i(84460),h=i(13589),f=i(80994),v=i(47256),g=i(89914),T=i(67126),C=i.n(T),y=i(20764),N=i(36439),x=i(90524),Y=i(41471),_=i(49064),b=i(8819),w=i(28115),I=i(12787),S=i(75772),D=i(80411),E=i.n(D),O=i(7528);let R=C()(()=>i.e(1097).then(i.bind(i,21097)),{loadableGenerated:{webpack:()=>[21097]},ssr:!1}),A={value:r.default.CONTACT_TYPE.Default,label:"Select a type"},F=[{value:r.default.CONTACT_TYPE.System,label:"How to use the community"},{value:r.default.CONTACT_TYPE.ReportContent,label:"Reporting an inappropriate content"},{value:r.default.CONTACT_TYPE.ReportUser,label:"Reporting an inappropriate user"},{value:r.default.CONTACT_TYPE.Others,label:"Others"}],U=function(){let e,t,i,{t:l}=(0,x.B)(["pages/view/settings"]),{postId:T}={postId:(e=(0,y.useRouter)().query.postId)?Number(e):null},{reportUser:C}=(()=>{let e=(0,y.useRouter)().query.userId,{data:t=null}=(0,g.s3)(()=>e?`/user/${e}`:null);return e?{reportUser:t}:{reportUser:null}})(),{commentURL:D,commentId:U}={commentURL:(t=(0,y.useRouter)()).query.commentURL??null,commentId:t.query.commentId??null},{eventId:P}={eventId:(i=(0,y.useRouter)().query.eventId)?Number(i):null},{text:j,setText:z}=(({postId:e,reportUser:t,commentURL:i,eventId:s})=>{let{t:l}=(0,x.B)(["pages/view/settings"]),[a,n]=(0,N.useState)("");return(0,N.useEffect)(()=>{if(e)n(l("Post ID: {{postId}}\nDetails: ",{postId:e}));else if(t){let{id:e,nickname:i,accountName:s}=t;n(l("User ID: {{userId}} {{displayName}} {{userName}}\nDetails: ",{userId:e,displayName:i,userName:s}))}else i?n(l("Comment URL:\n{{commentURL}}\nDetails: ",{commentURL:i})):s&&n(l("Event ID: {{eventId}}\nDetails: ",{eventId:s}))},[e,t,i,l,s]),{text:a,setText:n}})({postId:T,reportUser:C,commentURL:D,eventId:P}),[W,k]=(0,N.useState)([]),L=(0,N.useId)(),q=(0,N.useId)(),{contactOption:M,setContactOption:V,isSelectedReportContent:B,isSelectedReportUser:$}=(({postId:e,reportUser:t,commentURL:i,eventId:s})=>{let[l,a]=(0,N.useState)(A);(0,N.useEffect)(()=>{e||i||s?a(F.find(e=>e.value===r.default.CONTACT_TYPE.ReportContent)??F[0]):t&&a(F.find(e=>e.value===r.default.CONTACT_TYPE.ReportUser)??F[0])},[e,t,i,s]);let n=l.value===r.default.CONTACT_TYPE.ReportContent,o=l.value===r.default.CONTACT_TYPE.ReportUser;return{contactOption:l,setContactOption:a,isSelectedReportContent:n,isSelectedReportUser:o}})({postId:T,commentURL:D,reportUser:C,eventId:P}),X=(0,Y.useDispatch)(),G=(0,Y.useSelector)(I.dt),H=(0,Y.useSelector)(I.ND),K=(e,t)=>{e&&(e.preventDefault(),e.stopPropagation()),k(W.filter((e,i)=>i!==t))},Q=()=>{let e=async()=>{if((0,p.c$)(G.userAgent)){X((0,c.gg)(l("Submitted"))),Z(),(T||G.id)&&(0,w.R)().pushRoute(o.default.VIEW_SETTINGS_CONTACT);return}(0,w.R)().pushRoute(o.default.VIEW_HOME)},t=(e=>{let t="-",i="-/-/-",s="-",l="-";if((0,p.t4)(e)||(0,p.$M)(e))t=E().format("%s/%s",(0,p.$M)(e)?"iOS":"Android",(0,p.kw)(e)||"-"),s=(0,p.Z0)(e)||"-",l="Native";else{let e=new S.UAParser;t=E().format("%s/%s",e.getOS().name||"-",e.getOS().version||"-"),i=E().format("%s/%s/%s",e.getDevice().model||"-",e.getDevice().type||"-",e.getDevice().vendor||"-"),l="Browser"}return{os:t,device:i,appVersion:s,clientType:l}})(G.userAgent),i={successCb:e,type:M.value.toString(),text:j,files:W,...t};if(B){let e={...i,report:{type:r.default.CONTACT_REPORT_TYPE.Content,postId:T??void 0,commentId:U??void 0,eventId:P??void 0}};X(b.zz.request(e));return}if($){let e={...i,report:{type:r.default.CONTACT_REPORT_TYPE.User,userId:G.id??void 0}};X(b.zz.request(e));return}X(b.zz.request(i))},Z=()=>{z(""),k([]),V(A)},J=()=>(0,s.FD)(s.FK,{children:[(0,s.Y)(h.g,{text:l("Contact us")}),(0,s.FD)("div",{className:"jsx-58e88822282ce366 container pb-3",children:[(0,s.FD)("section",{"data-cy":"contact-select",className:"jsx-58e88822282ce366 mt-5",children:[(0,s.Y)("label",{htmlFor:L,className:"jsx-58e88822282ce366 mb-2",children:l("Type")}),(0,s.Y)(_.Ay,{inputId:L,instanceId:"SSR-CONTACT001",value:{value:M.value,label:l(M.label)},onChange:e=>{V(e)},styles:{control:e=>({...e,backgroundColor:"#fff",borderRadius:0,margin:"0 auto",fontSize:"1rem",he

3ight:50}),singleValue:e=>({...e,width:"100%"}),placeholder:e=>({...e})},options:F.map(e=>({value:e.value,label:l(e.label)})),isSearchable:!1})]}),(B||$)&&(0,s.Y)("p",{className:"jsx-58e88822282ce366 mt-3",children:l("Reason")}),(0,s.FD)("section",{className:"jsx-58e88822282ce366 mt-2",children:[!(B||$)&&(0,s.Y)("label",{htmlFor:q,className:"jsx-58e88822282ce366 mb-2",children:l("How can we help you?")}),(0,s.Y)(O.pd,{id:q,placeholder:l("Tell us details"),value:j,onChange:e=>z(e.target.value),rows:5,maxRows:50,fullWidth:!0,multiline:!0,"data-cy":"contact-input"})]}),(0,s.Y)("section",{className:"jsx-58e88822282ce366 images mx-auto mt-2",children:W.length>0?(0,s.Y)(u.y,{children:(0,s.Y)(u.k,{files:W,onClickDeleteIcon:K})}):null}),(0,s.Y)("section",{className:"jsx-58e88822282ce366 mx-auto",children:(0,s.Y)("div",{className:"jsx-58e88822282ce366 d-flex justify-content-center",children:H&&(0,s.Y)(m.Q,{iconStyle:{padding:"0px 20px"},acceptMimetypes:[...v.D2,...v.FW],files:W,onChange:e=>k(e),onFileUploading:e=>{},maxUploadFiles:r.default.MAX_UPLOAD_FILES_BY_POST,iconSize:"large"})})}),(0,s.Y)("section",{"data-cy":"contact-submit-button-section",className:"jsx-58e88822282ce366 mt-5 text-center",children:(0,s.Y)(d.a,{className:"w-50",color:n.A.MAIN_BLUE,disabled:M.value===r.default.CONTACT_TYPE.Default||0===j.length,onClick:Q,children:l("Submit")})}),(B||$)&&(0,s.Y)("section",{className:"jsx-58e88822282ce366",children:(0,s.Y)("p",{className:"jsx-58e88822282ce366 mt-3 discraimer",children:l("We read every report and do our best to resolve it.")})})]}),(0,s.Y)(a(),{id:"58e88822282ce366",children:"label.jsx-58e88822282ce366{font-size:12px}.images.jsx-58e88822282ce366{max-width:375px;width:85%}.discraimer.jsx-58e88822282ce366{text-align:center}"})]});return(0,s.Y)(R,{renderPc:()=>(0,s.Y)(f.v,{children:J()}),renderSp:()=>(0,s.Y)(s.FK,{children:J()})})}}},e=>{e.O(0,[51,2136,4819,6328,7912,9064,5240,970,5879,2442,5494,636,6593,8792],()=>e(e.s=80523)),_N_E=e.O()}]);
4//# sourceMappingURL=contact-7ce2c5cacf5646c9.js.map
5//# debugId=b31ff562-30e1-5f5a-a408-338427ec7239