https://spn-sta.spinny.com/spinny-web/2.0.275/assets/js/9429.4535bbc5d513b78fe277.desktop.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9429],{51610:function(e,i,a){var t=a(67294),r=a(85893);i.Z=({onLongPress:e,delay:i=500,onClick:a})=>{let[,n]=(0,t.useState)(!1),[o,s]=(0,t.useState)(null),c=()=>{n(!1),s(setTimeout(()=>{n(!0),e&&e()},i))},l=()=>{o&&clearTimeout(o)};return(0,t.useEffect)(()=>()=>{o&&clearTimeout(o)},[o]),(0,r.jsx)("div",{role:"none",onMouseDown:c,onMouseUp:l,onMouseLeave:l,onTouchStart:c,onTouchEnd:l,...a?{onClick:a}:{},style:{userSelect:"none",position:"absolute",height:"100%",width:"100%",zIndex:1}})}},83274:function(e,i,a){var t=a(67294),r=a(64618),n=a(85893);i.Z=({scrollBarLength:e,scrollPercentage:i,sliderRef:a})=>{let[o,s]=(0,t.useState)(0);return(0,t.useLayoutEffect)(()=>{let i=()=>{a?.current&&s(a.current.clientWidth/a.current.scrollWidth*e)};return i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[a]),(0,n.jsx)(r.xu,{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",paddingY:"spacing.4","data-componentName":"ScrollIndicator",children:(0,n.jsx)(r.xu,{width:e,height:"6px",backgroundColor:"surface.background.gray.moderate",position:"relative",borderRadius:"xlarge","data-componentName":"ScrollIndicator",children:(0,n.jsx)(r.xu,{width:o,height:"100%",backgroundColor:"interactive.background.neutral.fadedhighlighted",position:"absolute",borderRadius:"max",transform:`translateX(${i*(e-o)/100}px)`,"data-componentName":"ScrollIndicator"})})})}},35570:function(e,i,a){a.d(i,{Z:function(){return h}});var t=a(67294),r=a(45007),n=a(64618),o=a(96503),s=a(98746),c=a(8546),l=a(84178),d=a(78734),p=a(79392),g=a(30683),x=a(85893),m=function({isDesktop:e=!1}){return(0,x.jsxs)(n.xu,{display:"flex",flexDirection:"column",paddingY:"spacing.7",paddingX:"spacing.5",gap:"spacing.7","data-componentName":"ExploreServices",children:[(0,x.jsxs)(n.xu,{display:"flex",flexDirection:"column",gap:e?"spacing.5":"spacing.4","data-componentName":"ExploreServices",children:[(0,x.jsx)(g.Z,{width:"200px",height:"30px",borderRadius:"8px"}),(0,x.jsx)(g.Z,{width:e?"250px":"215px",height:"25px",borderRadius:"8px"})]}),e?(0,x.jsx)(n.xu,{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"spacing.5","data-componentName":"ExploreServices",children:Array.from({length:5},(e,i)=>(0,x.jsx)(n.xu,{display:"flex",flexDirection:"column",alignItems:"center","data-componentName":"ExploreServices",children:(0,x.jsx)(g.Z,{width:"120px",height:"120px",borderRadius:"18px"})},i))}):(0,x.jsx)(n.xu,{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(80px, 1fr))",gap:"spacing.4",justifyContent:"start",alignItems:"flex-start","data-componentName":"ExploreServices",overflow:"scroll",hideScrollbar:!0,children:Array.from({length:5},(e,i)=>(0,x.jsx)(n.xu,{display:"flex",flexDirection:"column",alignItems:"center",width:"80px",paddingBottom:"20px","data-componentName":"ExploreServices",children:(0,x.jsx)(g.Z,{width:"84px",height:"87px",borderRadius:"12px"})},i))})]})};let u=(0,t.lazy)(()=>a.e(15104).then(a.bind(a,15104)));var h=({cityName:e,isDesktop:i=!1})=>{let{base:a,services:g,selectedVehicle:h}=(0,r.v9)(e=>({base:e.base,services:e.service.services,selectedVehicle:e.service.selectedVehicle}),r.wU),v=(0,r.I0)(),f=new c.e(v);(0,t.useEffect)(()=>{a.currentLocation?.key&&f.getServicesData({city:a.currentLocation?.key??"",variant_id:h?.variant_id})},[a.currentLocation]),(0,t.useEffect)(()=>{if(a){let e=a.cities.filter(e=>!0===e?.cityConfig?.isSpinnyCare&&!l.lt.includes(e.key.toLowerCase())).map(e=>e.key);f.setSpinnyCareCities(e)}},[a]);let y=(0,o.Z)("genericGA4Event",{eventName:"explore_services_section_seen",eventCategory:"section_seen",componentTitle:"explore_services"});return g.data?.length?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(n.xu,{paddingTop:i?"spacing.0":"spacing.7",paddingBottom:i?"spacing.0":"spacing.7",paddingX:"spacing.5",backgroundColor:"#fff",ref:y,"data-componentName":"ExploreServices",children:[(0,x.jsx)(n.X6,{as:"h1",size:"large",weight:"bold",color:"surface.text.gray.normal","data-componentName":"ExploreServices",children:e?`Car Services in ${e}`:"Explore Car Services"}),(0,x.jsx)(n.xu,{marginTop:"spacing.3","data-componentName":"ExploreServices",children:(0,x.jsxs)(n.xv,{variant:"body",

