https://www.vancar.kr/_next/static/chunks/7942.5d4ba52ebc2da524.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="240e4edb-a437-403a-9403-e7960691ad11",e._sentryDebugIdIdentifier="sentry-dbid-240e4edb-a437-403a-9403-e7960691ad11")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7942],{67942:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return D}});var n=i(57437),t=i(33145),a=i(2265),c=i(94646),l=i(86233),r=i(44313),d=i(74561),o=i(19764);function h(e){let[s,i]=(0,a.useState)(1),[c,l]=(0,a.useState)(null),r=e=>~e.indexOf("\n")?e.split("\n").map((e,s)=>(0,n.jsxs)("span",{children:[e,(0,n.jsx)("br",{})]},s)):e;return(0,n.jsxs)("div",{className:"introduce-modal",children:[(0,n.jsx)("div",{className:"introduce-title",children:r(1===s?"내가 요청한\n계약 카드를 확인하세요":2===s?"모든 계약 과정을\n실시간으로 진행하세요":3===s?"이용 기간 동안\n대여 현황을 관리하세요":"지금 원하는 차량을\n계약해 보세요!")}),(0,n.jsx)("div",{className:"introduce-subTitle",children:r(1===s?"마이페이지를 통해\n내가 접수한 계약 요청 정보를 확인하세요":2===s?"계약 요청부터 완료까지의 진행 과정을\n실시간으로 체크할 수 있어요":3===s?"차량 이용일과 계약 정보를 관리하고\n계약 연장을 편하게 요청하세요":"다양한 신차/중고차 렌트 차량 중에서\n나에게 딱 맞는 차량을 계약하세요.")}),(0,n.jsx)("div",{className:"introduce-swiper",children:(0,n.jsx)(o.tq,{className:"swiper-list detail-swiper-list",modules:[d.tl,d.s5],pagination:{type:"bullets",clickable:!0,clickableClass:"introduce-clickable"},slidesPerView:1,slidesPerGroup:1,allowTouchMove:!0,touchEventsTarget:"container",onSlideChange:e=>{i(e.activeIndex+1)},onSwiper:e=>{l(e)},children:[1,2,3,4].map((e,s)=>e?(0,n.jsx)(o.o5,{children:(0,n.jsx)(t.default,{src:"/img/icon/mypage/gif/introduceCar-".concat(e,".gif"),alt:"gif",width:0,height:0,sizes:"100vw",style:{width:"100%",objectFit:"contain",height:"360px"},unoptimized:!0})},s):"")})}),(0,n.jsx)("div",{className:"btn-wrap",children:1==s?(0,n.jsx)("button",{className:"btn-next",onClick:()=>{c.slideTo(1),i(2)},children:"다음"}):2==s?(0,n.jsx)("button",{className:"btn-next",onClick:()=>{c.slideTo(2),i(3)},children:"다음"}):3==s?(0,n.jsx)("button",{className:"btn-next",onClick:()=>{c.slideTo(3),i(4)},children:"다음"}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("a",{className:"btn-goProduct",href:"/product",children:"차량 둘러보기"}),(0,n.jsx)("button",{className:"btn-close",onClick:()=>{e.onClose(!1)},children:"닫기"})]})})]})}i(88209),i(7354),i(86968),i(76889),i(61985);var x=i(99376),m=i(29233),p=i(23133),g=i(7719),u=i(93041),j=i(74528),v=i(75051),f=i(65422),N=i(42350);function w(e){var s,i,c,l,r,d,o,h,x,g,u,j;let{item:v,index:N,isLicense:w,reqConfirmDeposite:y,openModal:b}=e,C=(0,p.D)(e=>e.setDriverModal),k=v.Status.Progress,D=v.ContractTracking,[S,I]=(0,a.useState)(0),[R,q]=(0,a.useState)(!1),[T,L]=(0,a.useState)(!1),[z,P]=(0,a.useState)(0),[F,M]=(0,a.useState)(0),E=e=>{let s=e.slice(0,4),i=e.slice(5,7),n=e.slice(8,10);return i=10>parseInt(e.slice(5,7))?e.slice(6,7):e.slice(5,7),n=10>parseInt(e.slice(8,10))?e.slice(9,10):e.slice(8,10),"".concat(s,"년 ").concat(i,"월 ").concat(n,"일")},U=(0,a.useCallback)((e,s)=>{let i=1e3*s,n=Math.floor((i-1e3*e)/864e5),t=Math.floor((i-new Date().getTime())/864e5),a=(t=t<0?-1:t)>-1?n-t:n;I((a/n*100).toFixed(1)),t<0?L(!0):t<30&&q(!0),M(Math.round(t)),P(Math.round(a))},[]);return(0,a.useEffect)(()=>{U(v.Contract.StartDate,v.Contract.FinishDate)},[U,v]),(0,n.jsx)("div",{className:"contract-item",children:"심사중"==k||"계약확정"==k?(0,n.jsxs)("div",{className:"reqContract-box",children:[(0,n.jsx)("div",{className:"reqContract-text",children:"R"==D?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"textSub",children:"계약 요청이 접수 되었어요"}),(0,n.jsxs)("div",{className:"text",children:["담당자가 고객님과의 통화 삼당을 통해 진행 가능 여부 및 출고 ",(0,n.jsx)("br",{}),"지역을 확인할 예정입니다."]})]}):"P"==D?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"textSub",children:"대여 심사를 진행하고 있어요"}),(0,n.jsxs)("div",{className:"text",children:["차량 계약을 위한 대여 심사가 진행 중입니다.",(0,n.jsx)("br",{}),"심사 과정이 완료되면 고객님께 결과를 안내해 드립니다."]})]}):"T"==D?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"textSub",children:"보증금

