https://www.hondacarindia.com/_next/static/chunks/pages/honda2wheeler-offers-89d747080c07c3a1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50542],{80404:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/honda2wheeler-offers",function(){return l(90056)}])},26737:function(e,a){"use strict";a.Z={src:"/_next/static/media/campaign-mail-icon.d266a8d0.svg",height:282,width:268}},90056:function(e,a,l){"use strict";l.r(a),l.d(a,{__N_SSG:function(){return P},default:function(){return S}});var t=l(85893),n=l(8396),o=l(9753),i=l(61141),r=l(74289),s=l(67294),c=l(81961),d=l(52864),p=l(93659),m=l(10309),u=l(65034),v=l(25675),h=l.n(v),_=l(8611),g=l(16063),y=l.n(g),f=l(26737),N=l(11163),b=l(55277),x=l(72211),j=l(44389),T=l(15147),w=l(86341),C=l(1379);let k=e=>{let[a,l]=(0,s.useState)(""),[n,o]=(0,s.useState)(""),[i,r]=(0,s.useState)(""),[c,d]=(0,s.useState)(!1),[p,m]=(0,s.useState)(!1),[v,g]=(0,s.useState)(),[k,I]=(0,s.useState)([]),[P,S]=(0,s.useState)([]),[L,A]=(0,s.useState)(),[q,F]=(0,s.useState)(),[M,D]=(0,s.useState)(),[z,E]=(0,s.useState)(),[Z,B]=(0,s.useState)(!0),[O,W]=(0,s.useState)(!1),[G,H]=(0,s.useState)(""),[R,J]=(0,s.useState)(!1),[Y,X]=(0,s.useState)(!1),Q=(0,N.useRouter)(),K="honda2wheeler-offers",{handleDataLayerRTC:U,handleDataLayerForms:V}=(0,w.Z)(),$=(0,s.useRef)(null),ee=(0,C.Z)($),{handleValidation:ea,nameErrorMsg:el,mobileErrorMsg:et,emailErrorMsg:en}=(0,_.Z)(),eo=()=>{let e=n.length&&0===en.length&&i.length&&a.length&&0===el.length&&i.length&&0===et.length&&""!=n&&null!=z&&Object.keys(z).length>0;return!!e},ei=async()=>{let a=e.carsData.map(e=>({value:e.PN_name,label:"".concat(e.PN_name)}));S(a)};(0,s.useEffect)(()=>{let e=eo();e?m(!0):m(!1)},[a,i,n,z,M]);let er=async()=>{if(J(!0),Y)return;X(!0);let l="campaign-carModel"===e.pageType||"campaign-hondafest-elevate"===e.pageType||"teaser-new-amaze"===e.pageType?{campaignName:K,name:a,phone:i,city:"campaign-carModel"===e.pageType||"campaign-hondafest-elevate"===e.pageType||"teaser-new-amaze"===e.pageType?null==v?void 0:v.value.split(",")[0]:null==v?void 0:v.value,carName:null==M?void 0:M.value,userConsent:c,gclid:Q.query.gclid,utm_medium:Q.query.utm_medium,utm_campaign:Q.query.utm_campaign,utm_content:Q.query.utm_content,utm_term:Q.query.utm_term,utm_source:Q.query.utm_source,website:"".concat(window.location.href)}:{campaignName:K,name:a,phone:i,email:n,state:null==q?void 0:q.value,city:null==v?void 0:v.value,dealer:null==z?void 0:z.value,carName:null==M?void 0:M.value,dealerCode:null==z?void 0:z.id,userConsent:c,gclid:Q.query.gclid,utm_medium:Q.query.utm_medium,utm_campaign:Q.query.utm_campaign,utm_content:Q.query.utm_content,utm_term:Q.query.utm_term,utm_source:Q.query.utm_source},t=(null==e?void 0:e.pageType)==="honda-suv"?"/api/campaign/newinterest":(null==e?void 0:e.pageType)==="honda-suv-replica"?"/api/campaign/newinterestreplica":(null==e?void 0:e.pageType)==="campaign-carModel"?"/api/campaign/hondaCarModelInterest":"campaign-hondafest-elevate"===e.pageType?"/api/campaign/hondaElevateCampaign":"teaser-new-amaze"===e.pageType?"/api/campaign/teaserAmaze":"/api/campaign/hondaSensingInterest",o=new Headers;o.append("Content-Type","application/json");let r=await fetch(t,{method:"POST",body:JSON.stringify({formDataObj:l}),headers:o}),s=await r.json();if(200===s.code){var d,p,m,u;es(),B(!1),H(" Thank You for sharing your interest. Watch this space for more updates.");let h=window;null==h||h.gtag("event","conversion",{send_to:"AW-806760092/X3tGCNPrjaYYEJzd2IAD"}

