https://www.driveway.com/_next/static/chunks/1065.bdbaaeb171a876dd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1065],{11090:(e,t,i)=>{i.d(t,{A:()=>u});var o=i(37876),a=i(91781),n=i(8909),r=i(40595),s=i(87826),l=i(60829),d=i(14232),p=i(99220);let c=(0,p.n9)({name:"DWTestimonial"})((e,t)=>{let{lineClamp:i,reduceDescription:o,fontColor:a}=t;return{ratingContainer:{marginBottom:e.spacing(2)},starIconContainer:{padding:1},testimonialBodyCopy:{display:"-webkit-box",overflow:"hidden",margin:e.spacing(1,0,2,0),WebkitLineClamp:i?`${i}`:"unset",WebkitBoxOrient:"vertical"},fancyQuote:{display:"inline-block",verticalAlign:"top",height:"16.44px",margin:e.spacing(.75,1,0,0),fontSize:e.typography.pxToRem(44),lineHeight:e.typography.pxToRem(27)},reducedTestimonialBodyCopy:{pointerEvents:o?"none":"auto"},reviewerNameContainer:{display:"flex",justifyContent:"space-between",alignItems:"center",pointerEvents:"auto"},nameContainer:{cursor:"pointer",display:"flex",alignItems:"center",height:30,textDecoration:"none"},socialNameLabel:{marginLeft:e.spacing(1.5),color:a||e.colors.neutral[800]},socialRatingLabel:{fontSize:e.typography.pxToRem(12),marginLeft:0,[e.breakpoints.up("xs")]:{marginLeft:e.spacing(1)},[e.breakpoints.up("md")]:{fontSize:e.typography.pxToRem(14)}},svgContainer:{height:"30px",width:"30px"},arrows:{width:e.typography.pxToRem(20)}}}),g=e=>{let{testimonialSource:t,reviewerName:i,clampState:n,showMore:r,fontColor:d}=e,{classes:p,cx:g}=c({fontColor:d}),m="google"===t?a.NR5:a.j3O;return(0,o.jsxs)("div",{className:p.reviewerNameContainer,children:[(0,o.jsxs)(l.A,{href:"google"===t?"https://g.page/DrivewayHQ?share":"https://www.facebook.com/DrivewayHQ/reviews",className:g(p.nameContainer,"external-review-link"),children:[(0,o.jsx)(m,{className:p.svgContainer}),(0,o.jsx)(a.o5u,{variant:"bodySmallBold",className:p.socialNameLabel,children:i})]}),r?(0,o.jsx)(s.A,{className:p.arrows,isSmall:!1,isUp:"unset"===n}):null]})},m=e=>{let{testimonialSource:t,testimonialRating:i,fontColor:s}=e,{classes:l,theme:d}=c({fontColor:s}),g=(0,p.Xy)(n.Ay,{iconFilled:{color:d.colors.warning[700]},iconEmpty:{color:d.colors.neutral[0]}});return((e,t)=>"google"===e&&null!=t&&t>=0&&t<=5?(0,o.jsx)(g,{className:l.ratingContainer,"aria-label":`${Math.round(2*t)/2} out of 5 `,precision:.5,value:t,getLabelText:e=>`${Math.round(2*e)/2} out of 5 `,readOnly:!0,icon:(0,o.jsx)(r.Ay,{className:l.starIconContainer,children:(0,o.jsx)(a.WmX,{})}),max:Math.ceil(t)}):"facebook"===e?(0,o.jsx)("div",{className:`${l.ratingContainer}`,children:(0,o.jsx)(a.CAs,{height:"24",width:"24"})}):(0,o.jsx)("span",{className:l.ratingContainer,children:"Rating not available"}))(t,i)},u=e=>{let{...t}=e,{testimonialSource:i,testimonialRating:n,reviewerName:r,pullQuote:s,reviewDescription:l,lineClamp:p,titleTextVariant:u="h5",bodyTextVariant:h="body",reduceDescription:x,fontColor:f}=t,y=(0,d.useRef)(null),[b,w]=(0,d.useState)(p),[v,T]=(0,d.useState)(!1),{classes:C}=c({lineClamp:b,reduceDescription:x,fontColor:f});return(0,d.useEffect)(()=>{function e(){y&&y.current&&(y.current.scrollHeight>y.current.offsetHeight?T(!0):T(!1))}return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,o.jsxs)("div",{className:C.reducedTestimonialBodyCopy,onClick:()=>void(!x&&("unset"===b?w(p):w("unset"))),children:[(0,o.jsx)(m,{testimonialRating:n,testimonialSource:i,fontColor:f}),s&&(0,o.jsxs)(a.o5u,{variant:u,children:[(0,o.jsx)("span",{className:C.fancyQuote,children:"“"}),s]}),(0,o.jsx)(a.o5u,{variant:h,className:C.testimonialBodyCopy,ref:y,children:l}),(0,o.jsx)(g,{testimonialSource:i,reviewerName:r,clampState:b,showMore:!x&&v,fontColor:f})]})}},15141:(e,t,i)=>{i.d(t,{A:()=>a});var o=i(32602);let a=function(e){let t=new URLSearchParams(o.Ay.isServerSide?"":window.location.search),i=t.get("preview");return{isPreview:i===e||"all"===i,cmsEnv:t.get("contentful_environment")}}},51065:(e,t,i)=>{i.r(t),i.d(t,{default:()=>N});var o=i(37876),a=i(91781),n=i(94306),r=i(11090),s=i(72678),l=i(95850),d=i(65668),p=i(15141),c=i(10947),g=i(30502),m=i(83832);let u=async e=>await (0,g.A)(e).getEntries({content_type:c.iE.Testimonial,include:1}).then(e=>(0,m._)(e)).catch(e=>{throw Error(e)}),h=async e=>await (0,g.A)(e).getEntries({content_type:c.iE.TestimonialPage,include:2}).then(e=>(0,m._)(e)[0]).catch(e=>{throw Error(e)});var x=i(27931),f=i(67947),y=i(89099),b=i(14082),w=i(14232),v=i(74478),T=i(99220);let C=(0,T.n9)({name:"DWTestimonials"})(e=>({testimonialPage:{background:e.colors.neutral[50],display:"flex",flexDirection:"column",width:"100%"},headerTitle:{color:e.colors.neutral[0],position:"relative",height:48,textAlign:"center",fontSize:32,margin:e.spacing(1,0,4,0),[e.breakpoints.up("md")]:{fontSize:40,margin:e.spacing(.5,0,8,0)}},heroImg:{position:"absolute",objectFit:"cover",width:"100%",maxHeight:667},backButton:{"&&":{color:e.colors.neutral[0],width:"58px",height:44,"& .button-text":{borderBottom:"1px solid transparent"},"&:hover":{color:e.colors.neutral[0],"& .button-text":{borderBottom:`1px solid ${e.colors.neutral[0]}`}},[e.breakpoints.up("sm")]:{margin:e.spacing(1,0,0,2)},[e.breakpoints.up("md")]:{margin:e.spacing(1,0,0,5)},[e.breakpoints.up("xxl")]:{margin:e.spacing(1,0,0,10)}}},headerTestimonialsContainer:{position:"relative",display:"grid",gridTemplateColumns:"100%",gridAutoRows:"1fr",alignSelf:"center",color:e.colors.neutral[800],margin:e.spacing(0,3),"& > :not(:first-child)":{marginTop:e.spacing(2)},[e.breakpoints.up("md")]:{width:688,display:"grid",rowGap:24,columnGap:24,marginLeft:0,marginRight:0,gridTemplateColumns:"1fr 1fr","& > :not(:first-child)":{marginTop:0}},[e.breakpoints.up("xxl")]:{width:856}},headerTestimonial:{padding:"16px 24px",boxShadow:"0px 0px 2px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12)",borderRadius:4,backgroundColor:e.colors.neutral[0],flexBasis:0,width:"100%",[e.breakpoints.up("lg")]:{minHeight:346}},testimonialBodyCopyContainer:{marginLeft:e.spacing(2),marginRight:e.spacing(2),marginTop:e.spacing(3),[e.breakpoints.up("sm")]:{marginLeft:e.spacing(3),marginRight:e.spacing(3)},[e.breakpoints.up("md")]:{margin:"auto",marginTop:e.spacing(2),width:688},[e.breakpoints.up("xxl")]:{width:853,marginTop:40}},heading3:{fontSize:e.typography.pxToRem(20),lineHeight:e.typography.pxToRem(24),fontWeight:600,[e.breakpoints.up("md")]:{fontSize:e.typography.pxToRem(32),lineHeight:e.typography.pxToRem(40)}},bodyParagraph:{"&&":{color:e.colors.neutral[700],fontSize:e.typography.pxToRem(14),lineHeight:e.typography.pxToRem(24),marginTop:16,[e.breakpoints.up("md")]:{fontSize:e.typography.pxToRem(16),lineHeight:e.typography.pxToRem(28),marginTop:24},a:{whiteSpace:"nowrap"}}}}));var j=i(22999),R=i.n(j),B=i(45204);let S=(0,T.n9)({name:"DWTestimonialsList"})(e=>{let{colors:t,breakpoints:i,spacing:o}=e;return{categoryTabsContainer:{marginTop:o(1),marginLeft:o(2),marginRight:o(2),[i.up("sm")]:{marginLeft:o(3),marginRight:o(3)},[i.up("md")]:{marginTop:o(2),margin:"auto",width:688},[i.up("xxl")]:{width:853},"& .MuiTabs-root":{width:"100%",borderBottomWidth:0},"& .MuiTab-root":{paddingBottom:0,[i.up("md")]:{paddingBottom:o(3),paddingTop:o(2)}}},tabsBottomBorder:{color:t.neutral[400],marginLeft:o(2),height:1,borderBottomStyle:"solid",borderBottomWidth:"1px",[i.up("md")]:{margin:"auto",width:688},[i.up("xxl")]:{width:853}},testimonialsButtonAndListContainer:{marginLeft:o(2),marginRight:o(2),paddingBottom:o(2),[i.up("sm")]:{marginLeft:o(3),marginRight:o(3)},[i.up("md")]:{marginTop:o(2),paddingBottom:o(3),margin:"auto",width:688},[i.up("xxl")]:{width:853}},testimonialListItemContainer:{marginTop:8,borderRadius:4,backgroundColor:t.neutral[0],paddingTop:o(2),paddingBottom:o(.25),paddingLeft:o(3),paddingRight:o(3),[i.up("md")]:{paddingTop:o(3),paddingBottom:o(1),paddingLeft:o(4),paddingRight:o(4)}},sortButton:{"&&":{backgroundColor:"transparent",color:t.neutral[800],padding:0,paddingTop:o(2),"& .button-text":{display:"flex",flexDirection:"row",alignItems:"center","& svg":{color:t.primary[500]}}}},sortButtonText:{paddingLeft:o(.5)},selectedSort:{color:t.primary[500]},sortIcon:{height:"16px"},pseudoStates:{"&&":{"&:focus":{borderColor:t.primary[200],[i.up("lg")]:{backgroundColor:"transparent"},color:t.neutral[800],outline:"none"},"&:hover":{backgroundColor:"transparent",color:t.primary[500],fontWeight:600},"&:active":{color:t.primary[700],fontWeight:600}}}

