1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[83],{1554:function(e,t,a){"use strict";a.r(t);var i=a(20),l=a(41),n=a(19),r=a(11),o=a(0),s=a.n(o),c=a(29),m=a(409),u=a(13),g=a(193),d=a(8),h=a(406),p=a(408),b=a(59),f=a(123),y=a(33),v=a(10),E=a(179),x=a(67),L=a(30),w=a(1043),_=a(1092),C=a(27),T=a(75),j=a(49),k=a(42),O=a(417),A=a(76),P=a(40),N=a(1147),B=a(35),S=a(1137),I=a(407),R=a(421),D=a(561),z=a(563),G=["pageThemeColor","title","body"],H=["pageThemeColor","themeColor","performanceHighlightsAsOf","performanceHighlightList"],W=["keyProjectList"],F=["areaTitle","pageThemeColor","category"],M=["pageThemeColor"],U=Object(E.a)((function(e){return Object(r.a)(Object(r.a)({},Object(L.a)(e)),{},{sustainableDevelopmentGoalsBorder:Object(n.a)({marginTop:38,paddingTop:36,borderTop:"1px solid "+e.palette.common.borderGrey,width:188},e.breakpoints.down("sm"),{width:"100%"}),materialityAssessmentBodyContainer:{"& > :not(:last-child)":Object(n.a)({borderRight:"1px solid "+e.palette.common.borderGrey},e.breakpoints.down("sm"),{borderRight:0,borderBottom:"1px solid "+e.palette.common.borderGrey})},materialityAssessmentBody:{height:"100%",display:"flex",flexDirection:"column","& > *:nth-last-child(2)":{height:"100%"}},roundRectContainer:{border:"1px solid "+e.palette.common.borderGrey,borderRadius:e.shape.borderRadius},latestReportThumbnailImage:{flexShrink:0,width:100,height:135.25,overflow:"hidden",borderRadius:e.shape.borderRadius,boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)"},iconButton:{cursor:"pointer",textDecoration:"none","&:hover *":{textDecoration:"underline"}},sustainabilityRecognitionMediaContainer:{borderRadius:e.shape.borderRadius,overflow:"hidden"},cardPagerIndicatorContainer:{maxWidth:284,margin:"auto",marginTop:12},viewAllLatestActivitiesContainer:Object(n.a)({},e.breakpoints.down("sm"),{marginTop:e.spacing(1),display:"flex",justifyContent:"flex-end"}
1),loadMoreContainer:Object(n.a)({},e.breakpoints.down("sm"),{position:"relative",left:"auto",bottom:"auto",transform:"initial"})})})),V=function(e){var t=e.pageThemeColor,a=e.title,i=e.body,n=Object(l.a)(e,G);return s.a.createElement(d.a,n,s.a.createElement(f.a,{fixed:!0},s.a.createElement(d.a,{position:"relative",display:"flex",justifyContent:"center"},s.a.createElement(d.a,{maxWidth:782},s.a.createElement(y.a,{variant:"h1",align:"center",dangerouslySetInnerHTML:{__html:(a||"").replace(/(?:\r\n|\r|\n)/g,"<br>")},style:{color:t}}),s.a.createElement(d.a,{mt:{xs:1,md:2.5}},s.a.createElement(P.a,{align:"center",body:(i||"").replace(/(?:\r\n|\r|\n)/g,"<br>")}))))))},J=Object(x.a)((function(e){return{tooltip:{backgroundColor:"#4E4E4E",maxWidth:298,padding:e.spacing(3)}}}))(w.a),K=function(e){var t=e.title,a=e.unitedNationsSustainableDevelopmentGoalList,i=U(),l=Object(c.b)().getLocalization;Object(B.a)();return s.a.createElement(f.a,{fixed:!0},s.a.createElement(d.a,{display:"flex",flexDirection:"column",alignItems:"center"},s.a.createElement("div",{className:i.sustainableDevelopmentGoalsBorder}),s.a.createElement(d.a,{width:1,display:"flex",justifyContent:{xs:"flex-start",sm:"center"}},s.a.createElement(y.a,{variant:window.innerWidth<769?"h3":"h4",children:l("sustainability","area_supports_united_nations_sustainable_development_goals").replace("__area__",t),className:i.textTransformNone})),s.a.createElement(d.a,{mt:2,width:{xs:1,sm:function(){var e=a.length;return e>7&&e<15&&(e=Math.ceil(e/2)),100*e+16*(e-1)}()}},s.a.createElement(d.a,{m:-1,display:"flex",flexWrap:"wrap",justifyContent:{xs:"flex-start",sm:"center"}},a.map((function(e){return s.a.createElement(J,{key:e.getTitle(),title:s.a.createElement(y.a,{variant:"h4",children:e.getHoverText(),className:i.colorWhite})},s.a.createElement(d.a,{component:"img",m:{xs:.75,sm:1},width:{xs:68,sm:100},height:{xs:68,sm:100},src:e.getBadgeImage().url,srcSet:window.innerWidth>=769?"".concat(e.getBadgeImage().url,"?w=200&h=200&fit=clip 2x, ").concat(e.getBadgeImage().url,"?w=100&h=100fit=clip 1x"):"".concat(e.getBadgeImage().url,"?w=136&h=136&fit=clip 2x, ").concat(e.getBadgeImage().url,"?w=68&h=68=clip 1x"),alt:e.getBadgeImage().description||e.getTitle(),className:Object(v.a)(i.cursorPointer,i.roundCorner)}))}))))))},X=function(e){var t=e.pageThemeColor,a=(e.themeColor,e.performanceHighlightsAsOf),i=e.performanceHighlightList,n=Object(l.a)(e,H),r=Object(c.b)().getLocalization;return s.a.createElement(s.a.Fragment,null,s.a.createElement(z.a,Object.assign({},n,{pageThemeColor:t,themeColor:t,title:r("sustainability",i.length>1?"performance_highlights":"performance_highlight"),body:a,focusAreaList:i})))},q=function(e){var t=e.keyProjectList,a=Object(l.a)(e,W),i=Object(c.b)().getLocalization;return s.a.createElement(R.a,Object.assign({title:i("sustainability",t.length>1?"key_projects":"key_project"),eventList:t},a))},Q=function(e){var t=e.areaTitle,a=e.pageThemeColor,i=e.category,n=Object(l.a)(e,F),r=Object(c.b)(),o=r.getLocalization,m=r.getLocalizedUrl;return s.a.createElement(d.a,n,s.a.createElement(f.a,{fixed:!0},s.a.createElement(y.a,{variant:"h2",color:"primary",align:"center",children:o("sustainability","latest_activities"),style:{color:a}}),s.a.createElement(d.a,{mt:2},s.a.createElement(C.c,null,s.a.createElement(N.a,{category:i,defaultShowCount:3,useLoadMoreButton:!0,showViewAllLatestActivitiesLink:!0,hideFilter:!0,themeColor:a,viewAllTitle:o("sustainability","view_all_xxxx_activities").replace("__area__",t),viewAllLink:m("/sustainability/latest-activities/?category="+i),includeSustainabilityPressRelease:!0,supportTabletPortrait:!0})),s.a.createElement(C.g,null,s.a.createElement(Y,{themeColor:a,category:i,viewAllTitle:o("sustainability","view_all_xxxx_activities").replace("__area__",t),viewAllLink:m("/sustainability/latest-activities/?category="+i)})))))},Y=function(e){var t=e.themeColor,a=e.category,l=e.viewAllTitle,n=e.viewAllLink,o=U(),m=Object(c.b)(),u=m.language,h=m.localizedStrings,p=m.getLocalizedUrl,b=s.a.useState({loadingActivityList:!1,years:null,activityList:null,hasMore:!0,hasLoadedFirstTime:!1}),f=Object(i.a)(b,2),y=f[0],v=f[1],E=function(){v((function(e){return Object(r.a)(Object(r.a)({},e),{},{loadingActivityList:!0})}
1));var e="react-snap-seo"===navigator.userAgent?1e4:20;_.a.fetchActivityAndPressReleaseList(null,a,null,u,(y.activityList?y.activityList.length:0)/e,y.activityList?e:4).subscribe((function(e){e.items.forEach((function(e,t){e.index=t}));var t=y.activityList?y.activityList.concat(e.items):e.items,a=e.hasMore;setTimeout((function(){v((function(e){return Object(r.a)(Object(r.a)({},e),{},{activityList:t,loadingActivityList:!1,hasMore:a,hasLoadedFirstTime:!0})}))}),y.hasLoadedFirstTime||"react-snap-seo"===navigator.userAgent?0:1400)}))};y.activityList||y.loadingActivityList||E();var x=y.activityList;return s.a.createElement(s.a.Fragment,null,s.a.createElement(d.a,null,x&&x.map((function(e,t){return s.a.createElement(s.a.Fragment,{key:e.slug.value},0===t?s.a.createElement(S.a,{key:e.slug.value,index:e.index,activity:e,large:!0,dataid:e.id()}):s.a.createElement(S.b,{mt:4,pt:2.5,key:e.slug.value,activity:e,className:o.borderTop}))}))),s.a.createElement(d.a,{mt:{xs:2.5,md:0},position:"relative"},s.a.createElement(d.a,{zIndex:1,className:o.loadMoreContainer},y.loadingActivityList?s.a.createElement(g.a,null):s.a.createElement(d.a,{className:o.flexCenter},s.a.createElement(A.a,{backgroundColor:t,title:h.sustainability.load_more,width:window.innerWidth<769?"100%":null,onClick:function(){E()},border:!0}))),s.a.createElement(d.a,{position:"relative",className:o.viewAllLatestActivitiesContainer},s.a.createElement(A.a,{color:t,largeText:!0,noPaddingX:!0,title:l||h.sustainability.view_all_latest_activities,toLink:n||p("/sustainability/latest-activities"),arrowRight:!0}))))},Z=function(e){var t=e.pageThemeColor,a=Object(l.a)(e,M),n=U(),r=Object(c.b)(),m=r.language,u=r.localizedStrings,h=r.getLocalizedUrl,p=r.getLocalization,E=s.a.useState(!1),x=Object(i.a)(E,2),L=x[0],w=x[1],P=s.a.useState(null),N=Object(i.a)(P,2),B=N[0],S=N[1];return Object(o.useEffect)((function(){w(!0),_.a.fetchLatestSustainabilityReportList(m).subscribe((function(e){w(!1),S(e)}))}),[m]),s.a.createElement(d.a,a,s.a.createElement(f.a,{fixed:!0},s.a.createElement(y.a,{variant:"h2",color:"primary",align:"center",children:p("sustainability","view_the_full_report"),style:{color:t}}),s.a.createElement(d.a,{mt:3.75},L&&s.a.createElement(g.a,null),B&&B.length>0&&s.a.createElement(b.default,null,s.a.createElement(C.b,null,s.a.createElement(d.a,{p:5,pr:20,display:"flex",justifyContent:"space-between",alignItems:"center",className:n.roundRectContainer},s.a.createElement(d.a,{display:"flex",alignItems:"center"},s.a.createElement(d.a,{className:n.latestReportThumbnailImage},s.a.createElement(T.a,{img:!0,cover:!0,width:"100%",height:"100%",src:B[0].getThumbnailImage(),alt:B[0].getName()})),s.a.createElement(d.a,{position:"relative",width:1,ml:5},s.a.createElement(d.a,{mb:.25},s.a.createElement(y.a,{variant:"body2",children:B[0].getCompany()})),s.a.createElement(y.a,{variant:"h3"},B[0].getName()))),s.a.createElement(d.a,null,B[0].hasEbook()&&s.a.createElement(d.a,{component:"a",display:"flex",alignItems:"center",href:h(B[0].getEBookUrl()),target:"_blank",rel:"noopener noreferrer",className:Object(v.a)(n.iconButton,"gtm-sino"),onClick:function(){return j.a.viewEBook(h(B[0].getEBookUrl()))}},s.a.createElement(d.a,{width:20},s.a.createElement(k.n,{color:t})),s.a.createElement(d.a,{ml:1.5},s.a.createElement(y.a,{variant:"h6",color:"primary",children:u.common.view_ebook,className:n.noWrap,style:{color:t}}))),B[0].getPdf()&&s.a.createElement(d.a,{mt:1,component:"a",display:"flex",href:B[0].getPdf().url,target:"_blank",rel:"noopener noreferrer",className:n.iconButton},s.a.createElement(d.a,{width:20},s.a.createElement(k.h,{color:t})),s.a.createElement(d.a,{ml:1.5},s.a.createElement(y.a,{variant:"h6",color:"primary",children:u.common.download_pdf,className:n.noWrap,style:{color:t}})))))),s.a.createElement(C.d,null,s.a.createElement(d.a,{mt:1.5},s.a.createElement(O.a,{themeColor:t,thumbnailImage:B[0].getThumbnailImage(),subtitle:B[0].getCompany(),name:B[0].getName(),pdfUrl:B[0].getPdf()&&B[0].getPdf().url,eBookUrl:B[0].hasEbook()&&h(B[0].getEBookUrl())}))),s.a.createElement(d.a,{mt:1,display:"flex",justifyContent:window.innerWidth>=769?"flex-end":"flex-start"},s.a.createElement(A.a,{largeText:!0,noPaddingX:!0,title:u.sustainability.view_all_sustainability_reports,toLink:h("/sustainability/sustainability-reports"),arrowRight:!0,color:t}))))))};t.default=function(e){var t=e.codename,a=s.a.useState({}),l=Object(i.a)(a,2),n=l[0],r=l[1],o=Object(c.b)(),y=o.language,v=o.localizedStrings,E=o.getLocalization;if(m.a.fetchPageDataIfNeeded(u.a.sustainabilityFocusArea,t,y,n,r).subscribe(),!n.pageData)return s.a.createElement(g.a,{mt:5});var x=function(){switch(t.replace(/sustainability_/g,"")){case"green_living":return"innovative-design";case"innovative_design":return"community-spirit";case"community_spirit":return"sustainability-reports";default:return null}},L=n.pageData,w=L.getDetailsPageTitleColor(),_=L.getThemeColor();return s.a.createElement(d.a,{className:"page-sustainability-focus-area"},s.a.createElement(h.a,{pageData:L,topLevelTitle:v.menu.sustainability}),s.a.createElement(p.a,{pageData:L,topLevelPage:"sustainability",hideTitleBodyOnDesktop:!0,supportTabletPortrait:!0}),s.a.createElement(C.c,null,s.a.createElement(b.default,null,s.a.createElement(V,{mt:6,pageThemeColor:w,title:L.kvTitle.value,body:L.kvBody.value}))),s.a.createElement(b.default,null,s.a.createElement(K,{pageThemeColor:w,themeColor:_,title:L.kvTitle.value,unitedNationsSustainableDevelopmentGoalList:L.getUnitedNationsSustainableDevelopmentGoalList()})),L.getVisionAndGoalList().length>0&&s.a.createElement(b.default,null,s.a.createElement(D.a,{my:{xs:7.5,sm:12.5},pageThemeColor:w,themeColor:_,title:E("sustainability",L.getVisionAndGoalList().length>1?"vision_and_goals":"vision_and_goal"),visionAndGoalList:L.getVisionAndGoalList()})),L.getPerformanceHighlightList().length>0&&s.a.createElement(b.default,null,s.a.createElement(X,{my:{xs:7.5,sm:12.5},pageThemeColor:w,themeColor:_,performanceHighlightsAsOf:L.getPerformanceHighlightsAsOf(),performanceHighlightList:L.getPerformanceHighlightList()})),L.getSubfocusAreaList().length>0&&s.a.createElement(b.default,null,s.a.createElement(z.a,{my:{xs:7.5,sm:12.5},pageThemeColor:w,themeColor:_,title:E("sustainability",L.getSubfocusAreaList().length>1?"focus_areas":"focus_area"),focusAreaList:L.getSubfocusAreaList()})),L.getKeyProjectList().length>0&&s.a.createElement(b.default,null,s.a.createElement(q,{my:{xs:7.5,sm:12.5},pageThemeColor:w,themeColor:_,keyProjectList:L.getKeyProjectList()})),!L.shouldHideActivities()&&s.a.createElement(b.default,null,s.a.createElement(Q,{my:{xs:7.5,sm:12.5},pageThemeColor:w,category:t.replace(/sustainability_/g,""),areaTitle:L.kvTitle.value})),!L.shouldHideViewTheFullReport()&&s.a.createElement(b.default,null,s.a.createElement(Z,{pageThemeColor:w,my:{xs:7.5,sm:12.5}})),x&&s.a.createElement(f.a,{fixed:!0},s.a.createElement(d.a,{component:"section",my:{xs:7.5,sm:12.5}},s.a.createElement(I.a,{toPage:x()}))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.