https://www.metrobank.com.ph/_next/static/chunks/pages/annual-report/[year]/[slug]-a9ff56ac315ea158.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9546],{5361:e=>{e.exports={mainContainer:"styles_mainContainer__MH4tW",contentGroupContainer:"styles_contentGroupContainer__nZbsl",leadershipSidebar:"styles_leadershipSidebar__1Hdkd","-committee":"styles_-committee__thbbM",sidebarImage:"styles_sidebarImage__72JVr",mobileSidebarImage:"styles_mobileSidebarImage___6ih_",headerContainer:"styles_headerContainer__XzqEu",topnav:"styles_topnav__YAVLP",mobileSidebar:"styles_mobileSidebar__XptaM",overlay:"styles_overlay__qyNwy","-hide":"styles_-hide__b6XTp","-right":"styles_-right__h2s8W","-left":"styles_-left__GSVPi",leadershipContent:"styles_leadershipContent__9rgbQ",leadershipQuotationBox:"styles_leadershipQuotationBox__GSV_C",articleContentContainer:"styles_articleContentContainer__a_Vqx",continueReadingButton:"styles_continueReadingButton__xYJZr",anchor:"styles_anchor__i93hu","-bod":"styles_-bod__Kpvam"}},13816:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/annual-report/[year]/[slug]",function(){return t(25050)}])},25050:(e,a,t)=>{"use strict";t.r(a),t.d(a,{__N_SSG:()=>q,default:()=>W});var o=t(37876),l=t(15039),n=t.n(l),s=t(40625),r=t(92252),i=t(91461),d=t(47882),c=t.n(d);let m=({pageData:e,sidebarConfig:a})=>{let t=[...e?.contentGroup?.map(e=>e?.topNav?.[0]?.label||""),"board of directors"],{previousArticleTitle:l,previousArticleSlug:d,nextArticleTitle:m,nextArticleSlug:x}=e.pageNavigation[0]||{},{sidebarDesign:u,sidebarMenus:h,logo:p,darkModeLogo:g,linkToHome:b,logoLink:v,fileDownload:_}=a,{isDesktop:j}=(0,r.lm)();return(0,o.jsxs)("div",{className:"max-w-7xl mx-auto relative ",children:[(0,o.jsxs)("div",{className:"bg-white flex fixed top-0 right-0 left-0 z-50 pt-8 annual-report-lg:pt-0",children:[(0,o.jsx)(i.nx,{menus:h,linkToHome:b,mobileLogoUrl:v,fileDownloadUrl:_.url}),(0,o.jsx)("div",{className:c().leadershipNavbarContainer,children:(0,o.jsx)("div",{className:c().leadershipNavbar,children:(0,o.jsx)(i.k8,{items:t,downloadPdf:0!==e.downloadPdf.length?e.downloadPdf:null})})})]}),(0,o.jsxs)("main",{className:"relative px-6 annual-report-lg:px-0",children:[e?.contentGroup?.map((a,t)=>(0,o.jsxs)(s.pL,{as:"div",className:n()("flex mb-7 flex-col annual-report-lg:flex-row","anchor-scrolling-element"),id:a.topNav[0].label,children:[(0,o.jsxs)("div",{className:c().leadershipSidebar,style:{backgroundColor:e?.sideNavBackgroundColor?.hex},children:[(0,o.jsx)("div",{className:c().sidebarImage,style:j?{backgroundImage:`url(${a?.sideNavImage?.url})`}:{backgroundImage:`url(${a?.mobileSideNavImage?.url})`}}),(0,o.jsx)(i.Bx,{menus:h,darkModeLogo:g.url,logo:p.url,linkToHome:b,variant:"leadership",logoUrl:v,textVariant:u?.[0]?.textVariant?.[0],isDarkModeLogo:u?.[0]?.useDarkModeLogo,adjustsHeight:!0}),(0,o.jsx)("div",{className:c().leadershipQuotationBox,children:(0,o.jsx)(i.co,{componentBlock:{...a?.sideNavQuotation?.[0]}})})]}),(0,o.jsxs)("div",{className:c().leadershipContent,children:[a?.summary?(0,o.jsx)(i.BD,{text:a?.summary}):(0,o.jsx)(i.R,{}),(0,o.jsx)(i.Y9,{text:a?.title}),(0,o.jsx)("div",{id:`content-${t}`,className:c().articleContentContainer,children:(0,o.jsx)(i.fz,{text:a?.content})}),a?.content?.length>0&&(0,o.jsxs)("button",{type:"button",onClick:e=>{var a;let o;return a=`content-${t}`,void((o=document.querySelector(`#${a}`)).style.maxHeight="unset",o.style.overflow="unset",e.currentTarget.style.display="none")},className:c().continueReadingButton,children:[(0,o.jsx)("span",{children:"Continue Reading"}),(0,o.jsx)("i",{children:"+"})]})]})]},a.title)),(0,o.jsxs)(s.pL,{as:"div",className:n()(c().anchor,"anchor-scrolling-element"),id:"board of directors",children:[(0,o.jsx)("div",{className:c().committeeSidebar,style:{backgroundImage:`url(${e.sideNavImage?.url})`,backgroundColor:e?.sideNavBackgroundColor?.hex},children:(0,o.jsx)(i.Bx,{menus:h,variant:"leadership",linkToHome:b,logo:p?.url,logoUrl:v,darkModeLogo:g?.url,textVariant:u?.[0]?.textVariant?.[0],isDarkModeLogo:u?.[0]?.useDarkModeLogo})}),(0,o.jsxs)("div",{className:c().leadershipContent,children:[(0,o.jsx)(i.R,{}),(0,o.jsx)(i.Y9,{text:e?.title}),(0,o.jsx)("div",{className:c().articleContentContainer,children:(0,o.jsx)(i.fz,{text:e.content})}),(0,o.jsx)("div",{className:"hidden md:block mt-12",children:(0,o.jsx)(i._8,{committee:e?.cards})}),(0,o.jsx)("div",{className:"md:hidden mt-6 w-full relative",children:(0,o.jsx)(i.eX,{committee:e?.cards})}),(0,o.jsx)(i.Vx,{previous:{label:l,path:d},next:{label:m,path:x}})]})]})]})]})},x=e=>e?.filter(e=>e?.showToTopNavbar?.[0]?.showToTopNavbar)?.map(e=>e?.showToTopNavbar?.[0]?.label)||[];var u=t(47347),h=t.n(u);let p=({pageData:e,sidebarConfig:a})=>{let{sideNavImage:t,showSideNavImage:l}=e,{sidebarDesign:r,sidebarMenus:d,logo:c,darkModeLogo:m,linkToHome:u,logoLink:p,fileDownload:g}=a,{pageComponents:b}=e,v=x(b),{previousArticleTitle:_,previousArticleSlug:j,nextArticleTitle:N,nextArticleSlug:C}=e.pageNavigation[0]||{},f=b.reduce((e,a)=>{if(a?.showToTopNavbar){let t=a?.showToTopNavbar[0];t?.showToTopNavbar?e.push({label:t?.label,components:[a]}):e[e.length-1]?.components?.push(a)}return e},[{label:"",components:[]}]);return(0,o.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,o.jsxs)("div",{className:"bg-white flex fixed top-0 right-0 left-0 z-40 pt-8 annual-report-lg:pt-0",children:[(0,o.jsx)(i.nx,{menus:d,mobileLogoUrl:p,fileDownloadUrl:g.url,linkToHome:u}

