https://www.autoscout24.nl/assets/as24-search-funnel/_next/static/chunks/7156.bb21ef3a79e2748b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7156],{21356:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return ei}});var a=l(85893),s=l(67294),i=l(76248),n=l(28352),r=l(80938),o=l(90426),c=l(62861),d=l(77679),h=l(99866),u=l(64538),b=l(57937),p=l(55917),C=l(28925),v=l(5333),x=l(64997),f=l(30067),g=l(2882),m=l(94184),j=l.n(m),k=l(37918),_=l(92421),y=l(44296),T=l(64957),O=l(14972),R=l(38665),M=l.n(R);let N=e=>{let{className:t,title:l,onOverlayClose:i,isMobile:n=!1}=e,{onFiltersChange:o,chips:c=[]}=(0,r.q)(),{t:d}=(0,_.$G)(),{handleCloseByIcon:h}=(0,y.f)(n,i),u=c.length>0,{country:b}=(0,p.B)(),{isDealerListPage:C}=(0,s.useContext)(T.r6),v=n?(0,a.jsx)("button",{type:"button",onClick:h,className:M().filtersTitleIconButton,"data-role":"filter-close-button","aria-label":d("listfilters.modal.header.mobile.closeButton"),children:(0,a.jsx)(k.y6r,{height:24,width:24})}):(0,a.jsx)("span",{className:M().filtersTitleIcon,children:(0,a.jsx)(k.wn$,{"aria-hidden":"true",height:24,width:24})});return(0,a.jsxs)("div",{className:j()(M().filtersTitle,n&&M().filtersTitleMobile,t),children:[v,(0,a.jsx)("div",{className:M().filtersTitleCenter,children:(0,a.jsx)("span",{className:M().filtersTitleText,children:l||d("listpage.header.filters")})}),!C&&(0,a.jsx)(O.v,{onClearAll:()=>o({type:"clearFilters",countryType:b}),disabled:!u})]})};var w=l(2434),S=l(42954),B=l(79369),F=l(20530),A=l(46006),I=l(36521),L=l(94316),E=l(2750),q=l(48540),K=l(63333),W=l(57345),G=l(25313),H=l.n(G),P=l(40265);let $=e=>{let{isMobileOverlay:t,onOverlayClose:l,makeModelProps:i,showFilters:n,isTabPanel:o=!1,showScrollIndicator:c,hideInlineChips:d=!1,isLocationModalOpen:h,setIsLocationModalOpen:u}=e,{filters:p,onFiltersChange:C}=(0,r.q)(),v=(0,B.b)(),{isTraderTheme:x}=(0,P.j)(),f=(0,b.t)(),{currentMarketplace:m,filters:{searchMask:{locationFilter:{isLocationMandatoryAndReordered:j}}}}=f,k=j&&null===p.location&&!p.region,_=(0,T.Go)(),y=p.articleType??S.Ex.C,{useVkhDrillDown:O}=(0,F.W)(y),R=(0,s.useMemo)(()=>{let e=(0,q.w)(m.slug,y);if(O&&!x){let t=e.indexOf(A.v.KEYWORD),l=e.indexOf(A.v.MAKE_MODEL);if(-1!==t&&-1!==l){let a=[...e];return a.splice(t,1),a.splice(l+1,0,A.v.KEYWORD),a}}return e},[m.slug,y,O,x]),M={selectedFilters:p,onFiltersChange:C,isLocationModalOpen:h,setIsLocationModalOpen:u,enableDealerInfoCA:_,makeModelProps:i,toggles:v,marketplaceFeatureToggles:f,useVkhDrillDown:O},N=(0,a.jsxs)(a.Fragment,{children:[k&&(0,a.jsx)(L.k,{handleButtonClick:()=>{u(!0)},location:p.location}),j&&!_&&(0,a.jsx)(I.a,{selectedFilters:p,onFilterChange:C,isLocationModalOpen:h,setIsLocationModalOpen:u}),(0,a.jsx)(g.r,{isEnabled:k,children:R.map(e=>(0,K.R)(e,M))}),(0,a.jsx)(E.g,{isMobileOverlay:t,handleApplyFiltersAndClose:()=>{l(!1)}})]}),G=o?{id:w.KO.filters,role:"tabpanel","aria-labelledby":w.FK.filters,"data-testid":"search-mask-filters-panel"}:{},$=d?{"data-hide-inline-chips":!0}:{};return c?(0,a.jsx)(W.j,{...G,...$,className:H().filtersSidebarContainer,hidden:!n,children:N}):(0,a.jsx)("div",{...G,...$,className:H().filtersSidebarContainer,hidden:!n,children:N})};var D=l(2284),Y=l(81901),X=l(1750),z=l(84471),J=l(84213),Z=l.n(J);let Q=e=>{let{disabled:t=!1}=e,{chips:l=[],onFiltersChange:s}=(0,r.q)();if(0===l.length)return null;let i=e=>{let{action:t}=e;s(t),(0,z.Wg)("changeLeasingTradeInBonus"===t.type?"tradein_listpage_remove":"searchmask_filtertag_remove","cl-selected-filter-tag","close")};return(0,a.jsx)("div",{className:Z().container,"data-testid":"modal-selected-chips",children:(0,a.jsx)("div",{className:Z().chipsList,children:l.map(e=>{let l=!t&&(e.isRemovable??!0);return(0,a.jsx)(X.A,{label:(0,a.jsx)("span",{title:e.label,children:e.label}),onClick:()=>i(e),className:Z().chip,chipState:l?"default":"disabled",rightIcon:l?(0,a.jsx)(k.y6r,{height:16,width:16}):void 0},e.id)})})})};var U=l(10866),V=l(76753),ee=l.n(V);let et=e=>{let{onClose:t,activeTab:l,onTabChange:i,hasInteracted:n,onClearAll:r,clearAllDisabled:o,onResetChat:c,canResetChat:d}=e,{t:h}=(0,_.$G)(),{isDealerListPage:u}=(0,s.useContext)(T.r6),b="ask-ai"===l,p="filters"===l,C=b?c:r;return(0,a.jsxs)("div",{className:ee().headerRow,children:[(0,a.jsx)("button",{type:"button",onClick:()=>{t()},className:ee().closeButton,"aria-label":h("listfilters.modal.header.mobile.closeButton"),children:(0,a.jsx)(k.y6r,{height:24,width:24})}),(0,a.jsx)(w.YL,{activeTab:l,onTabChange:i,hasInteracted:n,embedded:!0}),(0,a.jsx)("button",{type:"button",onClick:()=>{p&&(0,U.p)(),C()},disabled:b?!d:u||o,className:ee().clearButton,"aria-label":h(b?"listpage.askai.resetchat":"searchfilters.removeAllFilters"),children:(0,a.jsx)(k.wvS,{height:24,width:24})})]})},el=e=>{let{isMobileOverlay:t=!1,onOverlayClose:l,makeModelProps:n,activeTab:c,onActiveTabChange:d,initialConvoMessage:m,onConvoControlsChange:j}=e,{filters:k,getChipLabels:_,chips:y=[],onFiltersChange:T}=(0,r.q)(),{numberOfResults:O,changeRouteStatus:R}=(0,o.Se)(e=>({numberOfResults:e.numberOfResults,changeRouteStatus:e.changeRouteStatus}),i.X),M=(0,v.i)(),S=(0,C.R)(),{activeTab:B,setActiveTab:F,aiTabRef:A,showFilters:I}=(0,D.S)(M,{controlledActiveTab:c,setControlledActiveTab:d}),{onApplyFilters:L}=(0,Y.L)(_),{country:E}=(0,p.B)(),{showLocationNotice:q,isLocationModalOpen:K,setIsLocationModalOpen:W,handleLocationNoticeCta:G}=(0,x.K)(k.location),P="pending"===R?null:O??null,[X,z]=(0,s.use