1,triangleIcon:{width:"8px",height:"5px"},pagination:{paddingTop:o(5),paddingBottom:o(6),marginLeft:o(2),marginRight:o(2),[i.up("sm")]:{marginLeft:o(3),marginRight:o(3)},[i.up("md")]:{paddingBottom:o(19),margin:"auto",width:688},[i.up("xxl")]:{paddingBottom:o(28),width:853}},paginationUl:{display:"flex",justifyContent:"center",width:"100%","& > li:first-child":{marginRight:"auto",[i.down("sm")]:{position:"absolute",top:o(7),left:"-13px"},"& > button":{backgroundColor:"inherit"}},"& > li:last-child":{marginLeft:"auto",[i.down("sm")]:{position:"absolute",top:o(7),right:"-13px"},"& > button":{backgroundColor:"inherit"}}}}}),k={contentType:"category",id:"ALL_CATEGORY",title:"All",slug:"all-categories",seo:{}},L=e=>{let{categories:t,testimonials:i}=e,{index:n,setIndex:s,isOpen:l,openSortMenu:d,onCloseHandler:p,sortMenuOptions:c}=(()=>{let[e,t]=(0,w.useState)(0),[i,o]=(0,w.useState)(!1);return{index:e,setIndex:t,isOpen:i,openSortMenu:()=>o(!0),onCloseHandler:()=>o(!1),sortMenuOptions:[{id:"highest",title:"Highest Rating",field:"testimonialRating",direction:"desc"},{id:"lowest",title:"Lowest Rating",field:"testimonialRating",direction:"asc"},{id:"newest",title:"Newest",field:"reviewDate",direction:"desc"},{id:"oldest",title:"Oldest",field:"reviewDate",direction:"asc"}]}})(),{classes:g,cx:m}=S(),{mdUp:u,xxlUp:h}=(0,a.dvO)(),[x,f]=(0,w.useState)(1),[y,b]=(0,w.useState)(0),v=(0,w.useRef)(null);t=[k,...t];let T=(e=>{let t=c[n];return R()(e,[t.field],t.direction)})(((e,t)=>0===y?e:e.filter(e=>e.categories?.find(e=>e.title===t[y].title)))((e=>(e.filter(e=>"facebook"===e.testimonialSource).forEach(e=>{e.testimonialRating=5}),e))(i||[]),t)),C=(0,a.$_6)(T,5),j=(0,a.Q4l)(T,x,5);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:g.categoryTabsContainer,children:(0,o.jsxs)(a.tUM,{id:"topOfList",variant:"scrollable",scrollButtons:!1,value:y,size:u?"large":"medium",onChange:(e,t)=>

1{t!==y&&(b(t),f(1))},children:[t.map(e=>{let t;return(0,o.jsx)(a.ozo,{id:(t=e.title,(0,B.w)(`rvw-${t}`)),label:e.title},e.id)}),";"]})}),(0,o.jsx)("div",{className:g.tabsBottomBorder}),(0,o.jsxs)("div",{className:g.testimonialsButtonAndListContainer,children:[(0,o.jsxs)(a.$nd,{borderless:!0,"aria-haspopup":"true","aria-controls":"sorting-menu","aria-expanded":l,className:m(g.sortButton,g.pseudoStates),onClick:d,ref:v,children:[(0,o.jsx)(a.o5u,{className:g.sortButtonText,variant:"bodySmallBold",children:"Sort:"}),(0,o.jsx)(a.o5u,{className:m(g.sortButtonText,g.pseudoStates,g.selectedSort),variant:"bodySmallBold",children:c[n].title}),(0,o.jsx)(a.UKR,{})]}),(0,o.jsx)(a.qV$,{anchorEl:v.current,id:"sorting-menu",isOpen:l,menuOptions:c,onClose:p,onSelection:e=>{s(e),f(1)},selectedIndex:n}),j?.map(e=>(0,o.jsx)("div",{className:g.testimonialListItemContainer,children:(0,o.jsx)(r.A,{...e,titleTextVariant:"bodyBold",bodyTextVariant:"bodySmall"})},e.id))]}),T.length>5&&(0,o.jsx)(a.dKS,{className:g.pagination,count:C,onChange:(e,t)=>

1{f(t),document.getElementById("topOfList")?.scrollIntoView()},page:+x,classes:{ul:g.paginationUl}})]})},N=()=>{let e=(0,y.useRouter)(),[t]=(0,f.fp)(x.o),i=""!==t,{classes:g}=C(),{mdUp:m}=(0,a.dvO)();(0,w.useLayoutEffect)(()=>{window.scrollTo(0,0)},[]);let{data:T,isError:j,isLoading:R}=(()=>{let{isPreview:e}=(0,p.A)(c.iE.TestimonialPage);return(0,d.IT)({queryKey:["testimonialPage",e],queryFn:()=>h(e),refetchOnWindowFocus:!1,retry:0})})(),{data:B,isError:S,isLoading:k}=(()=>{let{isPreview:e}=(0,p.A)(c.iE.TestimonialPage);return(0,d.IT)({queryKey:["testimonial",e],queryFn:()=>u(e),refetchOnWindowFocus:!1,retry:0})})(),N=(0,l.A)(T&&B);if(!(R&&k)&&T&&B&&N){let{seo:t,heroImage:l,heroTestimonial1:d,heroTestimonial2:p,heroTestimonial3:c,heroTestimonial4:u,bodyCopy:h}=T;return(0,o.jsxs)("div",{className:g.testimonialPage,children:[(0,o.jsx)(n.A,{title:t.title,description:t.description}),l&&(0,o.jsx)("img",{className:g.heroImg,src:l.file.url,alt:l.description}),(0,o.jsx)(a.EGL,{className:g.backButton,onClick:()=>{i?e.back():e.push(b.Mi.Homepage)},children:"Back"}),l&&(0,o.jsx)(a.o5u,{className:g.headerTitle,variant:"h1",children:l.title}),(0,o.jsx)("div",{className:g.headerTestimonialsContainer,children:[d,p,c,u].map(e=>(0,o.jsx)("div",{className:g.headerTestimonial,children:(0,o.jsx)(r.A,{categories:e.categories,testimonialRating:e.testimonialRating,testimonialSource:e.testimonialSource,reviewDescription:e.reviewDescription,reviewerName:e.reviewerName,reviewDate:"",pullQuote:"",lineClamp:7,reduceDescription:!0,bodyTextVariant:m?"body":"bodySmall"})},e.id))}),(0,o.jsx)("div",{className:g.testimonialBodyCopyContainer,children:(0,o.jsx)(s.A,{body:h,formatOptions:{heading3:g.heading3,paragraph:g.bodyParagraph,embeddedAsset:g.bodyParagraph}})}),(0,o.jsx)(L,{categories:T.categories,testimonials:B})]})}return j||S?(0,o.jsx)(v.C5,{to:"/"}):null}},95850:(e,t,i)=>{i.d(t,{A:()=>n});var o=i(75682),a=i(14232);function n(e){let{readyState:t,setReadyState:i}=(0,a.useContext)(o.MQ);return(0,a.useEffect)(()=>{i(!1)},[i]),(0,a.useEffect)(()=>{e&&i(!0)},[e,i]),t}}}]);
2//# sourceMappingURL=1065.bdbaaeb171a876dd.js.map