https://web.chutcha.net/_next/static/chunks/577-57025243b6d28272.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]="5dbde373-770d-4ca2-ac59-01877bdd00fa",e._sentryDebugIdIdentifier="sentry-dbid-5dbde373-770d-4ca2-ac59-01877bdd00fa")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[577],{10577:function(e,t,r){"use strict";var s=r(85893),n=r(67294),a=r(93967),u=r.n(a),l=r(25675),o=r.n(l),c=r(87066),i=r(43221),_=r(14885),p=r(56710),d=r.n(p);t.Z=e=>{let{forPC:t=!1,inputValue:r="",styleType:a="medium",inputOnKey:l=()=>{},placeHolder:p="",inputMode:h="",inputTextId:g="",lableText:m="",maxLength:f=11,errorMsg:x="",readonly:v=!1,authBtnClass:y=[],forcedUpdate:b=!1,setUserPhoneAuth:N=null,inputTextClass:j="",authReqBtnFn:E=()=>{},inputFocus:L=!1,refFn:M,...w}=e,P=(0,n.useRef)(null),k=(0,n.useRef)(null),A=(0,n.useRef)(null),I=(0,n.useRef)(null),B=(0,n.useRef)(null),S=(0,n.useRef)(null),C=(0,n.useRef)(null),D=(0,n.useRef)(null),[R,T]=(0,n.use

