!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="dba45659-0410-45de-bd73-1394ac99be62",e._sentryDebugIdIdentifier="sentry-dbid-dba45659-0410-45de-bd73-1394ac99be62")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[703],{67719:function(e,s,i){Promise.resolve().then(i.bind(i,80852)),Promise.resolve().then(i.bind(i,12863)),Promise.resolve().then(i.bind(i,6209)),Promise.resolve().then(i.bind(i,17421)),Promise.resolve().then(i.bind(i,49752)),Promise.resolve().then(i.bind(i,45129)),Promise.resolve().then(i.bind(i,92657)),Promise.resolve().then(i.bind(i,27062)),Promise.resolve().then(i.bind(i,10197)),Promise.resolve().then(i.bind(i,14422)),Promise.resolve().then(i.bind(i,33129)),Promise.resolve().then(i.bind(i,39359)),Promise.resolve().then(i.bind(i,83804)),Promise.resolve().then(i.bind(i,81729)),Promise.resolve().then(i.bind(i,51553)),Promise.resolve().then(i.bind(i,57074)),Promise.resolve().then(i.bind(i,10685)),Promise.resolve().then(i.bind(i,26911)),Promise.resolve().then(i.bind(i,77376)),Promise.resolve().then(i.bind(i,51597)),Promise.resolve().then(i.bind(i,70386)),Promise.resolve().then(i.bind(i,86787)),Promise.resolve().then(i.bind(i,61814)),Promise.resolve().then(i.bind(i,17275)),Promise.resolve().then(i.bind(i,82235)),Promise.resolve().then(i.bind(i,6703)),Promise.resolve().then(i.bind(i,97356)),Promise.resolve().then(i.bind(i,3274)),Promise.resolve().then(i.bind(i,91895)),Promise.resolve().then(i.bind(i,11805)),Promise.resolve().then(i.bind(i,37876)),Promise.resolve().then(i.bind(i,87024)),Promise.resolve().then(i.bind(i,10289)),Promise.resolve().then(i.bind(i,76112)),Promise.resolve().then(i.bind(i,76277)),Promise.resolve().then(i.bind(i,97837)),Promise.resolve().then(i.bind(i,25551)),Promise.resolve().then(i.bind(i,38526)),Promise.resolve().then(i.bind(i,52492)),Promise.resolve().then(i.bind(i,53610)),Promise.resolve().then(i.bind(i,50922)),Promise.resolve().then(i.bind(i,64579)),Promise.resolve().then(i.bind(i,89475)),Promise.resolve().then(i.bind(i,68494)),Promise.resolve().then(i.bind(i,9889)),Promise.resolve().then(i.bind(i,16053)),Promise.resolve().then(i.bind(i,55090)),Promise.resolve().then(i.bind(i,32205)),Promise.resolve().then(i.bind(i,73311)),Promise.resolve().then(i.bind(i,68207)),Promise.resolve().then(i.bind(i,68973)),Promise.resolve().then(i.bind(i,50620)),Promise.resolve().then(i.bind(i,88979)),Promise.resolve().then(i.bind(i,22096)),Promise.resolve().then(i.bind(i,94526)),Promise.resolve().then(i.bind(i,47982)),Promise.resolve().then(i.bind(i,94206)),Promise.resolve().then(i.bind(i,46014)),Promise.resolve().then(i.bind(i,69989)),Promise.resolve().then(i.bind(i,81523)),Promise.resolve().then(i.bind(i,70049)),Promise.resolve().then(i.bind(i,76415)),Promise.resolve().then(i.bind(i,4023))},37155:function(e,s,i){"use strict";i.d(s,{o:function(){return _}});var l,n,r=i(57437),t=i(9889),o=i(22053),a=i(19476),d=i(26262),c=i(4360),h=i(31631),u=i(1677),f=i(27648),v=i(39232);function b(e){var s,i;let{ad:l,...n}=e,b=(0,t.useStyleConfig)("DropInAd",{ad:l});return(0,r.jsxs)(o.xu,{background:null!==(s=l.backgroundColor)&&void 0!==s?s:"gray.100",textColor:null!==(i=l.textColor)&&void 0!==i?i:"black",p:8,align:"start",w:"full",sx:b,...n,children:[l.logo&&(0,r.jsx)(a.E,{mb:8,src:(0,v.E)(l.logo.src,{h:36}),alt:l.logo.alt||"",h:"18px"}),(0,r.jsxs)(d.g,{align:"start",spacing:4,children:[l.preText&&(0,r.jsx)(c.x,{fontSize:"md",color:"inherit",children:l.preText}),(0,r.jsx)(h.X,{as:"h2",size:"xl",color:"inherit",children:l.title}),l.description&&(0,r.jsx)(c.x,{fontSize:"lg",color:"inherit",children:l.description})]}),l.cta&&(0,r.jsx)(u.z,{mt:8,colorScheme:l.cta.colorScheme||"primary",variant:l.cta.variant||"outline",as:f.default,href:l.cta.href,target:l.cta.target,w:["full","auto"],children:l.cta.label}),l.disclaimer&&(0,r.jsx)(c.x,{mt:4,fontSize:"md",color:"inherit",children:l.disclaimer})]})}var p=i(35560),m=i(58774),x=i(60643),g=i(67084),j=i(97244);(l=n||(n={})).Vehicle="vehicle",l.DropInAd="drop_in_ad",l.Skeleton="skeleton";let _=e=>{let{vehicles:s,resultCount:i,dropInAds:l=[],columnCount:n}=e,t=(0,m.S)({base:1,md:2,lg:3}),o=n||t,a=[...s.reduce((e,s,i)=>{let n={type:"vehicle",data:s},r=l[Math.floor(i/6)%l.length];return(i+1)%6==0&&r?[...e,{type:"drop_in_ad",data:r},n]:[...e,n]},[]),...Array(s.length<i?o:0).fill({type:"skeleton",data:null})];return(0,r.jsx)(x.r,{w:"full",templateColumns:"repeat(".concat(o,", 1fr)"),gap:6,children:a.map((e,s)=>(0,r.jsxs)(g.P,{w:"full",children:["drop_in_ad"===e.type&&(0,r.jsx)(b,{ad:e.data,h:"full",justify:"center"}),"vehicle"===e.type&&(0,r.jsx)(p.U,{vehicle:e.data,href:"/vehicles/stocked/".concat(e.data.code)}),"skeleton"===e.type&&(0,r.jsx)(j.O,{w:"full",h:"500px",maxH:"full"})]},s))})}},42147:function(e,s,i){"use strict";i.d(s,{e:function(){return t}});var l=i(57437),n=i(13449),r=i(55797);let t=e=>{let{filters:s,setFilters:i,baseWhereClause:t,fields:o=[],baseOptions:a,isBaseOptionsLoading:d,location:c,...h}=e,u={baseWhereClause:t,filters:s,setFilters:i,baseOptions:a,isBaseOptionsLoading:d};return(0,l.jsx)(n.k,{gap:2,wrap:"wrap",display:{base:"none",md:"flex"},justify:"start",...h,children:o.filter(e=>e.location===c).map((e,s)=>(0,l.jsx)(r.f,{field:e,...u},s))})}},17036:function(e,s,i){"use strict";i.d(s,{D:function(){return _}});var l=i(57437),n=i(46351),r=i(64242),t=i(75500),o=i(8196),a=i(49911),d=i(21788),c=i(49270),h=i(27924),u=i(16152),f=i(26262),v=i(20517),b=i(1677),p=i(2265),m=i(41718),x=i(55797),g=i(33199),j=i(30732);let _=e=>{var s,i;let{isOpen:_,onClose:y,filters:w,setFilters:P,baseWhereClause:C,fields:k=[],baseOptions:O,isBaseOptionsLoading:S}=e,F=(0,n.O)(),{showroom:z}=(0,j.m)(),[W,I]=(0,p.useState)(w);(0,p.useEffect)(()=>{_&&I(w)},[_]);let L=(0,g.M)({filters:W,baseWhereClause:C}),B=(0,t.a)(m.Y,{variables:{showroomId:null==z?void 0:z.id,search:W.search||"",where:L.where,pricingCode:F},skip:!_||!F||!L||!(null==z?void 0:z.id)}),$=B.loading,D=null===(i=B.data)||void 0===i?void 0:null===(s=i.search_stocked_vehicles_aggregate.aggregate)||void 0===s?void 0:s.count;return(0,l.jsxs)(o.u_,{isOpen:_,onClose:y,children:[(0,l.jsx)(a.Z,{}),(0,l.jsxs)(d.h,{children:[(0,l.jsxs)(c.x,{children:["Filter ",(0,l.jsx)(h.o,{})]}),(0,l.jsx)(u.f,{justifyContent:"start",children:(0,l.jsx)(f.g,{w:"full",align:"center",spacing:4,children:k.filter(e=>e.location===r.y7v.Modal).map((e,s)=>(0,l.jsx)(x.f,{field:e,baseWhereClause:C,filters:W,setFilters:I,baseOptions:O,isBaseOptionsLoading:S,layout:"expanded"},s))})}),(0,l.jsxs)(v.m,{justifyContent:"space-between",children:[(0,l.jsx)(b.z,{variant:"ghost",onClick:y,children:"Cancel"}),(0,l.jsx)(b.z,{colorScheme:"primary",onClick:()=>{P(W),y()},isLoading:$,isDisabled:!D,children:$?"Searching...":0===D?"Nothing found...":1===D?"Show one result":"Show ".concat(D," results")})]})]})]})}},59891:function(e,s,i){"use strict";i.d(s,{q:function(){return r}});var l=i(37823),n=i(2265);let r=e=>{let s=(0,n.useRef)(null),i=(0,l.Yg)(),[r,t]=(0,n.useState)(!1),o=()=>{if(s.current){let e=document.body.getBoundingClientRect(),l=s.current.getBoundingClientRect().top-e.top;window.scrollTo({top:l-i.height,behavior:"smooth"})}};return(0,n.useEffect)(()=>{r&&o()},[e]),(0,n.useEffect)(()=>{setTimeout(()=>{t(!0)},5e3)},[]),s}},41718:function(e,s,i){"use strict";i.d(s,{Y:function(){return a}});var l=i(45008),n=i(32540),r=i(2559);function t(){let e=(0,l._)(["\n  ","\n\n  query GetVehicles(\n    $search: String!\n    $where: stocked_vehicles_bool_exp!\n    $orderBy: [stocked_vehicles_order_by!]\n    $showroomId: uuid!\n    $pricingCode: String!\n    $limit: Int\n    $offset: Int\n  ) {\n    search_stocked_vehicles(\n      args: { search: $search }\n      where: $where\n      order_by: $orderBy\n      limit: $limit\n      offset: $offset\n    ) {\n      ...VehicleCard\n    }\n\n    search_stocked_vehicles_aggregate(\n      args: { search: $search }\n      where: $where\n    ) {\n      aggregate {\n        count\n      }\n    }\n  }\n"]);return t=function(){return e},e}function o(){let e=(0,l._)(["\n  query GetVehicleListPageData($vehicleListCode: String!, $showroomId: uuid!) {\n    vehicle_lists(\n      where: {\n        code: { _eq: $vehicleListCode }\n        showroom_id: { _eq: $showroomId }\n      }\n    ) {\n      id\n      where_clause\n      order_by\n      code\n      title\n      description\n      meta_title\n      meta_description\n      header_image_url\n      drop_in_ads\n      header_text_color\n      header_logo_url\n      default_filters\n      filter_fields(order_by: { order: asc }) {\n        id\n        name\n        label\n        options\n        location\n      }\n    }\n  }\n"]);return o=function(){return e},e}let a=(0,r.Ps)(t(),n.o);(0,r.Ps)(o())},76415:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return er}});var l=i(57437),n=i(49091),r=i(56750),t=i(47513),o=i(37823),a=i(94591),d=i(26977),c=i(30732),h=i(50531),u=i(64242),f=i(75500),v=i(68499),b=i(58774),p=i(62128),m=i(22053),x=i(521),g=i(60643),j=i(67084),_=i(31631),y=i(29360),w=i(4360),P=i(2265),C=i(71931),k=i(71273),O=i(37155),S=i(42147),F=i(17036),z=i(89132),W=i(33199),I=i(59891),L=i(41718),B=i(96365),$=i(1677),D=i(26262),A=i(55797);let M=e=>{let{fields:s,baseWhereClause:i,filters:n,setFilters:r,baseOptions:t,isBaseOptionsLoading:o,location:a}=e,d={baseWhereClause:i,filters:n,setFilters:r,baseOptions:t,isBaseOptionsLoading:o,layout:"expanded",size:"lg"};return(0,l.jsx)(D.g,{align:"start",spacing:4,w:"full",children:(s||[]).filter(e=>e.location===a).map(e=>(0,l.jsx)(A.f,{field:e,...d},e.name))})},T=e=>(0,l.jsxs)(m.xu,{children:[(0,l.jsx)(M,{...e,location:u.y7v.LeftSidebar}),(0,l.jsx)($.z,{mt:4,ml:-3,variant:"ghost",onClick:()=>e.setFilters({}),children:"Clear all filters"})]});var q=i(58055),E=i(41214),U=i(49911),R=i(61035),Y=i(49270),H=i(27924),V=i(16152),N=i(20517),X=i(48171);let G=e=>{var s;let i=(0,v.q)(),[n,r]=(0,P.useState)(e.filters);(0,P.useEffect)(()=>{i.isOpen&&r(e.filters)},[i.isOpen]);let t=null===(s=e.fields)||void 0===s?void 0:s.find(e=>e.name===u.fHL.Search);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(q.U,{w:"full",pt:4,gap:2,justify:"space-between",children:[t&&(0,l.jsx)(m.xu,{flex:1,w:"200px",children:(0,l.jsx)(X.a,{field:t,baseWhereClause:e.baseWhereClause,filters:e.filters,setFilters:e.setFilters,baseOptions:e.baseOptions,options:[]})}),(0,l.jsx)($.z,{onClick:i.onOpen,variant:"outline",children:"All filters"})]}),(0,l.jsxs)(E.d,{placement:"bottom",...i,children:[(0,l.jsx)(U.Z,{}),(0,l.jsxs)(R.s,{children:[(0,l.jsxs)(Y.x,{children:["Filters",(0,l.jsx)(H.o,{})]}),(0,l.jsx)(V.f,{px:2,children:(0,l.jsx)(M,{...e,location:u.y7v.Modal,filters:n,setFilters:r})}),(0,l.jsxs)(N.m,{justifyContent:"space-between",children:[(0,l.jsx)($.z,{variant:"ghost",onClick:()=>{r({})},children:"Clear all"}),(0,l.jsx)($.z,{colorScheme:"primary",onClick:()=>{e.setFilters(n),i.onClose()},children:"Apply filters"})]})]})]})]})};var K=i(4231),Q=i(13449),Z=i(28082),J=i(25730),ee=i(63400),es=i(32768),ei=i(23908);let el=(e,s,i)=>Object.entries(e).map(e=>{let[l,n]=e,r=null==s?void 0:s.find(e=>e.name===l);if(!r)return null;let t=r.options||(null==i?void 0:i[l])||[];if(Array.isArray(n))return n.map(e=>{let s=t.find(s=>s.value===e);return s&&s.label?{name:r.name,value:e,label:s.label}:null}).filter(ei.y);if("string"==typeof n){let e=t.find(e=>e.value===n);return e&&e.label?{name:r.name,value:n,label:e.label}:null}return null}).filter(ei.y).flat(),en=e=>{let{fields:s,filters:i,setFilters:n,baseOptions:r}=e,[t]=(0,C.useDebounce)(i,50),o=el(t,s,r),a=e=>{let s=i[e.name];if(Array.isArray(s))n({...i,[e.name]:s.filter(s=>s!==e.value)});else{if("string"!=typeof s)return;n({...i,[e.name]:null})}};return(0,l.jsx)(K.U,{in:!!o.length,children:(0,l.jsx)(m.xu,{pb:4,children:(0,l.jsxs)(q.U,{w:"full",justify:"space-between",align:"start",children:[(0,l.jsx)(Q.k,{wrap:"wrap",gap:2,children:o.map((e,s)=>(0,l.jsx)(Z.Vp,{size:{base:"sm",md:"lg"},colorScheme:"white",borderRadius:"full",bg:"white",color:"black",py:.5,pl:.5,pr:4,children:(0,l.jsxs)(q.U,{children:[(0,l.jsx)(J.h,{size:{base:"xs",md:"sm"},icon:(0,l.jsx)(ee.oHP,{}),"aria-label":'Remove "'.concat(e.label,'" filter'),color:"black",onClick:()=>a(e),variant:"ghost"}),(0,l.jsx)(w.x,{as:"span",children:e.label})]})},s))}),(0,l.jsx)($.z,{size:{base:"sm",md:"md"},variant:"ghost",onClick:()=>n({}),rightIcon:(0,l.jsx)(es.YFK,{}),children:"Clear filters"})]})})})};function er(e){var s,i,$;let{list:D}=e,{pricingCode:A}=(0,d.$)(),M=(0,h.O)(),{showroom:q}=(0,c.m)(),E=(0,v.q)(),{filters:U,setFilters:R}=(0,B.m)({defaultFilters:null==D?void 0:D.default_filters,manageStateInUrl:!0}),[Y]=(0,C.useDebounce)(U,300),H=(0,r.S)(),V=(0,I.q)(Y),{where:N,orderBy:X}=(0,W.M)({filters:Y,baseWhereClause:null==D?void 0:D.where_clause,baseOrderBy:null==D?void 0:D.order_by,pricingCode:A}),K=(0,f.a)(L.Y,{fetchPolicy:"cache-and-network",variables:{search:Y.search||"",where:N,orderBy:X,pricingCode:A,limit:10,offset:0,showroomId:q.id},skip:!D||!A||!M||!q.id}),Q=(null===(s=K.data)||void 0===s?void 0:s.search_stocked_vehicles)||[],Z=(null===($=K.data)||void 0===$?void 0:null===(i=$.search_stocked_vehicles_aggregate.aggregate)||void 0===i?void 0:i.count)||0,J=K.loading,ee=(0,P.useCallback)(()=>{K.fetchMore({updateQuery:(e,s)=>{var i,l;let{fetchMoreResult:n}=s;return n?Object.assign({},e,{search_stocked_vehicles:[...null!==(i=e.search_stocked_vehicles)&&void 0!==i?i:[],...null!==(l=n.search_stocked_vehicles)&&void 0!==l?l:[]]}):e},variables:{offset:Q.length}})},[K.fetchMore,Q]),{baseOptions:es,isBaseOptionsLoading:ei}=(0,z.x)({filters:Y,setFilters:R,baseWhereClause:null==D?void 0:D.where_clause}),el=(0,b.S)({base:1,md:2}),er=(0,o.Yg)(),[et]=(0,p.a)("(min-height: 1000px)");return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(n.v,{filterProductsByCustomerType:!0,products:H.products,calculations:Q.map(e=>{var s;return{id:e.id,amount:(null===(s=e.pricing_config)||void 0===s?void 0:s.driveAwayPrice)||0,productIds:e.stocked_vehicle_finance_products.map(e=>{let{finance_product:s}=e;return s.id})}}),children:(0,l.jsxs)(k.T,{children:[(0,l.jsx)(m.xu,{as:"main",id:"list",ref:V,bg:"gray.100",minH:"calc(100vh - ".concat(er.height,"px)"),py:{base:2,md:8},children:(0,l.jsx)(m.xu,{as:"section",children:(0,l.jsxs)(x.W,{maxW:"1300px",id:"grid",children:[(0,l.jsx)(m.xu,{mb:4,w:"full",display:{base:"block",md:"none"},children:(0,l.jsx)(G,{baseWhereClause:null==D?void 0:D.where_clause,filters:U,setFilters:R,fields:null==D?void 0:D.filter_fields,baseOptions:es,isBaseOptionsLoading:ei})}),(0,l.jsxs)(g.r,{templateColumns:"repeat(6, 1fr)",gap:4,children:[(0,l.jsx)(j.P,{display:{base:"none",md:"block"},colSpan:{base:6,md:2},children:(0,l.jsxs)(m.xu,{w:"full",bg:"white",p:8,pos:et?"sticky":"static",top:"calc(".concat(er.height,"px + 8px)"),left:0,children:[(0,l.jsx)(_.X,{as:"h1",size:"lg",mb:4,children:"Choose your car"}),(0,l.jsx)(T,{baseWhereClause:null==D?void 0:D.where_clause,filters:U,setFilters:R,fields:null==D?void 0:D.filter_fields,baseOptions:es,isBaseOptionsLoading:ei})]})}),(0,l.jsxs)(j.P,{colSpan:{base:6,md:4},children:[(0,l.jsx)(en,{filters:U,setFilters:R,fields:null==D?void 0:D.filter_fields,baseOptions:es}),(0,l.jsxs)(y.K,{direction:{base:"column",md:"row"},spacing:4,justify:"space-between",align:{base:"start",md:"center"},children:[(0,l.jsx)(m.xu,{children:(0,l.jsx)(w.x,{fontSize:"xl",fontWeight:"bold","aria-live":"polite",willChange:"opacity",opacity:K.loading?0:1,children:K.loading?"Loading":(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.A,{children:Z})," Škoda cars for sale"]})})}),(0,l.jsx)(m.xu,{display:{base:"none",md:"block"},children:(0,l.jsx)(S.e,{location:u.y7v.TopRight,baseWhereClause:null==D?void 0:D.where_clause,filters:U,setFilters:R,fields:null==D?void 0:D.filter_fields,baseOptions:es,justify:"end"})})]}),(0,l.jsx)(m.xu,{mt:4,w:"full",children:(0,l.jsx)(a.v,{onFetchMore:ee,isLoading:J,children:(0,l.jsx)(O.o,{vehicles:Q,resultCount:Z,dropInAds:(null==D?void 0:D.drop_in_ads)||[],columnCount:el})})})]})]})]})})}),(0,l.jsx)(F.D,{isOpen:E.isOpen,onClose:E.onClose,baseWhereClause:null==D?void 0:D.where_clause,filters:U,setFilters:R,fields:null==D?void 0:D.filter_fields,baseOptions:es})]})})})}},4023:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return A}});var l=i(57437),n=i(49091),r=i(94591),t=i(26977),o=i(30732),a=i(50531),d=i(75500),c=i(68499),h=i(97244),u=i(22053),f=i(1677),v=i(521),b=i(31631),p=i(2265),m=i(71931),x=i(38081),g=i(71273),j=i(37155),_=i(17036),y=i(37823),w=i(64242),P=i(62128),C=i(58055),k=i(48171),O=i(42147);let S=e=>{let{filters:s,setFilters:i,baseWhereClause:n,fields:r=[],baseOptions:t,isBaseOptionsLoading:o,onOpenFilterModal:a}=e,d=(0,y.Yg)(),c=Object.values(s).some(e=>!!e),h=r.some(e=>e.location===w.y7v.Modal),b=r.find(e=>e.name===w.fHL.Search),p={baseWhereClause:n,filters:s,setFilters:i,baseOptions:t,isBaseOptionsLoading:o},[m]=(0,P.a)("(max-width: 768px)");return(0,l.jsx)(u.xu,{py:4,bg:"white",zIndex:2,pos:"sticky",top:d.isFixed?"".concat(d.height,"px"):0,left:0,borderTop:"1px solid",borderBottom:"1px solid",borderColor:"gray.100",children:(0,l.jsx)(v.W,{size:"xl",children:(0,l.jsxs)(C.U,{w:"full",justify:"space-between",children:[b&&(0,l.jsx)(u.xu,{display:{base:"flex",md:"none"},children:(0,l.jsx)(k.a,{layout:"expanded",field:b,options:[],...p})}),(0,l.jsx)(O.e,{location:w.y7v.TopLeft,fields:r,...p}),(0,l.jsxs)(C.U,{w:"auto",justify:"space-between",spacing:4,children:[(0,l.jsx)(f.z,{onClick:()=>i({search:""}),variant:"link",isDisabled:!c,"aria-label":"Clear all filters",children:"Clear"}),h&&(0,l.jsx)(f.z,{variant:"link",onClick:a,children:m?"Filters":"View all filters"})]})]})})})};var F=i(4360);let z=e=>{let{filters:s,setFilters:i,baseWhereClause:n,fields:r=[],baseOptions:t,isBaseOptionsLoading:o,resultCount:a,isSearching:d}=e;return(0,l.jsx)(u.xu,{py:4,borderBottom:"1px solid",borderColor:"gray.100",children:(0,l.jsx)(v.W,{size:"xl",children:(0,l.jsxs)(C.U,{justify:{base:"start",md:"space-between"},children:[(0,l.jsx)(F.x,{"aria-live":"polite",display:{base:"none",md:"block"},fontWeight:"bold",fontSize:"large",children:d?"Searching...":"Search results: ".concat(a)}),(0,l.jsx)(O.e,{location:w.y7v.TopRight,fields:r,baseWhereClause:n,filters:s,setFilters:i,baseOptions:t,isBaseOptionsLoading:o,w:{base:"100%",md:"auto"},justify:{base:"end",md:"start"}})]})})})};var W=i(89132),I=i(33199),L=i(59891),B=i(41718),$=i(96365),D=i(56750);function A(e){var s,i,y;let{list:w}=e,{pricingCode:P}=(0,t.$)(),C=(0,a.O)(),{showroom:k}=(0,o.m)(),O=(0,c.q)(),{filters:F,setFilters:A}=(0,$.m)({defaultFilters:null==w?void 0:w.default_filters,manageStateInUrl:!0}),[M]=(0,m.useDebounce)(F,300),T=(0,L.q)(M),q=(0,D.S)(),{where:E,orderBy:U}=(0,I.M)({filters:M,baseWhereClause:null==w?void 0:w.where_clause,baseOrderBy:null==w?void 0:w.order_by,pricingCode:P}),R=(0,d.a)(B.Y,{fetchPolicy:"cache-and-network",variables:{search:M.search||"",where:E,orderBy:U,pricingCode:P,limit:10,offset:0,showroomId:k.id},skip:!w||!P||!C||!k.id}),Y=(null===(s=R.data)||void 0===s?void 0:s.search_stocked_vehicles)||[],H=(null===(y=R.data)||void 0===y?void 0:null===(i=y.search_stocked_vehicles_aggregate.aggregate)||void 0===i?void 0:i.count)||0,V=R.loading,N=(0,p.useCallback)(()=>{R.fetchMore({updateQuery:(e,s)=>{var i,l;let{fetchMoreResult:n}=s;return n?Object.assign({},e,{search_stocked_vehicles:[...null!==(i=e.search_stocked_vehicles)&&void 0!==i?i:[],...null!==(l=n.search_stocked_vehicles)&&void 0!==l?l:[]]}):e},variables:{offset:Y.length}})},[R.fetchMore,Y]),{baseOptions:X,isBaseOptionsLoading:G}=(0,W.x)({filters:M,setFilters:A,baseWhereClause:null==w?void 0:w.where_clause});return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(n.v,{filterProductsByCustomerType:!0,products:q.products,calculations:Y.map(e=>{var s;return{id:e.id,amount:(null===(s=e.pricing_config)||void 0===s?void 0:s.driveAwayPrice)||0,productIds:e.stocked_vehicle_finance_products.map(e=>{let{finance_product:s}=e;return s.id})}}),children:(0,l.jsxs)(g.T,{children:[w?(0,l.jsx)(x.j,{title:w.title,description:w.description,backgroundSrc:w.header_image_url,textColor:w.header_text_color,logoSrc:w.header_logo_url,containerSize:"xl"}):(0,l.jsx)(h.O,{w:"full",h:"300px"}),(0,l.jsx)(u.xu,{as:"main",id:"list",ref:T,mb:16,children:(0,l.jsxs)(u.xu,{as:"section",children:[(0,l.jsx)(f.z,{as:"a",href:"#grid",srOnly:!0,children:"Skip filters and go to results"}),(0,l.jsx)(S,{baseWhereClause:null==w?void 0:w.where_clause,filters:F,setFilters:A,fields:null==w?void 0:w.filter_fields,baseOptions:X,isBaseOptionsLoading:G,onOpenFilterModal:O.onOpen}),(0,l.jsx)(z,{baseWhereClause:null==w?void 0:w.where_clause,filters:F,setFilters:A,fields:null==w?void 0:w.filter_fields,baseOptions:X,isBaseOptionsLoading:G,resultCount:H,isSearching:V}),(0,l.jsxs)(v.W,{mt:8,minH:"100vh",size:"xl",id:"grid",children:[(0,l.jsx)(b.X,{as:"h2",srOnly:!0,children:"Results"}),(0,l.jsx)(r.v,{onFetchMore:N,isLoading:V,children:(0,l.jsx)(j.o,{vehicles:Y,resultCount:H,dropInAds:(null==w?void 0:w.drop_in_ads)||[]})})]})]})}),(0,l.jsx)(_.D,{isOpen:O.isOpen,onClose:O.onClose,baseWhereClause:null==w?void 0:w.where_clause,filters:F,setFilters:A,fields:null==w?void 0:w.filter_fields,baseOptions:X,isBaseOptionsLoading:G})]})})})}}},function(e){e.O(0,[522,7259,3665,6051,1779,1866,6305,5706,9095,1994,8326,2972,4718,6455,6082,4742,2291,1480,7354,2083,1760,2124,3351,3507,3895,3091,1444,8317,5761,9279,8318,379,7099,8868,5760,991,2971,6149,1744],function(){return e(e.s=67719)}),_N_E=e.O()}]);