https://web.getcha.kr/_next/static/chunks/5874-6f579d600253efe6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5874],{5787:(e,a,l)=>{l.d(a,{gM:()=>U,Kf:()=>m,rE:()=>V,Oy:()=>G,H9:()=>P,Of:()=>S,XB:()=>O,Vh:()=>B,Ub:()=>I});var r=l(54568),s=l(7620),n=l(65587),i=l.n(n),c=l(79748),t=l(13684),d=l(24218);l(60248),l(20492),l(6985),l(85401);var u="umzb095 umzb090",o={true:"umzb091",false:"umzb092"};function m(e){let{isEntry:a=!1,isWide:l=!1,onClick:s,brands:n}=e,m=(0,c.usePathname)().split("/")[1],h=(0,c.usePathname)().split("/")[2],{brandId:g}=(0,c.useParams)(),k="owners-review"===m,{showToast:x}=(0,d.A)(),{domesticBrands:_,incomeBrands:j}=n||{},v=(e,a)=>{if(k&&!a.reviewCount)return e.preventDefault(),x({message:"작성된 오너의 리뷰가 없습니다."});s(a,"click")},p=e=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"umzb096",children:(0,r.jsx)(t.A,{src:e.logoUrl,alt:e.brand,width:48,height:32,isSmall:!0})}),(0,r.jsx)("p",{className:"umzb097 _1r4uakg5 _1r4uakg0 _1r4uakg12 _1r4uakgc",children:e.brand})]});return(0,r.jsx)("div",{className:o[l?"true":"false"],children:[{title:"국산 브랜드",data:_},{title:"수입 브랜드",data:j}].map(e=>{var l;return(0,r.jsxs)("div",{className:"umzb093 umzb090",children:[(0,r.jsx)("h3",{className:"_1r4uakg5 _1r4uakg0 _1r4uakgr _1r4uakg1",children:e.title}),(0,r.jsx)("div",{className:"umzb094",children:null==e||null==(l=e.data)?void 0:l.map(e=>a?(0,r.jsx)("button",{type:"button",className:u,onClick:a=>v(a,e),children:p(e)},e.brand):(0,r.jsx)(i(),{href:"/".concat(m).concat(isNaN(Number(h))?"/".concat(h):"","/").concat(e.id_brand),className:u,"aria-selected":String(e.id_brand)===g,"aria-disabled":!!k&&!e.reviewCount,onClick:a=>v(a,e),children:p(e)},e.brand))})]},e.title)})})}var h=l(2327),g=l(77670),k=l(11218);async function x(e){try{return(await (0,k.xi)(j.models(e))).result.map(e=>({id_brand:e.id_carbrand,id_model:e.id_carmodel,brand:e.brand,model:e.model,logoUrl:e.image_url,hasEv:e.fuel_list.includes("전기"),nameUrl:e.nameUrl}))}catch(e){throw Error(e.message||"An error occurred")}}let _={models:()=>[g.QF]},j={models:e=>"".concat(g.ab.replace("%S",e),"?purpose=WEB")},v=e=>{let{key:a,brandId:l}=e,r=[..._.models(),...a],{data:s}=(0,h.useSuspenseQuery)({queryKey:r,queryFn:()=>x(l.toString())});return{data:s}};var p=l(74308);l(41443);var b="k8qe0k2 k8qe0k1",f="k8qe0k4",N="k8qe0k3 k8qe0k0",w={default:"k8qe0k7 _1r4uakg5 _1r4uakg0 _1r4uakg18 _1r4uakgc _1r4uakg1"},C="k8qe0k6",y="_1r4uakg5 _1r4uakg0 _1r4uakgr _1r4uakg1",A="k8qe0k5";function S(e){let{selectedBrand:a,onGoBack:l}=e,s=(0,c.usePathname)().split("/")[1],{id_brand:n,brand:d}=a,{data:u}=v({key:["auto-cashback",n.toString()],brandId:n});return(0,r.jsxs)("div",{className:b,children:[(0,r.jsxs)("header",{className:N,children:[(0,r.jsx)("button",{className:f,onClick:l,children:(0,r.jsx)(t.A,{alt:"calculator-green",src:"/webV2/pictogram-regular-arrow_header.png",width:24,height:24,isSmall:!0})}),(0,r.jsx)("h3",{className:y,children:d})]}),(0,r.jsx)("div",{className:A,children:(0,r.jsx)("div",{className:C,children:null==u?void 0:u.map(e=>(0,r.jsx)(i(),{href:"".concat(s,"/").concat(e.nameUrl,"?id=").concat(e.id_model),className:w.default,onClick:()=>{(0,p.V1)({segment:s,action:"".concat(a.brand," / ").concat(e.model)})},children:e.model},"".concat(e.nameUrl,"-").concat(e.id_model)))})})]})}function O(e){let{onGoBack:a}=e;return(0,r.jsxs)("div",{className:b,children:[(0,r.jsxs)("header",{className:N,children:[(0,r.jsx)("button",{type:"button",className:f,onClick:a,children:(0,r.jsx)(t.A,{alt:"calculator-green",src:"/webV2/pictogram-regular-arrow_header.png",width:24,height:24,isSmall:!0})}),(0,r.jsx)("h3",{className:y,children:(0,r.jsx)("div",{className:"k8qe0ka _1cn42c31"})})]}),(0,r.jsx)("div",{className:A,children:(0,r.jsx)("div",{className:C,children:Array.from({length:24}).map((e,a)=>(0,r.jsx)("div",{className:w.default,children:(0,r.jsx)("div",{className:"k8qe0kb _1cn42c31"})},a))})})]})}var z=l(59524);l(3110),l(96758);var q="_1giaoq80 oeduci0",E={default:"_1giaoq82",active:"_1giaoq84 _1giaoq82"};function V(e){let{selectedBrand:a,onClick:l,brands:s}=e,{domesticBrands:n,incomeBrands:i}=s||{},c=[...null!=n?n:[],...null!=i?i:[]];return(0,r.jsx)(z.A.List,{children:c.map(e=>{let s=e.id_brand===(null==a?void 0:a.id_brand);return(0,r.jsx)(z.A.Item,{id:"id_brand",onClick:l,option:e,children:(0,r.jsxs)("div",{className:q,children:[(0,r.jsx)(t.A,{className:"_1giaoq81",src:e.logoUrl,alt:e.brand,width:36,height:24,isSmall:!0}),(0,r.jsx)("span",{className:E[s?"active":"default"],children:e.brand})]})},e.id_brand)})})}function B(e){var a;let{selectedBrand:l,selectedModel:s,onClick:n,initialModels:i}=e,{id_brand:c}

