https://web.chutcha.net/_next/static/chunks/pages/cc_webview/loan/history/cancel-53cb0560594b8044.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]="af8736f0-a9fd-4b90-8fe5-cb836f414715",e._sentryDebugIdIdentifier="sentry-dbid-af8736f0-a9fd-4b90-8fe5-cb836f414715")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4907],{30595:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cc_webview/loan/history/cancel",function(){return a(47361)}])},11518:function(e,t,a){"use strict";a.d(t,{NY:function(){return s},g7:function(){return o},yn:function(){return i}});var n=a(43221),r=a(87066);let l="".concat(n.eM,"/api").concat(n.Jm),_="/partnerapi/api".concat(n.Jm),o=async e=>{let{isServer:t,data:a}=e,n=await (0,r.Z)({url:"".concat(t?l:_,"/loans/requests/recent/auth"),method:"POST",data:{...a}}).then(e=>({status:e.status,data:e.data})).catch(e=>(console.error("postLoanRecentAuth error :: ",e),{status:e.status,data:null})),o=null;return Number(null==n?void 0:n.status)>=200&&400>Number(null==n?void 0:n.status)&&(o=n.data),o},s=async e=>{let{isServer:t,hashKey:a,data:n}=e,o=await (0,r.Z)({url:"".concat(t?l:_,"/loans/requests/key/").concat(a),method:"POST",data:{...n}}).then(e=>({status:e.status,data:e.data})).catch(e=>

