https://simpleenergy.in/_next/static/chunks/3706-fd8d2a16ef639f02.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3706],{1869:e=>{e.exports={sliderContainer:"rangeSlider_sliderContainer__IAfjk",rail:"rangeSlider_rail__f4QYs",track:"rangeSlider_track__yUYzD",handle:"rangeSlider_handle__AuqFi",dragging:"rangeSlider_dragging__WWGwH",disabled:"rangeSlider_disabled__m_9ux",tooltip:"rangeSlider_tooltip__u5UJ0"}},36543:e=>{e.exports={switch:"sliderCheckBox_switch__fuEzr",slider:"sliderCheckBox_slider__ZKcF9"}},50079:(e,i,l)=>{"use strict";l.d(i,{A:()=>o});var a=l(37876),t=l(14232),c=l(36543),n=l.n(c);let o=e=>{let{showActive:i,handleClick:l}=e,c=(0,t.useRef)(!1);return(0,a.jsxs)("label",{className:n().switch,children:[(0,a.jsx)("input",{type:"checkbox",checked:i,onClick:()=>{c.current||(c.current=!0,l(),setTimeout(()=>{c.current=!1},1e3))}}),(0,a.jsx)("span",{className:"".concat(n().slider," ").concat(n().round)})]})}},63706:(e,i,l)=>{"use strict";l.d(i,{A:()=>M});var a=l(37876),t=l(14232),c=l(69433),n=l.n(c),o=l(8942),s=l(54587),r=l.n(s),d=l(45416),m=l(1869),h=l.n(m);let _=e=>{let{min:i,max:l,step:c=1,defaultValue:n,value:o,onChange:s,onChangeComplete:r,disabled:d=!1,className:m="",tooltipVisible:_=!1,railColor:u="#e2e8f0",trackColor:p="#3b82f6",handleColor:v="#ffffff"}=e,[x,j]=(0,t.useState)(void 0!==o?o:void 0!==n?n:i),[C,g]=(0,t.useState)(!1),N=(0,t.useRef)(null),S=void 0!==o;(0,t.useEffect)(()=>{S&&o!==x&&j(o)},[o,S,x]);let f=(0,t.useCallback)(e=>{if(!N.current)return x;let{left:a,width:t}=N.current.getBoundingClientRect(),n=Math.round((i+Math.max(0,Math.min(1,(e-a)/t))*(l-i))/c)*c;return Math.max(i,Math.min(l,n))},[i,l,c,x]),k=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let i=f("touches"in e?e.touches[0].clientX:e.clientX);i!==x&&(j(i),s&&s(i))},[d,f,s,x]),y=(0,t.useCallback)(()=>{C&&(g(!1),r&&r(x))},[C,r,x]);(0,t.useEffect)(()=>(C&&(document.addEventListener("mousemove",k),document.addEventListener("mouseup",y),document.addEventListener("touchmove",k),document.addEventListener("touchend",y)),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",y),document.removeEventListener("touchmove",k),document.removeEventListener("touchend",y)}),[C,k,y]);let V=(0,t.useCallback)(e=>{if(d)return;e.preventDefault(),g(!0);let i=f("touches"in e?e.touches[0].clientX:e.clientX);i!==x&&(j(i),s&&s(i))},[d,f,s,x]),M=(0,t.useCallback)(e=>{if(d)return;let i=f(e.clientX);j(i),s&&s(i),r&&r(i)},[d,f,s,r]),w=(0,t.useCallback)(()=>{},[d]),P=(0,t.useCallback)(()=>{},[C,_]),b=(x-i)/(l-i)*100;return(0,a.jsxs)("div",{className:"".concat(h().sliderContainer," ").concat(m),onMouseEnter:w,onMouseLeave:P,children:[(0,a.jsx)("div",{ref:N,className:h().rail,style:{backgroundColor:u},onClick:M,children:(0,a.jsx)("div",{className:h().track,style:{width:"".concat(b,"%"),backgroundColor:d?"#cbd5e1":p}})}),(0,a.jsx)("div",{className:"".concat(h().handle," ").concat(C?h().dragging:""," ").concat(d?h().disabled:""),style:{left:"".concat(b,"%"),backgroundColor:d?"#e2e8f0":v,border:"2px solid ".concat(d?"#cbd5e1":p)},onMouseDown:V,onTouchStart:V})]})};var u=l(50079),p=l(77429),v=l.n(p),x=l(52358),j=l(30854),C=l(23464),g=l(31443),N=l(77431),S=l(66951);let f=e=>{let{assets:i,onVehicleChange:l}=e,[c,n]=(0,t.useState)(!1),[o,s]=(0,t.useState)(null),d=(0,t.useMemo)(()=>{var e,l,a;let t=[];return null==i||null==(a=i.mappingVariants)||null==(l=a[0])||null==(e=l.ContentForModel)||e.forEach(e=>{var i,l,a;let c=e.ModelName.replace(/^Gen2\s*/i,"").replace(/\s+/g," ").trim(),n="string"==typeof e.ModelPrice?parseFloat(e.ModelPrice):e.ModelPrice,o=String(e.ModelRange||""),s=(null==(a=e.MediaforModel)||null==(l=a.Media)||null==(i=l[0])?void 0:i.url)||"";c&&n&&s&&(0,N.RD)(c)&&!(0,S.tM)(c)&&t.push({modelName:c,price:n,range:o,imageUrl:s,isNew:e.isNew,isBestSeller:e.isBestSeller})}),t},[i]);return(0,t.useEffect)(()=>{d.length>0&&!o&&s(d[0])},[d,o]),(0,t.useEffect)(()=>{o&&l&&l(o)},[o,l]),(0,a.jsx)("div",{className:v().chooseVehicleContainerFinance,children:(0,a.jsx)(x.A,{isOpen:c,title:(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:v().topSectionFinance,onClick:e=>{null==e||e.stopPropagation(),n(!c)},children:[(0,a.jsx)("div",{className:v().leftSectionFinance,children:(0,a.jsxs)("div",{className:v().vehicleSelected,children:[(null==o?void 0:o.imageUrl)&&(0,a.jsx)("div",{className:v().imageWrapper,children:(0,a.jsx)(r(),{src:o.imageUrl,alt:o.modelName,width:100,height:100,className:v().vehicleimage,style:{objectFit:"contain",mixBlendMode:"multiply"}})}),(0,a.jsxs)("div",{className:v().imgname,children:[(0,a.jsx)("p",{className:v().vehicleName,children:(null==o?void 0:o.modelName.includes("HS"))?"Simple One 5kWh":(null==o?void 0:o.modelName.includes("LS"))?"Simple One 4.5kWh":(null==o?void 0:o.modelName)||"Select Vehicle"}),(0,a.jsxs)("p",{className:v().onRoadPrice,children:["Starts from ₹ ",(null==o?void 0:o.price.toLocaleStr