1=null!=l?l:{},{data:d}=v({key:["auto-cashback",null!=(a=null==c?void 0:c.toString())?a:""],brandId:Number(c),enabled:!i});return l?(0,r.jsx)(z.A.List,{children:(null!=i?i:d).map(e=>{let a=e.id_model===(null==s?void 0:s.id_model);return(0,r.jsx)(z.A.Item,{id:"id_model",onClick:n,option:e,children:(0,r.jsxs)("div",{className:q,children:[(0,r.jsx)("span",{className:E[a?"active":"default"],children:e.model}),e.hasEv&&(0,r.jsx)(t.A,{alt:"전기차 아이콘",src:"/webV2/ev-car-mark.png",width:16,height:16,isSmall:!0})]})},e.id_model)})}):null}function I(){return(0,r.jsx)(z.A.List,{children:Array.from({length:10}).map((e,a)=>(0,r.jsx)(z.A.Item,{id:"skeleton",onClick:()=>{},option:{},children:(0,r.jsx)("div",{className:q,children:(0,r.jsx)("span",{className:"_1giaoq85 _1cn42c31"})})},a))})}function U(e){let{onClick:a,onClose:l,brands:n}=e,u=(0,c.usePathname)().split("/")[1],o=(0,c.usePathname)().split("/")[2],{brandId:m}=(0,c.useParams)(),h="owners-review"===u,{showToast:g}=(0,d.A)(),{domesticBrands:k,incomeBrands:x}=n||{};return(0,r.jsx)("div",{children:[{title:"국산 브랜드",data:k},{title:"수입 브랜드",data:x}].map(e=>{var n;return(0,r.jsxs)(s.Fragment,{children:[(0,r.jsx)("p",{className:"_1u9ipvf0 _1r4uakg5 _1r4uakg0 _1r4uakgu _1r4uakg1",children:e.title}),(0,r.jsx)("div",{className:"_1u9ipvf1",children:null==(n=e.data)?void 0:n.map(e=>(0,r.jsxs)(i(),{href:"/".concat(u).concat(isNaN(Number(o))?"/".concat(o):"","/").concat(e.id_brand),id:"id_brand-".concat(e.id_brand),className:"_1u9ipvf3 _1u9ipvf2","aria-selected":String(e.id_brand)===m,"aria-disabled":!!h&&!e.reviewCount,onClick:r=>((e,r)=>{if(h&&!r.reviewCount)return e.preventDefault(),g({message:"작성된 오너의 리뷰가 없습니다."});a(r,"click"),l()})(r,e),children:[(0,r.jsx)(t.A,{alt:"pictogram-regular-arrow",src:e.logoUrl,width:54,height:36}),(0,r.jsx)("span",{className:"_1u9ipvf4",children:e.brand})]},e.id_brand))})]},e.title)})})}function P(e){let{selectedGrade:a,onClick:l,grades:s}=e;return(0,r.jsx)(z.A.List,{children:null==s?void 0:s.map(e=>{let s=e.id_cargrade===(null==a?void 0:a.id_cargrade);return(0,r.jsx)(z.A.Item,{id:"id_cargrade",onClick:()=>l(e),option:{...e,name:e.grade},children:(0,r.jsx)("div",{className:q,children:(0,r.jsx)("span",{className:E[s?"active":"default"],children:e.grade})})},e.id_cargrade)})})}l(49873),l(66225);var L={default:"_1dxw2kn5",isSelected:"_1dxw2kn7 _1dxw2kn5"};let G=e=>{let{onClick:a,grades:l,selectedGrade:n}=e,i=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=i.current,a=document.getElementById("button-".concat(n.id_cargrade));if(e&&a){let l=e.getBoundingClientRect().top,r=a.getBoundingClientRect().top-l-e.clientHeight/2;e.scrollTo({top:e.scrollTop+r+29,behavior:"smooth"})}},[]),(0,r.jsxs)("div",{className:"_1dxw2kn0",children:[(0,r.jsx)("header",{className:"_1dxw2kn1",children:(0,r.jsx)("h1",{className:"_1dxw2kn2",children:"등급 변경하기"})}),(0,r.jsx)("div",{className:"_1dxw2kn4",children:(0,r.jsx)("ul",{className:"_1dxw2kn3",ref:i,children:null==l?void 0:l.map(e=>{let l=e.id_cargrade===(null==n?void 0:n.id_cargrade);return(0,r.jsx)("li",{children:(0,r.jsx)("button",{id:"button-".concat(e.id_cargrade),type:"button",className:L[l?"isSelected":"default"],onClick:()=>a(e),children:e.grade})},e.id_cargrade)})})})]})}},59524:(e,a,l)=>{l.d(a,{A:()=>o});var r=l(54568),s=l(88064),n=l(7620),i=l(13684);l(60248),l(6985),l(3110);var c={default:"oeduci1 oeduci0",isOpen:"oeduci3 oeduci1 oeduci0"},t={default:"oeduci4 oeduci0",disabled:"oeduci6 oeduci4 oeduci0"};let d=n.createContext(null);function u(e){let{defaultValue:a=!1,selectedOption:l,children:s,dependency:i,alwaysOpen:t=!1}=e,[u,o]=(0,n.useState)(a);(0,n.useEffect)(()=>{i&&o(!!i)},[i]);let m=!!t||u;return(0,r.jsx)(d.Provider,{value:{isOpen:m,selectedOption:l,handleToggle:()=>{t||o(!u)},alwaysOpen:t},children:(0,r.jsx)("div",{className:c[m?"isOpen":"default"],children:s})})}u.Selector=function(e){let{label:a,placeholder:l,displayValue:c}=e,u=n.useContext(d);if(!u)throw Error("Option.Selector must be used within Option");let{isOpen:o,selectedOption:m,handleToggle:h,alwaysOpen:g}=u,k=c?c(m):m;return(0,r.jsxs)(s.Ay,{frame:"line",variant:"secondary",size:"medium",type:"button",disabled:!m,className:t[m?"default":"disabled"],onClick:h,children:[(0,r.jsxs)("div",{className:"oeduci7 oeduci0",children:[(0,r.jsx)("p",{className:"oeduci8 _1r4uakg5 _1r4uakg0 _1r4uakgs _1r4uakgc _1r4uakg1",children:a}),(0,r.jsx)("div",{className:"_1r4uakg5 _1r4uakg0 _1r4uakgz _1r4uakg9",children:null!=k?k:l})]}),!g&&(0,r.jsx)(i.A,{src:"/webV2/pictogram-regular-arrow-".concat(o?"up":"down",".png"),alt:"pictogram-regular-arrow",width:24,height:24,isSmall:!0})]})},u.List=function(e){let{children:a}=e,l=n.useContext(d);if(!l)throw Error("Option.List must be used within Option");return l.isOpen?(0,r.jsx)("ul",{className:"oeducia",children:a}):null},u.Item=function(e){let{id:a,option:l,onClick:s,children:c}=e,t=n.useContext(d);if(!t)throw Error("Option.Item must be used within Option");let{isOpen:u,selectedOption:o,handleToggle:m}=t,h=o&&l[a]===(null==o?void 0:o[a]);return((0,n.useEffect)(()=>

1{if(o&&u){var e;let l=document.getElementById("".concat(a,"-").concat(null==(e=o[a])?void 0:e.toString()));null==l||l.scrollIntoView({block:"center",behavior:"smooth"})}},[o,u,a]),t.isOpen)?(0,r.jsxs)("li",{id:"".concat(a,"-").concat(l[a]),className:"oeducib oeduci0",role:"option","aria-selected":!!h,onClick:()=>{s(l),m()},children:[c,h?(0,r.jsx)(i.A,{alt:"check-mark",src:"/webV2/check-mark.png",width:24,height:24,isSmall:!0}):null]}):null};let o=u},67025:(e,a,l)=>{l.d(a,{A:()=>i});var r=l(54568),s=l(88064),n=l(13684);function i(e){let{title:a,onClick:l}=e;return(0,r.jsxs)(s.Ay,{frame:"line",variant:"secondary",size:"medium",onClick:l,className:"rgliu1",children:[(0,r.jsx)("div",{className:"_1r4uakg5 _1r4uakg0 _1r4uakgz _1r4uakg9",children:a}),(0,r.jsx)(n.A,{alt:"pictogram-regular-arrow-down.png",src:"/webV2/pictogram-regular-arrow-down.png",width:24,height:24,isSmall:!0})]})}l(60248),l(20492),l(6985),l(30673)},74308:(e,a,l)=>{l.d(a,{V:()=>f,W4:()=>c,u9:()=>_,OC:()=>C,V1:()=>p});var r=l(54568),s=l(7620),n=l(79748),i=l(5787);function c(e){let{isWide:a=!1,onClickBrand:l,selectedBrand:c,brands:t}=e,d=(0,n.usePathname)().split("/")[1],u=()=>{l(null)};return(0,r.jsx)("div",{className:"_1cpg43o0",children:null===c?(0,r.jsx)(i.Kf,{isEntry:!0,isWide:a,onClick:e=>{null!==e&&p({segment:d,action:e.brand}),l(e)},brands:t}):(0,r.jsx)(s.Suspense,{fallback:(0,r.jsx)(i.XB,{onGoBack:u}),children:(0,r.jsx)(i.Of,{selectedBrand:c,onGoBack:u})})})}l(67627);var t=l(59524),d=l(65587),u=l.n(d),o=l(13684),m=l(11666),h=l(67025),g=l(41001);l(60248),l(6985),l(3110),l(95540),l(8932);var k="_1r4uakg5 _1r4uakg0 _1r4uakgz _1r4uakgc",x="lmvjly4 oeduci0";function _(e){let{onClickBrand:a,selectedBrand:l,brands:c}=e,d=(0,n.usePathname)().split("/")[1],_=(0,g.al)(),[j,v]=(0,s.useState)(null),b=(0,s.useRef)(null),f=e=>{v(e)};return(0,s.useEffect)(()=>{if(null!==l){var e;null==(e=b.current)||e.open()}},[l,_]),(0,r.jsxs)("div",{className:"lmvjly0",children:[(0,r.jsx)(h.A,{title:"차량을 선택해주세요",onClick:()=>{var e;a(null),f(null),null==(e=b.current)||e.open()}}),_&&(0,r.jsx)(m.A,{ref:b,enableOverlayClick:!0,hasCloseButton:!0,children:(0,r.jsxs)("div",{className:"lmvjly1",children:[(0,r.jsx)("h2",{className:"lmvjly2 _1r4uakg5 _1r4uakg0 _1r4uakgq _1r4uakgc _1r4uakg1",children:"차량을 선택해주세요"}),(0,r.jsxs)("div",{className:"lmvjly3",children:[(0,r.jsxs)(t.A,{defaultValue:!l,selectedOption:l,children:[(0,r.jsx)(t.A.Selector,{label:"브랜드",placeholder:"브랜드를 선택해주세요",displayValue:e=>e?(0,r.jsxs)("div",{className:x,children:[(0,r.jsx)(o.A,{alt:e.brand,className:"lmvjly6",src:e.logoUrl,width:36,height:24,isSmall:!0}),(0,r.jsx)("p",{className:k,children:e.brand})]}):null}),(0,r.jsx)(i.rE,{selectedBrand:l,onClick:e=>{a(e),f(null)},brands:c})]}),(0,r.jsxs)(t.A,{defaultValue:!!l,selectedOption:j,dependency:l,children:[(0,r.jsx)(t.A.Selector,{label:"모델",placeholder:"모델을 선택해주세요",displayValue:e=>e?(0,r.jsxs)("div",{className:x,children:[(0,r.jsx)("p",{className:k,children:e.model}),e.hasEv&&(0,r.jsx)(o.A,{alt:"전기차 아이콘",className:"lmvjly7",src:"/webV2/ev-car-mark.png",width:16,height:16,isSmall:!0})]}):null}),l&&(0,r.jsx)(s.Suspense,{fallback:(0,r.jsx)(i.Ub,{}),children:(0,r.jsx)(i.Vh,{selectedBrand:l,onClick:f,selectedModel:j})})]}),null!==j&&(0,r.jsx)("div",{className:"lmvjly8",children:(0,r.jsx)(u(),{href:"".concat(d,"/").concat(null==l?void 0:l.brand,"?id=").concat(j.id_model),className:"lmvjly9 _168n5dm0 _1r4uakg5 _1r4uakg0 _1r4uakgs _1r4uakge",onClick:()=>{p({segment:d,action:"".concat(null==l?void 0:l.brand," / ").concat(null==l?void 0:l.model)})},children:"차량 선택 완료"})})]})]})})]})}var j=l(23300),v=l(52936);function p(e){let{segment:a,action:l}=e,r="".concat(a).concat(v.N$.estimate_click);(0,j.I)(r,{action:l})}function b(e){let{grades:a,onClick:l,selectedGrade:s,close:n}=e;return(0,g.al)()?(0,r.jsx)(f,{grades:a,onClick:l,selectedGrade:s,close:n}):(0,r.jsx)(i.Oy,{grades:a,onClick:l,selectedGrade:s})}l(78747);let f=(0,s.forwardRef)(function(e,a){let{onClick:l,grades:n,selectedGrade:c,close:d}

1=e,[u,o]=(0,s.useState)(c),h=(0,r.jsxs)("div",{className:"_1ih8x1v1",children:[(0,r.jsx)("h2",{className:"_1ih8x1v2 _1r4uakg5 _1r4uakg0 _1r4uakgq _1r4uakgc _1r4uakg1",children:"등급을 선택해주세요"}),(0,r.jsxs)("div",{className:"_1ih8x1v3",children:[(0,r.jsxs)(t.A,{selectedOption:u,alwaysOpen:!0,children:[(0,r.jsx)(t.A.Selector,{label:"등급",placeholder:"등급을 선택해주세요",displayValue:()=>(0,r.jsx)("div",{className:"_1ih8x1v4 oeduci0",children:(0,r.jsx)("p",{className:"_1r4uakg5 _1r4uakg0 _1r4uakgz _1r4uakgc",children:u.grade})})}),(0,r.jsx)(i.H9,{selectedGrade:u,onClick:e=>{o(e)},grades:n})]}),null!==u&&(0,r.jsx)("div",{className:"_1ih8x1v7",children:(0,r.jsx)("button",{type:"button",className:"_1ih8x1v6 _168n5dm0 _1r4uakg5 _1r4uakg0 _1r4uakgs _1r4uakge",onClick:()=>{l(u),d()},children:"등급 변경하기"})})]})]});return(0,r.jsx)("div",{className:"_1ih8x1v0",children:a?(0,r.jsx)(m.A,{ref:a,enableOverlayClick:!0,hasCloseButton:!0,children:h}):h})});var N=l(84098);l(88777);var w={base:"s3k4za0",outline:"s3k4za2 s3k4za0",big:"s3k4za3 s3k4za0"};function C(e){let{gradeList:a,selectedGrade:l,onGradeChange:s,isBigSize:n=!1,variant:i}=e;return(0,r.jsx)(N.A,{icon:(0,r.jsxs)("button",{type:"button",className:w[null!=i?i:n?"big":"base"],children:["등급 변경","outline"===i&&(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M6 9l6 6 6-6",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),content:e=>{let{close:n}=e;return l?(0,r.jsx)(b,{grades:a.filter(e=>!e.parent_id_cargrade),onClick:s,selectedGrade:l,close:n}):null},isFit:!0,hasCloseButton:!0,closeOnScroll:!0})}}}]);