1을 입금해 주세요"}),(0,n.jsxs)("div",{className:"text",children:["계약 확정을 위해 하단에 기재된 계좌로 보증금을 입금해 주세요.",(0,n.jsx)("br",{}),"입금을 완료하시면 아래의 ",(0,n.jsx)("span",{className:"sub",children:"'입금 확인 요청'"})," 버튼을 눌러 주세요."]}),v.Supplier.Bank&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"account-info",children:[(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-title",children:"입금액"}),(0,n.jsxs)("div",{className:"info-text",children:[(0,f.gg)(1e4*v.Condition.DepositPrice),"원"]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-title",children:"입금은행"}),(0,n.jsx)("div",{className:"info-text",children:null===(s=v.Supplier.Bank)||void 0===s?void 0:s.Bank})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-title",children:"계좌번호"}),(0,n.jsxs)("div",{className:"info-text",children:[null===(i=v.Supplier.Bank)||void 0===i?void 0:i.BankAccount,(0,n.jsx)(m.CopyToClipboard,{text:null===(c=v.Supplier.Bank)||void 0===c?void 0:c.BankAccount,onCopy:()=>alert("클립보드에 복사되었습니다"),children:(0,n.jsxs)("span",{className:"copy",children:[(0,n.jsx)(t.default,{src:"/img/icon/copy.png",alt:"kor",width:0,height:0,sizes:"100vw",style:{width:"12px",height:"auto",marginRight:"4px"}})," ","복사"]})})]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-title",children:"계좌명"}),(0,n.jsx)("div",{className:"info-text",children:null===(l=v.Supplier.Bank)||void 0===l?void 0:l.AccountHolder})]})]}),(0,n.jsx)("button",{className:"deposit-btn".concat("Y"===v.RequestedDeposit?" check":""),onClick:()=>y(N,v),children:"Y"===v.RequestedDeposit?"요청 완료 (입금 확인중)":"입금 확인 요청"})]})]}):"C"==D?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"textSub",children:"계약이 확정 되었어요"}),(0,n.jsxs)("div",{className:"text",children:["보증금 입금 확인 완료 및 계약이 확정 되었어요.",(0,n.jsx)("br",{}),"담당자가 고객님께 해피콜 연락을 드린 후 차량이 출고될 예정입니다."]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"textSub",children:"차량 출고가 완료 되었어요"}),(0,n.jsx)("div",{className:"text",children:"차량 이용중 차량의 사고/문제 발생시 계약하신 업체 및 보험사 고객센터로 연락하시면 신속한 처리를 받으실 수 있습니다."})]})}),!w&&(0,n.jsxs)("div",{className:"goDriverReg",children:[(0,n.jsxs)("div",{className:"reg-text",children:[(0,n.jsxs)("span",{children:[(0,n.jsx)(t.default,{src:"/img/icon/[email protected]",alt:"!",width:0,height:0,sizes:"100vw",style:{width:"11px",height:"auto"}}),"미등록"]}),(0,n.jsx)("div",{children:"계약을 진행하기 위해 면허 정보를 등록해 주세요."})]}),(0,n.jsx)("button",{type:"button",onClick:()=>{C(!0),window.location.href="/mypage/settings"},children:"면허 정보 등록하기"})]}),(0,n.jsxs)("div",{className:"reqContract-progress",children:[(0,n.jsxs)("div",{className:"progress-text",children:[(0,n.jsx)("span",{className:"R"==D?"active":"",children:"계약 요청"}),(0,n.jsx)("span",{className:"P"==D?"active":"",children:"심사 진행"}),(0,n.jsx)("span",{className:"T"==D?"active":"",children:"보증금 입금"}),(0,n.jsx)("span",{className:"C"==D?"active":"",children:"계약 확정"}),(0,n.jsx)("span",{className:"D"==D?"active":"",children:"차량 출고"})]}),(0,n.jsx)("div",{className:"progress-background",children:(0,n.jsx)("div",{className:"progressBar progress".concat(D)})})]}),(0,n.jsxs)("div",{className:"reqContract-info",children:[(0,n.jsxs)("div",{className:"info-title",onClick:()=>b("info",v),children:[(0,n.jsxs)("div",{className:"title-left",children:[v.Model," ",v.Grade]}),(0,n.jsxs)("span",{children:["상세보기",(0,n.jsx)(t.default,{src:"/img/icon/depth.png",alt:">",width:0,height:0,sizes:"100vw",style:{width:"22px",height:"22px"}})]})]}),(0,n.jsxs)("div",{className:"req-info",children:[(null===(r=v.Insurance)||void 0===r?void 0:r.CDW)==="Y"||v.Contract.insCarPrice&&1*v.Contract.insCarPrice||(null===(d=v.Condition)||void 0===d?void 0:d.minAge)==="21"&&1*v.Contract.ins21Price?(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"계약 포함항목"}),(0,n.jsxs)("div",{className:"info-right",children:[(null===(o=v.Insurance)||void 0===o?void 0:o.CDW)=="Y"||v.Contract.insCarPrice&&1*v.Contract.insCarPrice?

1(0,n.jsxs)("span",{className:"myInsurance",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/contract-option-1.png",alt:"opt",width:0,height:0,sizes:"100vw",style:{width:"9px",height:"auto",marginRight:"3px"}}),"자차보험"]}):(0,n.jsx)(n.Fragment,{}),(null===(h=v.Condition)||void 0===h?void 0:h.minAge)==="21"&&1*v.Contract.ins21Price?(0,n.jsxs)("span",{className:"age",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/contract-option-2.png",alt:"opt",width:0,height:0,sizes:"100vw",style:{width:"9px",height:"auto",marginRight:"3px"}}),"만 23세 이상"]}):(0,n.jsx)(n.Fragment,{})]})]}):(0,n.jsx)(n.Fragment,{}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"대여료"}),(0,n.jsxs)("div",{className:"info-right",children:["월 ",(0,f.gg)(v.Contract.Price),"만원"]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"계약기간"}),(0,n.jsxs)("div",{className:"info-right",children:[v.Contract.Period,v.shortTermPromotion?"주":"개월"]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"희망 시작일"}),(0,n.jsx)("div",{className:"info-right",children:v.Contract.desireStartDate?E(v.Contract.desireStartDate):v.Contract.desireStartDate})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"공급업체"}),(0,n.jsx)("div",{className:"info-right",children:v.Supplier.CompanyName})]})]}),"심사중"==k?(0,n.jsxs)("div",{className:"req-btn",children:[(0,n.jsx)("button",{className:"req-cancel",onClick:()=>b("cancel",v.ContractID),children:"계약 취소"}),(0,n.jsx)("button",{className:"req-call",onClick:()=>b("inquiry",v.Supplier),children:"업체 문의"})]}):(0,n.jsx)("div",{className:"req-btn",children:(0,n.jsx)("button",{className:"req-call",style:{width:"100%"},onClick:()=>b("inquiry",v.Supplier),children:"업체 문의"})})]})]}):(0,n.jsxs)("div",{className:"contract",children:[(0,n.jsxs)("div",{className:"contract-progress",children:[v.Contract.StartDate&&v.Contract.FinishDate?(0,n.jsxs)("div",{className:"progress-text",children:[(0,n.jsx)("div",{className:"under-contract",children:T?"계약 기간 종료":(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"running",children:z}),"일째 달리는 중"]})}),!T&&(0,n.jsxs)("div",{className:"remain",children:[(0,n.jsx)("span",{className:"leave",children:F}),"일 남음"]})]}):(0,n.jsx)("div",{className:"error-text",children:"날짜가 정확히 입력되지 않았습니다. 문의 : 1670-9430"}),(0,n.jsx)("div",{className:"cProgress-background",children:(0,n.jsx)("div",{className:"cProgressBar",style:{width:"".concat(S>100?100:S,"%")}})})]}),R&&F<=10&&(0,n.jsxs)("div",{className:"extension-wrapper",children:[(0,n.jsxs)("div",{className:"extension-title",children:["종료일이 다가오고 있어요!",!1===v.canExtend?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("br",{}),(0,n.jsx)("span",{className:"extension-blocked",children:v.extendBlockedReason})]}):"N"===v.duplicateCheck&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("br",{}),(0,n.jsx)("span",{children:"계약 연장을 원하시면 연장 요청을 눌러 주세요"})]})]}),(0,n.jsx)("button",{type:"button",className:"extension-btn".concat(!1===v.canExtend||"Y"===v.duplicateCheck?" disabled":""),disabled:!1===v.canExtend||"Y"===v.duplicateCheck,title:!1===v.canExtend?v.extendBlockedReason:"",onClick:()=>{!1!==v.canExtend&&"Y"!==v.duplicateCheck&&b("extend",v)},children:"N"===v.duplicateCheck?"연장 요청하기":"연장 요청완료"})]}),(0,n.jsxs)("div",{className:"contract-info",children:[(0,n.jsxs)("div",{className:"info-title",onClick:()=>b("info",v),children:[(0,n.jsxs)("div",{className:"title-left",children:[v.Model," ",v.Grade]}),(0,n.jsxs)("span",{children:["상세보기",(0,n.jsx)(t.default,{src:"/img/icon/depth.png",alt:">",width:0,height:0,sizes:"100vw",style:{width:"22px",height:"22px"}})]})]}),(0,n.jsxs)("div",{className:"contract-detail",children:[(null===(x=v.Insurance)||void 0===x?void 0:x.CDW)==="Y"||v.Contract.insCarPrice&&1*v.Contract.insCarPrice||(null===(g=v.Condition)||void 0===g?void 0:g.minAge)==="21"&&1*v.Contract.ins21Price?(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"계약 포함항목"}),(0,n.jsxs)("div",{className:"info-right",children:[(null===(u=v.Insurance)||void 0===u?void 0:u.CDW)=="Y"||v.Contract.insCarPrice&&1*v.Contract.insCarPrice?

1(0,n.jsxs)("span",{className:"myInsurance",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/contract-option-1.png",alt:"opt",width:0,height:0,sizes:"100vw",style:{width:"9px",height:"auto",marginRight:"3px"}}),"자차보험"]}):(0,n.jsx)(n.Fragment,{}),(null===(j=v.Condition)||void 0===j?void 0:j.minAge)==="21"&&1*v.Contract.ins21Price?(0,n.jsxs)("span",{className:"age",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/contract-option-2.png",alt:"opt",width:0,height:0,sizes:"100vw",style:{width:"9px",height:"auto",marginRight:"3px"}}),"만 23세 이상"]}):(0,n.jsx)(n.Fragment,{})]})]}):(0,n.jsx)(n.Fragment,{}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"대여료"}),(0,n.jsxs)("div",{className:"info-right",children:["월 ",(0,f.gg)(v.Contract.Price),"만원"]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"계약기간"}),(0,n.jsxs)("div",{className:"info-right",children:[v.Contract.Period,"개월"]})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"종료일"}),(0,n.jsx)("div",{className:"info-right",children:v.Contract.FinishDate?(e=>{let s=new Date(1e3*e),i=s.getDate(),n=s.getMonth()+1;return n=n>=10?n:"0"+n,i=i>=10?i:"0"+i,E(s.getFullYear()+"-"+n+"-"+i)})(v.Contract.FinishDate):v.Contract.FinishDate})]}),(0,n.jsxs)("div",{className:"info",children:[(0,n.jsx)("div",{className:"info-left",children:"공급업체"}),(0,n.jsx)("div",{className:"info-right",children:v.Supplier.CompanyName})]})]}),(0,n.jsx)("div",{className:"contract-btn",children:v.canReview?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("a",{href:"/mypage/myReview",className:"canReview-btn",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/write-review-white.png",alt:"opt",width:0,height:0,sizes:"100vw",style:{width:"20px",height:"20px",marginRight:"4px"}}),"리뷰 작성"]}),(0,n.jsx)("button",{className:"contract-call",onClick:()=>b("inquiry",v.Supplier),children:"업체 문의"})]}):(0,n.jsx)("button",{className:"contract-call",onClick:()=>b("inquiry",v.Supplier),style:{width:"100%"},children:"업체 문의"})})]})]})})}function y(e){let{buildList:s,driver:i}=e,t=(0,x.useRouter)(),[l,d]=(0,a.useState)(s),[o,h]=(0,a.useState)(!1),[m,p]=(0,a.useState)(!1),[f,y]=(0,a.useState)(!1),[b,C]=(0,a.useState)(!1),[k,D]=(0,a.useState)(0),[S,I]=(0,a.useState)({}),[R,q]=(0,a.useState)(),T=async(e,s)=>{if("Y"===s.RequestedDeposit)return;if(!(await c.Z.post("/api/chkToken",{})).data.success){(0,N.l)("login","로그인 정보가 만료되었습니다. 로그인 후 이용해 주세요."),t.refresh();return}let i=await c.Z.post("/api/reqDepositType",{ContractID:s.ContractID});if(i.data.success){let s=JSON.parse(JSON.stringify(l));s[e].RequestedDeposit="Y",d([].concat(s)),(0,N.l)("feeOk",M("보증금 입금완료 처리가 요청되었어요.\n입금 내역 확인 후 담당자 안내 예정입니다."))}else(0,N.l)("feeError",i.data.msg)},L=()=>{p(!1)},z=()=>{y(!1)},P=()=>{C(!1)},F=(e,s)=>{if("inquiry"===e)q(s),h(!0);else if("cancel"===e)I({ContractID:s}),p(!0);else if("info"===e)D(s.ContractID),y(!0);else if("extend"===e){if("Y"===s.duplicateCheck)return;D(s.ContractID),C(!0)}},M=e=>~e.indexOf("\n")?e.split("\n").map((e,s)=>(0,n.jsxs)("span",{children:[e,(0,n.jsx)("br",{})]},s)):e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"user-contract",children:l.map((e,s)=>(0,n.jsx)(w,{item:e,index:s,isLicense:!!i.DriverLicense&&!!i.DriverLicenseType,reqConfirmDeposite:T,openModal:F},s))}),o&&(0,n.jsx)(j.Z,{maskClosable:!0,visible:!0,onClose:()=>{h(!1)},supplierInfo:R}),m&&(0,n.jsx)(r.ZP,{className:"cancelContract",maskClosable:!0,visible:!0,onClose:L,children:(0,n.jsx)(v.Z,{onClose:L,cancelData:S})}),f&&(0,n.jsx)(g.Z,{onClose:z,onAction:z,visible:f,contractID:k}),b&&(0,n.jsx)(u.Z,{onClose:P,onAction:P,visible:b,contractID:k})]})}i(40832),i(24039);let b=e=>{let s,i="pending",n=e().then(e=>{i="success",s=e},e=>{i="error",s=e});return{read(){if("pending"===i)throw n;if("error"===i)throw s;if("success"===i)return s}}},C={user:b(function(){return c.Z.post("/api/chkUser",{}).then(e=>{if(e.data.Success){var s;return null!==(s=e.data.Info)&&void 0!==s&&s}return!1}).catch(e=>console.error(e))}),driver:b(function(){return c.Z.post("/api/getDriverProfile",{}).then(e=>{if(e.data.Success){var s;return null!==(s=e.data.Driver)&&void 0!==s&&s}return!1}).catch(e=>console.error(e))}),contract:b(function(){return c.Z.post("/api/getContract",{}).then(e=>{if(e.data.success){let s=e.data.data.List;return s.length?s.filter(e=>"심사중"===e.Status.Progress||"계약확정"===e.Status.Progress||"이용중"===e.Status.Progress):s}return[]}).catch(e=>console.error(e))})};function k(e){let{resource:s}=e,i=s.contract.read(),c=s.driver.read(),[l,d]=(0,a.useState)(!1),o=()=>{document.querySelector(".modal-inner").classList.remove("up"),document.querySelector(".modal-inner").classList.add("down"),setTimeout(()=>{d(!1)},350)};return(0,n.jsx)(n.Fragment,{children:(null==i?void 0:i.length)>0?(0,n.jsx)(y,{buildList:i,driver:c}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"menu-box",onClick:()=>{d(!0)},children:[(0,n.jsxs)("div",{className:"box-left",children:[(0,n.jsxs)("div",{className:"boxLeft-top",children:["내 차고",(0,n.jsx)(t.default,{src:"/img/icon/depth.png",width:0,height:0,sizes:"100vw",style:{width:"22px",height:"auto",marginLeft:"1px"},alt:"mycar"}),(0,n.jsxs)("span",{children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mycar-img-1.png",width:0,height:0,sizes:"100vw",style:{width:"14px",height:"auto",marginRight:"2px"},alt:"mycar"}),"현재 계약 없음"]})]}),(0,n.jsxs)("div",{className:"boxLeft-bottom",children:["차량의 계약을 진행하고 ",(0,n.jsx)("br",{}),"대여현황을 쉽게 관리하세요"]})]}),(0,n.jsx)("div",{className:"box-right",children:(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mycar-img-2.png",width:0,height:0,sizes:"100vw",style:{width:"91px",height:"auto"},alt:"mycar"})})]}),l&&(0,n.jsx)(r.nS,{maskClosable:!1,visible:!0,onClose:o,children:(0,n.jsx)(h,{onClose:o})})]})})}function D(e){let{getUserName:s,showModal:i}

1=e,[c]=(0,a.useState)(!1),r=C.user.read();(0,a.useEffect)(()=>{s(r?r.Company?r.Company:r.Name:"")},[r,s]);let{userAgent:d}=window.navigator,o=d.indexOf("Mobi")>-1,[h,x]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=new URLSearchParams(window.location.search);((null==e?void 0:e.get("mode"))==="newcar"||1===parseInt(r.UserID))&&x(!0)},[r]);let m="http://newcar.vancar.kr";return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"user-menu",children:[(0,n.jsx)("div",{className:"login-menu",children:r?(0,n.jsxs)("div",{className:"menu-wrapper",children:[(0,n.jsx)(a.Suspense,{fallback:(0,n.jsx)(l.W,{}),children:(0,n.jsx)(k,{resource:C})}),(0,n.jsxs)("div",{className:"my-menu",children:[(0,n.jsx)("a",{href:"/mypage/keyword",children:(0,n.jsxs)("div",{className:"menu",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mymenu1.png",className:"menuImage",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"keyword"}),(0,n.jsxs)("div",{className:"menu-text",children:[(0,n.jsx)("div",{className:"text-top",children:"키워드 차량"}),(0,n.jsx)("span",{className:"text-bottom",children:"원하는 차량 실시간 알림받기"})]})]})}),(0,n.jsx)("a",{href:"/mypage/myContract",children:(0,n.jsxs)("div",{className:"menu",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mymenu2.png",className:"menuImage",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"contract"}),(0,n.jsxs)("div",{className:"menu-text",children:[(0,n.jsx)("div",{className:"text-top",children:"내 계약"}),(0,n.jsx)("span",{className:"text-bottom",children:"내가 계약한 차량 확인하기"})]})]})}),(0,n.jsx)("a",{href:"/mypage/estimate",children:(0,n.jsxs)("div",{className:"menu",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mymenu4.png",className:"menuImage",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"estimate"}),(0,n.jsxs)("div",{className:"menu-text",children:[(0,n.jsx)("div",{className:"text-top",children:"내 견적 요청"}),(0,n.jsx)("span",{className:"text-bottom",children:"내가 요청한 신차 견적 확인하기"})]})]})}),(0,n.jsx)("a",{href:"/mypage/myReview",children:(0,n.jsxs)("div",{className:"menu",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-mymenu3.png",className:"menuImage",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"review"}),(0,n.jsxs)("div",{className:"menu-text",children:[(0,n.jsx)("div",{className:"text-top",children:"내 작성 리뷰"}),(0,n.jsx)("span",{className:"text-bottom",children:"내가 작성한 후기 모아보기"})]})]})})]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"needLogin-text",children:[(0,n.jsxs)("div",{className:"text-top",children:[(0,n.jsx)("span",{children:"쇼핑하듯 고르는"})," 가장 쉬운 렌트"]}),(0,n.jsx)("p",{className:"text-bottom",children:"반카에 로그인하고 다양한 이벤트 알림을 받으세요!"})]}),(0,n.jsx)("a",{href:"/login",children:(0,n.jsx)("button",{className:"LoginBtn",children:"로그인하기"})})]})}),(0,n.jsxs)("div",{className:"menu-link",children:[(0,n.jsxs)("div",{className:"link",onClick:()=>i("recent"),children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-menu1.png",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"recent"}),(0,n.jsx)("span",{children:"최근본차량"})]}),(0,n.jsxs)("a",{href:"/event",className:"link",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-menu2.png",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"event"}),(0,n.jsx)("span",{children:"이벤트"})]}),(0,n.jsxs)("a",{href:"/mypage/serviceIntro",className:"link",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-menu3.png",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"service"}),(0,n.jsx)("span",{children:"서비스소개"})]}),(0,n.jsxs)("div",{className:"link",onClick:()=>i("inquiry"),children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-menu4.png",width:0,height:0,sizes:"100vw",style:{width:"36px",height:"auto",cursor:"pointer"},alt:"cs"}),(0,n.jsx)("span",{children:"고객센터"})]})]})]}),(0,n.jsxs)("div",{className:"mypage-menu",children:[c&&(0,n.jsx)("div",{className:"mypage-notice-banner",children:(0,n.jsxs)("div",{className:"mypage-notice",children:[(0,n.jsx)("div",{className:"new",children:"N"}),(0,n.jsx)("div",{className:"notice-title",children:"알림"}),(0,n.jsx)("div",{className:"notice-text",children:"하나캐피탈 차량 렌트시 200만원 주유권 지급"})]})}),(0,n.jsx)("div",{className:"mypage-link-wrap",children:(0,n.jsxs)("div",{className:"mypage-link",children:[(0,n.jsx)("a",{href:"/notice",children:(0,n.jsx)("div",{className:"link",children:"공지사항"})}),(0,n.jsx)("a",{href:"/faq",children:(0,n.jsx)("div",{className:"link",children:"자주 묻는 질문"})}),(0,n.jsx)("a",{href:"/mypage/review",children:(0,n.jsx)("div",{className:"link",children:"출고 후기"})})]})}),(0,n.jsxs)("div",{className:"brandnew-link-wrap",children:[o?(0,n.jsxs)("div",{className:"kakaot-link link-banner",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/mypage-kakaot.png",width:0,height:0,sizes:"100vw",style:{width:"44px",height:"auto",marginRight:"18px"},alt:"icon"}),(0,n.jsxs)("div",{className:"banner-text",children:[(0,n.jsx)("div",{className:"text-sup",children:"카카오 T에서 렌터카 이용하기"}),(0,n.jsx)("div",{className:"text-main",children:"여행할 때 렌터카 필요하다면?"})]}),(0,n.jsx)("a",{className:"link-btn",href:"https://t.kakao.com/launch?type=rentcar&pickupDateTime=2024-04-01T10%3A00%3A00.000%2B0900&ref=RT_AtoA_vancar_mypageBN#new_window_open",target:"_self",onClick:()=>{window.wcs&&window.wcs.event("kakaoT","mypage")},children:"바로가기"})]}):(0,n.jsx)(n.Fragment,{}),(0,n.jsxs)("div",{className:"succeed-link link-banner",children:[(0,n.jsx)(t.default,{src:"/img/icon/mypage/succeed-link-icon.png",width:0,height:0,sizes:"100vw",style:{width:"44px",height:"auto",marginRight:"18px"},alt:"icon"}),(0,n.jsxs)("div",{className:"banner-text",children:[(0,n.jsx)("div",{className:"text-sup",children:"반카 승계 대행 이용하기"}),(0,n.jsx)("div",{className:"text-main",children:"위약금 걱정없이 내 차 넘기려면?"})]}),(0,n.jsx)("a",{className:"link-btn",href:(null==r?void 0:r.LoginID)?"https://rapi.vancar.kr/Succeed/reqSsoLogin?LoginID=".concat(encodeURIComponent((0,f.q6)(r.LoginID)),"&UserID=").concat(encodeURIComponent((0,f.q6)(r.UserID))):"https://re.vancar.kr",target:"_self",onClick:()=>{window.wcs&&window.wcs.event("succeed","mypage")},children:"바로가기"})]}),h&&(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:[(0,n.jsx)("span",{style:{display:"inline-block",width:"100px",padding:"10px 0",margin:"10px",border:"2px s

1olid #3783bd",borderRadius:"10px",backgroundColor:"#f0f8ff",color:"#3783bd",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.1)",textAlign:"center",fontSize:"11px"},children:(0,n.jsx)("a",{href:"".concat(m,"?brand=111&model=11414&lineup=116242&trim=1051825&LoginID=").concat(encodeURIComponent((0,f.q6)(r.LoginID)),"&UserID=").concat(encodeURIComponent((0,f.q6)(r.UserID))),style:{textDecoration:"none",color:"#3783bd",fontWeight:"bold"},children:"아반떼"})}),(0,n.jsx)("span",{style:{display:"inline-block",width:"100px",padding:"10px 0",margin:"10px",border:"2px solid #3783bd",borderRadius:"10px",backgroundColor:"#f0f8ff",color:"#3783bd",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.1)",textAlign:"center",fontSize:"11px"},children:(0,n.jsx)("a",{href:"".concat(m,"?cs=MTEyLTExMDk4LTExNTEwNC0xMDQ4ODE2LTEwOTEzNiwxMDgyMzEsMTA5MTM3LDEwOTEzOSwxMDkxNDAsMTA4MjI5LDEwODIyNi0xMTU2MC0xMDg1MS0tLS1HMC1SMTA0Mw==&fs=U1UsQiwyNiwzNiwyLDIwLDIw&fs=U1UsQiwyNiwzNiwyLDIwLDIw&LoginID=").concat(encodeURIComponent((0,f.q6)(r.LoginID)),"&UserID=").concat(encodeURIComponent((0,f.q6)(r.UserID))),style:{textDecoration:"none",color:"#3783bd",fontWeight:"bold"},children:"G70 견적"})}),(0,n.jsx)("span",{style:{display:"inline-block",width:"100px",padding:"10px 0",margin:"10px",border:"2px solid #3783bd",borderRadius:"10px",backgroundColor:"#f0f8ff",color:"#3783bd",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.1)",textAlign:"center",fontSize:"11px"},children:(0,n.jsx)("a",{href:"".concat(m,"?LoginID=").concat(encodeURIComponent((0,f.q6)(r.LoginID)),"&UserID=").concat(encodeURIComponent((0,f.q6)(r.UserID))),style:{textDecoration:"none",color:"#3783bd",fontWeight:"bold"},children:"신차견적"})})]})]})]})]})}},24039:function(){},61985:function(){},40832:function(){}}]);