1ing())||"0"]})]})]})}),(0,a.jsx)(g.P.div,{animate:{rotate:180*!!c},transition:{duration:.3},children:(0,a.jsx)(C.A,{height:"24px",width:"24px"})})]})}),setIsOpen:()=>n(!1),children:(0,a.jsxs)("div",{style:{maxHeight:"400px",overflowY:"auto"},children:[(0,a.jsx)("div",{className:v().partition}),(0,a.jsx)("div",{className:v().vehicleList,children:d.map((e,i)=>(0,a.jsxs)("div",{className:"".concat(v().vehicleItem," ").concat((null==o?void 0:o.modelName)===e.modelName?v().selected:""),onClick:()=>{s(e),n(!1)},children:[(0,a.jsx)("div",{className:v().itemImageWrapper,children:(0,a.jsx)(r(),{src:e.imageUrl,alt:e.modelName,width:120,height:90,style:{objectFit:"contain",mixBlendMode:"multiply"}})}),(0,a.jsxs)("div",{className:v().itemDetails,children:[(0,a.jsx)("div",{className:v().itemMainInfo,children:(null==e?void 0:e.modelName.includes("HS"))?"Simple One 5kWh":(null==e?void 0:e.modelName.includes("LS"))?"Simple One 4.5kWh":(null==e?void 0:e.modelName)||"Select Vehicle"}),(0,a.jsxs)("p",{className:v().itemPrice,children:["Starts from ₹ ",e.price.toLocaleString()]})]}),(0,a.jsx)("div",{className:"".concat(v().tickContainer," ").concat((null==o?void 0:o.modelName)===e.modelName?v().selected:""),children:(0,a.jsx)(j.A,{fill:(null==o?void 0:o.modelName)===e.modelName?"#FFFFFF":"transparent"})})]},i))})]})})})};var k=l(14390),y=l(75282);let V=(0,t.forwardRef)((e,i)=>{let{onEMIChange:l,onDataChange:c,assets:s,externalGstState:m,onGstChange:h}=e,[p,v]=(0,t.useState)(1e4),[x,j]=(0,t.useState)(!1),C=void 0!==m?m:x,[g,N]=(0,t.useState)(24),[S,V]=(0,t.useState)(null),[M,w]=(0,t.useState)(6.99),[P,b]=(0,t.useState)(!1),E=(null==S?void 0:S.price)||155193,{handleNavigationToPrebook:F,isPrebookLoading:I}=(0,y.g)(),L=Math.round(.12*p),B=(0,t.useMemo)(()=>(function(e){let{price:i,downPayment:l,interestRate:a,tenureMonths:t}=e,c=i-l;if(c<=0||t<=0)return{emi:0,totalPayable:0,totalInterest:0,loanAmount:0};let n=a/1200;if(0===n)return{emi:Math.round(c/t),totalPayable:Math.round(c),totalInterest:0,loanAmount:c};let o=c*n*Math.pow(1+n,t)/(Math.pow(1+n,t)-1),s=o*t;return{emi:Math.round(o),totalPayable:Math.round(s),totalInterest:Math.round(s-c),loanAmount:c}})({price:E,downPayment:E-p,interestRate:M,tenureMonths:g}),[E,p,M,g]);return(0,t.useEffect)(()=>{l&&l(B.emi),c&&c({emi:B.emi,loanAmount:p,downPayment:E-p,interestRate:M,tenure:g,gstAndFees:L,isGstActive:C,price:E})},[B.emi,p,E,M,g,L,C]),(0,t.useEffect)(()=>{p>E&&v(E)},[E,p]),(0,a.jsxs)("div",{ref:i,className:n().page,children:[(0,a.jsxs)("div",{className:n().container,children:[(0,a.jsxs)("div",{className:n().header,children:[(0,a.jsx)("p",{className:n().heading,children:"EMI Calculator"}),(0,a.jsx)("p",{className:n().description,children:"An easy-to-use EMI calculator to help you plan your purchase"})]}),(0,a.jsxs)("div",{className:n().bottomSection,children:[(0,a.jsxs)("div",{className:n().leftSection,children:[(0,a.jsxs)("div",{className:n().chooseSimpleAccordian,children:[(0,a.jsx)("p",{className:n().chooseSimple,children:"Choose Your Simple"}),(0,a.jsx)(f,{assets:s,onVehicleChange:e=>V(e)})]}),(0,a.jsxs)("div",{className:n().downPayment,children:[(0,a.jsxs)("div",{className:n().downPaymentPrice,children:[(0,a.jsx)("p",{children:"Loan Amount"}),(0,a.jsxs)("p",{children:["₹ ",p.toLocaleString()]})]}),(0,a.jsx)("div",{className:n().containerRange,children:(0,a.jsx)("div",{className:n().sliderSection,children:(0,a.jsx)(_,{min:1e4,max:E,step:1,value:p,defaultValue:1e4,onChange:e=>v(e),railColor:"#F4F4F4",trackColor:"#152635",handleColor:"#152635"})})}),(0,a.jsx)("div",{className:n().slider}),(0,a.jsxs)("div",{className:n().rangeSelect,children:[(0,a.jsx)("p",{children:"₹ 10,000"}),(0,a.jsxs)("p",{children:["₹ ",E.toLocaleString()]})]})]}),(0,a.jsxs)("div",{className:n().downPayment,children:[(0,a.jsxs)("div",{className:n().downPaymentPrice,children:[(0,a.jsx)("p",{children:"Interest Rate"}),(0,a.jsxs)("p",{children:[M.toFixed(2),"%"]})]}),(0,a.jsx)("div",{className:n().containerRange,children:(0,a.jsx)("div",{className:n().sliderSection,children:(0,a.jsx)(_,{min:6.99,max:24,step:.01,value:M,defaultValue:6.99,onChange:e=>w(Math.round(100*e)/100),railColor:"#F4F4F4",trackColor:"#152635",handleColor:"#152635"})})}),(0,a.jsx)("div",{className:n().slider}),(0,a.jsxs)("div",{className:n().rangeSelect,children:[(0,a.jsx)("p",{children:"6.99%"}),(0,a.jsx)("p",{children:"24%"})]})]}),(0,a.jsx)("div",{className:n().selectBank,children:(0,a.jsxs)("div",{className:n().loanTenure,children:[(0,a.jsxs)("p",{children:["Loan Tenure ",(0,a.jsx)("span",{children:"(in months)"})]}),(0,a.jsx)("div",{className:n().monthsSelect,children:(0,a.jsx)("div",{className:null===n()||void 0===n()?void 0:n().dateContainer,children:[12,24,36,48,60].map((e,i)=>(0,a.jsx)("div",{className:null===n()||void 0===n()?void 0:n().individualDate,onClick:()=>N(e),children:(0,a.jsx)("p",{className:"".concat(n().date," ").concat(e===g?n().selected:""),children:e})},i))})})]})})]}),(0,a.jsxs)("div",{className:n().rightSection,children:[(0,a.jsxs)("div",{className:n().rateDetailsMain,children:[(0,a.jsxs)("div",{className:n().rateDetails,children:[(0,a.jsxs)("div",{className:n().roadPrice,children:[(0,a.jsx)("p",{children:"Ex-Showroom Price"}

1),(0,a.jsxs)("p",{children:["₹ ",E.toLocaleString()]})]}),(0,a.jsxs)("div",{className:n().downPayments,children:[(0,a.jsx)("p",{children:"Loan Amount"}),(0,a.jsxs)("p",{children:["₹ ",p.toLocaleString()]})]}),(0,a.jsxs)("div",{className:n().loanAmount,children:[(0,a.jsx)("p",{children:"Down Payment"}),(0,a.jsxs)("p",{children:["₹ ",(E-p).toLocaleString()]})]}),(0,a.jsxs)("div",{className:n().interestRate,children:[(0,a.jsx)("p",{children:"Interest rate"}),(0,a.jsxs)("p",{children:[M,"%"]})]}),(0,a.jsxs)("div",{className:n().gstFees,children:[(0,a.jsxs)("div",{className:n().toggleButton,children:[(0,a.jsx)(u.A,{showActive:C,handleClick:()=>{let e=!C;h&&h(e),void 0===m&&j(e)}}),(0,a.jsx)("p",{children:"Include GST & Fees"})]}),(0,a.jsxs)("p",{className:C?n().gstIncluded:void 0,children:["₹ ",L.toLocaleString()]})]}),(0,a.jsx)("div",{className:n().finalEmi,children:(0,a.jsxs)("p",{children:["₹",B.emi.toLocaleString()," ",(0,a.jsx)("span",{children:"/month"})]})})]}),(0,a.jsx)("hr",{color:"#dbdbdb"}),(0,a.jsxs)("div",{className:n().purchaseNow,children:[(0,a.jsxs)("div",{className:n().info,children:[(0,a.jsx)(r(),{src:o.i.detailIcon,className:n().image,alt:"ideaIcon",width:16,height:16,priority:!0}),(0,a.jsx)("p",{children:"The actual Loan amount may vary due to additional insurance and accessory prices."})]}),(0,a.jsx)(d.A,{className:"button yellowBackgroundWithBlackColor ".concat(n().testRideButton),onClick:()=>{F((null==S?void 0:S.modelName)||"Simple One")},isLoading:I,disabled:I,children:"Book Now"})]})]}),(0,a.jsxs)("div",{className:n().talkToExpertMain,children:[(0,a.jsxs)("div",{className:n().talkToExpert,children:[(0,a.jsx)("p",{children:"Talk to Experts"}),(0,a.jsxs)("p",{children:["Our advisor can help you choose a vehicle. ",(0,a.jsx)("br",{}),"Request assistance or call us at +91 7338131188."]}),(0,a.jsx)(d.A,{className:"button yellowBackgroundWithBlackColor ".concat(n().getInTouch),onClick:()=>b(!0),children:"Get in Touch"})]}),(0,a.jsx)("hr",{color:"#DBDBDB"})]})]})]})]}),(0,a.jsx)(k.A,{isOpen:P,onClose:()=>b(!1)})]})});V.displayName="EmiCalculator";let M=V},69433:e=>{e.exports={page:"emiCalculator_page__PV7O_",container:"emiCalculator_container__8Mj9d",header:"emiCalculator_header__SX56V",heading:"emiCalculator_heading__gwLVO",description:"emiCalculator_description__KJHRR",chooseCityTop:"emiCalculator_chooseCityTop__z550X",cityDropdownWrapper:"emiCalculator_cityDropdownWrapper__9P_QP",cityOptions:"emiCalculator_cityOptions__B__eT",individualCityContainer:"emiCalculator_individualCityContainer__79u1P",bottomSection:"emiCalculator_bottomSection__b7N_c",leftSection:"emiCalculator_leftSection__wrxtn",rightSection:"emiCalculator_rightSection__8IO90",chooseSimpleAccordian:"emiCalculator_chooseSimpleAccordian__YVqK8",downPayment:"emiCalculator_downPayment__lYgSc",containerRange:"emiCalculator_containerRange__TKj3p",title:"emiCalculator_title__3hxXg",sliderSection:"emiCalculator_sliderSection__8gVP4",downPaymentPrice:"emiCalculator_downPaymentPrice__QoLIv",rangeSelect:"emiCalculator_rangeSelect__6JG8x",selectBank:"emiCalculator_selectBank__tPuaH",bankaccordian:"emiCalculator_bankaccordian__LWscc",selectionHeading:"emiCalculator_selectionHeading__XERAh",loanTenure:"emiCalculator_loanTenure__zdYl4",monthsSelect:"emiCalculator_monthsSelect__2zisZ",dateContainer:"emiCalculator_dateContainer__80avj",individualDate:"emiCalculator_individualDate__EsChO",day:"emiCalculator_day__H7cXT",date:"emiCalculator_date__4B3S5",selected:"emiCalculator_selected__a1pbm",animate:"emiCalculator_animate__e9vfU",animatedSection:"emiCalculator_animatedSection__SCf91",rateDetails:"emiCalculator_rateDetails___erHl",roadPrice:"emiCalculator_roadPrice__G7LQv",downPayments:"emiCalculator_downPayments__cyHXh",loanAmount:"emiCalculator_loanAmount__CXNRs",interestRate:"emiCalculator_interestRate__zij49",gstFees:"emiCalculator_gstFees__jk8MK",toggleButton:"emiCalculator_toggleButton__0MGE5",gstIncluded:"emiCalculator_gstIncluded__v2u_u",finalEmi:"emiCalculator_finalEmi__Lpxn5",purchaseNow:"emiCalculator_purchaseNow__8afaD",info:"emiCalculator_info__hdYSL",talkToExpert:"emiCalculator_talkToExpert__4uln9",testRideButton:"emiCalculator_testRideButton__6copt",getInTouch:"emiCalculator_getInTouch__WBEE_",talkToExpertMain:"emiCalculator_talkToExpertMain__M_8qV",locateButton:"emiCalculator_locateButton__FbuZk",rateDetailsMain:"emiCalculator_rateDetailsMain__9uTHI"}},77429:e=>

