https://electrifyze.la/_next/static/chunks/1198-10bfdc2b42804c18.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1198],{81198:function(e,t,n){n.d(t,{Z:function(){return P}});var r=n(85893),i=n(67294),o=n(48793),a=n(2734),s=n(61730),l=n(46574),c=n(48263),d=n(11163),h=n(14918),u=n(63694),x=n(34933),g=n(56729),m=n(33190),p=n(95064),j=n(73582),C=n(67814),b=n(23972),Z=e=>{let t;let{stepNumber:n,stepTitle:i,colorState:o,explainerText:l,handleClick:d,completed:h,finalStep:u}=e,x=(0,a.Z)(),g=(0,s.Z)(x.breakpoints.down("sm")),m=g?1:5;return t="default"===o?{titleTextColor:"white",explainerTextColor:"black",backgroundColor:"black",chevronImage:u?"/images/Chevron-Down-Last-Black.svg":"/images/Chevron-Down-Black.svg"}:"highlighted"===o?{titleTextColor:"black",explainerTextColor:"black",backgroundColor:"#FFC000",chevronImage:u?"/images/Chevron-Down-Last-Gold.svg":"/images/Chevron-Down-Gold.svg"}:"disabled"===o?{titleTextColor:"#BFBFBF",explainerTextColor:"#A6A6A6",backgroundColor:"#7F7F7F",chevronImage:u?"/images/Chevron-Down-Last-Gray.svg":"/images/Chevron-Down-Gray.svg"}:{titleTextColor:"black",explainerTextColor:"black",backgroundColor:"white",chevronImage:""},(0,r.jsxs)(c.ZP,{item:!0,container:!0,xs:"auto",children:[(0,r.jsxs)(c.ZP,{item:!0,container:!0,xs:12,sm:"auto",alignItems:"center",children:[(0,r.jsx)(c.ZP,{item:!0,xs:"auto",container:!0,alignItems:"center",mr:m,children:(0,r.jsx)(c.ZP,{item:!0,container:!0,sx:{color:t.titleTextColor,backgroundColor:t.backgroundColor,width:g?"50px":"75px",height:g?"50px":"75px",borderRadius:"50%",border:"1px solid black",justifyContent:"center",alignItems:"center"},children:h?(0,r.jsx)(C.G,{icon:j.LEp,size:g?"2x":"3x"}):(0,r.jsx)(b.Z,{variant:g?"h6":"h4",fontWeight:"bold",children:n})})}),(0,r.jsx)(c.ZP,{item:!0,container:!0,mr:m,p:1.5,onClick:d&&"disabled"!==o?()=>d():void 0,sx:{backgroundImage:"url(".concat(t.chevronImage,")"),backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center",height:"190px",width:"180px",justifyContent:"center",alignItems:"center",cursor:d&&"disabled"!==o?"pointer":void 0,"&:hover":d&&"disabled"!==o?{transition:"all .2s ease-out",transform:"scale(1.1)"}:void 0},children:(0,r.jsx)(b.Z,{color:t.titleTextColor,variant:"h5",fontWeight:"bold",align:"center",mt:u?4:2.5,lineHeight:1.2,children:i})})]}),(0,r.jsx)(c.ZP,{item:!0,xs:!0,container:!0,alignItems:"center",mt:g?2:0,mb:g?2:0,children:"string"==typeof l?(0,r.jsx)(b.Z,{variant:"h6",align:"left",color:t.explainerTextColor,children:l}):(0,r.jsx)(r.Fragment,{children:l})})]})},v=n(87357),f=e=>{let{heading:t,contents:n,actionButton:i}=e,o="string"!=typeof n,l=(0,a.Z)(),d=(0,s.Z)(l.breakpoints.down("sm"));return(0,r.jsxs)(c.ZP,{container:!0,alignItems:"center",sx:{width:"100%"},justifyContent:"center",my:2,children:[(0,r.jsx)(c.ZP,{item:!0,xs:0,sm:!0,sx:{height:"4px",backgroundColor:"black"}}),(0,r.jsxs)(c.ZP,{container:!0,item:!0,xs:"auto",children:[(0,r.jsx)(c.ZP,{item:!0,container:!0,alignItems:"center",xs:"auto",pl:2,pr:2,sx:{borderRight:"1px solid black"},children:(0,r.jsxs)(b.Z,{variant:"h6",align:"right",fontWeight:"bold",children:["picked"===t&&(0,r.jsxs)(r.Fragment,{children:["The Car I",(0,r.jsx)("br",{}),"Plan to Get"]}),"purchased"===t&&(0,r.jsxs)(r.Fragment,{children:["The Car I",(0,r.jsx)("br",{}),"Purchased"]})]})}),(0,r.jsxs)(c.ZP,{item:!0,container:!0,direction:"column",alignItems:"center",pl:2,xs:o?"auto":void 0,sx:{width:o?void 0:d?"200px":"310px"},children:["string"==typeof n?(0,r.jsx)(b.Z,{variant:d?"body1":"h6",sx:{wordWrap:"break-word"},children:n}):(0,r.jsx)(r.Fragment,{children:n}),i&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(v.Z,{m:.5}),(0,r.jsx)(c.ZP,{container:!0,children:i})]})]})]}),(0,r.jsx)(c.ZP,{item:!0,xs:0,sm:!0,ml:2,sx:{height:"4px",backgroundColor:"black"}})]})}

