https://web.chutcha.net/_next/static/chunks/pages/cc_webview/customerFeedback/write-398b21352f338d94.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a6485741-cd6d-4fa6-b659-4d01dc1acd32",e._sentryDebugIdIdentifier="sentry-dbid-a6485741-cd6d-4fa6-b659-4d01dc1acd32")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4688],{24321:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cc_webview/customerFeedback/write",function(){return s(81774)}])},81774:function(e,t,s){"use strict";s.r(t);var a=s(85893),n=s(9008),i=s.n(n),l=s(25675),c=s.n(l),r=s(67294),o=s(48583),d=s(93967),u=s.n(d),m=s(43221),p=s(14885),h=s(39159),_=s(65460),x=s(32446),f=s(22118),b=s(86066),g=s(92272),j=s(60962),w=s(37354),v=s(5811),N=s(22465),y=s(16022),k=s(13101),C=s(21914),S=s(69970),D=s.n(S);let T=new Set(["image/png","image/jpeg","image/jpg"]);t.default=()=>{let e=(0,o.Dv)(_.vB),t=(0,o.Dv)(_.m6),s=(0,o.Dv)(_.dS),{hasAppInfoTimedOut:n,requestAppUser:l,isAppUserRequesting:d,hasRequestedAppUser:S}=(0,N.Z)({isInApp:e,appUserNo:t,appCheckFlag:s});(0,r.useEffect)(()=>{!0===e&&h.w8("첫차에게 알려줘")},[e]);let[E,I]=(0,r.useState)(!1),[W,L]=(0,r.useState)(""),[F,O]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(!t){L(""),O(null);return}let e=!0;return x.bG(String(t)).then(t=>{var s;e&&L(null!==(s=null==t?void 0:t.user_name)&&void 0!==s?s:"")}).finally(()=>{e&&O(t)}),()=>{e=!1}},[t]);let P="number"==typeof t&&t>0&&F!==t,[Z,q]=(0,r.useState)(""),[z,R]=(0,r.useState)([]),[A,B]=(0,r.useState)(!1),[H,X]=(0,r.useState)(null),[G,K]=(0,r.useState)(!1),[M,Q]=(0,r.useState)(void 0),[U,V]=(0,r.useState)(!0),[J,Y]=(0,r.useState)(p.bW());(0,r.useEffect)(()=>{var e,t;if(!p.bW()){Y(!1);return}Y("1"===p.DP(null!==(t=null===(e=window)||void 0===e?void 0:e.location.search)&&void 0!==t?t:"").is_in_app)},[]),(0,r.useEffect)(()=>{!1===e&&(J||(X((0,a.jsx)("p",{children:"잘못된 접근입니다."})),K(!1),V(!1),Q(()=>()=>{window.location.replace(m.To)}),B(!0)))},[e,J]);let $=e=>{X((0,a.jsx)("p",{children:e})),K(!1),V(!0),Q(void 0),B(!0)},ee=async e=>{if(!e||0===e.length)return;let t=3-z.length;if(t<=0){$("최대 ".concat(3,"장만 등록 가능합니다."));return}let s=Array.from(e),a=s.some(e=>!T.has(e.type.toLowerCase())),n=s.filter(e=>T.has(e.type.toLowerCase())),i=n.some(e=>e.size>9437184),l=n.filter(e=>e.size<=9437184),c=l.length>t,r=l.slice(0,t),o=0,d=0;if(r.length>0){I(!0);try{let e=(await Promise.all(r.map(async e=>{let t=p.xb(e.name);return b.lQ({fileName:p.O1()+t,filePath:"chutcha/feedback/temp/",body:e,ACL:"public-read",ContentType:e.type})}))).filter(e=>!!e);o=e.length,d=r.length-e.length,R(t=>[...t,...e])}finally{I(!1)}}let u=[];d>0&&u.push(o>0?"이미지 ".concat(o,"장은 첨부되었지만 ").concat(d,"장은 업로드에 실패했습니다. 실패한 이미지를 다시 선택해 주세요."):"이미지 ".concat(d,"장 업로드에 실패했습니다. 다시 시도해 주세요.")),a&&u.push("이미지 파일만 첨부해 주세요. (jpg, jpeg, png)"),i&&u.push("".concat(10,"MB 이하 이미지만 첨부해 주세요.")),c&&u.push("최대 ".concat(3,"장만 등록 가능합니다.")),u.length>0&&$(u.join(" "))},et=e=>{R(z.filter((t,s)=>s!==e))},es=Z.length>=10,ea=async()=>{if(!es)return;if("number"!=typeof t||t<=0){X((0,a.jsx)(a.Fragment,{children:"로그인이 필요합니다."})),K(!1),V(!0),Q(void 0),B(!0);return}I(!0);let e=await f.q({user_no:t,content:Z,img_list:z});I(!1),e?(X((0,a.jsxs)("div",{className:D().write_complete_contents,children:[(0,a.jsx)("div",{className:D().lottie_freme,children:(0,a.jsx)(k.Z,{lottieData:C,lottieWidth:"120px",lottieHeight:"80px",optionLoop:!0})}),(0,a.jsxs)("div",{className:D().txt_area,children:[(0,a.jsx)("div",{className:D().txt_frame,children:(0,a.jsxs)("p",{className:u()(D().txt,D().txt_style_size_18,D().weight_semibold),children:[(0,a.jsx)("b",{className:D().color_signature_blue,children:W}),"님의",(0,a.jsx)("br",{}),"의견이 접수됐어요"]})}),(0,a.jsx)("div",{className:D().txt_frame,children:(0,a.jsxs)("p",{className:u()(D().txt,D().txt_style_size_15),children:["남겨주신 소중한 의견은",(0,a.jsx)("br",{}),"첫차팀에서 꼼꼼히 확인해",(0,a.jsx)("br",{}),"개선하도록 할게요"]})})]})]})),K(!0),V(!1)):(X((0,a.jsxs)(a.Fragment,{children:["의견 등록 중 오류가 발생했습니다.",(0,a.jsx)("br",{}),"다시 시도해 주세요."]})),K(!1),V(!0)),Q(void 0),B(!0)},en=null===e||!0===e&&!s&&!n,ei=!0===e&&s&&"number"==typeof t&&t>0,el=!0===e&&(s&&!ei||!s&&n);return(0,a.jsxs)(g.Z,{webviewTitle:"",appdownloadHeader:!1,isInApp:e,className:D().customer_feedback_layout,children:[(0,a.jsxs)(i(),{children:[(0,a.jsx)("meta",{name:"viewport",content:"user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, viewport-fit=cover"},"viewport"),(0,a.jsx)("meta",{name:"robots",content:"noindex"},"robots"),(0,a.jsx)("title",{children:"첫차에게 알려줘 - 의견 남기기"})]}),el&&(0,a.jsx)(v.Z,{buttonText:"로그인",onLoginRequest:l,isLoginRequesting:d,hasRequestedLogin:S,elementClassNames:{contWrap:D().before_login_wrap,innerWrap:D().before_login_inner_wrap,msgWrap:D().before_login_msg_wrap,button:D().before_login_btn},children:(0,a.jsxs)("p",{children:["로그인 하시면",(0,a.jsx)("br",{}),"의견을 남기실 수 있습니다."]})}),ei&&(0,a.jsx)("div",{className:u()(D().page_wrap,"style_reset"),children:(0,a.jsxs)("div",{className:D().feedback_cont_wrap,children:[(0,a.jsx)("section",{className:u()(D().feedback_section,D().title_section),children:(0,a.jsx)("div",{className:D().title_area,children:(0,a.jsx)("h2",{className:D().txt,children:"의견을 남겨주세요"})})}),(0,a.jsx)("section",{className:u()(D().feedback_section,D().form_section),children:(0,a.jsxs)("ul",{className:D().form_group,children:[(0,a.jsx)("li",{className:D().from_item_wrap,children:(0,a.jsx)(y.Z,{placeHolder:"중고차 시장에 자유로운 의견을 남겨주세요\n(최소 10자 이상)",inputTextareaId:"feedbackContent",maxLength:1e3,textareaRows:7,inputTextareaClass:D().review_textarea,inputTextareaTagClass:D().feedback_textarea,countCheck:"check",inputOnKey:e=>q(e),inputValue:Z})}),(0,a.jsxs)("li",{className:u()(D().from_item_wrap,D().upload_area),children:[(0,a.jsxs)("div",{className:D().upload_list,children:[(0,a.jsxs)("label",{className:D().upload_btn,children:[(0,a.jsx)("input",{type:"file",accept:"image/png, image/jpeg, image/jpg",multiple:!0,onClick:e=>{z.length>=3&&(e.preventDefault(),$("최대 ".concat(3,"장만 등록 가능합니다.")))},onChange:e=>{ee(e.target.files),e.target.value=""}}),(0,a.jsxs)("span",{className:D().upload_btn_inner,children:[(0,a.jsx)("i",{className:D().upload_btn_icon,children:(0,a.jsx)(c(),{src:"".concat(m.nx,"/files/webview/common/icon/ic_gallery.svg"),alt:"사진 업로드",fill:!0,style:{objectFit:"contain",objectPosition:"center"}})}),(0,a.jsxs)("span",{children:[z.length,"/",3]})]})]}),z.map((e,t)=>(0,a.jsxs)("div",{className:D().thumb_item,children:[(0,a.jsx)("div",{className:D().thumb_img,style:{backgroundImage:'url("'.concat(m.CW,"/").concat(e,'?resize=150")')}}),(0,a.jsx)("button",{type:"button",className:D().del_btn,onClick:()=>et(t),title:"이미지 삭제",children:(0,a.jsx)("i",{className:D().del_btn_icon,children:(0,a.jsx)(c(),{src:"".concat(m.nx,"/files/webview/common/icon/ic-x-white-thinline.svg"),alt:"이미지 삭제",fill:!0,style:{objectFit:"contain",objectPosition:"center"}})})})]},"img_".concat(t)))]}),(0,a.jsx)("div",{className:D().description_group,children:(0,a.jsx)("p",{className:u()(D().notice,D().list_circle),children:"서비스 문의나 불편사항은 더보기 > 채팅상담으로 남겨주시면 최대한 빨리 도와드릴게요"})})]})]})}),(0,a.jsxs)("section",{className:u()("bottom_float","has_maxwidth",D().bottom_float),children:[(0,a.jsx)("span",{className:"hat"}),(0,a.jsx)("section",{className:"inner",children:(0,a.jsx)("button",{type:"button",className:u()("btn",{disabled:!es}),disabled:!es,onClick:ea,children:"완료"})})]})]})}),(0,a.jsx)(w.Z,{trigger:A,setTrigger:e=>B(e),modalContent:H,modalData:{closeWindow:G},shouldCloseOnOverlayClick:U,confirmOnRequestClose:!0,confirmBtnCallback:M,modalWrapClass:D().feedback_modal}),(0,a.jsx)(j.Z,{loadingFlag:E||P||en})]})}}},function(e){e.O(0,[8179,296,2428,3253,3498,9260,8065,9223,5745,6229,2888,9774,179],function(){return e(e.s=24321)}),_N_E=e.O()}]);