1State)(null),J=(0,s.useRef)(!1),[Z]=(0,s.useState)(()=>{if(void 0!==globalThis.window)return new URLSearchParams(globalThis.location.search).get(u.xE)??void 0}),V=null!=X&&!X.hasMessages,ee="ask-ai"===B||!V,el=(0,s.useCallback)(e=>{z(e),j?.(e)},[j]),ea=(0,s.useCallback)(()=>{X?.canReset&&X.reset()},[X]),{filters:{searchMask:{locationFilter:{isLocationMandatoryAndReordered:es}}}}=(0,b.t)(),ei=es&&null===k.location&&!k.region,en=(0,s.useCallback)((e,a)=>{t&&!1===e&&("ask-ai"===B&&a&&(0,U.uO)(),(0,U.bi)(J)),a?l(e,a):l(e)},[B,t,l]),er=(0,s.useCallback)(()=>{(0,U.AM)({resultCount:P??0}),en(!1)},[P,en]),eo=H().defaultWrapper;return M&&(eo="ask-ai"===B?H().aiTabWrapper:H().filtersTabWrapper),(0,a.jsx)(f.v,{isMobileOverlay:t,onOverlayClose:en,children:(0,a.jsxs)("div",{ref:A,className:eo,..."ask-ai"===B&&{"data-ai-tab-active":!0},children:[M&&t?(0,a.jsx)(et,{onClose:()=>en(!1,"icon"),activeTab:B,onTabChange:F,hasInteracted:ee,onClearAll:()=>T({type:"clearFilters",countryType:E}),clearAllDisabled:0===y.length||ei,onResetChat:ea,canResetChat:!!X?.canReset}):(0,a.jsxs)(a.Fragment,{children:[(!M||t)&&(0,a.jsx)(g.r,{isEnabled:ei,allowHeaderInteraction:t,children:(0,a.jsx)(N,{onOverlayClose:en,isMobile:t})}),M&&(0,a.jsx)(w.YL,{activeTab:B,onTabChange:F,onResetChat:ea,canResetChat:!!X?.canReset,hasInteracted:ee})]}),M&&t&&(0,a.jsx)(Q,{disabled:ei}),(0,a.jsx)($,{isMobileOverlay:t,onOverlayClose:en,makeModelProps:n,showFilters:I,isTabPanel:M,showScrollIndicator:M,hideInlineChips:M&&t,isLocationModalOpen:K,setIsLocationModalOpen:W}),M&&(0,a.jsx)("div",{id:w.KO["ask-ai"],role:"tabpanel","aria-labelledby":w.FK["ask-ai"],className:H().aiTabContainer,hidden:"ask-ai"!==B,children:(0,a.jsx)(h.HI,{...S,onFilterChange:L,filters:null,onControlsChange:el,showLocationNotice:q,onLocationNoticeCta:G,resultCount:t?P:void 0,onShowResults:t?er:void 0,onTelemetry:e=>{t&&"message_submitted"===e.type&&"text"===e.input&&(J.current=!0),(0,U.TZ)(e,{isMobile:t})},initialMessage:m,initialMessageOnRestore:m?"append":void 0,initialConversationId:Z})})]})})};var ea=l(40283),es=l(78538),ei=s.memo(e=>{let{isMobileOverlay:t,onClose:l,searchMaskActiveTab:s,onSearchMaskActiveTabChange:h,initialConvoMessage:u,onConvoControlsChange:b}=e,{queryString:p}=(0,o.Se)(e=>({queryString:e.queryString})),{isEuWideCountExperimentActive:C}=(0,r.q)(),{updateTaxonomyForSelectedMakes:v}=(0,c.$)(),{makeCounters:x,modelCounters:f}=(0,o.sK)(es.n,i.X),{fetchNumberOfResults:g}=(0,d.J)({isEuWideCountExperimentActive:C??!1});return(0,ea.xz)(),(0,a.jsx)(n.ln,{fetchNumberOfResults:g,queryString:p,children:(0,a.jsx)(el,{isMobileOverlay:t,onOverlayClose:l,makeModelProps:{makeCounters:x,modelCounters:f,updateTaxonomyForSelectedMakes:v},activeTab:s,onActiveTabChange:h,initialConvoMessage:u,onConvoControlsChange:b})})})},14972:function(e,t,l){"use strict";l.d(t,{v:function(){return d}});var a=l(85893);l(67294);var s=l(94184),i=l.n(s),n=l(33970),r=l(92421),o=l(25020),c=l.n(o);let d=e=>{let{onClearAll:t,className:l,disabled:s}=e,{t:o}=(0,r.$G)();return(0,a.jsx)(n.z,{"data-testid":"clear-button",onClick:t,mode:"ghost-accent",className:i()(c().clearAllButton,l),disabled:s,children:o("shared.compare.action.reset")})}},76753:function(e){e.exports={headerRow:"ConvoFilterHeader_headerRow__qXJ_0",closeButton:"ConvoFilterHeader_closeButton__k28nC",clearButton:"ConvoFilterHeader_clearButton__hGk58"}},25020:function(e){e.exports={clearAllButton:"ClearAllButton_clearAllButton__Ig84v"}},84213:function(e){e.exports={container:"SelectedChips_container__2460Z",chipsList:"SelectedChips_chipsList__kNEPe",chip:"SelectedChips_chip__C_QbV"}}}]);