1,k=n(94335),y=n(832),w=n(30675),P=e=>{let t,n;let{setNavBarOpen:j}=e,C=(0,d.useRouter)(),{userId:b,journeyId:v}=C.query,{genPagePath:P}=(0,i.useContext)(g.o),S=(0,i.useContext)(o.vy),T=null==S?void 0:S.userProfile,I=null==S?void 0:S.journey.data,F=(0,a.Z)();(0,s.Z)(F.breakpoints.down("lg"));let[B,W]=(0,i.useState)(),{getAllMakeModelsData:D}=(0,i.useContext)(u.a),[G,L]=(0,i.useState)(!1),[N,A]=(0,i.useState)(!1);(0,i.useEffect)(()=>{D(W)},[D]),I&&"carsShortlist"in I.newCarJourney&&I.newCarJourney.carsShortlist;let M=(0,h.M2)(I,"picked");M&&B&&(t=(0,h.Aw)(B,M)[0]);let R=null==I?void 0:I.carPurchased,q=null==R?void 0:R.carPurchasedMakeModelCarId;q&&B&&(n=(0,h.Aw)(B,[q])[0]);let _=()=>n?4:t?3:2,H=e=>{C.push(P("/hub/".concat(b,"/").concat(v,"/").concat(e)))},[E,Y]=(0,i.useState)(!1);return T&&T.loading||!B||!I?(0,r.jsx)(m.Z,{fullScreen:!0}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(l.Z,{maxWidth:"md",children:[(0,r.jsx)(p.Z,{title:"Hi, ".concat(null==T?void 0:T.data.firstName," !"),buttomSubtitle:"Here's your car buying journey at a glance..."}),(0,r.jsxs)(c.ZP,{container:!0,alignItems:"left",direction:"column",children:[(0,r.jsx)(Z,{stepNumber:1,stepTitle:"Learn the Basics",colorState:"default",explainerText:"Learn the basics about electric cars, charging, financial considerations, how to find the best deal, and more!",handleClick:()=>H("LearnTheBasics")}),(0,r.jsx)(Z,{stepNumber:2,stepTitle:"Browse & Compare Cars",colorState:2===_()?"highlighted":"default",explainerText:"Create a shortlist of cars that meet your needs. Learn about each car, and pick the one you want to get.",handleClick:()=>H("NewBrowseCompareCars"),completed:_()>2}),!n&&(0,r.jsx)(f,{heading:"picked",contents:t?(0,r.jsx)(k.Z,{vehicleData:t}):"Specify which car you plan to get to unlock the next steps…",actionButton:!t&&(0,r.jsx)(y.ru,{onClick:()=>A(!0),children:(0,r.jsx)("b",{children:"Specify Planned Car"})})}),(0,r.jsx)(Z,{stepNumber:3,stepTitle:"Get Pricing, Find Deals",colorState:3===_()?"highlighted":_()>3?"default":"disabled",explainerText:"Choose your preferred trim, colors, and options to estimate out-the-door costs. Find the best deal and buy your car!",handleClick:()=>H("NewGetPricingFindDeals"),completed:_()>3}),(0,r.jsx)(f,{heading:"purchased",contents:n?(0,r.jsx)(k.Z,{vehicleData:n}):"Once you've purchased your car, specify which car you got to unlock the next step…",actionButton:!n&&(0,r.jsx)(y.ru,{onClick:()=>L(!0),children:(0,r.jsx)("b",{children:"Specify Car Puchased"})})}),(0,r.jsx)(Z,{stepNumber:4,stepTitle:"Redeem Incentives",colorState:4===_()?"highlighted":"disabled",explainerText:"Use the Incentives Assistant to get help redeeming all the incentives you’re eligible for.",handleClick:()=>H("PostPurchase"),finalStep:!0})]})]}),G&&(0,r.jsx)(x.Z,{closeOnboardingSequence:()=>L(!1)}),N&&(0,r.jsx)(w.Z,{closeDialogSequence:()=>A(!1)})]})}},30675:function(e,t,n){var r=n(85893),i=n(63598),o=n(12726),a=n(832),s=n(17994),l=n(33190),c=n(56729),d=n(48793),h=n(34456),u=n(14918),x=n(64666),g=n(35713),m=n(23972),p=n(87357),j=n(48263),C=n(11163),b=n(67294);t.Z=e=>{let{closeDialogSequence:t}=e,n=(0,C.useRouter)(),{userId:Z,journeyId:v}=n.query,{genPagePath:f}=(0,b.useContext)(c.o),k=(0,b.useContext)(d.vy);null==k||k.userProfile;let y=null==k?void 0:k.journey.data,[w,P]=(0,b.useState)(!0),[S,T]=(0,b.useState)(!1),[I,F]=(0,b.useState)(!1);if(!y)return(0,r.jsx)(l.Z,{fullScreen:!0});let B=async e=>{T(!1);let n=(0,u.M2)(y,"picked");n.length>0&&await (0,h.TZ)(String(v),n[0],y,"favorites");let r=y.newCarJourney.carsShortlist||[],i=r.map(e=>e.car_id);i.includes(e)?await (0,h.TZ)(String(v),e,y,"picked"):await (0,h.Ti)(String(v),e),t()},W=(0,u.M2)(y,"picked");return W.length>0?(t(),(0,r.jsx)(l.Z,{fullScreen:!0})):(0,r.jsxs)(r.Fragment,{children:[w&&(0,r.jsx)(x.Z,{open:w,maxWidth:"md",fullWidth:!0,children:(0,r.jsx)(g.Z,{sx:{padding:2},children:(0,r.jsx)(o.Z,{message:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.Z,{variant:"h5",align:"center",fontWeight:"bold",children:"Already Know Which Car You Plan to Get?"}),(0,r.jsx)(p.Z,{m:1.5}),(0,r.jsx)(m.Z,{variant:"h6",children:"Have you already decided which car you plan to get?"}),(0,r.jsx)(p.Z,{m:1}),(0,r.jsx)(m.Z,{variant:"h6",children:"If not, no worries! We can help you with that..."}),(0,r.jsx)(p.Z,{m:2}),(0,r.jsxs)(j.ZP,{container:!0,justifyContent:"space-evenly",alignItems:"center",children:[(0,r.jsx)(j.ZP,{item:!0,children:(0,r.jsx)(a.M0,{onClick:()=>{P(!1),F(!0)},children:(0,r.jsxs)(j.ZP,{container:!0,direction:"column",children:[(0,r.jsx)(m.Z,{variant:"h6",fontWeight:"bold",children:"Not yet"}),(0,r.jsx)(m.Z,{variant:"caption",mt:-.5,children:"I need help deciding"})]})})}),(0,r.jsx)(j.ZP,{item:!0,children:(0,r.jsx)(a.M0,{onClick:()=>{P(!1),T(!0)},children:(0,r.jsxs)(j.ZP,{container:!0,direction:"column",children:[(0,r.jsx)(m.Z,{variant:"h6",fontWeight:"bold",children:"Yes"}),(0,r.jsxs)(m.Z,{variant:"caption",mt:-.5,lineHeight:1.2,children:["I know which car",(0,r.jsx)("br",{}),"I plan to get"]})]})})})]})]})})})}),S&&(0,r.jsx)(s.Z,{dialogOpen:S,setCloseDialog:()=>{T(!1),t()},dialogTitleString:"Choose Which Car You Plan to Get",buttomSubtitle:"Select the car that you plan to get...",handleCarCardClick:B,showBrowseCarsButton:!0}),I&&(0,r.jsx)(i.Z,{open:I,handleCompletion:()=>n.push({pathname:f("/hub/".concat(Z,"/").concat(v,"/NewBrowseCompareCars")),query:{showTourId:"BrowseCompareCars--introTour"}}),messageSequenceContent:[{message:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.Z,{variant:"h5",align:"center",fontWeight:"bold",children:"Let's Find the Right Car For You"}),(0,r.jsx)(p.Z,{m:1.5}),(0,r.jsx)(m.Z,{variant:"h6",children:'Let\'s head over to the "Browse and Compare Cars" page...'}),(0,r.jsx)(p.Z,{m:1.5}),(0,r.jsx)(m.Z,{variant:"h6",children:"There you'll find tools and info to help you learn about different electric cars and find the right one for you."})]}),buttonText:"Let's Go !",buttonName:"Button_LetsGoClick"}]})]})}}}]);