1{e.exports={chooseVehicleContainer:"chooseVehicle_chooseVehicleContainer__stVbd",topSection:"chooseVehicle_topSection__0IdNP",leftSection:"chooseVehicle_leftSection__RjyQ3",modelName:"chooseVehicle_modelName__M911u",partition:"chooseVehicle_partition__dGA_0",fullWidth:"chooseVehicle_fullWidth__3oSTn",description:"chooseVehicle_description__fpyfg",green:"chooseVehicle_green__B3tqr",cardFooter:"chooseVehicle_cardFooter__3Gcxm",vehicleName:"chooseVehicle_vehicleName__gf8Ei",vehicleDetails:"chooseVehicle_vehicleDetails__rGiYm",tickContainer:"chooseVehicle_tickContainer__D02Qo",selected:"chooseVehicle_selected__f0K1B",ChooseVehicleBottomSection:"chooseVehicle_ChooseVehicleBottomSection__McyMZ",individualVehicleContainer:"chooseVehicle_individualVehicleContainer__p7L_c",chooseVehicleContainerFinance:"chooseVehicle_chooseVehicleContainerFinance__CO6I_",topSectionFinance:"chooseVehicle_topSectionFinance__rMIgA",leftSectionFinance:"chooseVehicle_leftSectionFinance__hoEjZ",vehicleSelected:"chooseVehicle_vehicleSelected__rF9Vy",imageWrapper:"chooseVehicle_imageWrapper__XnWOZ",vehicleimage:"chooseVehicle_vehicleimage__pnOwi",imgname:"chooseVehicle_imgname__GEjn_",onRoadPrice:"chooseVehicle_onRoadPrice___RQP5",vehicleList:"chooseVehicle_vehicleList__xxiN6",vehicleItem:"chooseVehicle_vehicleItem__UIl_P",itemImageWrapper:"chooseVehicle_itemImageWrapper__IqN43",itemDetails:"chooseVehicle_itemDetails__wy0Ij",itemMainInfo:"chooseVehicle_itemMainInfo__rpL3l",itemName:"chooseVehicle_itemName__ao_0e",itemRange:"chooseVehicle_itemRange__g5eag",itemPrice:"chooseVehicle_itemPrice__TNQq6",details:"chooseVehicle_details__cEzv9"}}}]);