1State)({userPhone:r,userPhoneAuth:"",status:"",phoneErrorMsg:"",authErrorMsg:"",authLogId:""}),[F,q]=(0,n.useState)(0),[K,O]=(0,n.useState)(0);(0,n.useEffect)(()=>{R.phoneErrorMsg?P.current.classList.add(d().error):P.current.classList.remove(d().error),R.authErrorMsg?B.current.classList.add(d().error):B.current.classList.remove(d().error)}),(0,n.useEffect)(()=>{if(F>0&&"sending"===R.status){let e=setTimeout(()=>{q(F-1)},1e3);return()=>{clearTimeout(e)}}},[F,R.status]),(0,n.useEffect)(()=>{I&&D&&Array.isArray(y)&&y.length>0&&y.forEach(e=>{I.current.classList.add(e),D.current.classList.add(e)})},[y]);let Z=(e,t)=>{let s={...R};"init"===t&&(k.current.value=e.target.value,setTimeout(function(){""!==r&&O(1)},300)),"focus"===t&&(e.target.parentNode.parentNode.classList.add(d().focus),G(e)),"blur"===t&&(e.target.parentNode.parentNode.classList.remove(d().focus),G(e,"off")),("keyup"===t||"keypress"===t)&&G(e),h&&("onlyNumber"===h&&(e.target.value=e.target.value.replace(/[^0-9]/g,"")),"onlyKorean"===h&&(e.target.value=e.target.value.replace(/[^ㄱ-힣]/g,""))),"userPhone"===e.target.id&&(e.target.value=_.n6(e.target.value),""===e.target.value||_.MD(e.target.value)?""===e.target.value?(s.phoneErrorMsg="",s.status="",s.authLogId="",I.current.classList.remove(d().on),I.current.classList.remove(d().sending)):(s.phoneErrorMsg="",I.current.classList.add(d().on)):(s.phoneErrorMsg="올바른 휴대전화 번호를 입력하세요.",s.status="",s.authLogId="",I.current.classList.remove(d().on),I.current.classList.remove(d().sending),q(0))),"userPhoneAuth"===e.target.id&&(""!==e.target.value&&6!==e.target.value.length?(s.authErrorMsg="인증번호를 정확하게 입력해주세요.",D.current.classList.remove(d().on)):""===e.target.value?(s.authErrorMsg="",D.current.classList.remove(d().on)):(s.authErrorMsg="",D.current.classList.add(d().on))),s[e.target.id]=e.target.value,T(s)},G=(e,t)=>{var r,s;if("off"===t){(null===(s=e.target.parentNode)||void 0===s?void 0:s.children[1])&&setTimeout(function(){e.target.parentNode.children[1].classList.remove(d().on)},200);return}let n=e.target.value;T({...R,userPhone:""}),(null===(r=e.target.parentNode)||void 0===r?void 0:r.children[1])&&(""===n?e.target.parentNode.children[1].classList.remove(d().on):e.target.parentNode.children[1].classList.add(d().on))},H=e=>{k.current.value="",k.current.focus()},U=e=>{S.current.value="",S.current.focus()},V=async e=>{let t=!1;if("complete"===R.status)return;if(!_.MD(String(null==R?void 0:R.userPhone))){T({...R,phoneErrorMsg:"올바른 휴대전화 번호를 입력하세요."});return}let r={...R};return await (0,c.Z)({url:i.x8+"/common/getSmsAuthNum",method:"POST",params:{user_no:0,user_name:"첫차PC 차량 문의신청",phone:R.userPhone,os_type:99}}).then(e=>{"200"===e.data.code?((r={...R}).phoneErrorMsg="",r.authErrorMsg="",r.userPhoneAuth="",r.status="sending",r.authLogId=e.data.data.auth_log_id,q(179),I.current.classList.add(d().sending),S.current.focus(),t=!0):r={...R,phoneErrorMsg:e.data.msg}}).catch(e=>{alert(e)}),T({...r}),t},W=async()=>{!0===await V()&&(S.current.value="",E())},X=async e=>{if(e.userPhoneAuth.length<6){T({...e,authErrorMsg:"인증번호를 정확하게 입력해주세요."});return}let t={...R};await (0,c.Z)({url:i.$T+"/common/checkSmsAuth",method:"POST",params:{auth_log_id:e.authLogId,auth_code:e.userPhoneAuth}}).then(r=>{"200"===r.data.code?(t.phoneErrorMsg="",t.authErrorMsg="",t.userPhoneAuth="",t.status="complete",t.authLogId="",T(t),q(0),I.current.classList.remove(d().on),l({phone:String(e.userPhone),logId:e.authLogId,smsCode:e.userPhoneAuth})):(T({...e,authErrorMsg:r.data.msg}),D.current.classList.remove(d().on))}).catch(e=>{alert(e)})},Y=(0,n.useCallback)(()=>{X(R)},[R]);(0,n.useEffect)(()=>{if(0===K||b){k.current.value=r;let e={target:{value:""}};e.target.value=String(r),e.target.id="userPhone",0===K&&Z(e,"init")}},[r]),(0,n.useEffect)(()=>{N&&("complete"===R.status?N(R.userPhone):N(""))},[R.status,R.userPhone,N]);let z=e=>"(".concat(parseInt(String(e%3600/60)),":").concat(e%60<10?"0".concat(e%60):e%60,")"),[J,$]=(0,n.useState)(""),[Q,ee]=(0,n.use

1State)(""),[et,er]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{"large"===a?($(()=>"인증번호 입력"),ee(()=>"complete"!==R.status&&""!==R.status?"인증번호 ".concat(z(F)):"인증번호"),er(()=>"complete"!==R.status)):($(()=>"complete"!==R.status?"인증번호 입력 ".concat(z(F)):"인증번호 입력"),ee(()=>"인증번호"),er(()=>!0))},[a,R,F,$,ee,er]),(0,n.useEffect)(()=>{(null==D?void 0:D.current)&&(et&&"sending"===R.status?D.current.classList.remove(d().off):D.current.classList.add(d().off))},[et,R.status]),(0,n.useEffect)(()=>{!0===L&&(null==k?void 0:k.current)&&k.current.focus()},[L]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:u()(d().input_tel_groups,d().input_tel_group,{[j]:!!j},a?d()["style_type_".concat(a)]:d().style_type_medium,{[d().for_pc]:!!t}),ref:e=>{M&&M(e)},children:[(0,s.jsx)("div",{className:d().inner,children:(0,s.jsxs)("div",{className:d().input_group_wrap,ref:P,children:[(0,s.jsx)("label",{htmlFor:g,children:m}),(0,s.jsxs)("div",{className:d().input_text_wrap,children:[(0,s.jsx)("input",{type:"text",ref:k,id:g,placeholder:p,onKeyUp:e=>{Z(e,"keyup")},onKeyDown:e=>{Z(e,"keypress")},onFocus:e=>Z(e,"focus"),onBlur:e=>{Z(e,"blur")},onChange:e=>{Z(e,"change")},disabled:!("complete"!==R.status),maxLength:13,inputMode:"onlyNumber"===h?"decimal":"text",defaultValue:R.userPhone}),!1===t&&(0,s.jsx)("button",{type:"button",ref:A,className:d().inputTextDelBtn,onClick:e=>{H(e)},children:(0,s.jsx)("div",{className:d().ico_frame,children:(0,s.jsx)(o(),{src:i.nx+"/files/webview/chutcha_loan/icon-ic-txtdelete.svg",alt:"삭제",fill:!0,style:{objectFit:"contain",objectPosition:"center"},quality:80})})})]}),(0,s.jsxs)("button",{type:"button",className:u()(d().phoneAuthReqBtn),onClick:()=>W(),ref:I,"data-status":!!(!0===t&&"complete"===R.status),children:[!0===t&&"complete"===R.status&&(0,s.jsx)("div",{className:d().ico_frame,children:(0,s.jsx)(o(),{src:"".concat(i.nx,"/files/website/chutcha_pc/common/icon/ic_check.png"),alt:"v",fill:!0,style:{objectFit:"contain",objectPosition:"center"},quality:80})}),!1===t&&(""===R.status?"인증요청":"complete"===R.status?"인증완료":"재요청"),!0===t&&(""===R.status?"인증하기":"complete"===R.status?"인증완료":"재전송")]})]})}),R.phoneErrorMsg&&(0,s.jsx)("p",{className:d().errorMsg,children:R.phoneErrorMsg})]}),(0,s.jsxs)("div",{className:u()(d().input_tel_groups,d().input_tel_auth_group,a?d()["style_type_".concat(a)]:d().style_type_medium,{[d().on]:!("sending"!==R.status)},{[d().for_pc]:!!t}),children:[(0,s.jsx)("div",{className:d().inner,children:(0,s.jsxs)("div",{className:d().input_group_wrap,ref:B,children:[(0,s.jsx)("label",{htmlFor:"",children:Q}),(0,s.jsxs)("div",{className:d().input_text_wrap,children:[(0,s.jsx)("input",{type:"text",ref:S,id:"userPhoneAuth",placeholder:J,onKeyUp:e=>{Z(e,"keyup")},onKeyDown:e=>{Z(e,"keypress")},onFocus:e=>Z(e,"focus"),onBlur:e=>{Z(e,"blur")},onChange:e=>{Z(e,"change")},maxLength:6,inputMode:"onlyNumber"===h?"decimal":"text",readOnly:!et,disabled:!et,className:et?"":"off "}),!1===t&&(0,s.jsx)("button",{type:"button",ref:C,className:d().inputTextDelBtn,onClick:e=>{U(e)},children:(0,s.jsx)("div",{className:d().ico_frame,children:(0,s.jsx)(o(),{src:i.nx+"/files/webview/chutcha_loan/icon-ic-txtdelete.svg",alt:"삭제",fill:!0,style:{objectFit:"contain",objectPosition:"center"},quality:80})})}),!et&&(0,s.jsxs)("div",{className:d().auth_complete_text,children:[(0,s.jsx)("p",{className:d().txt,children:"인증완료"}),(0,s.jsx)("i",{className:u()(d().ico,d().ico_complete)})]})]}),(0,s.jsx)("button",{type:"button",className:u()(d().phoneAuthChkBtn),ref:D,onClick:()=>Y(),children:"확인"})]})}),R.authErrorMsg&&(0,s.jsx)("p",{className:d().errorMsg,children:R.authErrorMsg})]}),!!("large"===a&&"complete"===R.status)&&(0,s.jsx)("div",{className:u()(d().input_tel_groups,d().input_tel_auth_group,a?d()["style_type_".concat(a)]:d().style_type_medium,{[d().on]:!!("complete"===R.status&&"large"===a)},{[d().for_pc]:!!t}),children:(0,s.jsx)("div",{className:d().inner,children:(0,s.jsxs)("div",{className:d().input_group_wrap,children:[(0,s.jsx)("label",{htmlFor:"",children:Q}),(0,s.jsxs)("div",{className:d().input_text_wrap,children:[(0,s.jsx)("input",{type:"text",ref:S,placeholder:"",readOnly:!0}),(0,s.jsxs)("div",{className:d().auth_complete_text,children:[(0,s.jsx)("p",{className:d().txt,children:"인증완료"}),(0,s.jsx)("i",{className:u()(d().ico,d().ico_complete)})]})]})]})})})]})}},56710:function(e){e.exports={input_tel_group:"input_tel_input_tel_group__MOgSR",inner:"input_tel_inner__VyZkG",input_group_wrap:"input_tel_input_group_wrap__rg_a7",focus:"input_tel_focus__bpRZB",error:"input_tel_error__gau0f",input_text_wrap:"input_tel_input_text_wrap__eIOhK",inputTextDelBtn:"input_tel_inputTextDelBtn__D_r_8",on:"input_tel_on___GHuN",phoneAuthReqBtn:"input_tel_phoneAuthReqBtn__E28qp",sending:"input_tel_sending__OOGmG",off:"input_tel_off__u1RPP",errorMsg:"input_tel_errorMsg___fH14",input_tel_auth_group:"input_tel_input_tel_auth_group__9HEFb",phoneAuthChkBtn:"input_tel_phoneAuthChkBtn__htNUr",small_btn:"input_tel_small_btn__iBxJl",input_tel_groups:"input_tel_input_tel_groups__yrDzH",style_type_large:"input_tel_style_type_large__K59rZ",outline_style:"input_tel_outline_style__XK_wW",auth_complete_text:"input_tel_auth_complete_text__0kGNt",txt:"input_tel_txt__TUwYy",ico:"input_tel_ico__XH3_f",ico_frame:"input_tel_ico_frame__Y89ZB",for_pc:"input_tel_for_pc__IoWqf","skeleton-gradient":"input_tel_skeleton-gradient__LT04r"}}}]);