https://www.wonderhfl.com/_next/static/chunks/pages/branch-06c18b0cc0ebf2fe.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9360],{77984:function(e,i,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/branch",function(){return l(96158)}])},72479:function(e,i,l){"use strict";l.r(i),i.default={src:"/_next/static/media/india.bd549499.svg",height:145,width:629,blurWidth:0,blurHeight:0}},96158:function(e,i,l){"use strict";l.r(i),l.d(i,{__N_SSG:function(){return _},default:function(){return Branch}});var t=l(85893),a=l(67294),n=l(11163),o=l(25675),d=l.n(o),s=l(47311),r=l(66425),v=l(18720),u=l(78779),c=l(7801),m=l(54007),h=l(67962),b=l(76852),g=l(12602),f=l(67132),_=!0;function Branch(e){var i,o,_,x,p,j,N,w,y,S,C,k,I,E,B,F,q,D,O,T,A,M,Z,L,V,P,R,H,W,X,z,G;let{branchData:J}=e,K=(0,a.useRef)(null),Q=(0,a.useRef)(null),U=(0,n.useRouter)(),[Y,$]=(0,a.useState)(null),[ee,ei]=(0,a.useState)(null),[el,et]=(0,a.useState)([]),[ea,en]=(0,a.useState)([]),[eo,ed]=(0,a.useState)({}),[es,er]=(0,a.useState)([]),[ev,eu]=(0,a.useState)({id:null,name:null}),[ec,em]=(0,a.useState)(),[eh,eb]=(0,a.useState)({}),[eg,ef]=(0,a.useState)({}),[e_,ex]=(0,a.useState)(null==J?void 0:null===(o=J[0])||void 0===o?void 0:null===(i=o.data)||void 0===i?void 0:i.attributes),[ep,ej]=(0,a.useState)(null==J?void 0:null===(_=J[1])||void 0===_?void 0:_.data),[eN,ew]=(0,a.useState)(null==J?void 0:null===(j=J[0])||void 0===j?void 0:null===(p=j.data)||void 0===p?void 0:null===(x=p.attributes)||void 0===x?void 0:x.customer_care),[ey,eS]=(0,a.useState)(null==J?void 0:null===(w=J[2])||void 0===w?void 0:null===(N=w.data)||void 0===N?void 0:N.attributes),[eC,ek]=(0,a.useState)(!1),[eI,eE]=(0,a.useState)(null==J?void 0:null===(S=J[3])||void 0===S?void 0:null===(y=S.data)||void 0===y?void 0:y.attributes),[eB,eF]=(0,a.useState)(null==J?void 0:null===(k=J[4])||void 0===k?void 0:null===(C=k.data)||void 0===C?void 0:C.attributes);function _getBranchData(e){var i;let l=null==e_?void 0:e_.branch_lists.data,t=null==e_?void 0:null===(i=e_.city_lists.data)||void 0===i?void 0:i.find(i=>{var l;return(null==i?void 0:null===(l=i.attributes)||void 0===l?void 0:l.city_id)==(null==e?void 0:e.id)}),a=l.filter(i=>{var l,t,a,n;return(null==i?void 0:null===(n=i.attributes)||void 0===n?void 0:null===(a=n.city_id)||void 0===a?void 0:null===(t=a.data)||void 0===t?void 0:null===(l=t.attributes)||void 0===l?void 0:l.city_id)===(null==e?void 0:e.id)}).map(e=>null==e?void 0:e.attributes);ef(t),er(function(e){let i=e.findIndex(e=>(null==e?void 0:e.name)==="Head Office");if(-1!=i){let l=e[i];e.splice(i,1),e.unshift(l)}return e}(a))}(0,a.useEffect)(()=>{var e,i,l,t,a,n,o,d,s,r,v,u;ex(null==J?void 0:null===(i=J[0])||void 0===i?void 0:null===(e=i.data)||void 0===e?void 0:e.attributes),ej(null==J?void 0:null===(l=J[1])||void 0===l?void 0:l.data),ew(null==J?void 0:null===(n=J[0])||void 0===n?void 0:null===(a=n.data)||void 0===a?void 0:null===(t=a.attributes)||void 0===t?void 0:t.customer_care),eS(null==J?void 0:null===(d=J[2])||void 0===d?void 0:null===(o=d.data)||void 0===o?void 0:o.attributes),eE(null==J?void 0:null===(r=J[3])||void 0===r?void 0:null===(s=r.data)||void 0===s?void 0:s.attributes),eF(null==J?void 0:null===(u=J[4])||void 0===u?void 0:null===(v=u.data)||void 0===v?void 0:v.attributes)},[J]),(0,a.useEffect)(()=>{if(U.query.stateId)$(U.query.stateId);else{var e,i,l,t;$(null==e_?void 0:null===(t=e_.state_lists)||void 0===t?void 0:null===(l=t.data)||void 0===l?void 0:null===(i=l[0])||void 0===i?void 0:null===(e=i.attributes)||void 0===e?void 0:e.state_id)}U.query.cityId&&ei(U.query.cityId)},[U.query]),(0,a.useEffect)(()=>{if(null!==Y){var e,i,l;let t=ev,a=null==e_?void 0:null===(e=e_.state_lists.data)||void 0===e?void 0:e.find(e=>{var i;return Y===(null===(i=e.attributes)||void 0===i?void 0:i.state_id)}),n=null==e_?void 0:null===(i=e_.state_lists.data)||void 0===i?void 0:i.map(e=>{var i,l;return{id:null==e?void 0:null===(i=e.attributes)||void 0===i?void 0:i.state_id,name:null==e?void 0:null===(l=e.attributes)||void 0===l?void 0:l.state_name}});null==n||n.sort((e,i)=>null==e?void 0:e.name.localeCompare(null==i?void 0:i.name)),void 0===(t=null==n?void 0:n.find(e=>Y===e.id))&&(t=null==n?void 0:n[0],a=null==e_?void 0:null===(l=e_.state_lists.data)||void 0===l?void 0:l.find(e=>{var i;return(null==n?void 0:n[0].id)===(null===(i=e.attributes)||void 0===i?void 0:i.state_id)}));let o=null==n?void 0:n.reduce((e,i)=>{let{name:l,id:t}=i;return e[l]={value:t},e},{});eb(a),eu(t),et(n),ed(o)}},[Y,e_]),(0,a.useEffect)(()=>

