https://www.sino.com/static/js/81.a4ebce3f.chunk.js

1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[81],{1524:function(e,t,a){"use strict";a.r(t);var r=a(20),n=a(41),o=a(11),i=a(0),l=a.n(i),c=a(414),s=a(13),m=a(406),d=a(8),g=a(1160),u=a(33),p=a(40),h=a(123),b=a(30),f=a(22),E=a.n(f),T=a(35),y=a(75),x=a(95),v=a(59),w=a(124),C=a(27),O=a(10),B=a(76),j=a(29),I=a(230),S=a(42),M=a(330),L=a(180),k=a(14),N=a(412),D=a(62),H=a(164),W=a(421),_=a(1211),R=a(192),P=a(228),F=["pageThemeColor","title","body"],U=["pageThemeColor","deputyChairmanMessageThumbnailImage","deputyChairmanMessageThumbnailImageTitle","deputyChairmanMessageThumbnailImageBody","deputyChairmanMessageTitle","deputyChairmanMessageBody"],z=["pageThemeColor","ourTransformationImage","ourTransformationTitle","ourTransformationImageHoverDescription","ourTransformationBadgeLabel","peopleStoriesImage","peopleStoriesTitle","peopleStoriesImageHoverDescription","peopleStoriesBadgeLabel"],V=["history","pageThemeColor","ourTransformationImage","ourTransformationTitle","ourTransformationBadgeLabel","peopleStoriesImage","peopleStoriesTitle","peopleStoriesBadgeLabel"],A=["pageThemeColor","pageThemeBackgroun

1dColor","stayTunedForMoreStoriesTitle","getTheLatestUpdateTitle","followOurSocialTitle"],J=E()((function(e){return Object(o.a)(Object(o.a)({},Object(b.a)(e)),{},{deputyChairmanMessageImageBlock:{transition:"all ease-in-out 0.0s"},hoverCard:{cursor:"pointer",transition:"all ease-in-out 0.2s","&:hover .hover-description":{opacity:1}},hoverCardBlur:{filter:"blur(2px)","-webkit-filter":"blur(2px)"},hoverDescription:{position:"absolute",top:20,left:20,right:20,bottom:20,backgroundColor:"rgba(255, 255, 255, 0.95)",borderRadius:e.shape.borderRadius,overflow:"hidden",pointerEvents:"none",opacity:0,transition:"opacity 0.5s"},badge:{marginLeft:12,padding:e.spacing(0,1.5),height:20,color:"#9B8235",backgroundColor:"#F5F2EA",fontSize:13,lineHeight:"22px",fontWeight:"700",borderRadius:15,whiteSpace:"nowrap"},badgeMobile:{marginLeft:8,marginTop:-1},stayTunedForMoreUpdates:{borderRadius:e.shape.borderRadius,overflow:"hidden"},socialLinksContainer:{"& > *:not(:first-child)":{marginLeft:12}},cardPagerIndicatorContainer:{maxWidth:284,margin:"auto",marginTop:12}})})),G=function(e){var t=e.pageThemeColor,a=e.title,r=e.body,o=Object(n.a)(e,F);return l.a.createElement(d.a,o,l.a.createElement(h.a,{fixed:!0},l.a.createElement(d.a,{position:"relative",display:"flex",justifyContent:"center"},l.a.createElement(d.a,{maxWidth:860},l.a.createElement(u.a,{variant:"h1",align:"center",dangerouslySetInnerHTML:{__html:(a||"").replace(/(?:\r\n|\r|\n)/g,"<br>")},style:{color:t}}),l.a.createElement(d.a,{mt:{xs:1,sm:2.5}},l.a.createElement(p.a,{align:"center",body:(r||"").replace(/(?:\r\n|\r|\n)/g,"<br>")}))))))},K=function(e){var t=e.pageThemeColor,a=e.deputyChairmanMessageThumbnailImage,o=e.deputyChairmanMessageThumbnailImageTitle,c=e.deputyChairmanMessageThumbnailImageBody,s=e.deputyChairmanMessageTitle,m=e.deputyChairmanMessageBody,g=Object(n.a)(e,U),b=J(),f=Object(i.useState)(!1),E=Object(r.a)(f,2),v=E[0],w=E[1],C=Object(i.useState)(0),O=Object(r.a)(C,2),B=O[0],j=O[1],I=Object(i.useState)(0),S=Object(r.a)(I,2),M=S[0],L=S[1],N=Object(i.useRef)(null),D=Object(i.useRef)(null),H=Object(i.useMemo)((function(){return Object(k.a)()}),[]);return Object(T.a)(),Object(i.useEffect)((function(){var e=function(){if(H||(window.innerWidth>=769&&v&&N.current&&D.current?j(Math.min(Math.max(0,-(N.current.getBoundingClientRect().top-90)),N.current.clientHeight-D.current.clientHeight)):j(0)),N.current){var e=Math.max(0,-(N.current.getBoundingClientRect().top-window.innerHeight)),t=Math.min(1,e/(.8*window.innerHeight));L(70*t)}};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[N,D,v,H]),l.a.createElement(d.a,Object.assign({pt:6,minHeight:296},g),l.a.createElement(h.a,{fixed:!0},l.a.createElement(d.a,{ref:N,className:b.flexCenter},l.a.createElement(d.a,{width:1,maxWidth:788,display:"flex",flexDirection:{xs:"column",md:"row"}},l.a.createElement(d.a,{position:"relative",ml:{xs:0,md:-4},width:{xs:1,md:289},flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center"},l.a.createElement(d.a,{ref:D,pb:1,position:{xs:"relative",sm:H?"sticky":"absolute"},left:!H&&0,className:b.deputyChairmanMessageImageBlock,style:{top:window.innerWidth<769?0:H?140:B}},l.a.createElement(d.a,{position:"relative",width:{xs:160,md:225},height:{xs:160,md:225}},l.a.createElement(d.a,{component:"svg",position:"absolute",right:5,bottom:35,width:{xs:195,md:266},height:{xs:195,md:266},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 266 266",style:{transform:"translate3d(0,".concat(M,"px,0)")}},l.a.createElement("g",null,l.a.createElement("circle",{cx:"133",cy:"133",r:"133",fill:"none"}),l.a.createElement("circle",{cx:"133",cy:"133",r:"132.5",fill:"none",stroke:"#e5ddd3"})),l.a.createElement("g",null,l.a.createElement("circle",{cx:"133.5",cy:"133.5",r:"126.5",fill:"none"}),l.a.createElement("circle",{cx:"133.5",cy:"133.5",r:"126",fill:"none",stroke:"#e5ddd3"})),l.a.createElement("g",null,l.a.createElement("circle",{cx:"133.5",cy:"133.5",r:"118.5",fill:"none"}),l.a.createElement("circle",{cx:"133.5",cy:"133.5",r:"118",fill:"none",stroke:"#e5ddd3"}))),l.a.createElement(y.a,{img:!0,cover:!0,width:"100%",height:"100%",src:a.url,alt:a.description||s})),l.a.createElement(d.a,{mt:2,position:"relative",zIndex:10},l.a.createElement(u.a,{variant:window.innerWidth<1024?"subtitle2":"subtitle1",align:"center",children:o}),l.a.createElement(d.a,{mt:{xs:1,md:0}},l.a.createElement(u.a,{variant:window.innerWidth<1024?"body2":"body1",align:"center",children:c}))))),l.a.createElement(d.a,{ml:{xs:0,md:8.5},mt:{xs:1.5,md:4},flex:1},l.a.createElement(u.a,{component:"div",variant:"h2",color:"primary",align:window.innerWidth<1024?"center":"left",children:s,style:{color:t}}),l.a.createElement(d.a,{mt:1.25},l.a.createElement(x.a,{minHeight:300,center:window.innerWidth<1024,themeColor:t,onOpen:w},l.a.createElement(p.a,{align:window.innerWidth<1024?"center":"left",body:m}))))))))},q=function(e){var t=e.pageThemeColor,a=e.ourTransformationImage,c=e.ourTransformationTitle,s=e.ourTransformationImageHoverDescription,m=e.ourTransformationBadgeLabel,g=e.peo

1pleStoriesImage,b=e.peopleStoriesTitle,f=e.peopleStoriesImageHoverDescription,E=e.peopleStoriesBadgeLabel,x=Object(n.a)(e,z),v=J(),B=Object(j.b)().getLocalizedUrl,I=Object(i.useState)(0),S=Object(r.a)(I,2),M=S[0],L=S[1],N=Object(i.useState)(!1),H=Object(r.a)(N,2),W=H[0],_=H[1],R=Object(i.useState)(!1),P=Object(r.a)(R,2),F=P[0],U=P[1],V=W||F||Object(k.d)(),A=Object(w.b)({marginLeft:V?0:50,marginRight:V?0:-50}),G=Object(w.b)({marginLeft:V?0:-50,marginRight:V?0:50}),K=Object(i.useRef)(null);Object(T.a)(),Object(i.useEffect)((function(){var e=function(){if(K.current){var e=Math.max(0,-(K.current.getBoundingClientRect().top-window.innerHeight)),t=Math.min(1,e/(.67*window.innerHeight));L(56*t)}};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[K]);return l.a.createElement(d.a,x,l.a.createElement(h.a,{fixed:!0},l.a.createElement(d.a,{display:"flex",justifyContent:"space-between",align:"flex-start"},l.a.createElement(w.a.div,{style:Object(o.a)({width:"calc(50% - 8px)",zIndex:10},A)},l.a.createElement(D.c,{className:"text-decoration-none",to:B("/50th-anniversary/our-transformations")},l.a.createElement(d.a,{ref:K,p:1,onMouseEnter:function(){_(!0)},onMouseLeave:function(){setTimeout((function(){_(!1)}),50)},className:Object(O.a)(v.hoverCard,v.roundBorder2,v.backgroundColorWhite,F&&v.hoverCardBlur),style:{marginTop:M}},l.a.createElement(C.f,{position:"relative",ratio:523/342},l.a.createElement(y.a,{img:!0,cover:!0,width:"100%",height:"100%",src:a.url,alt:a.description}),s&&l.a.createElement(d.a,{display:"flex",alignItems:"center",px:6.5,className:Object(O.a)(v.hoverDescription,"hover-description")},l.a.createElement(p.a,{body:s}))),l.a.createElement(d.a,{mt:2,mb:1,px:1,display:"flex",alignItems:"center"},l.a.createElement(u.a,{variant:window.innerWidth<1024?"h4":"h3",children:c,style:{color:t},className:v.textTransformUppercase}),m&&l.a.createElement(u.a,{component:"span",children:m,className:v.badge}))))),l.a.createElement(w.a.div,{style:Object(o.a)({width:"calc(50% - 8px)"},G)},l.a.createElement(D.c,{className:"text-decoration-none",to:B("/50th-anniversary/our-people")},l.a.createElement(d.a,{mt:15,p:1,onMouseEnter:function(){U(!0)},onMouseLeave:function(){setTimeout((function(){U(!1)}),50)},className:Object(O.a)(v.hoverCard,v.roundBorder2,v.backgroundColorWhite,W&&v.hoverCardBlur)},l.a.createElement(C.f,{position:"relative",ratio:523/342},l.a.createElement(y.a,{img:!0,cover:!0,width:"100%",height:"100%",src:g.url,alt:g.description}),f&&l.a.createElement(d.a,{display:"flex",alignItems:"center",px:6.5,className:Object(O.a)(v.hoverDescription,"hover-description")},l.a.createElement(p.a,{body:f}))),l.a.createElement(d.a,{mt:2,mb:1,px:1,display:"flex",alignItems:"center"},l.a.createElement(u.a,{variant:window.innerWidth<1024?"h4":"h3",children:b,style:{color:t},className:v.textTransformUppercase}),E&&l.a.createElement(u.a,{component:"span",children:E,className:v.badge}))))))))},Q=Object(H.h)((function(e){var t=e.history,a=e.pageThemeColor,o=e.ourTransformationImage,c=e.ourTransformationTitle,s=e.ourTransformationBadgeLabel,m=e.peopleStoriesImage,g=e.peopleStoriesTitle,u=e.peopleStoriesBadgeLabel,p=Object(n.a)(e,V),b=J(),f=Object(j.b)().getLocalizedUrl,E=Object(i.useState)(0),T=Object(r.a)(E,2),y=T[0],x=T[1],v=Object(i.useRef)(),w=[{color:a,image:o,title:c,badgeLabel:s},{color:a,image:m,title:g,badgeLabel:u}];return l.a.createElement(d.a,p,l.a.createElement(h.a,{fixed:!0},l.a.createElement(C.h,null,l.a.createElement(R.a,{container:!0,spacing:2},l.a.createElement(R.a,{item:!0,xs:6},l.a.createElement(D.b,{to:f("/50th-anniversary/our-transformations")},l.a.createElement(d.a,{height:316,position:"relative",className:Object(O.a)(b.roundBorder2,b.cursorPointer)},l.a.createElement(X,{imageHeight:"230px",data:w[0]})))),l.a.createElement(R.a,{item:!0,xs:6},l.a.createElement(D.b,{to:f("/50th-anniversary/our-people")},l.a.createElement(d.a,{height:316,position:"relative",className:Object(O.a)(b.roundBorder2,b.cursorPointer)},l.a.createElement(X,{imageHeight:"230px",data:w[1]})))))),l.a.createElement(C.e,null,l.a.createElement(d.a,{mx:-3,mt:2,className:"overflow-hidden"},l.a.createElement(M.default,{ref:v,height:256,data:w,cardClass:X,handlePageChange:function(e){return x(e)}

1,handleClick:function(e){0===e?t.push(f("/50th-anniversary/our-transformations")):1===e&&t.push(f("/50th-anniversary/our-people"))},disableOpacity:!0}),l.a.createElement(d.a,{className:b.cardPagerIndicatorContainer},l.a.createElement(L.default,{themeColor:a,currengPage:y,totalPage:w.length})),l.a.createElement(d.a,{mt:1.5,display:"flex",justifyContent:"center"},l.a.createElement(P.a,{backgroundColor:a,handlePrev:function(){var e;return null===(e=v.current)||void 0===e?void 0:e.prev()},handleNext:function(){var e;return null===(e=v.current)||void 0===e?void 0:e.next()}}))))))})),X=function(e){var t=e.data,a=e.imageHeight,r=e.className,n=J();return l.a.createElement(d.a,{className:Object(O.a)(n.absoluteEdges,"disable-select",t.className,r)},l.a.createElement(d.a,{position:"relative"},l.a.createElement(y.a,{img:!0,cover:!0,width:"100%",height:a||"186px",src:t.image.url,alt:t.image.description,disableDragging:!0})),l.a.createElement(d.a,{mt:2,mb:1,px:1.5,display:"flex"},l.a.createElement(u.a,{variant:"subtitle1",children:t.title,className:n.textTransformUppercase,style:{color:t.color,fontSize:15,lineHeight:1.4}}),t.badgeLabel&&l.a.createElement(u.a,{component:"span",children:t.badgeLabel,className:Object(O.a)(n.badge,n.badgeMobile)})))}

1,Y=function(e){var t=e.pageThemeColor,a=e.pageThemeBackgroundColor,r=e.stayTunedForMoreStoriesTitle,o=e.getTheLatestUpdateTitle,i=e.followOurSocialTitle,c=Object(n.a)(e,A),s=J(),m=Object(j.b)(),g=m.localizedStrings,p=m.getLocalization,b=m.getLocalizedUrl;return Object(T.a)(),l.a.createElement(d.a,c,l.a.createElement(h.a,{fixed:!0},l.a.createElement(d.a,{my:{xs:7.5,sm:12.5},px:{xs:2.5,sm:5,md:10},pt:{xs:3.5,sm:4.5},pb:{xs:4,sm:5},className:s.stayTunedForMoreUpdates,style:{backgroundColor:a}},l.a.createElement(u.a,{variant:window.innerWidth<769?"subtitle1":"h2",align:"center",children:r,className:s.textTransformUppercase,style:{color:t}}),l.a.createElement(d.a,{mt:{xs:3,sm:4},flexDirection:{xs:"column",sm:"row"},className:s.flexCenter},l.a.createElement(d.a,{width:{xs:1,sm:.4}},l.a.createElement(u.a,{variant:window.innerWidth<769?"subtitle2":"subtitle1",align:"center",children:o,style:{fontWeight:"700"}}),l.a.createElement(d.a,{mt:{xs:1,sm:2},className:s.flexCenter},l.a.createElement(B.a,{title:p("menu","subscribe_e_news"),toLink:b("/e-news-subscription"),border:!0,grey:!0,whiteBackground:!0}))),l.a.createElement(d.a,{mt:{xs:3,sm:0},pt:{xs:3,sm:0},width:{xs:1,sm:.4},className:Object(O.a)(window.innerWidth<769?s.borderTop:s.borderLeft)},l.a.createElement(u.a,{variant:window.innerWidth<769?"subtitle2":"subtitle1",align:"center",children:i,style:{fontWeight:"700"}}),l.a.createElement(d.a,{mt:{xs:1,sm:2},className:Object(O.a)(s.flexCenter,s.socialLinksContainer)},g.common.footer_youtube_link&&""!==g.common.footer_youtube_link&&l.a.createElement("a",{href:g.common.footer_youtube_link,target:"_blank",rel:"noopener noreferrer",className:s.textDecorationNone},l.a.createElement(I.a,{greyBorder:!0,text:g.common.youtube,component:S.A})),g.common.footer_linkedin_link&&""!==g.common.footer_linkedin_link&&l.a.createElement("a",{href:g.common.footer_linkedin_link,target:"_blank",rel:"noopener noreferrer",className:s.textDecorationNone},l.a.createElement(I.a,{greyBorder:!0,text:g.common.linkedin,component:S.v}))))))))};t.default=Object(c.a)(s.a.page50thAnniversary)((function(e){var t=e.pageData,a=t.getEventsTitle(),r=t.getEventList();return l.a.createElement(l.a.Fragment,null,l.a.createElement(m.a,{pageData:t}),l.a.createElement(d.a,{component:"section",position:"relative",zIndex:1e3},l.a.createElement(g.a,{themeColor:"#9B8235",data:t.getKeyVisualItemList(),autoRotate:t.isEnableAutoRotation(),imageCaptionToBodyOnMobile:!0})),t.seoTitle.value&&l.a.createElement(C.c,null,l.a.createElement(v.default,null,l.a.createElement(N.a,{mt:{sm:-3.5},title:t.seoTitle.value}))),l.a.createElement(v.default,null,l.a.createElement(G,{mt:6,pageThemeColor:"#9B8235",title:t.getTitle(),body:t.getBody()})),(t.getMediaBlockImage()||t.getMediaBlockShortVideo()||t.getMediaBlockFullVideo())&&l.a.createElement(v.default,null,l.a.createElement(d.a,{my:{xs:7.5,sm:12.5}},l.a.createElement(h.a,{fixed:!0},l.a.createElement(d.a,{mx:{xs:-3,sm:0}},l.a.createElement(_.a,{pageThemeColor:"#9B8235",image:t.getMediaBlockImage(),shortVideo:t.getMediaBlockShortVideo(),fullVideo:t.getMediaBlockFullVideo(),ratio:t.getMediaBlockSizeRatio()}))))),l.a.createElement(v.default,null,l.a.createElement(K,{my:{xs:7.5,sm:12.5},pageThemeColor:"#9B8235",deputyChairmanMessageThumbnailImage:t.getDeputyChairmanMessageThumbnailImage(),deputyChairmanMessageThumbnailImageTitle:t.getDeputyChairmanMessageThumbnailImageTitle(),deputyChairmanMessageThumbnailImageBody:t.getDeputyChairmanMessageThumbnailImageBody(),deputyChairmanMessageTitle:t.getDeputyChairmanMessageTitle(),deputyChairmanMessageBody:t.getDeputyChairmanMessageBody()})),l.a.createElement(v.default,null,l.a.createElement(C.c,null,l.a.createElement(q,{my:{xs:7.5,sm:12.5},pageThemeColor:"#9B8235",ourTransformationImage:t.getOurTransformationImage(),ourTransformationTitle:t.getOurTransformationTitle(),ourTransformationImageHoverDescription:t.getOurTransformationImageHoverDescription(),ourTransformationBadgeLabel:t.getOurTransformationBadgeLabel(),peopleStoriesImage:t.getPeopleStoriesImage(),peopleStoriesTitle:t.getPeopleStoriesTitle(),peopleStoriesImageHoverDescription:t.getPeopleStoriesImageHoverDescription(),peopleStoriesBadgeLabel:t.getPeopleStoriesImageBadgeLabel()})),l.a.createElement(C.g,null,l.a.createElement(Q,{my:{xs:7.5,sm:12.5},pageThemeColor:"#9B8235",ourTransformationImage:t.getOurTransformationImage(),ourTransformationTitle:t.getOurTransformationTitle(),ourTransformationBadgeLabel:t.getOurTransformationBadgeLabel(),peopleStoriesImage:t.getPeopleStoriesImage(),peopleStoriesTitle:t.getPeopleStoriesTitle(),peopleStoriesBadgeLabel:t.getPeopleStoriesImageBadgeLabel()}))),r&&l.a.createElement(v.default,null,l.a.createElement(W.a,{my:{xs:7.5,sm:12.5},title:a,themeColor:"#9B8235",eventList:r})),l.a.createElement(v.default,null,l.a.createElement(Y,{my:{xs:7.5,sm:12.5}

1,pageThemeColor:"#9B8235",pageThemeBackgroundColor:"#F4F2EA",stayTunedForMoreStoriesTitle:t.getStayTunedForMoreStoriesTitle(),getTheLatestUpdateTitle:t.getGetTheLatestUpdateTitle(),followOurSocialTitle:t.getFollowOurSocialTitle()})))}))}}]);