1size:"large",weight:"regular",color:"surface.text.gray.normal","data-componentName":"ExploreServices",children:["Tailored for the"," ",(0,x.jsx)("span",{style:{fontFamily:"Sacramento",fontSize:"24px",lineHeight:"24px",color:"#6300a3"},children:"finest"})," ","experience"]})}),(0,x.jsx)(n.aV,{listStyleType:"none",marginTop:"spacing.7",display:i?"flex":"grid",flexDirection:i?"row":void 0,flexWrap:i?"wrap":void 0,gridTemplateColumns:i?void 0:"repeat(auto-fill, minmax(80px, 1fr))",gap:i?"spacing.5":"spacing.4",justifyContent:"start",alignItems:"flex-start","data-componentName":"ExploreServices",children:g.data?.map(e=>(0,x.jsx)(n.HC,{"data-componentName":"ExploreServices",children:(0,x.jsxs)(n.xu,{href:`/service/packages/?active=${e.name}`,linkAs:p.g,onClick:()=>{var i;return i=e.name,void(0,s.pushIntoGA4)({eventName:"explore_services_cta_click",eventCategory:"cta_click",componentTitle:"explore_services",eventValue:i},"genericGA4Event")},display:"flex",flexDirection:"column",alignItems:"center",width:i?void 0:"80px","data-componentName":"ExploreServices",children:[i?(0,x.jsx)("div",{style:{padding:"18px",borderRadius:"24px",backgroundColor:"#f7f2fa",boxSizing:"border-box"},children:(0,x.jsx)(n.Ee,{src:e.icon_url,alt:e.display_name,width:"84px",height:"84px"})}):(0,x.jsx)(n.xu,{padding:"10px",borderRadius:"xlarge",backgroundColor:"#f7f2fa","data-componentName":"ExploreServices",children:(0,x.jsx)(n.Ee,{src:e.icon_url,alt:e.display_name,width:"64px",height:"64px"})}),(0,x.jsx)(n.xu,{textAlign:"center",marginTop:"spacing.4",paddingX:i?void 0:"10px",maxWidth:i?"132px":void 0,"data-componentName":"ExploreServices",children:(0,x.jsx)(n.xv,{variant:"body",size:"medium",weight:"regular",color:"surface.text.gray.normal",textAlign:"center","data-componentName":"ExploreServices",children:e.display_name})})]})},`ExploreServices-${e.name}`))})]}),(0,x.jsx)(d.Z,{fallback:(0,x.jsx)(x.Fragment,{}),children:(0,x.jsx)(u,{isHome:!1})})]}):(0,x.jsx)(m,{isDesktop:i})}},29552:function(e,i,a){var t=a(67294),r=a(92095),n=a(64618),o=a(96503),s=a(75142),c=a(98746),l=a(22784),d=a(42188),p=a(85893);i.Z=({isDesktop:e=!1})=>{let[i,a]=(0,t.useState)(!1),g=(0,o.Z)("genericGA4Event",{eventName:"get_exact_price_section_seen",eventCategory:"section_seen",componentTitle:"get_exact_price"});return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(n.xu,{paddingY:e?"spacing.0":"spacing.7",paddingX:"spacing.5",borderBottomWidth:e?void 0:"thicker",borderBottomStyle:e?void 0:"solid",borderBottomColor:e?void 0:"surface.border.gray.subtle",ref:g,"data-componentName":"GetExactPriceBanner",children:(0,p.jsxs)(n.xu,{position:"relative",display:"flex",justifyContent:"space-between",borderRadius:"xlarge",background:"linear-gradient(277deg, #9191ff -0.26%, #cbcbff 101.29%)","data-componentName":"GetExactPriceBanner",children:[(0,p.jsxs)(n.xu,{"data-componentName":"GetExactPriceBanner",paddingY:"spacing.5",paddingLeft:"spacing.7",children:[(0,p.jsx)(n.xu,{marginBottom:"spacing.2","data-componentName":"GetExactPriceBanner",children:(0,p.jsx)(n.X6,{size:"medium",weight:"bold",color:"surface.text.gray.normal","data-componentName":"GetExactPriceBanner",children:"Check Price"})}),(0,p.jsx)(n.xu,{marginBottom:"spacing.5","data-componentName":"GetExactPriceBanner",children:(0,p.jsxs)(n.xv,{variant:"body",size:"medium",weight:"regular",color:"surface.text.gray.normal","data-componentName":"GetExactPriceBanner",children:["Share your car details to get the ",!e&&(0,p.jsx)("br",{}),"service cost estimate for your car."]})}),(0,p.jsx)(n.zx,{variant:"primary",color:"white",size:"small",isRounded:!0,icon:r.ad2,iconPosition:"right","aria-label":"add-car-now",onClick:()=>{(0,c.pushIntoGA4)({eventName:"get_exact_price_add_car_now_click",eventCategory:"cta_click",componentTitle:"get_exact_price"},"genericGA4Event"),a(!0)},children:"Add Details"})]}),(0,p.jsxs)(n.xu,{"data-componentName":"GetExactPriceBanner",children:[(0,p.jsx)(n.xu,{position:"absolute",height:"100%",zIndex:0,"data-componentName":"GetExactPriceBanner",children:(0,p.jsx)(n.Ee,{src:`${s.Sp}Service/components/assets/stripes.svg`,alt:"stripe",height:"100%",width:"auto"})}),(0,p.jsx)(n.xu,{position:"relative",right:"spacing.7",height:"100%",zIndex:1,"data-componentName":"GetExactPriceBanner",children:(0,p.jsx)(n.Ee,{src:`${s.Sp}

1Service/components/assets/lock.svg`,alt:"Check Price",height:"100%",width:"auto",fit:"contain"})})]})]})}),i&&e&&(0,p.jsx)(l.Z,{flow:"reg",onClose:()=>a(!1),pageName:"service_landing_exact_price"}),i&&!e&&(0,p.jsx)(d.Z,{close:()=>a(!1),pageName:"service_landing_exact_price"})]})}},30560:function(e,i,a){a.d(i,{R:function(){return b}});var t=a(67294),r=a(45007),n=a(64618),o=a(96503),s=a(75142),c=a(98746),l=a(83274),d=a(12957),p=a(85893);let g={animation:"landing-service-skeleton 1s linear infinite alternate"};var x=function(){return(0,p.jsxs)(n.xu,{display:"flex",flexDirection:"column",paddingY:"spacing.7",paddingX:"spacing.5",gap:"spacing.7","data-componentName":"LoadingState",children:[(0,p.jsx)("style",{children:`\n        @keyframes landing-service-skeleton {\n          0% { background-color: ${d.Z.border10}; }\n          100% { background-color: ${d.Z.border20}; }\n        }\n      `}),(0,p.jsx)("div",{style:{width:"100%",height:32,borderRadius:8,...g}}),(0,p.jsx)(n.xu,{display:"flex",flexDirection:"row",gap:"spacing.4","data-componentName":"LoadingState",children:[void 0,void 0].map((e,i)=>(0,p.jsx)("div",{style:{minWidth:"85%",height:248,borderRadius:16,...g}},i))})]})},m=a(38859),u=a(84178),h=a(96666),v=a(79392),f=a(52564);let y=e=>{let{service:{display_name:i,name:a,icon_url:d},isDesktop:g=!1}=e,{packages:x,currentLocation:y}=(0,r.v9)(e=>({packages:e.service.packages,currentLocation:e.base.currentLocation}),r.wU),b=y?.key,j=(0,t.useRef)(null),{scrollPercentage:w,isScrollable:k}=(0,h.Av)(j),N=(0,o.Z)("genericGA4Event",{eventName:"service_section_seen",eventCategory:"section_seen",componentSubTitle:a},.5,[x.data]);return x.data[a]?.length?(0,p.jsxs)(n.xu,{paddingY:g?"spacing.0":"spacing.7",paddingX:g?"spacing.5":"spacing.0",display:g?"flex":void 0,flexDirection:g?"column":void 0,gap:g?"spacing.7":void 0,borderTopWidth:g?"none":"thicker",borderBottomWidth:g?"none":"thicker",borderTopStyle:g?void 0:"solid",borderBottomStyle:g?void 0:"solid",borderTopColor:g?void 0:"surface.border.gray.subtle",borderBottomColor:g?void 0:"surface.border.gray.subtle",ref:N,"data-componentName":"LandingServiceListing",children:[(0,p.jsxs)(n.xu,{paddingX:g?"spacing.0":"spacing.5",display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:g?"spacing.0":"spacing.7","data-componentName":"LandingServiceListing",children:[(0,p.jsxs)(n.xu,{display:"flex",alignItems:"center",gap:"spacing.2","data-componentName":"LandingServiceListing",children:[(0,p.jsx)(n.xu,{width:"32px",flexShrink:0,"data-componentName":"LandingServiceListing",children:(0,p.jsx)(n.Ee,{src:d,alt:i,width:"32px",height:"32px"})}),(0,p.jsx)(n.X6,{size:"medium",weight:"bold",color:"surface.text.gray.normal","data-componentName":"LandingServiceListing",children:i})]}),g?k&&(0,p.jsx)(f.Z,{sliderRef:j,scrollStep:u.KS.PACKAGE_CARD,scrollPercentage:w}):(0,p.jsxs)(n.xu,{href:`/service${b?`-in-${b}`:""}/packages/?active=${a}`,linkAs:v.g,onClick:()=>{(0,c.pushIntoGA4)({eventName:"service_see_all_click",eventCategory:"cta_click",componentSubTitle:a},"genericGA4Event")},display:"flex",alignItems:"center","data-componentName":"LandingServiceListing",children:[(0,p.jsx)(n.xv,{variant:"body",size:"medium",weight:"bold",color:"surface.text.primary.normal","data-componentName":"LandingServiceListing",children:"See all"}),(0,p.jsx)(n.xu,{marginLeft:"6px",display:"flex","data-componentName":"LandingServiceListing",children:(0,p.jsx)(n.Ee,{src:`${s.Sp}Service/components/assets/sideArrow.svg`,alt:"see all",height:"16px",width:"16px"})})]})]}),(0,p.jsx)(n.aV,{listStyleType:"none",display:"flex",paddingX:g?"spacing.0":"spacing.5",gap:"spacing.4",maxWidth:"100%",overflowX:"scroll",hideScrollbar:!0,paddingRight:g||1!==x.data[a].length?void 0:"spacing.5",ref:j,"data-componentName":"LandingServiceListing",children:x.data[a].map(e=>(0,p.jsx)(m.Z,{product:e,hasOnlyOnePackage:1===x.data[a].length,source:"service_landing",isDesktop:g},e?.id))}),(0,p.jsx)(n.xu,{"data-componentName":"VerticalServiceListing",children:g&&k&&(0,p.jsx)(l.Z,{scrollPercentage:w,scrollBarLength:125,sliderRef:j})})]}):(0,p.jsx)(p.Fragment,{})},b=({services:e,isDesktop:i=!1})=>e&&e.length?(0,p.jsx)(p.Fragment,{children:e.map(e=>(0,p.jsx)(y,{service:e,isDesktop:i}

1,e.id))}):(0,p.jsx)(x,{})},3784:function(e,i,a){a.d(i,{E:function(){return g}});var t=a(64618),r=a(28700),n="PriceComparisonTable__heading",o="PriceComparisonTable__packageName",s="PriceComparisonTable__ourPrice",c="PriceComparisonTable__competitorPrice",l="PriceComparisonTable__cell",d="PriceComparisonTable__headingWhite",p=a(85893);let g=({data:e,isDesktop:i=!1,className:a})=>{let g=!!e?.carModel;return(0,p.jsxs)("section",{className:(0,r.Y1)("PriceComparisonTable__root",i&&"PriceComparisonTable__desktopRoot",a),children:[(0,p.jsxs)(t.X6,{size:"large",weight:"bold",color:"surface.text.gray.normal","data-componentName":"PriceComparisonTable",children:["Better care with better"," ",(0,p.jsx)("span",{style:{color:g?"#00b088":"#6300a3"},children:"savings"})]}),g&&(0,p.jsx)(t.xu,{marginTop:"spacing.2","data-componentName":"PriceComparisonTable",children:(0,p.jsxs)(t.xv,{variant:"body",size:"medium",weight:"regular",color:"surface.text.gray.normal","data-componentName":"PriceComparisonTable",children:["for your ",e?.carModel]})}),(0,p.jsx)(t.xu,{marginTop:"spacing.6",borderWidth:"thin",borderStyle:"solid",borderColor:"surface.border.gray.subtle",borderRadius:"xlarge",overflow:"hidden","data-componentName":"PriceComparisonTable",children:(0,p.jsxs)("table",{className:(0,r.Y1)("PriceComparisonTable__priceTable",e?.carModel&&d),children:[(0,p.jsx)("thead",{children:(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{className:(0,r.Y1)(n,o,e?.carModel&&d),children:e?.carModel?"Package Name":"Popular Models"}),(0,p.jsxs)("th",{className:(0,r.Y1)(n,s,e?.carModel&&"PriceComparisonTable__ourPriceGreenHeading"),children:["Our",(0,p.jsx)("br",{}),"Price"]}),(0,p.jsxs)("th",{className:(0,r.Y1)(n,c,e?.carModel&&d),children:["Service",(0,p.jsx)("br",{}),"Centre"]})]})}),(0,p.jsx)("tbody",{children:e.items.map((i,a)=>(0,p.jsxs)("tr",{children:[(0,p.jsx)("td",{className:(0,r.Y1)(l,o),children:i.packageName}),(0,p.jsxs)("td",{className:(0,r.Y1)(l,s,e?.carModel&&"PriceComparisonTable__ourPriceGreenCell"),children:["₹",(0,r.b)(i.ourPrice)]}),(0,p.jsxs)("td",{className:(0,r.Y1)(l,c),children:["₹",(0,r.b)(i.competitorPrice)]})]},a))})]})}),!g&&(0,p.jsx)(t.xu,{marginTop:"spacing.5","data-componentName":"PriceComparisonTable",children:(0,p.jsxs)(t.xv,{variant:"body",size:"medium",weight:"regular",color:"surface.text.gray.muted","data-componentName":"PriceComparisonTable",children:["Published on ",e.publishedOn]})})]})}},43519:function(e,i,a){var t=a(64593),r=a(45007),n=a(75142),o=a(28700),s=a(85893);i.Z=({cityName:e})=>{let i,a,c,l,d,p,g=(e||"Delhi-NCR").replace(/\s+/g,"-"),{pageMeta:x}=(0,r.v9)(e=>({pageMeta:e.service.pageMeta.data}),r.wU),m=x?.meta,u=x?.onPage?.reviews,h=m?.title||`Car Service in ${g}: Best Multi-Brand Car Service Center ${g} | Spinny`,v=m?.description||`Car service in ${g} at Spinny Multi-Brand Car Service Center. Get expert maintenance, repairs, and genuine parts at the best car service center in ${g}. Book your service today for a hassle-free and reliable experience!`,f=m?.og_title||h,y=m?.og_description||v,b=m?.canonical_url||`/service-in-${g.toLowerCase()}/`,j=m?.following||"NOFOLLOW",w=m?.indexation||"NOINDEX",k=`${w}, ${j}`;"INDEX"===w&&"FOLLOW"===j&&(k="INDEX,FOLLOW,max-snippet:-1,max-image-preview:large");let N=(0,o.kb)(f).transformedHTMLContent;return(0,s.jsxs)(t.q,{children:[(0,s.jsx)("title",{children:h}),(0,s.jsx)("meta",{name:"description",content:v}),(0,s.jsx)("meta",{property:"og:title",content:N}),(0,s.jsx)("meta",{property:"og:description",content:y}),(0,s.jsx)("link",{rel:"canonical",href:`${n.B_}${b}`}),(0,s.jsx)("meta",{name:"robots",content:k}),!u?.some(e=>null==e?.rating||""===e.rating)&&(0,s.jsx)("script",{type:"application/ld+json",children:(i=`https://www.spinny.com/service-in-${g.toLowerCase()}/#service`,l=(c=(a=u.map(e=>parseFloat(e.rating)).filter(e=>!Number.isNaN(e))).length)>0?a.reduce((e,i)=>e+i,0)/c:null,d=u.map(e=>({"@type":"Review","@id":`${i}#review-${e.reviewBy.toLowerCase().replace(/\s+/g,"-")}`,itemReviewed:{"@type":"Product","@id":i,name:h},author:{"@type":"Person",name:e.reviewBy},datePublished:`${e.date}T12:00:00+05:30`,reviewBody:e.review,reviewRating:{"@type":"Rating",ratingValue:parseFloat(e.rating),bestRating:5,worstRating:1}})),p={"@context":"https://schema.org","@type":"Product","@id":i,name:h,description:v,review:d},null!==l&&(p.aggregateRating={"@type":"AggregateRating",ratingValue:l.toFixed(2),ratingCount:c,bestRating:5,worstRating:1}),JSON.stringify(p,null,2))})]})}},59982:function(e,i,a){a.d(i,{Z:function(){return p}});var t=a(45007),r=a(64618),n=a(96503),o=a(75142);a(67294);var s=a(12957),c=a(85893);let l={animation:"hiw-skeleton 1s linear infinite alternate"};var d=()=>{let e=[,,,].fill(0);return(0,c.jsxs)(r.xu,{paddingY:"spacing.7",paddingX:"spacing.5",borderWidth:"thick",borderStyle:"solid",borderColor:"surface.border.gray.subtle",height:"fit-content","data-componentName":"ServiceHowItWorksLoader",children:[(0,c.jsx)("style",{children:`\n        @keyframes hiw-skeleton {\n          0% { background-color: ${s.Z.border10}; }\n          100% { background-color: ${s.Z.border20}; }\n        }\n      `}),(0,c.jsx)("div",{style:{width:"40%",height:"24px",...l}}),(0,c.jsx)(r.xu,{paddingY:"spacing.7",display:"flex",flexDirection:"column",gap:"spacing.7","data-componentName":"ServiceHowItWorksLoader",children:e.map((i,a)=>(0,c.jsxs)(r.xu,{display:"flex",gap:"spacing.5",position:"relative","data-componentName":"ServiceHowItWorksLoader",children:[(0,c.jsxs)(r.xu,{flexShrink:0,"data-componentName":"ServiceHowItWorksLoader",children:[(0,c.jsx)(r.xu,{borderRadius:"roun

1d",height:"26px",width:"26px",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"interactive.background.information.faded","data-componentName":"ServiceHowItWorksLoader"}),a<e.length-1&&(0,c.jsx)(r.xu,{position:"absolute",width:"2px",top:"24px",left:"12px",height:"calc(100% - 4px)",backgroundColor:"interactive.background.information.faded","data-componentName":"ServiceHowItWorksLoader"})]}),(0,c.jsxs)(r.xu,{display:"flex",flexDirection:"column",justifyContent:"flex-start",width:"100%",gap:"spacing.2","data-componentName":"ServiceHowItWorksLoader",children:[(0,c.jsx)("div",{style:{height:"20px",marginBottom:"8px",width:"20%",...l}}),(0,c.jsx)("div",{style:{height:"20px",marginBottom:"8px",width:"80%",...l}}),(0,c.jsx)("div",{style:{width:"50%",height:"80px",marginBottom:"8px",...l}})]})]},a))})]})},p=e=>{let{isDetailPage:i,componentSubTitle:a="",isDoorstepPackage:s=!1,isDesktop:l=!1}=e,{howItWorks:p,doorstepPackageHowItWorks:g}=(0,t.v9)(e=>({howItWorks:e.service.pageMeta.data?.onPage?.how_it_works,doorstepPackageHowItWorks:e.service.pageMeta.data?.onPage?.doorstep_package_how_it_works}),t.wU),x=s?g:p,m=(0,n.Z)("genericGA4Event",{eventName:(i?"serv_detail_":"")+"how_this_works_section_seen",eventCategory:"section_seen",componentSubTitle:a},.5,[]);if(!x)return(0,c.jsx)(d,{});let u=x?.data??[];return(0,c.jsxs)(r.xu,{paddingY:"spacing.7",paddingX:"spacing.5",ref:m,"data-componentName":"ServiceHowItWorks",children:[(0,c.jsx)(r.X6,{size:"medium",weight:"bold",color:"surface.text.gray.normal","data-componentName":"ServiceHowItWorks",children:x?.heading}),(0,c.jsx)(r.xu,{paddingY:"spacing.7",display:"flex",flexDirection:"column",gap:"spacing.6","data-componentName":"ServiceHowItWorks",children:u.map((e,i)=>{let a=i===u.length-1;return(0,c.jsxs)(r.xu,{position:"relative",display:"flex",gap:"spacing.3","data-componentName":"ServiceHowItWorks",children:[!a&&(0,c.jsx)(r.xu,{position:"absolute",width:"2px",top:"24px",left:"12px",height:"calc(100% - 4px)",backgroundColor:"#d6d6ff","data-componentName":"ServiceHowItWorks"}),(0,c.jsx)(r.xu,{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"round",backgroundColor:"#d6d6ff",height:"26px",width:"26px",flexShrink:0,"data-componentName":"ServiceHowItWorks",children:(0,c.jsx)(r.xv,{variant:"body",size:"medium",weight:"medium",color:"#141414","data-componentName":"ServiceHowItWorks",children:i+1})}),(0,c.jsxs)(r.xu,{display:"flex",flexDirection:"column","data-componentName":"ServiceHowItWorks",children:[(0,c.jsx)(r.xu,{marginBottom:"spacing.2","data-componentName":"ServiceHowItWorks",children:(0,c.jsx)(r.X6,{size:"xsmall",weight:"bold",color:"surface.text.gray.normal","data-componentName":"ServiceHowItWorks",children:e?.title})}),(0,c.jsx)(r.xu,{marginBottom:"spacing.4","data-componentName":"ServiceHowItWorks",children:(0,c.jsx)(r.xv,{variant:"body",size:"medium",weight:"regular",color:"surface.text.gray.normal","data-componentName":"ServiceHowItWorks",children:e?.subtitle})}),(0,c.jsx)(r.xu,{width:"initial","data-componentName":"ServiceHowItWorks",children:(0,c.jsx)(r.Ee,{src:`${o.Sp}Service/components/assets/${e.icon}.svg`,alt:e.icon,width:l?"165px":"100%",height:l?"84px":"100%"})})]})]},`howItWorks-${i}`)})})]})}},30683:function(e,i,a){var t=a(28346);a(67294);var r=a(85893);i.Z=({width:e,height:i,borderRadius:a="8px"})=>(0,r.jsx)(t.motion.div,{style:{width:e,height:i,borderRadius:a},initial:{backgroundColor:"#f1f1f1"},animate:{backgroundColor:"#e8e8e8"},transition:{duration:1,ease:"linear",repeat:1/0,repeatType:"reverse"}})},82527:function(e,i,a){var t=a(67294),r=a(45007),n=a(54738),o=a(8546),s=a(84178),c=a(96666);i.Z=({selectedCity:e})=>{let{base:i,pageMeta:a,serviceVehicles:l,selectedVehicle:d,userMetaData:p}=(0,r.v9)(e=>({base:e.base,pageMeta:e.service.pageMeta,serviceVehicles:e.service.serviceVehicles,selectedVehicle:e.service.selectedVehicle,userMetaData:e.service.userMetaData}),r.wU),g=(0,r.I0)(),x=new n.l(g),m=new o.e(g),u=(0,t.useMemo)(()=>{let a=e?.toLowerCase()||i.currentLocation?.key?.toLowerCase();if(!a||s.lt.includes(a))return!1;let t=i.cities.find(e=>e.key?.toLowerCase()===a)??i.currentLocation;return t?.cityConfig?.isSpinnyCare||!1},[i.currentLocation,i.cities,e]),h=(0,t.useMemo)(()=>

1l.data?.filter(e=>"spinny"===e.source),[l.data]);(0,t.useEffect)(()=>{u&&e&&m.getServicesData({city:e,variant_id:d?.variant_id})},[]),(0,t.useEffect)(()=>{i.isUserLoggedIn&&m.getUsersMetaData()},[i.isUserLoggedIn]),(0,t.useEffect)(()=>{i.isUserLoggedIn&&p.data&&l&&(0,c.jc)({eventName:s.X5.SPINNY_CARE_PLP_VIEWED,screenName:s.UK.PLP,selectedVehicle:d,userMetaData:p,serviceVehicles:l})},[p,l,i.isUserLoggedIn]),(0,t.useEffect)(()=>{e&&m.getServicePageData(e)},[e]);let v=(0,t.useMemo)(()=>i.cities?.find(i=>i.key===e),[e]),f=a.data?.onPage;return{isSpinnyCareCity:u,spinnyBoughtCars:h,isCityPresentInPathName:f?.isCityPresentInPathName,chooseNearestCity:()=>{x.setCity({city:i.currentLocation?.cityConfig?.canonicalCity,initialLoad:!1})},cityName:v?.title}}},94273:function(e,i,a){var t=a(67294),r=a(45007),n=a(17861),o=a(54738),s=a(84178);i.Z=(e,i,a)=>{let c=(0,n.s0)(),l=(0,r.I0)(),d=new o.l(l),[p,g]=(0,t.useState)(!1),x="delhi-ncr",m=e=>{if(!e)return x;let i=e.toLowerCase();return s.lt.includes(i)||!s.Qp.includes(i)?x:e};return(0,t.useEffect)(()=>{try{if(!e.pathname?.startsWith("/service")){let i=a?m(a):x,t={...e,pathname:`/service-in-${i}/`};return void c(t,{replace:!0})}if(!(i&&"undefined"!==i||a)){let i={...e,pathname:`/service-in-${x}/`};return void c(i,{replace:!0})}if(!p&&i&&"undefined"!==i&&i!==a){let a=m(i);if(a!==i){let i={...e,pathname:`/service-in-${a}/`};c(i,{replace:!0})}else d.setCity({city:i,initialLoad:!1});return}if(!p&&(!i||"undefined"===i)&&a||p&&a!==i){let i=m(a),t={...e,pathname:`/service-in-${i}/`};c(t,{replace:!0})}}finally{g(!0)}},[e,a]),m(p?a||i:i||a)}}}]);