1),U("all_pages_29_callback_form_step_submission",null===(d=e.dataLayerProps)||void 0===d?void 0:d.pageType,null==e?void 0:null===(p=e.dataLayerProps)||void 0===p?void 0:p.pageTitle,"open form","submit","request a callback","NA","I'm interested in this car","".concat(null==M?void 0:M.value),1,1,{name:"user_name",phone:"user_phone",model:null==M?void 0:M.label}),U("all_pages_30_callback_complete_form_submission",null===(m=e.dataLayerProps)||void 0===m?void 0:m.pageType,null==e?void 0:null===(u=e.dataLayerProps)||void 0===u?void 0:u.pageTitle,"open form","submit","request a callback","NA","I'm interested in this car","".concat(null==M?void 0:M.label),1,1,{name:"user_name",phone:"user_phone",model:null==M?void 0:M.label})}else es(),B(!1),H("Oops! Something went wrong!!!");J(!1),X(!1)},es=()=>{l(""),o(""),r(""),F(null),g(null),E(null),d(!1),m(!1)},ec=(e,a)=>{"state"===a&&(F(e),g(null)),"model"===a&&D(e),"dealer"===a&&E(e)},ed=(0,x.Z)(),ep=null==e?void 0:e.dataLayerProps,em=(e,a,l,t)=>{ed.setAllData({event:e,pagetype:null==ep?void 0:ep.pageType,destination_page_url:t?new URL(t).pathname:"NA",click_text:l||"NA",element:a,total_elements:8,section_name:"I’m interested in this car",sub_section:"NA",form_field:a,form_name:"All-New Elevate Campaign Form",model_name:"honda-elevate"})},[eu,ev]=(0,s.useState)(),{data:eh,error:e_}=(0,j.u)("/api/getAllStates",T.Z);(0,s.useEffect)(()=>{if(eh&&eh.length){let e={};ev(eh.map(a=>e={...e,id:a.St_ID_pk,value:a.St_Name,label:a.St_Name.toLowerCase()}))}},[eh]);let eg=async()=>{try{if(q&&void 0!==q.id){let e=new Headers;e.append("Content-Type","application/json"),fetch("/api/getAllCities?stateId=".concat(q.id),{method:"GET",headers:e}).then(e=>e.json()).then(e=>{if(200==e.code){let a={};if(e.data){let l=e.data.map(e=>a={...a,id:e.cd_ID_pk,value:e.cd_Name,label:e.cd_Name.toLowerCase()});I(l)}}}).catch(e=>{console.error("Error:",e)})}}catch(a){console.log(a)}},ey=async()=>{try{let e=new Headers;e.append("Content-Type","application/json"),fetch("/api/getAllCitiesForPriceCheck",{method:"GET",headers:e}).then(e=>e.json()).then(e=>{if(200==e.code){let a={},l=e.data.map(e=>a={...a,id:e.cd_ID_pk,value:e.cd_Name,label:e.cd_Name});I(l)}}).catch(e=>{console.error("Error:",e)})}catch(a){console.log(a)}};(0,s.useEffect)(()=>{q&&eg()},[q]),(0,s.useEffect)(()=>{("campaign-carModel"===e.pageType||"campaign-hondafest-elevate"===e.pageType||"teaser-new-amaze"===e.pageType)&&ey()},[e.pageType]);let ef=async()=>{try{if(v&&void 0!==v.id){let e=new Headers;e.append("Content-Type","application/json"),fetch("/api/getAllDealers?cityId=".concat(v.id,"&isBookingBuyingJourney=false&isFeedback=true"),{method:"GET",headers:e}).then(e=>e.json()).then(e=>{if(200==e.code){let a={},l=e.data.map(e=>a={...a,id:e.DealerCode,value:e.DealerName+"  -  "+e.Locality,label:e.DealerName.toLowerCase()+"  -  "+e.Locality.toLowerCase()});A(l)}}).catch(e=>{console.error("Error:",e)})}}catch(a){console.log(a)}};return(0,s.useEffect)(()=>{ei(),v&&ef()},[v]),(0,s.useEffect)(()=>{var a,l;ee&&V("all_pages_12_form_impression",null===(a=e.dataLayerProps)||void 0===a?void 0:a.pageType,null===(l=e.dataLayerProps)||void 0===l?void 0:l.pageTitle,"NA","open form","NA","request a callback","NA","I’m interested in this car","NA","NA","NA",1,1,"NA")},[ee]),(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"container",ref:$,children:(0,t.jsxs)("div",{className:y()["cp-campaign-warp"],children:[(0,t.jsx)("div",{className:y().lhs,children:Z?(null==e?void 0:e.pageType)==="campaign-carModel"||"campaign-hondafest-elevate"===e.pageType||"teaser-new-amaze"===e.pageType?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"bs-form typ-campaignForm",children:(0,t.jsxs)("div",{className:y()["form-wrap"],children:[(0,t.jsxs)("div",{className:y()["sec-head"],children:[(0,t.jsx)("h2",{className:y()["sec-title"],children:"I'm interested in Honda Cars"}),(0,t.jsx)("p",{className:y()["sec-desc"],children:"Share your details with us and one of our experts  will call you."})]}),(0,t.jsxs)("form",{method:"POST",className:"typ-campaignForm",children:[(0,t.jsxs)("div",{className:"form-group",children:[(0,t.jsx)("input",{type:"text",className:"form-control",value:a,placeholder:"Name",name:"pName",onChange(e){l(e.target.value),ea(e)},onFocus:e=>ea(e),onBlur(a){var l,t,n,o;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Name"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Full Name","request a callback","Full Name","I’m interested in this car","NA",1,5,"NA")},required:!0,id:"fullName"}),el&&(0,t.jsx)("span",{className:"".concat(y()["error-msg"]," error-msg"),children:el})]}),(0,t.jsxs)("div",{className:"form-group",children:[(0,t.jsx)("input",{type:"tel",className:"form-control",value:i,placeholder:"Mobile Number",name:"mobileNumber",maxLength:10,onChange(e){r(e.target.value),ea(e)},onFocus:e=>ea(e),onBlur(a){var l,t,n,o;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Mobile Number"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Mobile Number","request a callback","Mobile Number","I’m interested in this car","NA",2,5,"NA")},required:!0,id:"mobileNumber"}),et&&(0,t.jsx)("span",{className:"".concat(y()["error-msg"]," error-msg"),children:et})]}),(0,t.jsx)("div",{className:"form-group",children:(0,t.jsx)("div",{className:"bs-select ".concat(y()["custom-car"]),children:(0,t.jsx)(u.ZP,{id:"cars",className:"inputSelect ".concat(e.locTypeClass),placeholder:"Select a Car",isSearchable:!0,value:M,name:"Model",options:P,classNamePrefix:"react-select",onChange(a){var l,t;ec(a,"model"),U("all_pages_28_callback_form_interaction",null===(l=e.dataLayerProps)||void 0===l?void 0:l.pageType,null==e?void 0:null===(t=e.dataLayerProps)||void 0===t?void 0:t.pageTitle,"open form","".concat(null==a?void 0:a.value),"request a callback","select a car","I’m interested in this car","".concat(null==a?void 0:a.value),3,5,"

1NA")},onBlur(a){var l,t;return em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Select a Car",null==v?void 0:v.value)}})})}),(0,t.jsx)("p",{className:"requiredFields",children:"All fields are mandatory"}),(0,t.jsx)("div",{className:"form-group full-width",children:(0,t.jsx)("div",{className:"bs-checkbox",children:(0,t.jsxs)("label",{children:[(0,t.jsx)("input",{type:"checkbox",onChange(){d(!c)},onBlur(a){var l,t,n,o;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Terms and Conditions"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Terms and Conditions","request a callback","Terms and Conditions","I'm interested in this car","NA",4,5,"NA")}}),(0,t.jsx)("div",{className:"checkbox ".concat(c?"checkbox--active":""),children:(0,t.jsx)("span",{className:"".concat(y().icon," icon-tick")})}),(0,t.jsx)("div",{className:"terms-condition",children:"I agree that by clicking the `submit` button below, I am explicitly soliciting a communication from HCIL or its partners on my `mobile and email` inbox in order to assist me with the selection of a car"})]})})}),(0,t.jsx)("div",{className:"form-group full-width",children:(0,t.jsx)("div",{className:"bs-checkbox",children:(0,t.jsxs)("label",{className:"whats-app-check",children:[(0,t.jsx)("input",{type:"checkbox",onChange(){W(!O)},onBlur(a){var l,t,n,o;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Subscribe to whatsapp"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Receive notification on Whatsapp","request a callback","Receive notification on Whatsapp","I'm interested in this car","NA",5,5,"NA")}}),(0,t.jsx)("div",{className:"checkbox ".concat(O?"checkbox--active":""),children:(0,t.jsx)("span",{className:"".concat(y().icon," icon-tick")})}),(0,t.jsx)("div",{className:"terms-condition",children:"Subscribe to Whatsapp"}),(0,t.jsx)("div",{className:"whats-app-img",children:(0,t.jsx)(h(),{className:y()["chat-icon"],src:b.Z,alt:"Whatsapp Icon"})})]})})}),(0,t.jsx)("div",{className:y()["act-btn"],children:(0,t.jsx)("button",{id:"submitCta",type:"button",className:"btn-default ".concat(y()["btn-submit"]),disabled:!(M&&0===el.length&&0===et.length&&c&&0!==a.length&&0!==i.length),onClick(a){var l,t;er(),em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,a.target.innerText,a.target.innerText,a.target.href)},children:"Submit"})})]})]})})}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"bs-form typ-campaignForm",children:(0,t.jsxs)("div",{className:y()["form-wrap"],children:[(0,t.jsxs)("div",{className:y()["sec-head"],children:[(0,t.jsx)("h2",{className:y()["sec-title"],children:"I’m interested in this car"}),(0,t.jsx)("p",{className:y()["sec-desc"],children:"Share your details with us and one of our experts  will call you."})]}),(0,t.jsxs)("form",{method:"POST",className:"typ-campaignForm",children:[(0,t.jsxs)("div",{className:"form-group",children:[(0,t.jsx)("input",{type:"text",className:"form-control",value:a,placeholder:"Name",name:"pName",onChange(e){l(e.target.value),ea(e)},onFocus:e=>ea(e),onBlur(a){var l,t,n,o,i;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Name"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Full Name","Share Interest","Full Name","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(i=Q.query

1)||void 0===i?void 0:i.carModel),1,1,"NA")},required:!0,id:"fullName"}),el&&(0,t.jsx)("span",{className:"".concat(y()["error-msg"]," error-msg"),children:el})]}),(0,t.jsxs)("div",{className:"form-group",children:[(0,t.jsx)("input",{type:"email",className:"form-control",name:"email",value:n,placeholder:"Email Address",onChange(e){o(e.target.value),ea(e)},onFocus:e=>ea(e),onBlur(a){var l,t,n,o,i;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Email Address"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Email Address","Share Interest","Email Address","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(i=Q.query)||void 0===i?void 0:i.carModel),1,1,"NA")},required:!0,id:"emailAddress"}),en&&(0,t.jsx)("span",{className:"".concat(y()["error-msg"]," error-msg"),children:en})]}),(0,t.jsxs)("div",{className:"form-group",children:[(0,t.jsx)("input",{type:"tel",className:"form-control",value:i,placeholder:"Mobile Number",name:"mobileNumber",maxLength:10,onChange(e){r(e.target.value),ea(e)},onFocus:e=>ea(e),onBlur(a){var l,t,n,o,i;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Mobile Number"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Mobile Number","Share Interest","Mobile Number","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(i=Q.query)||void 0===i?void 0:i.carModel),1,1,"NA")},required:!0,id:"mobileNumber"}),et&&(0,t.jsx)("span",{className:"".concat(y()["error-msg"]," error-msg"),children:et})]}),(0,t.jsx)("div",{className:"form-group",children:(0,t.jsx)("div",{className:"bs-select",children:(0,t.jsx)(u.ZP,{id:"state",className:"inputSelect ".concat(e.locTypeClass),placeholder:"Select State",value:q,isSearchable:!0,name:"state",options:eu,classNamePrefix:"react-select",onChange(a){var l,t,n;ec(a,"state"),U("all_pages_28_callback_form_interaction",null===(l=e.dataLayerProps)||void 0===l?void 0:l.pageType,null==e?void 0:null===(t=e.dataLayerProps)||void 0===t?void 0:t.pageTitle,"open form","".concat(null==a?void 0:a.value),"Share Interest","select state","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(n=Q.query)||void 0===n?void 0:n.carModel),1,1,"NA")},onBlur(){var a,l;em(null==e?void 0:null===(a=e.dataLayerProps)||void 0===a?void 0:null===(l=a.event)||void 0===l?void 0:l.formInteract,"Select State",null==q?void 0:q.value)}})})}),(0,t.jsx)("div",{className:"form-group",children:(0,t.jsx)("div",{className:"bs-select",children:(0,t.jsx)(u.ZP,{id:"city",className:"inputSelect ".concat(e.locTypeClass),placeholder:"Select City",isSearchable:!0,value:v,name:"city",options:k,classNamePrefix:"react-select",onChange(a){var l,t,n;ec(a,"city"),U("all_pages_28_callback_form_interaction",null===(l=e.dataLayerProps)||void 0===l?void 0:l.pageType,null==e?void 0:null===(t=e.dataLayerProps)||void 0===t?void 0:t.pageTitle,"open form","".concat(null==a?void 0:a.value),"Share Interest","select city","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(n=Q.query)||void 0===n?void 0:n.carModel),1,1,"NA")},onBlur(a){var l,t;return em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Select City",null==v?void 0:v.value)}})})}),(0,t.jsx)("div",{className:"form-group",children:(0,t.jsx)("div",{className:"bs-select",children:(0,t.jsx)(u.ZP,{id:"dealer",className:"inputSelect ".concat(e.locTypeClass),placeholder:"Select Dealer",value:z,isSearchable:!0,name:"dealer",options:L,classNamePrefix:"react-select",onChange(a){var l,t,n;ec(a,"dealer"),U("all_pages_28_callback_form_interaction",null===(l=e.dataLayerProps)||void 0===l?void 0:l.pageType,null==e?void 0:null===(t=e.dataLayerProps)||void 0===t?void 0:t.pageTitle,"open form","".concat(null==a?void 0:a.value),"Share Interest","select dealer","I’m interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(n=Q.query

1)||void 0===n?void 0:n.carModel),1,1,"NA")},onBlur(){var a,l;em(null==e?void 0:null===(a=e.dataLayerProps)||void 0===a?void 0:null===(l=a.event)||void 0===l?void 0:l.formInteract,"Select Dealer",null==z?void 0:z.value)}})})}),(0,t.jsx)("p",{className:"requiredFields",children:"All fields are mandatory"}),(0,t.jsx)("div",{className:"form-group full-width",children:(0,t.jsx)("div",{className:"bs-checkbox",children:(0,t.jsxs)("label",{children:[(0,t.jsx)("input",{type:"checkbox",onChange(){d(!c)},onBlur(a){var l,t,n,o,i;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Terms and Conditions"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Terms and Conditions","Share Interest","Terms and Conditions","I'm interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(i=Q.query)||void 0===i?void 0:i.carModel),1,1,"NA")}}),(0,t.jsx)("div",{className:"checkbox ".concat(c?"checkbox--active":""),children:(0,t.jsx)("span",{className:"".concat(y().icon," icon-tick")})}),(0,t.jsx)("div",{className:"terms-condition",children:"I agree that by clicking the `submit` button below, I am explicitly soliciting a communication from HCIL or its partners on my `mobile and email` inbox in order to assist me with the selection of a car"})]})})}),(0,t.jsx)("div",{className:"form-group full-width",children:(0,t.jsx)("div",{className:"bs-checkbox",children:(0,t.jsxs)("label",{className:"whats-app-check",children:[(0,t.jsx)("input",{type:"checkbox",onChange(){W(!O)},onBlur(a){var l,t,n,o,i;em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,"Subscribe to whatsapp"),U("all_pages_28_callback_form_interaction",null===(n=e.dataLayerProps)||void 0===n?void 0:n.pageType,null==e?void 0:null===(o=e.dataLayerProps)||void 0===o?void 0:o.pageTitle,"open form","Receive notification on Whatsapp","Share Interest","Receive notification on Whatsapp","I'm interested in this car","".concat("campaign-hondafest-elevate"===e.pageType?"honda-elevate":"teaser-new-amaze"===e.pageType?"new-honda-amaze":null==Q?void 0:null===(i=Q.query)||void 0===i?void 0:i.carModel),1,1,"NA")}}),(0,t.jsx)("div",{className:"checkbox ".concat(O?"checkbox--active":""),children:(0,t.jsx)("span",{className:"".concat(y().icon," icon-tick")})}),(0,t.jsx)("div",{className:"terms-condition",children:"Subscribe to Whatsapp"}),(0,t.jsx)("div",{className:"whats-app-img",children:(0,t.jsx)(h(),{className:y()["chat-icon"],src:b.Z,alt:"Whatsapp Icon"})})]})})}),(0,t.jsx)("div",{className:y()["act-btn"],children:(0,t.jsx)("button",{id:"submitCta",type:"button",className:"btn-default ".concat(y()["btn-submit"]),disabled:!(p&&c&&!R),onClick(a){var l,t;er(),em(null==e?void 0:null===(l=e.dataLayerProps)||void 0===l?void 0:null===(t=l.event)||void 0===t?void 0:t.formInteract,a.target.innerText,a.target.innerText,a.target.href)},children:"Submit"})})]})]})})}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:y()["thank-you-wrap"],children:(0,t.jsx)("h2",{className:y()["thank-you-text"],children:G})})})}),(0,t.jsx)("div",{className:y().rhs,children:(0,t.jsx)("div",{className:y()["img-wrap"],children:(0,t.jsx)(h(),{src:f.Z,alt:"mail icon",fill:!0})})})]})})})},I=e=>{var a,l,n;let[u,v]=(0,s.useState)(!1),[h,_]=(0,s.useState)(!1),g=e=>{v(e)},y=e=>{_(e)},f={pageType:"campaign_2wheeler",pageTitle:null===(a=null==e?void 0:e.seoData[0])||void 0===a?void 0:null===(l=a.attributes)||void 0===l?void 0:l.title,event:{sectionInteract:"model_page_24_section_interaction",cardImpression:"model_page_25_section_card_impression",ctaClick:"model_page_26_cta_click",formInteract:"model_page_23_form_interaction",faqInteract:"model_page_27_faq_interaction",footerInteract:"all_pages_2_footer_navigation_interaction",sectionInteractionGA4:"all_pages_7_section_interaction",bannerImpression:"all_pages_3_banner_impression",ctaClickGA4:"all_pages_11_cta_click",cardSectionInteraction:"all_pages_6_card_section_interaction",plusMenuInteraction:"all_pages_16_plus_menu_interaction",cardImpressionGA4:"all_pages_38_card_impression",carouselInteraction:"all_pages_4_carousel_interaction",vrCTAClick:"all_pages_18_vr_cta_click",sectionImpression:"all_pages_39_section_impression",popupImpression:"all_pages_8_pop_up_impression",popupInteraction:"all_pages_9_pop_up_interaction",popupClose:"all_pages_10_pop_up_close"}};return(0,t.jsxs)(t.Fragment,{children:[(null==e?void 0:null===(n=e.seoData)||void 0===n?void 0:n.length)&&(0,t.jsx)(m.Z,{seoData:null==e?void 0:e.seoData}

1),(0,t.jsx)("div",{id:"main-header",children:(0,t.jsx)(r.default,{handleOverlay:g,handleCpService:y,cars:e.carModelData,dataLayerProps:f})}),e.campaignBannerData&&void 0!==e.campaignBannerData&&(null==e?void 0:e.campaignBannerData[0].length)!==0&&(0,t.jsx)(d.Z,{slides:e.campaignBannerData,doNotShowArrowAnimation:!1,content:!1,dataLayerProps:f,isVideoLoop:!1,handleOverlay:g}),(0,t.jsx)(o.Z,{showHead:!1,secTypeClass:"typ-top-padding",secCont:(0,t.jsx)("div",{id:"campaign-form",children:(0,t.jsx)(k,{carsData:e.carModelData,locTypeClass:"typ-campaign-city",dataLayerProps:f,pageType:"campaign-carModel"})})}),e.carModelData&&e.carModelData.length>0&&(0,t.jsx)(o.Z,{showHead:!0,secTypeClass:"typ-check-model",secTitle:"Check Models",secDesc:"You may also like",secCont:(0,t.jsx)(p.Z,{carModal:e.carModelData,type:"isSwiper",dataLayerProps:f,lytTypeClass:"typ-carModel-prod",handleOverlay:v,section:"Check Models",subSection:"NA"})}),(0,t.jsx)(o.Z,{secTypeClass:"typ-bg",showHead:!1,secCont:(0,t.jsx)(c.default,{dataLayerProps:f})}),(0,t.jsx)(i.Z,{dataLayerProps:f,isOverlayActive:u})]})};var P=!0,S=(0,n.withSuperJSONPage)(I)},16063:function(e){e.exports={"cp-campaign-warp":"cpCampaignForm_cp-campaign-warp__xf5nP",lhs:"cpCampaignForm_lhs___JvGy",rhs:"cpCampaignForm_rhs__NqvR0","img-wrap":"cpCampaignForm_img-wrap__OWzJ3","form-wrap":"cpCampaignForm_form-wrap__QuRGI","custom-car":"cpCampaignForm_custom-car__IrKdy","react-select__menu":"cpCampaignForm_react-select__menu__1krYy","react-select__menu-list":"cpCampaignForm_react-select__menu-list__acpPJ","sec-head":"cpCampaignForm_sec-head__xgFR8","sec-title":"cpCampaignForm_sec-title__ht4lQ","sec-subtitle":"cpCampaignForm_sec-subtitle__aa9Yf","sec-desc":"cpCampaignForm_sec-desc__q7LAN","thank-you-wrap":"cpCampaignForm_thank-you-wrap__bxTm3","thank-you-text":"cpCampaignForm_thank-you-text__SLBqe","act-btn":"cpCampaignForm_act-btn__5bqTe","error-msg":"cpCampaignForm_error-msg__vZ4L3"}}},function(e){e.O(0,[74885,91255,33714,72644,86342,78802,41664,25675,26882,8396,65034,48764,56817,44389,30719,37531,98531,12937,24925,42160,61141,74289,8611,89571,83706,8679,22112,65601,23125,9782,61540,40078,49774,92888,40179],function(){return e(e.s=80404)}),_N_E=e.O()}]);