1(console.error("getLoanReqDetailByHashkey error :: ",e),{status:e.status,data:null})),s=null;return Number(null==o?void 0:o.status)>=200&&400>Number(null==o?void 0:o.status)&&(s=o.data),s},i=async e=>{let{isServer:t,hashKey:a,data:n}=e,o=await (0,r.Z)({url:"".concat(t?l:_,"/loans/requests/cancel/").concat(a),method:"PATCH",data:{...n}}).then(e=>({status:e.status,data:e.data})).catch(e=>(console.error("postLoanReqCancel error :: ",e),{status:e.status,data:null})),s=null;return Number(null==o?void 0:o.status)>=200&&400>Number(null==o?void 0:o.status)&&(s=o.data),s}},37354:function(e,t,a){"use strict";a.d(t,{Z:function(){return m}});var n=a(85893),r=a(67294),l=a(83253),_=a.n(l),o=a(14885),s=a(39159),i=a(74841),c=a.n(i),d=a(93967),u=a.n(d);function m(e){var t;let[a,l]=(0,r.useState)(!1),o=t=>{l(!1),e.setTrigger(!1),void 0!==e.modalData&&e.modalData.closeWindow&&s.R0(),void 0!==e.modalData&&e.modalData.refresh},i=()=>{e.confirmBtnCallback&&e.confirmBtnCallback()};return(0,r.useEffect)(()=>{l(e.trigger)},[e.trigger]),(0,n.jsxs)(_(),{isOpen:a,className:u()(c().modalWrap,c()["style_".concat(null!==(t=e.styleType)&&void 0!==t?t:"wv")],{[e.modalWrapClass]:!!e.modalWrapClass}),overlayClassName:u()(c().dimmer,e.modalOverlayClass?e.modalOverlayClass:""),onRequestClose:()=>{o(!1),e.confirmOnRequestClose&&i()},shouldCloseOnOverlayClick:e.shouldCloseOnOverlayClick,children:[(0,n.jsxs)("section",{className:c().description,children:[!!e.modalTitle&&(0,n.jsx)("div",{className:c().modal_title,children:"object"==typeof e.modalTitle?(0,n.jsx)("div",{className:u()(c().txt,c().title),children:e.modalTitle}):(0,n.jsx)("div",{className:u()(c().txt,c().title),dangerouslySetInnerHTML:{__html:e.modalTitle}})}),(0,n.jsxs)("div",{className:c().modal_msg,children:[e.modalContent&&(0,n.jsx)("div",{className:u()(c().txt,c().cont),children:e.modalContent}),e.modalMsg&&(0,n.jsx)("p",{className:u()(c().txt,c().cont),dangerouslySetInnerHTML:{__html:e.modalMsg}})]})]}),(0,n.jsxs)("section",{className:c().actions,children:[(0,n.jsx)("button",{onClick:()=>{o(!1),"confirm"===e.modalType&&e.cancelCallback&&e.cancelCallback(),"confirm"!==e.modalType&&i()},className:"btn "+("confirm"===e.modalType?u()(c().close_btn):u()(c().close_btn,c().only_close_btn)),children:"confirm"===e.modalType?e.cancelText?e.cancelText:"취소":e.confirmText?e.confirmText:"확인"}),"confirm"===e.modalType&&(0,n.jsx)("button",{onClick:()=>{o(!1),i()},className:"btn "+c().confirm_btn,children:e.confirmText?e.confirmText:"확인"})]})]})}!1===o.bW()?_().setAppElement("#site_wrap"):_().setAppElement("body")},16022:function(e,t,a){"use strict";var n=a(85893),r=a(67294),l=a(93967),_=a.n(l),o=a(14885),s=a(60932),i=a.n(s);t.Z=e=>{let{forPC:t=!1,inputOnKey:a=()=>{},inputValue:l="",inputTextareaId:s="",inputTextareaClass:c="",placeHolder:d="",inputTextareaTagClass:u="",maxLength:m=0,textareaRows:p=0,errorMsg:f="",countCheck:x="",height:h="",refFn:g,...b}=e,y=(0,r.useRef)(null),v=(0,r.useRef)(null),[w]=(0,r.useState)(0),N=(e,t)=>{"focus"===t&&y.current.classList.add(i().focus),"blur"===t&&y.current.classList.remove(i().focus),a(e.target.value,t)};return(0,r.useEffect)(()=>{if(void 0!==l&&0===w&&(null==v?void 0:v.current)){v.current.value=l;let e={target:{value:""}};e.target.value=String(l),N(e,"init")}},[l,w]),(0,r.useEffect)(()=>{(null==y?void 0:y.current)&&(f?y.current.classList.add(i().error):y.current.classList.remove(i().error))},[f]),(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:_()(i().input_textarea_group,{[c]:!!c},{[i().for_pc]:!!t}),ref:e=>{g&&g(e)},children:[(0,n.jsx)("div",{className:i().inner,children:(0,n.jsx)("div",{className:i().input_group_wrap,ref:y,children:(0,n.jsx)("div",{className:_()(i().input_textarea_wrap,"g_input_textarea_wrap"),style:h?{maxHeight:h,display:"grid",gridTemplateRows:h}:{},children:(0,n.jsx)("textarea",{ref:v,id:s,placeholder:d,className:_()(i().textarea,u,"g_textarea"),onKeyUp:e=>{N(e,"keyup")},onKeyDown:e=>{N(e,"keypress")},onFocus:e=>N(e,"focus"),onBlur:e=>{N(e,"blur")},onChange:e=>{N(e,"change")},maxLength:!!m&&m,rows:p||void 0,style:h?{height:"100%"}:{}})})})}),!!x&&!!m&&(0,n.jsxs)("p",{className:_()(i().textareaCount,"g_textarea_count"),children:[(0,n.jsx)("span",{className:i().currCount,children:o.x6(l.length)}),(0,n.jsx)("span",{className:i().countDiv,children:"/"}),(0,n.jsx)("span",{className:i().maxLength,children:o.x6(m)})]}),f&&(0,n.jsx)("p",{className:i().errorMsg,children:f})]})})}},60962:function(e,t,a){"use strict";var n=a(85893);a(67294);var r=a(25675),l=a.n(r),_=a(93967),o=a.n(_),s=a(43221),i=a(2286),c=a.n(i);t.Z=e=>

1(0,n.jsx)("div",{className:o()(c().loadingSpinner,{[c().on]:0===e.loadingFlag||!0===e.loadingFlag},{[c().with_message]:e.textMsg&&"string"==typeof e.textMsg},e.className),style:e.spinnerWrapStyle,children:(0,n.jsxs)("div",{className:o()([c().spinner,"spinner_image_wrap"]),children:[(0,n.jsx)(l(),{src:s.A9+"/files/webview/common/icon/animation_300_kr30x9nf.gif",alt:"",className:"spinner_image",width:50,height:50,priority:!0,quality:80}),e.textMsg&&"string"==typeof e.textMsg&&(0,n.jsx)("div",{className:c().txt_frame,children:(0,n.jsx)("p",{className:c().txt,children:e.textMsg})})]})})},30716:function(e,t,a){"use strict";a.d(t,{Dk:function(){return u},fb:function(){return d},n5:function(){return i},vw:function(){return c}});var n=a(85893),r=a(93967),l=a.n(r),_=a(67294);a(32446),a(65460),a(10577);var o=a(89353),s=a.n(o);let i=e=>{let{className:t="",children:a}=e,{formTitleChild:r,formContentChild:o,bottomFloatChild:i}=(0,_.useMemo)(()=>{let e=null,t=null,n=null;return a&&_.Children.toArray(a).forEach(a=>{_.isValidElement(a)&&(a.type===c?e=a:a.type===d?t=a:a.type===u&&(n=a))}),{formTitleChild:e,formContentChild:t,bottomFloatChild:n}},[a]);return(0,n.jsx)("div",{className:l()(s().form_wrapper,t),children:(0,n.jsx)("div",{className:s().form_wrapper_inner,children:(0,n.jsxs)("div",{className:l()(s().content_area,s().padding_bottom_float_btn),children:[r,o,i]})})})},c=e=>{let{title:t="",description:a=""}=e;return(0,n.jsxs)("div",{className:s().form_title_wrap,children:[(0,n.jsx)("h2",{className:s().txt_title,children:t}),a&&(0,n.jsx)("span",{className:s().txt_description,children:a})]})},d=e=>{let{className:t="",children:a}=e;return(0,n.jsx)("div",{className:l()(s().form_content_wrap,t),children:a})},u=e=>{let{className:t="",children:a}=e;return(0,n.jsx)("div",{className:l()(s().bottom_float_wrap,t),children:a})}},26853:function(e,t,a){"use strict";a.d(t,{G:function(){return r},O:function(){return l}});var n=a(15103);let r=(0,n.cn)(null),l=(0,n.cn)(!1)},47361:function(e,t,a){"use strict";a.r(t),a.d(t,{LoanHistoryPage:function(){return E},__N_SSP:function(){return D},default:function(){return O}});var n=a(85893),r=a(67294),l=a(9008),_=a.n(l),o=a(11163),s=a(48583),i=a(93967),c=a.n(i),d=a(11518),u=a(39159),m=a(22272),p=a(43221),f=a(65460),x=a(26853),h=a(92272),g=a(37354),b=a(60962),y=a(30716),v=a(16022),w=a(35194),N=a.n(w);let j=e=>{let{cancelTypeDataSet:t=[],selectedId:a="",comment:l="",inputOnChange:_=null}=e,[o,s]=(0,r.useState)({reason:a,comment:l});(0,r.useEffect)(()=>{s({reason:a,comment:l})},[a,l]);let i=(0,r.useCallback)((e,t)=>{let a={...o,[e]:t};"reason"===e&&"99"!==t&&(a.comment=""),_&&_(a)},[_,o]);return(0,n.jsx)("ul",{className:N().cancel_form_wrap,children:t.map(e=>(0,n.jsxs)("li",{className:c()(N().radio_item),children:[(0,n.jsx)("input",{type:"radio",name:"rdo_cancel_reason",id:"rdo_cancel_reason_".concat(e.value),value:e.value,checked:o.reason===e.value,className:c()(N().input_radio),onChange:t=>{i("reason",e.value)}}),(0,n.jsxs)("div",{className:N().rdo_label_frame,children:[(0,n.jsxs)("label",{className:N().rdo_label_area,htmlFor:"rdo_cancel_reason_".concat(e.value),children:[(0,n.jsx)("i",{className:c()(N().ico_rdo,{[N().on]:e.value===o.reason})}),(0,n.jsx)("span",{className:N().txt_label,children:e.label})]}),e.value===o.reason&&e.description&&(0,n.jsx)("div",{className:N().rdo_description_area,children:(0,n.jsx)("span",{className:N().txt_description,children:e.description})}),"99"===e.value&&e.value===o.reason&&(0,n.jsx)("div",{className:N().rdo_comment_area,children:(0,n.jsx)(v.Z,{inputTextareaClass:N().cancel_comment_textarea,placeHolder:"상담 취소 이유를 입력해주세요 (5자 이상)",errorMsg:"",inputOnKey:(e,t)=>{i("comment",e)},inputValue:o.comment,countCheck:"check",maxLength:20,height:"8em"})})]})]},"rdo_cancel_reason_".concat(e.value)))})},C=e=>{let{onClick:t=()=>{},disabled:a}=e;return(0,n.jsxs)("section",{className:c()("bottom_float",N().bottom_float,N().bottom_float_cancel_form),children:[(0,n.jsx)("span",{className:"hat"}),(0,n.jsxs)("section",{className:c()("inner",N().inner),children:[(0,n.jsx)("p",{className:N().desc_area,children:(0,n.jsx)("span",{className:N().txt_desc,children:"요청 즉시 취소 처리됩니다"})}),(0,n.jsx)("button",{type:"button",className:c()("btn",N().btn_float,{[N().disabled]:a}),disabled:a,onClick:t,children:"상담 취소하기"})]})]})};var k=a(33971),T=a.n(k);let S="첫차론";var D=!0;let E=e=>{let{cancelTypeDataSet:t=[],...a}=e,l=(0,o.useRouter)(),[i,v]=(0,r.useState)(!1),[w,N]=(0,r.useState)(!1),[k,D]=(0,r.useState)({title:null,cont:null,type:null,confirmBtnText:"확인",cancelBtnText:null,closeWindow:!1,refresh:!1,disableBackdropClick:!1,disableEscapeKeyDown:!1,transitionDuration:1,confirmBtnCallback:null});(0,s.Dv)(f.dS);let E=(0,s.Dv)(f.vB);(0,s.Dv)(f.m6),(0,s.Dv)(f.c8),(0,s.Dv)(m.ij),(0,r.useEffect)(()=>{u.w8(S)},[]);let O=(0,r.useCallback)(()=>{var e,t,a;(null===(e=window)||void 0===e?void 0:e.history)?(null!==(a=null===(t=window)||void 0===t?void 0:t.history)&&void 0!==a?a:[]).length>1?l.back():E?u.R0():window&&window.open("","_self").close():E?u.R0():l.replace("/cc_webview/loan/history")},[E]),[L,W]=(0,s.KO)(x.G),[I,M]=(0,s.KO)(x.O),[B,P]=(0,r.useState)(!1);(0,r.useEffect)(()=>{B||(P(!0),!1===I&&l.replace("/cc_webview/loan/history"))},[I,B]),(0,r.useEffect)(()=>{0===t.length&&(D(e=>({...e,cont:p.W0,confirmBtnCallback:()=>{l.back()}})),N(!0))},[t,D]);let[q,K]=(0,r.useState)({reason:"",comment:""}),[A,R]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=!1;q.reason&&"99"!==q.reason&&(e=!0),"99"===q.reason&&q.comment.length>=5&&(e=!0),R(e)},[q]);let Z=(0,r.useCallback)(async()=>{v(!0);let e=await (0,d.yn)({isServer:!1,hashKey:L.hashKey,data:{logId:L.logId,smsCode:L.smsCode,cancelTypeId:Number(q.reason),c

1ancelReason:"99"===q.reason?q.comment:""}});if(v(!1),e&&Number(null==e?void 0:e.code)>=200&&400>Number(null==e?void 0:e.code))D(e=>({...e,cont:"첫차론 상담 신청이\n취소되었어요",confirmBtnCallback:O})),N(!0);else{let t=p.W0,a=O;((null==e?void 0:e.code)===401||(null==e?void 0:e.code)===404||(null==e?void 0:e.code)===422)&&(t=null==e?void 0:e.msg,a=()=>{W(null),M(!1),O()}),D(e=>({...e,cont:t,confirmBtnCallback:a})),N(!0)}v(!1)},[L,q,O]);return(0,n.jsxs)(h.Z,{stickyWrapHeightAuto:!1,isInApp:E,pageBackgroundColor:"white",children:[(0,n.jsxs)(_(),{children:[(0,n.jsx)("meta",{name:"robots",content:"noindex"},"robots"),(0,n.jsx)("meta",{name:"viewport",content:"user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"},"viewport"),(0,n.jsx)("title",{children:S})]}),!0===I&&(0,n.jsx)("div",{className:c()(T().loan_history_page_wrap,T().loan_history_cancel_page_wrap),children:(0,n.jsx)("div",{className:c()(T().loan_history_page_inner),children:(0,n.jsxs)(y.n5,{children:[(0,n.jsx)(y.vw,{title:"상담을 취소하는\n이유가 무엇인가요?",description:""}),(0,n.jsx)(y.fb,{children:(0,n.jsx)("div",{className:T().input_area,children:(0,n.jsx)(j,{cancelTypeDataSet:t,selectedId:q.reason,comment:q.comment,inputOnChange:e=>{K(e)}})})}),(0,n.jsx)(y.Dk,{children:(0,n.jsx)(C,{onClick:Z,disabled:!!(i||!A)})})]})})}),(0,n.jsx)(g.Z,{trigger:w,setTrigger:e=>N(e),modalTitle:k.title,modalContent:k.cont,modalData:k,shouldCloseOnOverlayClick:!1,confirmBtnCallback:()=>{var e;null==k||null===(e=k.confirmBtnCallback)||void 0===e||e.call(k),k.confirmBtnCallback=null}}),(0,n.jsx)(b.Z,{loadingFlag:i})]})};var O=E},74841:function(e){e.exports={dimmer:"basic_msg_modal_dimmer__PrQYf",modalWrap:"basic_msg_modal_modalWrap__vogfK",description:"basic_msg_modal_description__YlSoq",modal_title:"basic_msg_modal_modal_title__uC4g6",txt:"basic_msg_modal_txt__rTwWn",title:"basic_msg_modal_title__FIW9C",modal_msg:"basic_msg_modal_modal_msg__EdbKp",cont:"basic_msg_modal_cont__Xo4Qs",actions:"basic_msg_modal_actions__zgYbY",close_btn:"basic_msg_modal_close_btn__4D9kS",only_close_btn:"basic_msg_modal_only_close_btn__r_OnM",confirm_btn:"basic_msg_modal_confirm_btn__cN1Ps",style_pc:"basic_msg_modal_style_pc__LUFCs","skeleton-gradient":"basic_msg_modal_skeleton-gradient__Ubcia"}},60932:function(e){e.exports={input_textarea_group:"input_textarea_input_textarea_group__odI9r",textarea:"input_textarea_textarea__TEgPB",textareaCount:"input_textarea_textareaCount__Hz8yd",currCount:"input_textarea_currCount__aiueZ",countDiv:"input_textarea_countDiv___Ct03",maxLength:"input_textarea_maxLength__xN6yT",for_pc:"input_textarea_for_pc__WLuqq",input_group_wrap:"input_textarea_input_group_wrap__U7vFf",focus:"input_textarea_focus__2nLMq",input_textarea_wrap:"input_textarea_input_textarea_wrap__t_Zc2",error:"input_textarea_error__Wh9O9",errorMsg:"input_textarea_errorMsg__ci3y7",review_textarea:"input_textarea_review_textarea__iEv5Y","skeleton-gradient":"input_textarea_skeleton-gradient___xKX7"}},89353:function(e){e.exports={form_wrapper:"layout_form_wrapper__7ayfO",form_wrapper_inner:"layout_form_wrapper_inner__fKA6b",content_area:"layout_content_area__bor07",min_height_full:"layout_min_height_full__YCF43",padding_bottom_float_btn:"layout_padding_bottom_float_btn__qOpk9",form_title_wrap:"layout_form_title_wrap__Sn3LX",txt_title:"layout_txt_title__1Wpjt",txt_description:"layout_txt_description__e_ASl",form_content_wrap:"layout_form_content_wrap__C2Lty",space_between_col_layout:"layout_space_between_col_layout___mK4H",bottom_float_wrap:"layout_bottom_float_wrap__C41p_","skeleton-gradient":"layout_skeleton-gradient__wr09e"}},35194:function(e){e.exports={bottom_float_cancel_form:"cancel_bottom_float_cancel_form__MMUh_",btn_float:"cancel_btn_float__Qtihq",disabled:"cancel_disabled__WP4Sw",desc_area:"cancel_desc_area__G2NJb",txt_desc:"cancel_txt_desc__doCSP",cancel_form_wrap:"cancel_cancel_form_wrap__3IlDN",radio_item:"cancel_radio_item__lhcRT",input_radio:"cancel_input_radio__1vtSu",rdo_label_frame:"cancel_rdo_label_frame__tr0dP",rdo_label_area:"cancel_rdo_label_area__VzU8P",rdo_comment_area:"cancel_rdo_comment_area__9dzxp",rdo_description_area:"cancel_rdo_description_area__fmkjl",ico_rdo:"cancel_ico_rdo__IMtmL",on:"cancel_on__6wfJ2",txt_label:"cancel_txt_label__E5BKw",txt_description:"cancel_txt_description__ZW7Kv",cancel_comment_textarea:"cancel_cancel_comment_textarea__fEPZQ","skeleton-gradient":"cancel_skeleton-gradient__EngAk"}},33971:function(e){e.exports={loan_history_page_wrap:"history_loan_history_page_wrap__uPxfn",loan_history_page_inner:"history_loan_history_page_inner__QqPow",loan_history_cancel_page_wrap:"history_loan_history_cancel_page_wrap__6x48c",input_row:"history_input_row__A8YPC",input_radio:"history_input_radio__zGB1L",input_row_4:"history_input_row_4__pTIqh",input_text_row:"history_input_text_row__Wbikv",input_frame:"history_input_frame__4K_3V",

1input_area:"history_input_area__G1_09",space_between_col_layout:"history_space_between_col_layout__fvWNi",input_row_padding_top:"history_input_row_padding_top__rXtCe",input_row_margin_top:"history_input_row_margin_top__zI1sW",input_row_agree:"history_input_row_agree__9S9oL",input_row_check:"history_input_row_check__y642G",check_area:"history_check_area__jwlXg",input_wrap:"history_input_wrap__5sTAV",bottom_float:"history_bottom_float__YdAxm",btn_float:"history_btn_float__sRmYT",disabled:"history_disabled__Cn3R5","skeleton-gradient":"history_skeleton-gradient__xukqm"}},2286:function(e){e.exports={loadingSpinner:"loadingSpinner_loadingSpinner__GUZDA",on:"loadingSpinner_on__UFIXO",with_message:"loadingSpinner_with_message__K05CC",spinner:"loadingSpinner_spinner__sYy5B",txt_frame:"loadingSpinner_txt_frame__IlP7I",txt:"loadingSpinner_txt__gAcTM"}}},function(e){e.O(0,[2428,3253,8065,9223,5745,577,3220,2888,9774,179],function(){return e(e.s=30595)}),_N_E=e.O()}]);