1"use strict";(self.webpackChunktbc_tire=self.webpackChunktbc_tire||[]).push([[4602],{51120(e,n,t){t.r(n),t.d(n,{BOTOilChange:()=>hn,BOTRecommendedServices:()=>xt,BOTTireRotation:()=>dn,OneColumnVehicleDetailsPage:()=>le});var o,i,r=t(82284),a=(t(80115),t(58476),t(5086),t(58379),t(82960)),l=t(95889),c=t(61225),d=t(67921),s=t(72411),p=t(2404),m=t.n(p),h=t(83922),u=t(57528),g=t(80045),v=t(96540),f=(t(5556),t(96403)),x=t(76494),w=t(55696),y=t(2060),A=t(46615),E=t(51533),b=t(69218),C=t(98903);const k=function(e){var n=e.nextAppointments,t=e.educationalSlider,o=e.tireRotation,i=e.oilChange,r=e.recommendedServices,a=e.isTablet,l=e.isDesktop,c=e.isMobile;return v.createElement(S,null,v.createElement(I,{isTablet:a,isMobile:c},l&&v.createElement(v.Fragment,null,v.createElement(M,null,o),v.createElement(M,null,i),v.createElement(M,null,v.createElement(R,null,t)),v.createElement(M,{fitContentHeight:!0},r),v.createElement(M,null,v.createElement(H,null)),v.createElement(M,{fitContentHeight:!0},n)),a&&v.createElement(v.Fragment,null,v.createElement(D,null,o,r),v.createElement(T,null,i,n,t)),c&&v.createElement(O,null,o,i,r,t,n)))};var S=E.Ay.div.withConfig({componentId:"sc-1gu478c-0"})(["\n display: flex;\n justify-content: center;\n max-width: 100vw;\n width: calc(100vw - 16px);\n margin-left: calc(50% - 50vw - -8px);\n padding: 42px 0;\n background-color: ",";\n ","\n\n ","\n\n @media (max-width: 767px) {\n padding: 32px 0;\n }\n"],C.A.colors.white_smoke,b.Ay.tablet(o||(o=(0,u.A)(["\n width: calc(100vw);\n margin-left: calc(50% - 50vw);\n "]))),b.Ay.mobile(i||(i=(0,u.A)(["\n width: calc(100vw);\n margin-left: calc(50% - 50vw);\n "])))),I=E.Ay.div.withConfig({componentId:"sc-1gu478c-1"})(["\n padding: 0 50px;\n width: 100%;\n max-width: 1570px;\n display: flex;\n justify-content: space-between;\n column-gap: 15px;\n row-gap: 20px;\n flex-wrap: wrap;\n ","\n ","\n"],function(e){return e.isTablet&&(0,E.AH)(["\n padding: 0 32px;\n "])},function(e){return e.isMobile&&(0,E.AH)(["\n padding: 0 16px;\n "])}),M=E.Ay.div.withConfig({componentId:"sc-1gu478c-2"})(["\n display: flex;\n width: 32%;\n ","\n\n @media (max-width: 834px) {\n width: 48.5%;\n }\n"],function(e){return e.fitContentHeight&&(0,E.AH)(["\n height: fit-content;\n "])}),R=E.Ay.div.withConfig({componentId:"sc-1gu478c-3"})(["\n width: 100%;\n\n .educational-materials-item {\n height: 320px;\n }\n"]),H=E.Ay.div.withConfig({componentId:"sc-1gu478c-4"})([""]),D=E.Ay.div.withConfig({componentId:"sc-1gu478c-5"})(["\n width: 48%;\n\n & > div:not(:last-child) {\n margin-bottom: 20px;\n }\n"]),T=E.Ay.div.withConfig({componentId:"sc-1gu478c-6"})(["\n width: 48%;\n\n & > div:not(:last-child) {\n margin-bottom: 20px;\n }\n\n & .educational-materials-item {\n height: 303px;\n }\n"]),O=E.Ay.div.withConfig({componentId:"sc-1gu478c-7"})(["\n width: 100%;\n\n & > div:not(:last-child) {\n margin-bottom: 22px;\n }\n\n & .educational-materials-item {\n height: 203px;\n }\n"]),B=t(89894),F=(0,l.IN)(function(){return{isTablet:(0,B.v1)(),isDesktop:(0,B.xl)(),isMobile:(0,B.Fr)()}}),N=(0,l.Bl)({componentDidMount:function(){document.querySelector("html").style.overflowX="hidden"}});const V=(0,a.Zz)(F,N)(k);var z,P,_=t(27916),W=t(86365),j=["placeholders","cartridgesMap","showFixedDashboard","expandVehicleInfoClickHandler","isVehicleDetailsPage","onClick","sticky"];const Q=function(e){var n=e.placeholders,t=void 0===n?{}:n,o=t.footer,i=void 0===o?[]:o,r=t.header,a=void 0===r?[]:r,l=e.cartridgesMap,c=e.showFixedDashboard,d=e.expandVehicleInfoClickHandler,s=e.isVehicleDetailsPage,p=e.onClick,m=e.sticky;(0,g.A)(e,j);return v.createElement(v.Fragment,null,v.createElement(w.A,null,a,v.createElement(x.A,null)),v.createElement(L,{id:y.Eml,tabIndex:"-1","data-max-width":!0,"data-max-width-padding":!0,showFixedDashboard:c,sticky:m},v.createElement(A.A,{showFixedDashboard:c,expandVehicleInfoClickHandler:d}),(0,_.gu)(l.AccountMenuNavigartion,{className:"vehicle-details-tabs"}),v.createElement(V,{nextAppointments:l.BOTMyVehicleAppointmentsDetails,recommendedServices:l.BOTRecommendedServices,educationalSlider:l.MyVehicleEducationContentDetails,tireRotation:(0,_.gu)(l.BOTTireRotation,{onClick:p,externalIdLong:"tire-rotation"}),oilChange:(0,_.gu)(l.BOTOilChange,{onClick:p,externalIdLong:"oil-change"})}),s&&v.createElement(G,null,v.createElement(Y,null,"Disclaimer"),v.createElement(Z,null,"Recommendation based on industry standards and thus may not apply to your vehicle. Please check your owner's manual for the manufacturer-recommended tire rotation or oil change schedule."))),v.createElement("div",{id:y.sEv},i),v.createElement(f.A,null))};var L=E.Ay.main.withConfig({componentId:"sc-1fexrks-0"})(["\n ","\n\n & .vehicle-details-tabs {\n padding: 60px 0 0;\n\n @media (max-width: 1023px) {\n padding: 40px 32px 0;\n }\n\n @media (max-width: 767px) {\n padding: 40px 16px 0;\n ","\n }\n\n & .underline {\n border-bottom: 2px solid rgba(58, 58, 58, 0.3);\n ","\n }\n\n & .tabs-selector {\n padding: 0;\n }\n\n & .tab-item {\n padding: 12px 22px 14px;\n border: none;\n background: none;\n\n &::before {\n content: none;\n }\n\n &::after {\n top: unset;\n bottom: 3px;\n background: ",";\n height: 4px;\n }\n }\n }\n"],b.Ay.mobile(z||(z=(0,u.A)(["\n ","\n "])),function(e){return!e.sticky&&e.showFixedDashboard&&(0,E.AH)(["\n margin: 160px auto 0;\n "])}),function(e){return e.showFixedDashboard&&(0,E.AH)(["\n position: fixed;\n top: 286px;\n z-index: 99;\n background: ",";\n padding: 0;\n left: 0;\n right: 0;\n "],C.A.colors.white)},function(e){return e.showFixedDashboard&&(0,E.AH)(["\n padding: 0 10px;\n "])},C.A.colors.bright_red_new),G=E.Ay.div.withConfig({componentId:"sc-1fexrks-1"})(["\n padding: 20px 4px;\n ","\n"],b.Ay.mobile(P||(P=(0,u.A)(["\n padding: 20px 12px;\n "])))),Y=E.Ay.h2.withConfig({componentId:"sc-1fexrks-2"})(["\n ",";\n margin: 0 0 5px 0;\n color: ",";\n"],W.A.font.GothamBook(14,400,18),C.A.colors.off_medium_grey),Z=E.Ay.p.withConfig({componentId:"sc-1fexrks-3"})(["\n position: relative;\n ",";\n margin: 0 0 0 15px;\n color: ",';\n display: flex;\n align-items: center;\n font-weight: 600;\n\n &::before {\n content: "â";\n position: absolute;\n top: 0;\n left: -15px;\n font-size: 20px;\n width: 15px;\n height: 15px;\n display: flex;
1\n align-items: center;\n }\n'],W.A.font.GothamMedium(13,500,18),C.A.colors.dark_grey),U=t(35912),q=t(18046),K=t.n(q),X=t(80971),$=t(64744),J=t(46078),ee=t(63156),ne=t(53243),te=t(28221),oe=(0,l.Q2)("cartridgesMap","setCartridgesMap",{}),ie=(0,l.n7)({onClick:function(e){var n=e.myStoreExists,t=e.myStorePhoneNumber,o=e.myStoreAppointmentEnableFlag,i=e.showAppointmentUnsupportedModal,r=e.threeStepperEnabled,a=e.showStoreLocatorModal3StepperEnabled,l=e.navigateToQuickApptPage,c=(e.push,e.history);return function(e,d){n&&!o?(e.preventDefault(),i({phoneNumber:t})):!n&&r?(e.preventDefault(),a(d)):l&&c.push("".concat(y.OW,"?preSelectedService=").concat(d))}}}),re=(0,l.n7)({buildCartridgesMap:function(e){var n=e.placeholders.mainVehicleDetailsContent,t=e.setCartridgesMap;return function(){var e={};n.forEach(function(n){Array.isArray(n)&&n.length>0?"object"===(0,r.A)(n[0])&&n[0].props&&n[0].props.type&&(e[n[0].props.type]=n[0]):"object"===(0,r.A)(n)&&n.props&&n.props.type&&(e[n.props.type]=n)}),t(e)}}}),ae=(0,l.Bl)({componentDidMount:function(){var e=this.props;(0,e.buildCartridgesMap)(e.placeholders.mainVehicleDetailsContent)},componentDidUpdate:function(e){var n=e.placeholders.mainVehicleDetailsContent,t=this.props,o=t.placeholders.mainVehicleDetailsContent,i=t.buildCartridgesMap;m()(n,o)||i(o)}});const le=(0,a.Zz)((0,d.A)({type:"OneColumnVehicleDetailsPage",placeholders:["footer","header","mainVehicleDetailsContent"]}),(0,c.Ng)(function(e){return{isVehicleDetailsPage:(0,U.A)((0,h.aQ)(e)),myStoreExists:Boolean((0,ee.ZS)(e)),myStorePhoneNumber:(0,ee.Wz)(e),myStoreAppointmentEnableFlag:(0,ee.Hp)(e),threeStepperEnabled:(0,ne.ku)(e)}},{showAppointmentUnsupportedModal:$.t,showStoreLocatorModal3StepperEnabled:J.ds,push:X.VC}),K(),(0,l.IN)(function(){return{navigateToQuickApptPage:!0}}),ie,oe,s.A,re,ae,te.A)(Q);var ce=t(58168),de=t(91729),se=t(72340);const pe=function(e){var n=e.onClick,t=e.externalIdLong,o=e.showConnectToCarfaxModal,i=e.showAddServiceRecordModal,r=e.openFindServiceHistoryModal,a=e.appointmentsButtonLabel,l=e.showFindServiceHistoryButton,c=e.showQuickAppointmentButton,d=e.showConnectToCarfaxButton;return v.createElement(me,null,l&&v.createElement(se.rA,{narrow:!0,onClick:r},"FIND SERVICE HISTORY"),c&&v.createElement(se.rA,{narrow:!0,onClick:function(e){return n(e,t)}},a),d&&v.createElement(se.rA,{narrow:!0,onClick:o},"CONNECT TO CARFAX"),v.createElement(he,{onClick:i},"ADD A SERVICE RECORD"))};var me=E.Ay.div.withConfig({componentId:"sc-1hpsbnr-0"})(["\n margin-top: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media (max-width: 767px) {\n margin-top: 40px;\n }\n"]),he=(0,E.Ay)(se.rA).withConfig({componentId:"sc-1hpsbnr-1"})(["\n ",";\n color: ",";\n background-color: transparent;\n margin: 20px 0 0 0 !important;\n padding: 0;\n border: none;\n\n @media (max-width: 767px) {\n margin: 30px 0 0 0 !important;\n }\n\n &:hover {\n background-color: transparent;\n border: none;\n color: ",";\n }\n"],W.A.font.GothamBold(14,600,17),C.A.colors.blue,C.A.colors.blue),ue=t(34635),ge=t(93767),ve=t(22597),fe=t(60489),xe=(0,l.Q2)("recordData","setRecordData",[]),we=(0,l.IN)(function(e){var n=e.isE2EAppointment,t=e.noEntityServiceHistory,o=e.linkToCarFax,i=e.recemondedOilChangeMileage,r=e.recemondedTireRotationMileage,a=e.noEntityCustomServiceHistory;return{appointmentsButtonLabel:n?y.eH$:y.obW,showFindServiceHistoryButton:Boolean(t),showQuickAppointmentButton:Boolean(!t&&!a),showConnectToCarfaxButton:Boolean(!o&&!i&&!r)}}),ye=(0,l.Bl)({componentDidMount:function(){var e=this.props.setRecordData;de.A.api.getManuallyAddedServiceDetails().then(function(n){var t=n.manuallyAddedServices;e(t||[])}).catch(function(e){console.log(e)})}}),Ae=(0,l.n7)({showAddServiceRecordModal:function(e){var n=e.showServiceRecordModal,t=e.setRecordData,o=e.recordData;return function(){return n({type:ve.Fw,setRecordData:t,recordData:o})}},openFindServiceHistoryModal:function(e){var n=e.vehicle.vehicleId,t=e.showFindServiceHistoryModal;return function(){t({userVehicleId:n})}}});const Ee=(0,l.Zz)((0,c.Ng)(function(e){return{vehicle:(0,fe.Q)(e)||{},isE2EAppointment:(0,ee.QE)(e)}},{showServiceRecordModal:ue.showServiceRecordModal,showConnectToCarfaxModal:ue.showConnectToCarfaxModal,showFindServiceHistoryModal:ge.fA}),xe,ye,Ae,we)(pe);var be=t(30470),Ce=t(93531);const ke=function(e){var n=e.title,t=e.isGreen,o=e.isYellow,i=e.isOrange,r=e.isRed,a=e.recemondedMileage;return v.createElement(Se,null,v.createElement(Ie,null,r&&v.createElement(Oe,{asset:"alert-light-red",alt:"warning"}),v.createElement(Me,{isRed:r},"Recommended Next ",n," at")),v.createElement(Re,null,v.createElement(He,{asset:(0,B.eF)({isGreen:t,isYellow:o,isOrange:i,isRed:r})}),v.createElement(se.ju,null,v.createElement(De,null,(0,Ce.ob)(a)),v.createElement(Te,null,y.SgY))))};var Se=E.Ay.div.withConfig({componentId:"zap2d-0"})(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n"]),Ie=E.Ay.div.withConfig({componentId:"zap2d-1"})(["\n position: relative;\n margin-bottom: 20px;\n"]),Me=E.Ay.p.withConfig({componentId:"zap2d-2"})(["\n ",";\n color: ",";\n margin: 0;\n ","\n"],W.A.font.GothamBold(16,600,18),C.A.colors.black,function(e){return e.isRed&&(0,E.AH)(["\n margin-left: 20px;\n "])}),Re=(0,E.Ay)(se.aH).withConfig({componentId:"zap2d-3"})(["\n width: 100%;\n margin: 0;\n align-items: center;\n justify-content: space-around;\n"]),He=(0,E.Ay)(se.S3).withConfig({componentId:"zap2d-4"})(["\n width: 70px;\n height: auto;\n\n @media (max-width: 767px) {\n width: 54px;\n }\n"]),De=(0,E.Ay)(se.qy).withConfig({componentId:"zap2d-5"})(["\n ",";\n\n @media (max-width: 767px) {\n ",";\n }\n"],W.A.font.GothamBold(46,600,32),W.A.font.GothamBold(30,600,20)),Te=(0,E.Ay)(se.U5).withConfig({componentId:"zap2d-6"})(["\n color: ",";\n opacity: 0.6;\n"],C.A.colors.sub_grey),Oe=(0,E.Ay)(be.A).withConfig({componentId:"zap2d-7"})(["\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 0;\n"]);const Be=ke;const Fe=function(e){var n=e.recemondedMileage;return v.createElement(Ne,null,v.createElement(_e,null,"Your vehicle is past the manufacturer's",v.createElement("br",null),"recommended mileage for this service.",v.createElement("br",null),"Please schedule service soon."),v.createElement(Ve,null,v.createElement(se.S3,{asset:"recomendation-danger",width:58,height:51}),v.createElement(se.ju,null,v.createElement(ze,null,(0,Ce.ob)(n)),v.createElement(Pe,null,y.SgY))))};var Ne=E.Ay.div.withConfig({componentId:"eh7hpi-0"})(["\n text-align: center;\n"]),Ve=(0,E.Ay)(se.aH).withConfig({componentId:"eh7hpi-1"})(["\n margin: 20px 0 0 0;\n align-items: center;\n"]),ze=(0,E.Ay)(se.qy).withConfig({componentId:"eh7hpi-2"})(["\n ",";\n color: ",";\n"],W.A.font.GothamBold(30,600,22),C.A.colors.light_red),Pe=(0,E.Ay)(se.U5).withConfig({componentId:"eh7hpi-3"})(["\n color: ",";\n"],C.A.colors.light_red),_e=E.Ay.p.withConfig({componentId:"eh7hpi-4"})(["\n ",";\n color: ",";\n margin: 0;\n"],W.A.font.GothamBold(12,600,14),C.A.colors.red);const We=Fe;var je=["title","overdue"];const Qe=function(e){var n=e.title,t=e.overdue,o=(0,g.A)(e,je);return v.createElement(v.Fragment,null,t?v.createElement(We,o):v.createElement(Be,(0,ce.A)({title:n},o)))};const Le=function(e){var n=e.assetName,t=e.title,o=e.overdue,i=e.smallIconWidth,r=e.smallIconHeight;return v.createElement(Ge,{overdue:o},v.createElement(Ye,null,v.createElement(be.A,{asset:n,width:i,height:r,alt:t}),v.createElement(Ze,null,t),v.createElement(Ke,{asset:"disclaimer-blue",width:11,height:11,alt:"disclaimer"})),o&&v.createElement(Ue,null,v.createElement(be.A,{asset:"alert-trianle-red",width:21,height:21,alt:"overdue"}),v.createElement(qe,null,"Overdue")))};var Ge=E.Ay.div.withConfig({componentId:"sc-1d0yuji-0"})(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: 16px;\n padding-bottom: 16px;\n justify-content: space-between;\n align-items: center;\n\n &::after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n content: '';\n height: 2px;\n width: 100%;\n background-color: ",";\n border-radius: 2px;\n }\n\n ","\n"],C.A.colors.gainsboro,function(e){return e.overdue&&(0,E.AH)(["\n margin-bottom: 20px;\n "])}),Ye=E.Ay.div.withConfig({componentId:"sc-1d0yuji-1"})(["\n width: fit-content;\n display: flex;
1\n\n @media (max-width: 500px) {\n align-items: center;\n }\n"]),Ze=E.Ay.p.withConfig({componentId:"sc-1d0yuji-2"})(["\n margin: 0 0 0 8px;\n ","\n font-weight: 700;\n line-height: 1.2;\n text-transform: uppercase;\n transform: scale(1, 1.3);\n"],W.A.responsive("font-size","18px","14px")),Ue=E.Ay.div.withConfig({componentId:"sc-1d0yuji-3"})(["\n display: flex;\n align-items: center;\n"]),qe=E.Ay.p.withConfig({componentId:"sc-1d0yuji-4"})(["\n ",";\n color: ",";\n margin: 0 0 0 8px;\n"],W.A.font.GothamBold(12,600,16),C.A.colors.light_red),Ke=(0,E.Ay)(be.A).withConfig({componentId:"sc-1d0yuji-5"})(["\n margin-left: 5px;\n"]);const Xe=Le;var $e=t(92712);const Je=function(e){var n=e.assetName,t=e.bigIconHeight,o=e.bigIconWidth,i=e.title;return v.createElement($e.Or,null,v.createElement(en,null,v.createElement(nn,{asset:"alert-light-red",alt:"alert"}),v.createElement(be.A,{asset:n,width:o,height:t,alt:i})),v.createElement($e.VY,null,"Your vehicle's last known ",i," service record is not recent enough to provide an estimate for your next service. Please choose an option below."))};var en=E.Ay.div.withConfig({componentId:"sc-1e9x2d-0"})(["\n position: relative;\n display: inline-block;\n"]),nn=(0,E.Ay)(be.A).withConfig({componentId:"sc-1e9x2d-1"})(["\n position: absolute;\n top: -15px;\n right: -15px;\n"]);const tn=Je;const on=function(e){var n=e.assetName,t=e.bigIconHeight,o=e.bigIconWidth,i=e.title;return v.createElement($e.Or,null,v.createElement(be.A,{asset:n,width:o,height:t,alt:i}),v.createElement($e.VY,null,"Let's find your vehicle's ",i," service records. Please choose an option below."))};var rn=t(11562),an=["linkToCarFax","overdue","noTireRotationServiceHistory","noServiceHistory","re
1cemondedTireRotationMileage","isTireRotationServicePassed","isRed","showPlaceholder","showRecommendation","showOilRecord","noCustomServiceHistory"];const ln=function(e){var n=e.linkToCarFax,t=(e.overdue,e.noTireRotationServiceHistory),o=(e.noServiceHistory,e.recemondedTireRotationMileage),i=e.isTireRotationServicePassed,r=e.isRed,a=e.showPlaceholder,l=e.showRecommendation,c=e.showOilRecord,d=e.noCustomServiceHistory,s=(0,g.A)(e,an);return v.createElement($e.xv,{overdue:i},v.createElement(Xe,{assetName:rn.eI,title:rn.z_,overdue:i,smallIconWidth:22,smallIconHeight:22}),a&&v.createElement(on,{assetName:rn.eI,title:rn.z_,bigIconWidth:40,bigIconHeight:37}),l&&v.createElement(Qe,(0,ce.A)({title:rn.z_,overdue:i,recemondedMileage:o,isRed:r},s)),c&&v.createElement(tn,{assetName:rn.eI,title:rn.z_,bigIconWidth:40,bigIconHeight:37}),r&&v.createElement($e._j,null,rn.JM),v.createElement(Ee,(0,ce.A)({linkToCarFax:n,noEntityServiceHistory:t,noEntityCustomServiceHistory:d,recemondedTireRotationMileage:o},s)))};var cn=(0,l.IN)(function(e){var n=e.linkToCarFax,t=e.noTireRotationServiceHistory,o=e.tooOldTireRotationService,i=e.noServiceHistory,r=e.recemondedTireRotationMileage;return{showPlaceholder:Boolean(!n&&!r||t),showRecommendation:Boolean((n||!n&&r)&&!t&&!o&&!i),showOilRecord:Boolean(o||i)}});const dn=(0,a.Zz)((0,d.A)({type:"BOTTireRotation"}),cn)(ln);var sn=["linkToCarFax","overdue","noOilChangeServiceHistory","noServiceHistory","re
1cemondedOilChangeMileage","isOilChangeServicePassed","isRed","showPlaceholder","showRecommendation","showOilRecord","noCustomServiceHistory"];const pn=function(e){var n=e.linkToCarFax,t=(e.overdue,e.noOilChangeServiceHistory),o=e.noServiceHistory,i=e.recemondedOilChangeMileage,r=e.isOilChangeServicePassed,a=e.isRed,l=e.showPlaceholder,c=e.showRecommendation,d=e.showOilRecord,s=e.noCustomServiceHistory,p=(0,g.A)(e,sn);return v.createElement($e.xv,{overdue:r},v.createElement(Xe,{assetName:rn.sk,title:rn.NK,overdue:r,smallIconWidth:15,smallIconHeight:22}),l&&v.createElement(on,{assetName:rn.sk,title:rn.NK,bigIconWidth:28,bigIconHeight:37}),c&&v.createElement(Qe,(0,ce.A)({title:rn.NK,overdue:r,recemondedMileage:i,isRed:a},p)),d&&v.createElement(tn,{assetName:rn.sk,title:rn.NK,bigIconWidth:28,bigIconHeight:37}),a&&v.createElement($e._j,null,rn.JM),v.createElement(Ee,(0,ce.A)({linkToCarFax:n,noEntityServiceHistory:t,noEntityCustomServiceHistory:s,noServiceHistory:o,recemondedOilChangeMileage:i},p)))};var mn=(0,l.IN)(function(e){var n=e.linkToCarFax,t=e.recemondedOilChangeMileage,o=e.noOilChangeServiceHistory,i=e.tooOldoilChangeService,r=e.noServiceHistory;return{showPlaceholder:Boolean(!n&&!t||o),showRecommendation:Boolean((n||!n&&t)&&!o&&!i&&!r),showOilRecord:Boolean(i||r)}});const hn=(0,l.Zz)((0,d.A)({type:"BOTOilChange"}),mn)(pn);var un=t(64467),gn=t(95651),vn=t(98620),fn=(t(59581),t(40303)),xn=t(1560),wn=t(55133),yn=t(8897);const An=function(){return v.createElement(En,null,v.createElement(bn,null,"Severe driving conditions are typically defined as:"),v.createElement(Cn,null,v.createElement(kn,null,"Stop-and-go traffic"),v.createElement(kn,null,"Frequent trips that are less than 10 miles"),v.createElement(kn,null,"Frequent towing or hauling of heavy loads"),v.createElement(kn,null,"Driving in dusty areas, or on dirt or gravel roads"),v.createElement(kn,null,"Long trips in extreme heat (90°F or higher) or extreme cold (10°F or lower)"),v.createElement(kn,null,"Frequent start and stops in freezing temperatures")))};var En=E.Ay.div.withConfig({componentId:"sc-1dthapz-0"})(["\n width: 100%;\n"]),bn=E.Ay.p.withConfig({componentId:"sc-1dthapz-1"})(["\n font-weight: 700;\n margin: 0 0 16px 0;\n font-size: 12px;\n"]),Cn=E.Ay.ul.withConfig({componentId:"sc-1dthapz-2"})(["\n margin: 0;\n padding: 0;\n"]),kn=E.Ay.li.withConfig({componentId:"sc-1dthapz-3"})(["\n margin: 0 0 0 15px;\n list-style-type: disc;\n font-size: 12px;\n"]),Sn=t(82138),In=["input"];const Mn=function(e){var n=e.input,t=(0,g.A)(e,In);return v.createElement(Sn.A,(0,ce.A)({},t,{input:n}))};const Rn=function(){return v.createElement(Hn,null,v.createElement(Dn,{asset:"vehicle-with-notebook",alt:"Vehicle with Notebook icon"}),v.createElement(Tn,null,rn.ox))};var Hn=E.Ay.div.withConfig({componentId:"sc-17s1lgo-0"})(["\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n padding: 24px 0 45px;\n"]),Dn=(0,E.Ay)(be.A).withConfig({componentId:"sc-17s1lgo-1"})(["\n margin-bottom: 27px;\n width: 60px;\n height: 54px;\n"]),Tn=E.Ay.p.withConfig({componentId:"sc-17s1lgo-2"})(["\n display: inline-block;\n width: 254px;\n padding: 0;\n margin: 0;\n text-align: center;\n"]);const On=function(){return v.createElement(Bn,null,v.createElement(Fn,{asset:"cloud-loading",alt:"Cloud loading icon"}),v.createElement(Nn,null,rn.Dv))};var Bn=E.Ay.div.withConfig({componentId:"sc-19nht4x-0"})(["\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n padding: 35px 0 50px;\n"]),Fn=(0,E.Ay)(be.A).withConfig({componentId:"sc-19nht4x-1"})(["\n margin-bottom: 35px;\n width: 60px;\n height: 60px;\n"]),Nn=E.Ay.p.withConfig({componentId:"sc-19nht4x-2"})(["\n display: inline-block;\n width: 200px;\n padding: 0;\n margin: 0;\n text-align: center;\n"]),Vn=t(73285),zn=(0,E.Ay)(yn.Kn).withConfig({componentId:"kn65k9-0"})(["\n width: 339px;\n padding: 20px 24px 20px 18px;\n"]);const Pn=function(e){var n=e.appointmentButtonLabel,t=e.model,o=e.normalizeValue,i=e.setChecked,r=e.checked,a=e.onSelect,l=e.switchOptions,c=e.hasMileages,d=e.errorWhileDataLoading,s=e.recommendedServices,p=e.noSeverityMileage,m=e.navigateToQuickAppointmentFlow;return v.createElement(_n,null,v.createElement(Wn,null,v.createElement(jn,null,v.createElement(be.A,{asset:"service-history",width:"21px",height:"24px",alt:"Notebook icon"}),v.createElement(Qn,null,rn.sB)),d&&v.createElement(On,null),!c&&!
1d&&v.createElement(Rn,null),c&&v.createElement(v.Fragment,null,v.createElement(Ln,null,v.createElement(Gn,null,rn.$D,v.createElement(Yn,{innerProps:{popoverInnerContentProps:{popoverPosition:{top:20,right:-313,tickRight:298}},popoverIconProps:{alt:"Severe driving conditions tooltip"}},components:{PopoverInnerContent:zn},small:!0},v.createElement(Zn,null,v.createElement(An,null))))),v.createElement(Un,null,v.createElement(Gn,null,rn.kW),v.createElement(qn,(0,ce.A)({checked:r,onChange:i},l))),v.createElement(Kn,null,v.createElement(xn.A,(0,ce.A)({},t.mileage,{full:!0,normalize:o,component:Mn,onChange:a}))),v.createElement(Xn,null,"Recommendations"),v.createElement($n,null,0===s.length&&!p&&v.createElement(Jn,null,rn.jS),0===s.length&&p&&v.createElement(Jn,null,rn.XG),s.length>0&&s.map(function(e){var n=e.serviceId,t=e.serviceDesc;return v.createElement(Jn,{key:n},t)})),v.createElement(et,{onClick:m},n))))};var _n=E.Ay.div.withConfig({componentId:"kn65k9-1"})(["\n padding: 17px 32px 25px 24px;\n width: 100%;\n border: 1px solid ",";\n border-radius: 4px;\n background-color: ",";\n"],C.A.colors.gainsboro,C.A.colors.white),Wn=E.Ay.div.withConfig({componentId:"kn65k9-2"})(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]),jn=E.Ay.div.withConfig({componentId:"kn65k9-3"})(["\n position: relative;\n display: flex;\n width: 100%;\n padding-bottom: 16px;\n margin-bottom: 13px;\n align-items: center;\n\n &::after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n content: '';\n height: 2px;\n width: 100%;\n background-color: ",";\n border-radius: 2px;\n }\n"],C.A.colors.gainsboro),Qn=E.Ay.p.withConfig({componentId:"kn65k9-4"})(["\n margin: 0 0 0 11px;\n ","\n font-weight: 700;\n line-height: 1.2;\n text-transform: uppercase;\n transform: scale(1, 1.3);\n"],W.A.responsive("font-size","14px","12px")),Ln=E.Ay.div.withConfig({componentId:"kn65k9-5"})(["\n width: 100%;\n margin-bottom: 16px;\n"]),Gn=E.Ay.p.withConfig({componentId:"kn65k9-6"})(["\n margin: 0;\n padding: 0;\n color: #838383;\n"]),Yn=(0,E.Ay)(wn.A).withConfig({componentId:"kn65k9-7"})(["\n margin-left: 6px;\n text-align: left;\n cursor: pointer;\n"]),Zn=E.Ay.div.withConfig({componentId:"kn65k9-8"})(["\n ","\n margin: 0;\n line-height: 18px;\n \n :hover {\n cursor: default;\n }\n"],W.A.font.GothamBook(12,400)),Un=E.Ay.div.withConfig({componentId:"kn65k9-9"})(["\n display: flex;\n align-items: center;\n width: 100%;\n margin-bottom: 34px;\n"]),qn=(0,E.Ay)(fn.A).withConfig({componentId:"kn65k9-10"})(["\n margin: 0 0 0 29px;\n"]),Kn=E.Ay.div.withConfig({componentId:"kn65k9-11"})(["\n width: 276px;\n margin-bottom: 24px;\n\n @media (max-width: 1100px) {\n width: 100%;\n }\n"]),Xn=E.Ay.p.withConfig({componentId:"kn65k9-12"})(["\n margin: 0 0 12px 0;\n padding: 0;\n font-size: 16px;\n font-weight: 700;\n color: ",";\n"],C.A.colors.red),$n=E.Ay.ul.withConfig({componentId:"kn65k9-13"})(["\n padding: 19px 42px 17px;\n margin: 0 0 28px 0;\n background-color: ",";\n"],C.A.colors.off_white),Jn=E.Ay.li.withConfig({componentId:"kn65k9-14"})(["\n position: relative;\n font-size: 14px;\n\n &:not(:last-child) {\n margin-bottom: 20px;\n }\n\n &::before {\n position: absolute;\n left: -23px;\n top: 0;\n content: '';\n width: 8px;\n height: 8px;\n border: 2px solid ",";\n border-radius: 50%;\n }\n"],C.A.colors.gainsboro),et=(0,E.Ay)(Vn.A).withConfig({componentId:"kn65k9-15"})(["\n align-self: center;\n height: 31px;\n width: 281px;\n cursor: pointer;\n\n @media (max-width: 1100px) {\n width: 100%;\n }\n"]),nt=t(5484);const tt=function(e){var n=e.mileageOptions;return{mileage:{label:"Mileage",name:rn.a_,inputType:nt.Wo,options:(0,B.rn)(n),isSearchable:!1}}};t.dn(tt);var ot=t(22173),it=t(10467),rt=t(54756),at=t.n(rt),lt=(t(63534),t(40590),t(43875)),ct=t(73700),dt=function(){var e=(0,it.A)(at().mark(function e(n){var t,o,i,r,a,l,c;return at().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.payload,o=n.setRecommendedServices,i=n.setNoSeverityMileage,e.prev=1,e.next=2,de.A.api.getVehicleRecommendedServices(t);case 2:r=e.sent,a=r.garageResponse.recomndSrvcResponse.services,l=r.garageResponse.recomndSrvcResponse.status.code,a&&o(a),l===rn.$X&&(i(!0),o([])),e.next=4;break;
1case 3:if(e.prev=3,c=e.catch(1),!(0,ct.d7)(c)){e.next=4;break}throw new lt.n({_error:c.status.description});case 4:case"end":return e.stop()}},e,null,[[1,3]])}));return function(n){return e.apply(this,arguments)}}(),st=(0,l.Q2)("recommendedServices","setRecommendedServices",[]),pt=(0,l.Q2)("noSeverityMileage","setNoSeverityMileage",!1),mt=(0,l.n7)({onSelect:function(e){var n=e.userVehicleId,t=e.checked,o=e.setRecommendedServices,i=e.setNoSeverityMileage;return function(e){var r={userVehicleId:n,selMileage:e.value,severityType:t?"Severe":"Normal"};dt({payload:r,setRecommendedServices:o,setNoSeverityMileage:i})}}}),ht=(0,l.ns)({checked:!0},{setChecked:function(){return function(e){return{checked:e}}}}),ut=(0,l.IN)(function(e){var n=e.mileageDetails,t=n.mileages,o=void 0===t?[]:t,i=n.status.code,r=e.checked,a=e.isE2EAppointment,l=e.userVehicleMileage,c=[],d=[],s=null;if(o&&o[0]){var p=o[0].mileagesForSeverity;c=p.Normal,d=p.Severe}d.length>0&&(s=(0,B.s7)(l,d));return{hasMileages:Boolean(o&&o[0]),model:tt({mileageOptions:r?d:c}),initialValues:(0,un.A)({},rn.a_,s),switchOptions:{uncheckedIcon:!1,checkedIcon:!1,height:20,width:36,boxShadow:"0px 3px 18px 0px #808080",handleDiameter:24,onColor:"#8b8b8b",onHandleColor:"#0f874b"},appointmentButtonLabel:a?y.eH$:y.obW,errorWhileDataLoading:i===rn.ud,initialMileageValue:s}}),gt=(0,l.Bl)({componentDidMount:function(){var e=this.props,n=e.initialValues;(0,e.onSelect)({value:n[rn.a_]})},componentDidUpdate:function(e){var n=e.checked,t=(e.noSeverityMileage,e.userVehicleMileage),o=this.props,i=o.checked,r=o.setRecommendedServices,a=o.setNoSeverityMileage,l=o.change,c=o.userVehicleMileage,d=o.initialValues,s=o.onSelect;c!==t&&s({value:d[rn.a_]}),i!==n&&(r([]),a(!1),l(rn.C4,rn.a_,null))}}),vt=(0,l.n7)({navigateToQuickAppointmentFlow:function(e){var n=e.myStoreExists,t=e.myStorePhoneNumber,o=e.myStoreAppointmentEnableFlag,i=e.showAppointmentUnsupportedModal,r=e.threeStepperEnabled,a=e.showStoreLocatorModal3StepperEnabled,l=e.navigateToQuickApptPage,c=e.history;return function(e){n&&!o?(e.preventDefault(),i({phoneNumber:t})):!n&&r?(e.preventDefault(),a()):l&&c.push(y.OW)}}}),ft=(0,l.tk)(function(){return!0},l.KJ);const xt=(0,a.Zz)((0,d.A)({type:"BOTRecommendedServices"}),(0,c.Ng)(function(e){return{userVehicleId:(t=e,t.app.data.userdata.mygarage.activeVehicleDetails.vehicleId),userVehicleMileage:(n=e,n.app.data.userdata.mygarage.activeVehicleDetails.mileage),isE2EAppointment:(0,ee.QE)(e),myStoreExists:Boolean((0,ee.ZS)(e)),myStorePhoneNumber:(0,ee.Wz)(e),myStoreAppointmentEnableFlag:(0,ee.Hp)(e),threeStepperEnabled:(0,ne.ku)(e)};var n,t},{showAppointmentUnsupportedModal:$.t,showStoreLocatorModal3StepperEnabled:J.ds,change:gn.Zg}),st,pt,ht,mt,ut,gt,K(),(0,l.IN)(function(){return{navigateToQuickApptPage:!0}}),vt,(0,vn.A)({form:rn.C4,enableReinitialize:!0}),ot.A,ft)(Pn)},35912(e,n,t){t.d(n,{A:()=>o});t(43148);const o=function(e){return"/my-account/vehicle-details".includes(e)};t.dn(o)}}]); 2//# sourceMappingURL=pageSpecificComponents40.b9132cef.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.