1),(0,o.jsx)("div",{className:h().navbarContainer,children:(0,o.jsx)("div",{className:h().navbar,children:(0,o.jsx)(i.k8,{items:v,downloadPdf:0!==e.downloadPdf.length?e.downloadPdf:null})})})]}),(0,o.jsxs)("main",{className:"px-6 flex-1 annual-report-lg:px-0 flex",children:[(0,o.jsxs)("div",{className:h().sidebar,children:[(0,o.jsx)("div",{className:h().sidebarImage,style:{backgroundImage:l?`url(${t?.url})`:"unset"}}),(0,o.jsx)(i.Bx,{menus:d,darkModeLogo:m.url,logo:c.url,linkToHome:u,variant:"blue",logoUrl:p,textVariant:r?.[0]?.textVariant?.[0],isDarkModeLogo:r?.[0]?.useDarkModeLogo,adjustsHeight:!0})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("section",{className:h()?.section,children:f?.map((e,a)=>(0,o.jsx)(s.pL,{as:"div",className:n()("anchor-scrolling-element",h().inViewContainer),id:e?.label,children:e?.components.map((e,a)=>(0,o.jsx)(i.$G,{componentBlock:e},`${e?._modelApiKey}-${a}`))},a))}),(0,o.jsx)("div",{className:"lg:pr-8",children:(0,o.jsx)(i.Vx,{previous:{label:_,path:j},next:{label:N,path:C}})})]})]})]})};var g=t(36556),b=t.n(g);let v=({pageData:e,sidebarConfig:a})=>{let{sidebarDesign:t,sidebarMenus:l,logo:r,darkModeLogo:d,linkToHome:c,logoLink:m,fileDownload:u}=a,{pageComponents:h}=e,p=x(h),{previousArticleTitle:g,previousArticleSlug:v,nextArticleTitle:_,nextArticleSlug:j}=e.pageNavigation[0]||{},N=h.reduce((e,a)=>{if(a?.showToTopNavbar){let t=a?.showToTopNavbar[0];t?.showToTopNavbar?e.push({label:t?.label,components:[a]}):e[e.length-1]?.components?.push(a)}return e},[{label:"",components:[]}]);return(0,o.jsxs)("div",{className:b().pageContainer,children:[(0,o.jsxs)("div",{className:"flex top-0 right-0 left-0 pt-8 annual-report-lg:pt-0 fixed z-40 bg-white",children:[(0,o.jsx)(i.nx,{menus:l,mobileLogoUrl:m,fileDownloadUrl:u.url,linkToHome:c}),(0,o.jsx)("div",{className:b().navbarContainer,children:(0,o.jsx)("div",{className:"lg:flex w-full bg-white",children:(0,o.jsx)(i.k8,{items:p,featuredImage:e?.featuredImage,downloadPdf:0!==e.downloadPdf.length?e.downloadPdf:null,logoUrl:m,logoColor:"blue"})})})]}),(0,o.jsxs)("main",{className:"w-full flex justify-between annual-report-lg:pt-28",children:[(0,o.jsx)("div",{className:"top-0 fixed z-30",children:(0,o.jsx)(i.Bx,{menus:l,darkModeLogo:d.url,logo:r.url,linkToHome:c,variant:"white",logoUrl:m,textVariant:t?.[0]?.textVariant?.[0],isDarkModeLogo:t?.[0]?.useDarkModeLogo})}),(0,o.jsxs)("div",{className:b().contentContainer,children:[N?.map((e,a)=>(0,o.jsx)(s.pL,{as:"div",className:n()("anchor-scrolling-element",b().inViewContainer),id:e?.label,children:e?.components.map((e,a)=>(0,o.jsx)(i.$G,{componentBlock:e},a))},`about the report block - ${a}`)),(0,o.jsx)(i.Vx,{previous:{label:g,path:v},next:{label:_,path:j}})]})]})]})};var _=t(53232),j=t.n(_);let N=({pageData:e,sidebarConfig:a})=>{let{sidebarDesign:t,sidebarMenus:l,logo:r,darkModeLogo:d,linkToHome:c,logoLink:m,fileDownload:u}=a,{pageComponents:h}=e,p=x(h),{previousArticleTitle:g,previousArticleSlug:b,nextArticleTitle:v,nextArticleSlug:_}=e.pageNavigation[0]||{},N=h.reduce((e,a)=>{if(a?.showToTopNavbar){let t=a?.showToTopNavbar[0];t?.showToTopNavbar?e.push({label:t?.label,components:[a]}):e[e.length-1]?.components?.push(a)}return e},[{label:"",components:[]}]);return(0,o.jsxs)("div",{className:j().pageContainer,children:[(0,o.jsxs)("div",{className:"flex fixed top-0 right-0 left-0 pt-8 annual-report-lg:pt-0 z-40 bg-white",children:[(0,o.jsx)(i.nx,{menus:l,mobileLogoUrl:m,fileDownloadUrl:u.url,linkToHome:c}),(0,o.jsx)("div",{className:j().navbarContainer,children:(0,o.jsx)("div",{className:"w-full bg-white relative",children:(0,o.jsx)(i.k8,{items:p,downloadPdf:0!==e.downloadPdf.length?e.downloadPdf:null,variant:"sustainabilityReport",logoUrl:m,logoColor:"blue"})})})]}),(0,o.jsxs)("main",{className:"w-full flex justify-between pt-40 md:pt-28 relative",children:[(0,o.jsx)("div",{className:"hidden annual-report-lg:block absolute top-32 right-0",children:(0,o.jsx)(i.cJ,{image:e?.featuredImage})}),(0,o.jsx)("div",{className:j().sidebarContainer,children:(0,o.jsx)(i.Bx,{menus:l,darkModeLogo:d.url,logo:r.url,linkToHome:c,variant:"white",logoUrl:m,textVariant:t?.[0]?.textVariant?.[0],isDarkModeLogo:t?.[0]?.useDarkModeLogo})}

1),(0,o.jsxs)("div",{className:j().contentContainer,children:[N?.map((e,a)=>(0,o.jsx)(s.pL,{as:"div",className:n()("anchor-scrolling-element",j().inViewContainer),id:e?.label,children:e?.components.map((e,a)=>(0,o.jsx)(i.$G,{componentBlock:e},a))},`about the report block - ${a}`)),(0,o.jsx)(i.Vx,{previous:{label:g,path:b},next:{label:v,path:_}})]})]})]})};var C=t(14232),f=t(82112),w=t(61109),y=t(5361),k=t.n(y);let T=({article:e,contentGrpIndex:a,sidebarConfig:t})=>{let{sidebarDesign:l,logo:i,darkModeLogo:d,linkToHome:c,logoLink:m}=t,{items:x}=(0,C.useContext)(w.I),{isDesktop:u}=(0,r.lm)();return(0,o.jsxs)(s.pL,{className:n()(k().contentGroupContainer,k().anchor,"anchor-scrolling-element"),id:e.topNav[0].label,children:[(0,o.jsxs)("div",{className:k().leadershipSidebar,children:[u?(0,o.jsx)("div",{className:k().sidebarImage,style:{backgroundImage:`url(${e?.sideNavImage?.url})`}}):(0,o.jsx)("img",{className:k().mobileSidebarImage,src:e?.mobileSideNavImage?.url}),(0,o.jsx)(f.Bx,{menus:x,logo:i?.url,linkToHome:c,logoLink:m,darkModeLogo:d?.url,textVariant:l?.[0]?.textVariant?.[0],isDarkModeLogo:l?.[0]?.useDarkModeLogo,activeLabelColor:l?.[0]?.activeLabelColor,activeSubtitleColor:l?.[0]?.activeSubtitleColor})]}),(0,o.jsxs)("div",{className:k().leadershipContent,children:[e?.summary&&(0,o.jsx)(f.BD,{text:e?.summary}),(0,o.jsx)(f.Y9,{text:e?.title}),(0,o.jsx)("div",{id:`content-${a}`,className:k().articleContentContainer,children:(0,o.jsx)(f.fz,{text:e?.content})}),e?.content?.length>0&&(0,o.jsxs)("button",{type:"button",onClick:e=>{var t;let o;return t=`content-${a}`,void((o=document.querySelector(`#${t}`)).style.maxHeight="unset",o.style.overflow="unset",e.currentTarget.style.display="none")},className:k().continueReadingButton,children:[(0,o.jsx)("span",{children:"Continue Reading"}),(0,o.jsx)("b",{children:"+"})]})]})]})},L=({pageNavigation:e,committeeCards:a,sidebarConfig:t,title:l,content:r,bodId:i,sideNavBackgroundColor:d})=>{let{items:c}=(0,C.useContext)(w.I),{previousArticleTitle:m,previousArticleSlug:x,nextArticleTitle:u,nextArticleSlug:h}=e||{},{sidebarDesign:p,logo:g,darkModeLogo:b,linkToHome:v,logoLink:_}=t;return(0,o.jsxs)(s.pL,{as:"div",className:n()("flex mb-7 flex-col annual-report-lg:flex-row",k().anchor,k()["-bod"],"anchor-scrolling-element"),id:i,children:[(0,o.jsx)("div",{className:n()(k().leadershipSidebar,k()["-committee"]),style:{backgroundColor:d},children:(0,o.jsx)(f.Bx,{menus:c,logo:g?.url,linkToHome:v,logoLink:_,darkModeLogo:b?.url,textVariant:p?.[0]?.textVariant?.[0],isDarkModeLogo:p?.[0]?.useDarkModeLogo,activeLabelColor:p?.[0]?.activeLabelColor,activeSubtitleColor:p?.[0]?.activeSubtitleColor})}),(0,o.jsxs)("div",{className:k().leadershipContent,children:[(0,o.jsx)(f.Y9,{text:l}),(0,o.jsx)("div",{className:k().articleContentContainer,children:(0,o.jsx)(f.fz,{text:r})}),(0,o.jsx)("div",{className:"hidden md:block mt-12",children:(0,o.jsx)(f._8,{committee:a})}),(0,o.jsx)("div",{className:"md:hidden mt-6 w-full relative",children:(0,o.jsx)(f.eX,{committee:a})}),(0,o.jsx)(f.Vx,{previous:{label:m,path:x},next:{label:u,path:h}})]})]})},M=({pageData:e,sidebarConfig:a,year:t})=>{let l,[s,r]=(0,C.useState)(!1),{downloadPdf:i}=e,d=e?.showToTopNavbar?.[0]?.label,{navbarItemColor:c,activeNavbarItemColor:m}=a,{fileDownload:x,downloadButtonText:u,downloadButtonTextColor:h}=i?.[0]||{},{items:p}=(0,C.useContext)(w.I),[g,b]=(0,C.useState)({left:0,right:0});return(0,C.useEffect)(()=>{let e=()=>{b(window.innerWidth<=924?{left:0,right:0}:{left:596,right:100})};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),(0,o.jsxs)("div",{className:n()(s&&"flex flex-col overflow-y-hidden",!s&&"relative"),children:[x?.url&&(0,o.jsx)(f.Nu,{fileDownload:x,downloadButtonText:u,downloadButtonTextColor:h,year:t}),(0,o.jsx)(f.r9,{navbarItems:(l=[...e?.contentGroup?.map(e=>e?.topNav?.[0]?.label||"")],e?.showToTopNavbar?.[0]?.showToTopNavbar?[...l,d]:l),sidebarMenus:p||[],fileDownload:x,padding:g,logoUrl:a.logoLink,showMobileSidebar:s,setShowMobileSidebar:r,navbarColors:{navbarItemColor:c,activeNavbarItemColor:m}}),(0,o.jsxs)("main",{className:k().mainContainer,children:[e?.contentGroup?.map((e,t)=>(0,o.jsx)(T,{article:e,contentGrpIndex:t,sidebarConfig:a}

1,e.title)),(0,o.jsx)(L,{pageNavigation:e.pageNavigation[0],committeeCards:e?.cards||[],sidebarConfig:a,title:e?.title,content:e?.content,bodId:d,sideNavBackgroundColor:e?.sideNavBackgroundColor?.hex})]})]})};var S=t(82691),D=t.n(S);let B=({article:e,articleIndex:a})=>(0,o.jsx)(s.pL,{as:"div",className:n()(D().anchor,"anchor-scrolling-element"),id:e?.label,children:e?.components.map((e,t)=>(0,o.jsx)(f.$G,{componentBlock:e},`${e?._modelApiKey}-${t}-${a}`))},e?.label+a),V=e=>e?.filter(e=>e?.showToTopNavbar?.[0]?.showToTopNavbar)?.map(e=>e?.showToTopNavbar?.[0]?.label)||[],I=({pageData:e,sidebarConfig:a,year:t})=>{let[l,s]=(0,C.useState)(!1),{isMobile:i}=(0,r.lm)(),{pageComponents:d,pageNavigation:c,downloadPdf:m,sideNavImage:x,showSideNavImage:u}=e,{sidebarDesign:h,sidebarMenus:p,logo:g,darkModeLogo:b,linkToHome:v,logoLink:_,navbarItemColor:j,activeNavbarItemColor:N}=a,w=V(d),{sidebarRef:y,assetRef:k,mainMargins:T}=(0,r.nm)(h,u),{previousArticleTitle:L,previousArticleSlug:M,nextArticleTitle:S,nextArticleSlug:I}=c?.[0]||{},{fileDownload:$,downloadButtonText:P,downloadButtonTextColor:H}=m?.[0]||{},G=d?.reduce((e,a)=>{let t=a?.showToTopNavbar?.[0];return t?.showToTopNavbar?e.push({label:t?.label,components:[a]}):e[e.length-1]?.components?.push(a),e},[]);return(0,o.jsxs)("div",{className:D().pageContainer,children:[$?.url&&(0,o.jsx)(f.Nu,{fileDownload:$,downloadButtonText:P,downloadButtonTextColor:H,year:t}),(0,o.jsx)("nav",{className:n()(D().sidebar,{[D()["-with-image"]]:u}),style:{backgroundImage:u?`url(${x?.url})`:"unset"}

1,ref:y,children:(0,o.jsx)(f.Bx,{menus:p||[],logo:g?.url,linkToHome:v,logoLink:_,darkModeLogo:b?.url,textVariant:h?.[0]?.textVariant?.[0],isDarkModeLogo:h?.[0]?.useDarkModeLogo,activeLabelColor:h?.[0]?.activeLabelColor,activeSubtitleColor:h?.[0]?.activeSubtitleColor})}),(0,o.jsx)(f.r9,{fileDownload:$,navbarItems:w,sidebarMenus:p,padding:T,logoUrl:a.logoLink,showMobileSidebar:l,setShowMobileSidebar:s,navbarColors:{navbarItemColor:j,activeNavbarItemColor:N}}),(0,o.jsx)("main",{className:n()(D().main,l&&"overflow-y-hidden"),style:{marginLeft:i?0:T.left,marginRight:i?0:T.right},children:(0,o.jsxs)("div",{className:D().articles,children:[(0,o.jsx)("section",{className:"mt-4 2xl:mt-20 mb-10 pr-4",children:G?.map((e,a)=>(0,o.jsx)(B,{article:e,articleIndex:a},e.label))}),(0,o.jsx)(f.Vx,{previous:{label:L,path:M},next:{label:S,path:I}})]})}),(0,o.jsx)("aside",{className:D().aside,ref:k})]})};var $=t(90834),P=t.n($);let H=({article:e,articleIndex:a})=>(0,o.jsx)(s.pL,{as:"div",className:n()(P().anchor,"anchor-scrolling-element"),id:e?.label,children:e?.components.map((e,t)=>(0,o.jsx)(f.$G,{componentBlock:e},`${e?._modelApiKey}-${t}-${a}`))},e?.label+a),G=({pageData:e,sidebarConfig:a,year:t})=>{let[l,s]=(0,C.useState)(!1),{isMobile:i}=(0,r.lm)(),{pageComponents:d,pageNavigation:c,downloadPdf:m}=e,{sidebarDesign:x,sidebarMenus:u,logo:h,darkModeLogo:p,linkToHome:g,logoLink:b,navbarItemColor:v,activeNavbarItemColor:_}=a,j=V(d),{sidebarRef:N,assetRef:w,mainMargins:y}=(0,r.nm)(x),{previousArticleTitle:k,previousArticleSlug:T,nextArticleTitle:L,nextArticleSlug:M}=c?.[0]||{},{fileDownload:S,downloadButtonText:D,downloadButtonTextColor:B}=m?.[0]||{},I=d?.reduce((e,a)=>{let t=a?.showToTopNavbar?.[0];return t?.showToTopNavbar?e.push({label:t?.label,components:[a]}):e[e.length-1]?.components?.push(a),e},[]);return(0,o.jsxs)("div",{className:P().pageContainer,children:[S?.url&&(0,o.jsx)(f.Nu,{fileDownload:S,downloadButtonText:D,downloadButtonTextColor:B,year:t}),(0,o.jsx)("nav",{className:P().sidebar,ref:N,children:(0,o.jsx)(f.Bx,{menus:u||[],logo:h?.url,linkToHome:g,logoLink:b,darkModeLogo:p?.url,textVariant:x?.[0]?.textVariant?.[0],isDarkModeLogo:x?.[0]?.useDarkModeLogo,activeLabelColor:x?.[0]?.activeLabelColor,activeSubtitleColor:x?.[0]?.activeSubtitleColor})}),(0,o.jsx)(f.r9,{fileDownload:S,navbarItems:j,sidebarMenus:u,padding:y,logoUrl:a.logoLink,showMobileSidebar:l,setShowMobileSidebar:s,navbarColors:{navbarItemColor:v,activeNavbarItemColor:_}}),(0,o.jsx)("main",{className:n()(P().main,l&&"overflow-y-hidden"),style:{marginLeft:i?0:y.left,marginRight:i?0:y.right},children:(0,o.jsxs)("div",{className:P().articles,children:[(0,o.jsx)("section",{className:"mt-4 2xl:mt-20 mb-10 pr-4",children:I?.map((e,a)=>(0,o.jsx)(H,{article:e,articleIndex:a},e.label))}),(0,o.jsx)(f.Vx,{previous:{label:k,path:T},next:{label:L,path:M}})]})}),(0,o.jsx)("aside",{className:P().aside,style:{backgroundImage:`url(${e?.featuredImage.url})`},ref:w})]})};var U=t(23360);let R=(e,a)=>{let t=e?.sidebarDesign?.filter(({slug:e})=>e===a)||[];return{...e,sidebarDesign:t}};var E=t(77328),z=t.n(E),A=t(89099);let Q="true"!==t(65364).env.NEXT_PUBLIC_DRAFT_MODE&&!window.location.hostname.includes("localhost"),Y=({seo:e,seoSiteKeywords:a})=>{let{title:t,description:l,image:n}=e||{},s=(0,A.useRouter)().asPath.split("?")[0].split("#")[0],r=`https://www.metrobank.com.ph${s}`;return(0,o.jsxs)(z(),{children:[t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("title",{children:t}),(0,o.jsx)("meta",{property:"og:title",content:t}),(0,o.jsx)("meta",{itemProp:"name",content:t}),(0,o.jsx)("meta",{name:"twitter:card",content:"summary_large_image"})]}),l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("meta",{name:"description",content:l}),(0,o.jsx)("meta",{itemProp:"description",content:l}),(0,o.jsx)("meta",{property:"og:description",content:l}),(0,o.jsx)("meta",{name:"twitter:description",content:l})]}),n&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("meta",{itemProp:"image",content:n.url}),(0,o.jsx)("meta",{property:"og:image",content:n.url}),(0,o.jsx)("meta",{name:"twitter:image",content:n.url})]}),a&&(0,o.jsx)("meta",{name:"keywords",content:a}),Q&&(0,o.jsx)("link",{rel:"canonical",href:r})]})},F=({data:e})=>{let{template:a,linkedPage:t,slug:l,pageLayout:n,year:s}=e.annualReportPageCollection,{seo:r,seoSiteKeywords:i}=t,{annualReportSidebarConfig:d}=e,c={"Wordpress Template":{Leadership:(0,o.jsx)(m,{pageData:t,sidebarConfig:R(d,l)}),"About The Report and Meaningful Banking":(0,o.jsx)(v,{pageData:t,sidebarConfig:R(d,l)}),"Meaningful Contribution and Meaningful Governance":(0,o.jsx)(p,{pageData:t,sidebarConfig:R(d,l)}),"People and Event":(0,o.jsx)(v,{pageData:t,sidebarConfig:R(d,l)}),"Sustainable Banking":(0,o.jsx)(N,{pageData:t,sidebarConfig:R(d,l)})},"Metrobank Template":{Leadership:(0,o.jsx)(M,{pageData:t,sidebarConfig:R(d,l),year:s}),"Meaningful Contribution and Meaningful Governance":(0,o.jsx)(I,{pageData:t,sidebarConfig:R(d,l),year:s}),"About The Report and Meaningful Banking":(0,o.jsx)(G,{pageData:t,sidebarConfig:R(d,l),year:s}),"People and Event":(0,o.jsx)(G,{pageData:t,sidebarConfig:R(d,l),year:s}),"Sustainable Banking":(0,o.jsx)(G,{pageData:t,sidebarConfig:R(d,l),year:s})}},x=d?.sidebarMenus?.map(e=>({...e,subTitle:e.subtitle}))||[],u=d.linkToHome,h=d.logoLink,g=d.fileDownload,b=d.logo.url,_=d.darkModeLogo.url,j=d.useDarkModeLogo,C=d.labelColor.hex,f=d.subtitleColor.hex;return(0,o.jsx)(w.I.Provider,{value:{items:x,linkToHome:u,logoUrl:h,fileDownload:g,logo:b,darkModeLogo:_,isDarkModeLogo:j,textVariant:{labelColor:{hex:C},subtitleColor:{hex:f}}},children:(0,o.jsx)(U.U6,{children:(0,o.jsxs)("div",{className:"h-screen flex relative",children:[(0,o.jsx)(Y,{seo:r,seoSiteKeywords:i}),c[n]?.[a]||c.default]})})})};var K=t(75046);let X=({data:e})=>(0,o.jsx)(F,{data:e});var q=!0;let W=e=>"v2"===e.version?(0,o.jsx)(K.r,{data:e.data,layoutNavbar:e.layoutNavbar,layoutFooter:e.layoutFooter,reportType:"annual-report"}):(0,o.jsx)(X,{...e})},36556:e=>{e.exports={pageContainer:"styles_pageContainer__kbSfB",navbarContainer:"styles_navbarContainer__wWaba",contentContainer:"styles_contentContainer__SbKHh",inViewContainer:"styles_inViewContainer__Rh_Ey"}},47347:e=>{e.exports={sidebar:"styles_sidebar__NVHmx",sidebarImage:"styles_sidebarImage__VGnej",navbarContainer:"styles_navbarContainer__2LxYM",navbar:"styles_navbar__mYAmW",section:"styles_section__3rqVA",inViewContainer:"styles_inViewContainer__PGera"}},47882:e=>{e.exports={anchor:"styles_anchor__DWgcd",leadershipSidebar:"styles_leadershipSidebar__wAJGS",committeeSidebar:"styles_committeeSidebar__3ee0_",sidebarImage:"styles_sidebarImage__EXj_3",leadershipNavbarContainer:"styles_leadershipNavbarContainer__EOt9m",leadershipNavbar:"styles_leadershipNavbar__8w9rg",leadershipContent:"styles_leadershipContent__3Kjh_",leadershipQuotationBox:"styles_leadershipQuotationBox__GTfss",articleContentContainer:"styles_articleContentContainer__4VYvg",continueReadingButton:"styles_continueReadingButton__rF4ZM"}},53232:e=>{e.exports={pageContainer:"styles_pageContainer__Q8Q6V",navbarContainer:"styles_navbarContainer__SR03Q",sidebarContainer:"styles_sidebarContainer__kDYum",contentContainer:"styles_contentContainer__ZS4y1",inViewContainer:"styles_inViewContainer__zfrt_"}},82691:e=>{e.exports={pageContainer:"styles_pageContainer__taFJI",sidebar:"styles_sidebar__QWABy","-with-image":"styles_-with-image__FgPE3",main:"styles_main__xjw49",aside:"styles_aside__rjHfy",anchor:"styles_anchor__KMqmm"}},90834:e=>{e.exports={pageContainer:"styles_pageContainer__hI6q8",sidebar:"styles_sidebar__btZpo","-with-image":"styles_-with-image__APNoK",main:"styles_main__d_fa6",aside:"styles_aside__pef7k",anchor:"styles_anchor__lZnxS"}}},e=>{e.O(0,[3978,4587,8230,4378,892,92,8032,8185,1628,3242,5046,7722,636,6593,8792],()=>e(e.s=13816)),_N_E=e.O()}]);