https://www.pistonheads.com/_next/static/chunks/1271-6c86d4b351756bdc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1271],{1818:(e,t,A)=>{"use strict";A.d(t,{A:()=>v});var r=A(6029),o=A(55729),n=A(75828),s=A.n(n),c=A(78619),l=A.n(c),i=A(83556),a=A.n(i),d=A(73313),u=A(48621),g=A(37792),h=A(37679),m=A(77056),I=A(3634),_=A(28375),C=A(1346),E=A(87491),p=A.n(E);let f=(0,o.memo)(e=>{let{selectedIndex:t,length:A,onClick:o,className:n}=e;return(0,r.jsx)("div",{className:s()(p().root,n),children:Array.from(Array(A)).map((e,A)=>{let n=t===A;return(0,r.jsxs)(C.A,{type:"button",trackingAttributes:{},onClick:()=>{o(A)},iconPosition:"left",isTextVisible:!1,isIconVisible:!0,icon:(0,r.jsx)(u.g,{icon:_.GE}),noDropShadow:!0,classes:{icon:s()(p().icon,{[p().iconSelected]:n})},"aria-current":n,children:["Navigate to carousel item ",A]},A)})})});var B=A(39805),x=A(72037),b=A.n(x);let Q=e=>{var t,A,r;let o=null!=(t=null==e?void 0:e.scrollLeft)?t:0;return{showLeftScrollButton:0!==o,showRightScrollButton:o+(null!=(A=null==e?void 0:e.clientWidth)?A:0)<(null!=(r=null==e?void 0:e.scrollWidth)?r:0)}},v=(0,o.memo)(e=>{let{analyticsCategory:t,children:A,classes:{root:n="",content:c="",scroller:i=""}={},hideScrollButtons:_,isInGrid:E,progressDots:{show:p,length:x=0}={},hasDataLoaded:v=!0}=e,w=(0,m.Q)({maxWidth:"large"}),D=(0,m.Q)({minWidth:"medium"}),y=(0,o.useRef)(null),S=(0,o.useRef)(null),[k,j]=(0,o.useState)(0),[L,P]=(0,o.useState)(!1),[F,M]=(0,o.useState)(!1),[N,U]=(0,o.useState)(0),G=(0,d.Ib)()?"auto":"smooth",R=(0,o.useCallback)(()=>{j((e=>{var t,A,r,o;let{scrollerElement:n,contentElement:s,scrollByChildWidth:c}=e;return c?null!=(r=null==s||null==(A=s.childNodes)||null==(t=A[0])?void 0:t.clientWidth)?r:0:null!=(o=null==n?void 0:n.clientWidth)?o:0})({contentElement:S.current,scrollerElement:y.current,scrollByChildWidth:p}))},[p]),z=(0,o.useMemo)(()=>l()(()=>{let{showLeftScrollButton:e,showRightScrollButton:t}=Q(y.current);P(e),M(t),R()},200),[R]),Y=(0,o.useMemo)(()=>a()(()=>{y.current&&U(Math.round(y.current.scrollLeft/k))},20),[k]);(0,I.A)(()=>{y.current&&v&&(y.current.scrollLeft=0)},[v]),(0,I.A)(()=>{let{showLeftScrollButton:e,showRightScrollButton:t}=Q(y.current);return R(),P(e),M(t),window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}},[S,y,A,R]);let X=(0,o.useCallback)(e=>()=>{var t;null==(t=y.current)||t.scrollBy({behavior:G,left:e})},[G]),H=(0,o.useCallback)(e=>{var t;null==(t=y.current)||t.scrollTo({behavior:G,left:e*k})},[k,G]),K=p&&!D&&x>1;return(0,r.jsxs)("div",{className:s()(b().root,{[b().rootInGrid]:E,[n]:!!n}),children:[(0,r.jsxs)("div",{ref:y,className:s()(b().scroller,i),onScroll:()=>{z(),K&&Y()},children:[!_&&L&&!w&&(0,r.jsx)(C.A,{type:"button",className:b().scrollLeftButton,onClick:X(-k),color:"white",iconPosition:"left",isTextVisible:!1,isIconVisible:!0,icon:(0,r.jsx)(u.g,{icon:h.Wz}),trackingAttributes:{category:t,action:"horizontal scroller left click"}}),(0,r.jsx)(B.A,{ref:S,className:s()(b().content,c),children:A}),!_&&F&&!w&&(0,r.jsx)(C.A,{type:"button",className:b().scrollRightButton,onClick:X(k),color:"white",iconPosition:"right",isTextVisible:!1,isIconVisible:!0,icon:(0,r.jsx)(u.g,{icon:g.Xk}),trackingAttributes:{category:t,action:"horizontal scroller right click"}})]}),K&&(0,r.jsx)(f,{length:x,selectedIndex:N,onClick:e=>H(e),className:b().progressDots})]})})},3634:(e,t,A)=>{"use strict";A.d(t,{A:()=>r});let r=A(55729).useLayoutEffect},5761:e=>{e.exports={list:"HorizontalList_list__Kjy0j"}},11659:e=>{e.exports={root:"IconListItem_root__sUoxN"}},15195:(e,t,A)=>{"use strict";A.d(t,{Ay:()=>d});var r=A(55729),o=A(11194),n=A(90213),s=A(77080),c=A(65546),l=A(29143);let i=l.env.NEXT_PUBLIC_IS_LOCAL?"http://localhost:4000":"",a=(e,t)=>{switch(t.type){case"connected":return{phase:"connected",error:!1};case"disconnected":return"reconnecting"===e.phase||"abandoned"===e.phase?e:{...e,phase:"reconnecting"};case"reconnectAttempt":if(!e.reconnectingSince)return{...e,phase:"reconnecting",reconnectingSince:t.now};return(0,n.o)(t.now,e.reconnectingSince)>=5?{...e,phase:"abandoned"}:e;case"reconnectFailed":return"abandoned"===e.phase?e:{...e,phase:"abandoned"};case"errored":return e.error?e:{...e,error:!0};case"reset":return{phase:"connecting",error:!1};default:return e}},d=e=>{let{socketOpts:t,onMessage:A,skip:n,resumeSession:d}=e,u=(0,r.useRef)(null),g=(0,c.A)(t),[h,m]=(0,r.useState)(),[I,_]=(0,r.useState)(0),C=(()=>{let e;return(null===u.current||t!==g)&&(e={...t,auth:{sessionId:d?h:void 0}},u.current=(0,o.io)(i,{autoConnect:!1,transports:["websocket"],reconnectionDelay:1e3,reconnectionDelayMax:1e3,reconnectionAttempts:600,closeOnBeforeunload:!0,auth:{sessionId:void 0},...e})),u.current})(),[E,p]=(0,r.useReducer)(a,void 0,()=>({phase:C.connected?"connected":"connecting",error:!1}));(0,r.useEffect)(()=>