1{ev&&null!==ev.id&&function(){let e=null==e_?void 0:e_.city_lists.data,i=e.filter(e=>{var i,l,t,a;return ev.id===(null==e?void 0:null===(a=e.attributes)||void 0===a?void 0:null===(t=a.state_id)||void 0===t?void 0:null===(l=t.data)||void 0===l?void 0:null===(i=l.attributes)||void 0===i?void 0:i.state_id)}).map(e=>{var i,l;return{id:null==e?void 0:null===(i=e.attributes)||void 0===i?void 0:i.city_id,name:null==e?void 0:null===(l=e.attributes)||void 0===l?void 0:l.city_name}});if(ee){let e=i.filter(e=>ee==(null==e?void 0:e.id));_getBranchData(e[0]),em(e[0])}else _getBranchData(i[0]),em(i[0]);en(i)}()},[ev]),(0,a.useEffect)(()=>{_focusMap("india-map")},[]);let _handleStateClick=(e,i)=>{$(i.value)},_focusMap=e=>{document.getElementById(e).scrollIntoView({behavior:"smooth",block:"center",inline:"center"})};return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{"data-mobile-nav-style":"classic",children:[(0,t.jsx)(b.h,{data:eI}),(0,t.jsx)(g.y,{type:2,rating:!0,id:"india-map",className:"top-0px",google_rating_based_on:null==eI?void 0:eI.google_rating_based_on,google_review_count:null==eI?void 0:eI.google_review_count,google_rating_reviews:null==eI?void 0:eI.google_rating_reviews,google_rating:null==eI?void 0:eI.google_rating,heroImage:f.Z.getStrapiMedia(null==e_?void 0:e_.banner.web_image),heroImageAlt:null==e_?void 0:null===(F=e_.banner)||void 0===F?void 0:null===(B=F.web_image)||void 0===B?void 0:null===(E=B.data)||void 0===E?void 0:null===(I=E.attributes)||void 0===I?void 0:I.alternativeText,title:null==e_?void 0:e_.banner.title,description:null==e_?void 0:e_.banner.description,mobileImage:f.Z.getStrapiMedia(null==e_?void 0:e_.banner.mobile_image),mobileImageAlt:null==e_?void 0:null===(T=e_.banner)||void 0===T?void 0:null===(O=T.mobile_image)||void 0===O?void 0:null===(D=O.data)||void 0===D?void 0:null===(q=D.attributes)||void 0===q?void 0:q.alternativeText,titleClass:"mt-lg-0 mt-5",mob_className:"mt-4 mb-5 "}),(0,t.jsx)("div",{className:"container",children:(0,t.jsx)("div",{className:"row",children:(0,t.jsxs)("div",{className:"col-lg-10 col-12 offset-lg-1 text-center",children:[(0,t.jsx)("h2",{children:null==e_?void 0:e_.introduction_title}),(0,t.jsx)("p",{className:"e-secondary-font e-font-weight-400 e-black e-font-20 e-line-height-160",children:null==e_?void 0:e_.introduction})]})})}),(0,t.jsx)("section",{className:"pt-5 pb-0 e-map-section-branches",children:(0,t.jsx)("div",{className:"container e-mob-container",children:(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)("div",{className:"col-12 text-center",children:(0,t.jsx)(r.N,{title:null==e_?void 0:e_.locate_branch_section_title,className:"e-section-title","data-aos":"fade-in","data-aos-easing":"ease-in-sine"})}),(0,t.jsxs)("div",{className:"col-12 mt-5 mb-lg-5 position-relative",children:[(0,t.jsx)(d(),{draggable:!1,src:l(72479),width:525,alt:"placeholder image",className:"e-placeholder"}),(0,t.jsx)("div",{className:"flex-1 d-inline-block position-relative overflow-hidden align-top w-65 padding-67-bottom",children:(null===(A=Object)||void 0===A?void 0:A.keys(eo||[]).length)!==0&&Y&&(0,t.jsx)(v.D,{regionData:eo,locale:U.locale,hoverComponent:e=>{let{value:i}=e;return(0,t.jsx)("div",{className:"",children:(0,t.jsx)("p",{className:"e-font-12 e-primary-font-semi-bold no-margin",children:i.name})})},activeClassName:"e-india-map-active-state",activeStateId:Y,mapLayout:{fillColor:"#FECFBE",noDataColor:"#FFF9F6",borderColor:"#4F4C4C",hoverBorderColor:"#F00",hoverColor:"#FF0000",height:120,weight:120},onStateClick:(e,i)=>_handleStateClick(e,i)})}),(0,t.jsx)("div",{className:"e-map-filter-wrapper-branch ",children:(0,t.jsxs)("div",{className:"row position-relative",children:[(0,t.jsx)("div",{className:"col-lg-6 col-md-6 col-12",children:(0,t.jsx)(m.jL,{name:"state",label:"Select your state",id:"state-dropdown",ref:Q,options:el,defaultValue:ev,animation:"fade-in",transition:"ease-in-sine",handleSelectBoxChange:e=>{eu(e),$(e.id),ei(null)}})}),(0,t.jsx)("div",{className:"col-lg-6 col-md-6 col-12 mt-lg-0 mt-md-0 mt-4",children:(0,t.jsx)(m.jL,{name:"city",label:"Select your city",id:"city-dropdown",ref:K,options:ea,defaultValue:ec,animation:"fade-in",transition:"ease-in-sine",delay:"100",handleSelectBoxChange:e=>{em(e),_getBranchData(e),ei(null)}})}),(null===(Z=Object)||void 0===Z?void 0:null===(M=Z.keys(eh||{}))||void 0===M?void 0:M.length)!==0&&(0,t.jsx)("div",{className:"col-12 mt-5 pt-4",children:(0,t.jsx)("div",{className:"e-know-more-about-loan border-radius-24 e-snow-bg position-relative p-4","data-aos":"fade-in","data-aos-easing":"ease-in-sine","data-aos-delay":"300",children:(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)("div",{className:"col-8",children:(0,t.jsxs)("p",{className:"e-secondary-font e-font-we

1ight-500 e-font-20 margin-block-end-0  e-onyx e-line-height-120",children:[null===(L=eh.attributes)||void 0===L?void 0:L.description,(0,t.jsx)(h.Av,{name:null==ey?void 0:ey.view_more,handleClick:()=>{document.getElementById("e-city-detail").scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}})]})}),(0,t.jsx)("div",{className:"col-4",children:(0,t.jsx)(d(),{src:f.Z.getStrapiMedia(null==eh?void 0:null===(V=eh.attributes)||void 0===V?void 0:V.image),width:50,height:100,className:"e-state-image",alt:null==eh?void 0:null===(W=eh.attributes)||void 0===W?void 0:null===(H=W.image)||void 0===H?void 0:null===(R=H.data)||void 0===R?void 0:null===(P=R.attributes)||void 0===P?void 0:P.alternativeText,draggable:!1,unoptimized:!0})})]})})})]})})]}),es.map((e,i)=>{let l=4;return l=0===i?"400":"".concat(l+i,"00"),(0,t.jsx)("div",{className:"col-lg-4 col-md-6 col-sm-6 col-12","data-aos":window.innerWidth>575?"fade-left":"fade-in","data-aos-easing":"ease-in-sine","data-aos-duration":"500","data-aos-delay":l,children:(0,t.jsx)(u.Lh,{data:e,buttonName:null==ey?void 0:ey.get_direction})},i)})]})})}),0!==Object.keys(eg||{}).length&&(null===(X=eg.attributes)||void 0===X?void 0:X.title)&&(0,t.jsx)("section",{className:"e-housing-finance-banner-branch e-white-smoke-bg",id:"e-city-detail",children:(0,t.jsx)("div",{className:"container e-mob-container","data-aos":"fade-in","data-aos-easing":"ease-in-sine",children:(0,t.jsx)("div",{className:"row",children:(0,t.jsxs)("div",{className:"col-lg-12 e-card border-radius-40px e-white-bg text-center",children:[(0,t.jsx)(r.N,{title:null===(z=eg.attributes)||void 0===z?void 0:z.title}),(0,t.jsx)("p",{className:"e-secondary-font e-font-weight-400 e-black e-font-20 e-line-height-160 ".concat(!1===eC&&"truncate-third-line"),children:(0,s.ZP)("<div>".concat(null===(G=eg.attributes)||void 0===G?void 0:G.description,"</div>"))}),(0,t.jsx)(h.Av,{name:!1===eC?null==ey?void 0:ey.view_more:null==ey?void 0:ey.view_less,handleClick:()=>ek(!eC)})]})})})}),(0,t.jsx)("section",{className:"e-faq-branches pt-5 mt-4",children:(0,t.jsxs)("div",{className:"container e-mob-container",children:[(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)("div",{className:"col-12 text-center",children:(0,t.jsx)(r.N,{title:null==e_?void 0:e_.faq_section_title,className:"e-font-40 e-primary-font-medium","data-aos":"fade-in","data-easing":"ease-in-sine"})}),(0,t.jsx)("div",{className:"col-lg-8 col-md-12 offset-lg-2 text-center mb-3",children:(0,t.jsx)("p",{className:"e-secondary-font e-font-18 e-font-weight-400 line-height-160",children:null==e_?void 0:e_.faq_section_description})})]}),(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)(c.Z,{data:ep,type:2}),(0,t.jsx)("div",{className:"col-12 text-center mt-5",children:(0,t.jsx)(h.Av,{name:null==ey?void 0:ey.view_more,animation:"fade-in",transition:"ease-in-sine",delay:"800",handleClick:function(){sessionStorage.setItem("faqType","branch-locator"),U.push("/faq")}})})]})]})}),(0,t.jsx)("div",{className:"mt-5 pt-lg-5  mb-4 pb-2 position-relative",children:(0,t.jsx)("div",{className:"container e-mob-container",children:(0,t.jsx)(u.h3,{data:eN,buttonName:null==ey?void 0:ey.apply_loan,modalSettings:eB})})})]})})}}},function(e){e.O(0,[571,4885,4643,364,5856,4007,5998,8779,1947,8880,7925,9774,2888,179],function(){return e(e.s=77984)}),_N_E=e.O()}]);