1{if(n||l.env.NEXT_PUBLIC_DISABLE_WEB_SOCKETS)return;C.connect();let e=()=>{p({type:"connected"})},t=()=>{p({type:"disconnected"})},r=(e,t)=>{if("errorCode"in e){p({type:"errored"}),(0,s.A)(Error("Error socket message received: ".concat(JSON.stringify(e))));return}if("function"==typeof t&&t("message received"),"connectionEstablished"in e&&e.connectionEstablished){C.auth={sessionId:e.sessionId},m(e.sessionId);return}A(e)},o=()=>{p({type:"errored"})},c=()=>{C.disconnect()},i=e=>{e.persisted&&(p({type:"reset"}),_(e=>e+1))};return C.on("connect",e),C.on("disconnect",t),C.on("message",r),C.io.on("error",o),window.addEventListener("pagehide",c),window.addEventListener("pageshow",i),()=>{C.off("connect",e),C.off("disconnect",t),C.off("message",r),C.io.off("error",o),window.removeEventListener("pagehide",c),window.removeEventListener("pageshow",i),C.disconnect()}},[n,A,C,I]),(0,r.useEffect)(()=>{let e=()=>{p({type:"reconnectAttempt",now:new Date})},t=()=>{p({type:"reconnectFailed"})};return C.io.on("reconnect_attempt",e),C.io.on("reconnect_failed",t),()=>{C.io.off("reconnect_attempt",e),C.io.off("reconnect_failed",t)}},[C]),(0,r.useEffect)(()=>{if("abandoned"===E.phase){var e;(0,s.A)(Error("WebSocket reconnection timed out")),null==(e=u.current)||e.disconnect()}},[E.phase]);let{error:f}=E,B="connected"===E.phase,x="connecting"===E.phase||"reconnecting"===E.phase,b=f||"abandoned"===E.phase;return(0,r.useEffect)(()=>{b&&(0,s.A)(Error("Socket connection issue: error: ".concat(f,", isConnecting: ").concat(x,", isConnected: ").concat(B)))},[b,f,B,x]),(0,r.useMemo)(()=>({error:f,isConnected:B,isConnecting:x,hasConnectionIssue:b}),[f,B,x,b])}},16287:(e,t,A)=>{"use strict";A.d(t,{A:()=>_});var r=A(6029),o=A(55729),n=A(48498),s=A(75828),c=A.n(s),l=A(79678),i=A(97163),a=A(9202),d=A(72454),u=A(38782),g=A(48575),h=A(31565),m=A.n(h);let I={1:{src:"/_next/static/media/sell-your-car-card-background-1.9fd2f4c4.jpg",height:1116,width:900,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAYDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAAkhMP/8QAHRABAAEDBQAAAAAAAAAAAAAAAQIAAwQREhMhYf/aAAgBAQABPwAzcGQ8pdmj1Lfop7X/xAAVEQEBAAAAAAAAAAAAAAAAAACRAP/aAAgBAgEBPwAL/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k=",blurWidth:6,blurHeight:8},2:{src:"/_next/static/media/sell-your-car-card-background-2.e870a75e.jpg",height:1240,width:1e3,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAYDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oADAMBAAIQAxAAAACAOR//xAAdEAACAgEFAAAAAAAAAAAAAAABAgMEIQASEzJB/9oACAEBAAE/AK1WmZNrU5JCqsGMi8fuMjtr/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECUf/aAAgBAgEBPwC7brD/xAAXEQEAAwAAAAAAAAAAAAAAAAACAAED/9oACAEDAQE/ABmaM//Z",blurWidth:6,blurHeight:8},3:{src:"/_next/static/media/sell-your-car-card-background-3.cd9250a5.jpg",height:1240,width:1e3,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAYDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAAAoCcr/8QAHRAAAgIBBQAAAAAAAAAAAAAAAQQCAxIABRQhYf/aAAgBAQABPwBXaneZfJlagUkHCOXvWv/EABgRAAIDAAAAAAAAAAAAAAAAAAABIjGR/9oACAECAQE/AHJ0sP/EABgRAAIDAAAAAAAAAAAAAAAAAAABAhJB/9oACAEDAQE/AKRWH//Z",blurWidth:6,blurHeight:8}},_=(0,o.memo)(e=>{let{className:t,analyticsCategory:A,utmTrackingAttributes:o,variant:s,...h}=e,_=n.stringify(null!=o?o:{utm_source:"pistonheads",utm_campaign:"sellads"});return(0,r.jsxs)(g.A,{classes:{root:c()(m().root,t),content:m().content},backgroundImageSrc:I[s].src,...h,children:[(0,r.jsx)(l.A,{level:"3",className:m().heading,useCarbonBold:!0,children:"Sell your\xa0car"}),(0,r.jsxs)(a.A,{className:m().list,children:[(0,r.jsxs)(d.A,{listItemIcon:u.e6,children:["Sell for ",(0,r.jsx)("strong",{children:"free"})," in ",(0,r.jsx)("strong",{children:"7\xa0days"})]}),(0,r.jsxs)(d.A,{listItemIcon:u.e6,children:["Get the ",(0,r.jsx)("strong",{children:"true market\xa0value"})]}),(0,r.jsxs)(d.A,{listItemIcon:u.e6,children:["Dedicated ",(0,r.jsx)("strong",{children:"support team"})]})]}),(0,r.jsx)(i.A,{className:m().button,color:"green",href:"/sell/auctions?".concat(_),trackingAttributes:{action:"sell card click",category:A},noDropShadow:!0,fluid:!0,children:"Sell for\xa0free"})]})})},31543:e=>{e.exports={root:"CardLayout_root___JGJX",backgroundImage:"CardLayout_backgroundImage__q9iq

1E",content:"CardLayout_content__P_lqc"}},31565:e=>{e.exports={content:"SellYourCarCard_content__i5_9F",list:"SellYourCarCard_list__zQBZv",heading:"SellYourCarCard_heading__DuboE",button:"SellYourCarCard_button__j2k5D"}},39805:(e,t,A)=>{"use strict";A.d(t,{A:()=>i});var r=A(6029);A(55729);var o=A(75828),n=A.n(o),s=A(9202),c=A(5761),l=A.n(c);let i=e=>{let{children:t,className:A,...o}=e;return(0,r.jsx)(s.A,{className:n()(l().list,A),...o,dir:"ltr",children:t})}},48575:(e,t,A)=>{"use strict";A.d(t,{A:()=>d});var r=A(6029),o=A(55729),n=A(75828),s=A.n(n),c=A(4636),l=A(99535),i=A(31543),a=A.n(i);let d=(0,o.memo)(e=>{let{backgroundImageSrc:t,classes:A,children:o,...n}=e;return(0,r.jsxs)(c.A,{className:s()(a().root,null==A?void 0:A.root),...n,children:[(0,r.jsx)(l.Ay,{src:t,"aria-hidden":"true",className:a().backgroundImage,imageClassName:null==A?void 0:A.backgroundImage,useTransparentBackground:!0,alt:""}),(0,r.jsx)("div",{className:s()(a().content,null==A?void 0:A.content),children:o})]})})},50372:e=>{e.exports={listItem:"HorizontalListItem_listItem__hkFFb",listItemInGrid:"HorizontalListItem_listItemInGrid__0iUV_"}},56196:(e,t,A)=>{"use strict";A.d(t,{b:()=>n});var r=A(55729),o=A(15195);let n=e=>{let{advertIds:t,skip:A,resumeSession:n}=e,[s,c]=(0,r.useState)(new Map),l=(0,r.useCallback)(e=>{c(t=>"data"in e?(t.set(e.data.advertId,e),new Map(Array.from(t))):t)},[]),i=JSON.stringify(t),a=(0,r.useMemo)(()=>({path:"/api/auctions/ws",query:{advertIds:t}}),[i]);return{socketBiddingEvents:s,socketIo:(0,o.Ay)({socketOpts:a,skip:A,onMessage:l,resumeSession:n})}}},63625:(e,t,A)=>{"use strict";A.d(t,{A:()=>i});var r=A(6029);A(55729);var o=A(75828),n=A.n(o),s=A(28513),c=A(50372),l=A.n(c);let i=e=>{let{isInGrid:t,children:A,className:o="",ref:c}=e;return(0,r.jsx)(s.A,{className:n()(l().listItem,{[o]:!!o,[l().listItemInGrid]:!!t}),ref:c,children:A})}},72037:e=>{e.exports={root:"HorizontalScroller_root__tycjY",rootInGrid:"HorizontalScroller_rootInGrid__P_L1P",scroller:"HorizontalScroller_scroller__tAQOm",content:"HorizontalScroller_content__GFsbJ",scrollLeftButton:"HorizontalScroller_scrollLeftButton__6fBz0",scrollRightButton:"HorizontalScroller_scrollRightButton__Eh4ul",progressDots:"HorizontalScroller_progressDots__SdktI"}},72454:(e,t,A)=>{"use strict";A.d(t,{A:()=>a});var r=A(6029);A(55729);var o=A(75828),n=A.n(o),s=A(48621),c=A(28513),l=A(11659),i=A.n(l);let a=e=>{let{listItemIcon:t,children:A,classes:o={},...l}=e;return(0,r.jsxs)(c.A,{className:n()(i().root,o.root),...l,children:[(0,r.jsx)(s.g,{icon:t,listItem:!0,className:n()(o.icon)}),(0,r.jsx)("span",{className:o.content,children:A})]})}},87491:e=>{e.exports={root:"ProgressDots_root__Mm47_",icon:"ProgressDots_icon__GGz74",iconSelected:"ProgressDots_iconSelected__VvI_F"}}}]);