1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[2],{1076:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={activityCategory:"activity_category",awardCategory:"award_category",awardType:"award_type",pressReleaseCategory:"press_release_category",publicationCategory:"publication_category",careerLevel:"career_level",jobDistrict:"job_district",jobFunction:"job_function",jobCompany:"job_company",photoCategory:"photo_category",videoCategory:"video_category",sinoClubOfferCategory:"sino_club_offer_category",sinoClubActivityCategory:"sino_club_activity_category"}},1082:function(e,t,a){"use strict";var n=a(20),r=a(11),i=a(19),o=a(0),c=a.n(o),l=a(22),s=a.n(l),u=a(8),m=a(1525),d=a(10),f=a(1597),p=a(103),g=a(33),y=a(42),v=a(35),b=s()((function(e){return{root:Object(i.a)({outline:"none",position:"relative",display:"inline-flex",cursor:"pointer"},e.breakpoints.down("xs"),{width:"100%"}),arrow:{position:"absolute",top:0,right:0,height:"100%",borderTopRightRadius:e.shape.borderRadius,borderBottomRightRadius:e.shape.borderRadius,backgroundColor:e.palette.primary.main,display:"flex",justifyContent:"center",alignItems:"center"},content:Object(i.a)({outline:"none",paddingRight:24,border:"1px solid "+e.palette.primary.main,borderRadius:e.shape.borderRadius,overflow:"hidden"},e.breakpoints.down("xs"),{width:"100%"}),valueContainer:{height:"100%",display:"flex",alignItems:"center"},value:Object(r.a)(Object(r.a)({},e.typography.h6),{},{lineHeight:1,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),popover:{"& .MuiPopover-paper":{maxWidth:"100%",border:"1px solid "+e.palette.primary.main},"& .MuiMenuItem-root":{minHeight:36,paddingTop:6,paddingBottom:6}},menuList:{maxHeight:"300px",overflow:"scroll"}}})),h=function(e){var t=b(),a=e.dropdownAlignRight?"right":"left",r=e.borderless,i=e.buttonTitle,l=e.value,s=e.height||34,h=e.width||305,O=e.disableOnClick||!1,j=e.ariaLabel,x=e.px||2,w=Object(o.useRef)(null),E=c.a.useState(null),C=Object(n.a)(E,2),L=C[0],P=C[1],A=c.a.useState(!1),_=Object(n.a)(A,2),R=_[0],k=_[1],N=c.a.useState(0),F=Object(n.a)(N,2),B=F[0],T=F[1],I=Object(o.useRef)(null),D=Object(o.useRef)(null),S=Array.isArray(e.children)?e.children.filter((function(e){return null!=e&&"object"===typeof e})).flat(1):[e.children];Object(v.a)();var M=Object(o.useRef)(null),q=c.a.useState(0),z=Object(n.a)(q,2),U=z[0],G=z[1];Object(o.useLayoutEffect)((function(){if(M&&M.current&&0===U){var e=M.current?M.current.getBoundingClientRect().width:0;G(e)}}),[M,U]),Object(o.useEffect)((function(){var e=function(e){["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)&&k(!1)};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[]);var W=null;if(Array.isArray(S)){W=S[0].props.value;var H=S.filter((function(e){return e.props.selected}));W=H.length>0?H[0].props.value:S[0].props.value}else W=S.props.value;l&&(W=l);var $=c.a.useState(W),J=Object(n.a)($,2),Q=J[0],V=J[1],X=function(e){k(!1)},Z=function(){I&&I.current&&(I.current.scrollTop=B)};return c.a.createElement(c.a.Fragment,null,c.a.createElement(u.a,{ref:M,width:h,height:34,className:Object(d.a)(t.root,e.className),onClick:function(e){P(e.currentTarget);var t=window.innerHeight,a=e.currentTarget.getBoundingClientRect().bottom+300+32;t<a?(p.animateScroll.scrollMore(a-t,{duration:500,smooth:"easeInOutQuint"}),setTimeout((function(){k(!0)}),400)):k(!0)},tabIndex:"0",role:"button","aria-label":j,style:e.style},r?c.a.createElement(u.a,{display:"flex",alignItems:"center"},c.a.createElement(u.a,{mr:1},c.a.createElement(g.a,{variant:"h4",color:"primary",children:i})),R?c.a.createElement(y.k,null):c.a.createElement(y.j,null)):c.a.createElement(c.a.Fragment,null,c.a.createElement(u.a,{width:s,className:t.arrow},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 10.51 7",width:"10.5",height:"7"},c.a.createElement("path",{d:"M10.51,0,5.26,7,0,0Z",fill:"#fff"}))),c.a.createElement("input",{ref:w,name:e.name,type:"hidden",value:Q}),c.a.createElement(u.a,{className:t.content,width:h,height:s},c.a.createElement(u.a,{className:t.valueContainer,px:x,mt:.125},c.a.createElement(u.a,{className:t.value},S.filter((function(e){return e.props.value===Q})).length>0?S.filter((function(e){return e.props.value===Q}))[0].props.children:S[0].props.children))))),c.a.createElement(m.a,{action:D,open:R,anchorEl:L,onClose:X,anch
1orOrigin:{vertical:"bottom",horizontal:a},transformOrigin:{vertical:"top",horizontal:a},className:Object(d.a)(t.popover),style:{width:"".concat(U,"px")},onEnter:function(){return Z||D.current&&D.current.updatePosition()},onEntering:function(){return D.current&&D.current.updatePosition()},onEntered:function(){return D.current&&D.current.updatePosition()}},c.a.createElement(f.a,{ref:I,className:t.menuList,style:{width:"".concat(U,"px")},onScroll:function(){T(I.current.scrollTop)}},c.a.Children.map(S,(function(t){return c.a.cloneElement(t,{selected:t.props.value===Q,tabIndex:0,onClick:function(){return function(t){X(),O||t!==Q&&(V(t),e.onChange&&e.onChange(t))}(t.props.value)}})})))))};a.d(t,"a",(function(){return h}))},1083:function(e,t,a){"use strict";var n=a(1084),r=a(580),i=a(581),o=a(1088),c=a(1089),l=a(1090);function s(e,t){return t.encode?t.strict?o(e):encodeURIComponent(e):e}function u(e,t){return t.decode?c(e):e}function m(e){var t=e.indexOf("#");return-1!==t&&(e=e.slice(0,t)),e}function d(e){var t=(e=m(e)).indexOf("?");return-1===t?"":e.slice(t+1)}function f(e,t){return t.parseNumbers&&!Number.isNaN(Number(e))&&"string"===typeof e&&""!==e.trim()?e=Number(e):!t.parseBooleans||null===e||"true"!==e.toLowerCase()&&"false"!==e.toLowerCase()||(e="true"===e.toLowerCase()),e}function p(e,t){var a=function(e){var t;switch(e.arrayFormat){case"index":return function(e,a,n){t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===n[e]&&(n[e]={}),n[e][t[1]]=a):n[e]=a};case"bracket":return function(e,a,n){t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t?void 0!==n[e]?n[e]=[].concat(n[e],a):n[e]=[a]:n[e]=a};case"comma":return function(e,t,a){var n="string"===typeof t&&t.split("").indexOf(",")>-1?t.split(","):t;a[e]=n};default:return function(e,t,a){void 0!==a[e]?a[e]=[].concat(a[e],t):a[e]=t}}}(t=Object.assign({decode:!0,sort:!0,arrayFormat:"none",parseNumbers:!1,parseBooleans:!1},t)),i=Object.create(null);if("string"!==typeof e)return i;if(!(e=e.trim().replace(/^[?#&]/,"")))return i;var o,c=r(e.split("&"));try{for(c.s();!(o=c.n()).done;){var s=o.value,m=l(s.replace(/\+/g," "),"="),d=n(m,2),p=d[0],g=d[1];g=void 0===g?null:u(g,t),a(u(p,t),g,i)}}catch(w){c.e(w)}finally{c.f()}for(var y=0,v=Object.keys(i);y<v.length;y++){var b=v[y],h=i[b];if("object"===typeof h&&null!==h)for(var O=0,j=Object.keys(h);O<j.length;O++){var x=j[O];h[x]=f(h[x],t)}else i[b]=f(h,t)}return!1===t.sort?i:(!0===t.sort?Object.keys(i).sort():Object.keys(i).sort(t.sort)).reduce((function(e,t){var a=i[t];return Boolean(a)&&"object"===typeof a&&!Array.isArray(a)?e[t]=function e(t){return Array.isArray(t)?t.sort():"object"===typeof t?e(Object.keys(t)).sort((function(e,t){return Number(e)-Number(t)})).map((function(e){return t[e]})):t}(a):e[t]=a,e}),Object.create(null))}t.extract=d,t.parse=p,t.stringify=function(e,t){if(!e)return"";var a=function(e){switch(e.arrayFormat){case"index":return function(t){return function(a,n){var r=a.length;return void 0===n?a:[].concat(i(a),null===n?[[s(t,e),"[",r,"]"].join("")]:[[s(t,e),"[",s(r,e),"]=",s(n,e)].join("")])}};case"bracket":return function(t){return function(a,n){return void 0===n?a:[].concat(i(a),null===n?[[s(t,e),"[]"].join("")]:[[s(t,e),"[]=",s(n,e)].join("")])}};case"comma":return function(t){return function(a,n,r){return null===n||void 0===n||0===n.length?a:0===r?[[s(t,e),"=",s(n,e)].join("")]:[[a,s(n,e)].join(",")]}};default:return function(t){return function(a,n){return void 0===n?a:[].concat(i(a),null===n?[s(t,e)]:[[s(t,e),"=",s(n,e)].join("")])}}}}(t=Object.assign({encode:!0,strict:!0,arrayFormat:"none"},t)),n=Object.keys(e);return!1!==t.sort&&n.sort(t.sort),n.map((function(n){var r=e[n];return void 0===r?"":null===r?s(n,t):Array.isArray(r)?r.reduce(a(n),[]).join("&"):s(n,t)+"="+s(r,t)})).filter((function(e){return e.length>0})).join("&")},t.parseUrl=function(e,t){return{url:m(e).split("?")[0]||"",query:p(d(e),t)}}},1084:function(e,t,a){var n=a(1085),r=a(1086),i=a(413),o=a(1087);e.exports=function(e,t){return n(e)||r(e,t)||i(e,t)||o()}},1085:function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},1086:function(e,t){e.exports=function(e,t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(l){r=!0,i=l}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}}},1087:function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to de
1structure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},1088:function(e,t,a){"use strict";e.exports=function(e){return encodeURIComponent(e).replace(/[!'()*]/g,(function(e){return"%".concat(e.charCodeAt(0).toString(16).toUpperCase())}))}},1089:function(e,t,a){"use strict";var n=new RegExp("%[a-f0-9]{2}","gi"),r=new RegExp("(%[a-f0-9]{2})+","gi");function i(e,t){try{return decodeURIComponent(e.join(""))}catch(r){}if(1===e.length)return e;t=t||1;var a=e.slice(0,t),n=e.slice(t);return Array.prototype.concat.call([],i(a),i(n))}function o(e){try{return decodeURIComponent(e)}catch(r){for(var t=e.match(n),a=1;a<t.length;a++)t=(e=i(t,a).join("")).match(n);return e}}e.exports=function(e){if("string"!==typeof e)throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch(t){return function(e){for(var a={"%FE%FF":"\ufffd\ufffd","%FF%FE":"\ufffd\ufffd"},n=r.exec(e);n;){try{a[n[0]]=decodeURIComponent(n[0])}catch(t){var i=o(n[0]);i!==n[0]&&(a[n[0]]=i)}n=r.exec(e)}a["%C2"]="\ufffd";for(var c=Object.keys(a),l=0;l<c.length;l++){var s=c[l];e=e.replace(new RegExp(s,"g"),a[s])}return e}(e)}}},1090:function(e,t,a){"use strict";e.exports=function(e,t){if("string"!==typeof e||"string"!==typeof t)throw new TypeError("Expected the arguments to be of type `string`");if(""===t)return[e];var a=e.indexOf(t);return-1===a?[e]:[e.slice(0,a),e.slice(a+t.length)]}},1092:function(e,t,a){"use strict";var n=a(61),r=a(258),i=a(13),o=a(1076),c=a(257),l={fetchLatestSustainabilityReportList:function(e,t){var a=r.a.items().type(i.a.sustainabilityReport).languageParameter(e).orderByDescending("elements.publish_date").depthParameter(6).limitParameter(1);return t&&a.equalsFilter("elements.company",t),a.toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchSustainabilityReportList:function(e,t){var a=r.a.items().type(i.a.sustainabilityReport).languageParameter(t).orderByDescending("elements.publish_date").depthParameter(6);return e&&a.equalsFilter("elements.year",e),a.toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchSustainabilityReport:function(e,t){return r.a.items().type(i.a.sustainabilityReport).languageParameter(t).equalsFilter("elements.slug",e).orderByDescending("elements.publish_date").depthParameter(6).toObservable().pipe(Object(n.a)((function(e){return e.items.length>0?e.items[0]:null})))},fetchGreenFinanceDocument:function(e,t){return r.a.items().type(i.a.greenFinanceDocument).languageParameter(t).equalsFilter("elements.slug",e).depthParameter(6).toObservable().pipe(Object(n.a)((function(e){return e.items.length>0?e.items[0]:null})))},fetchActivityCategoryList:function(){return r.a.taxonomies().toObservable().pipe(Object(n.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===o.a.activityCategory}))[0].terms})))},fetchActivityList:function(e,t,a,o,c,l){var s=r.a.items().languageParameter(o).type(i.a.activity).orderByDescending("elements.date").depthParameter(6).skipParameter(c*l).limitParameter(l);return t&&s.containsFilter("elements.activity_category",[t]),a&&s.equalsFilter("elements.year",a),s.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchActivityAndPressReleaseList:function(e,t,a,o,c,l){var s=r.a.items().languageParameter(o).types([i.a.activity,i.a.pressRelease]).orderByDescending("elements.date").depthParameter(6).skipParameter(c*l).limitParameter(l);return t?s.containsFilter("elements.activity_category",[t]):s.anyFilter("elements.activity_category",e),a&&s.equalsFilter("elements.year",a),s.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchActivityDetail:function(e,t,a){return r.a.items().type(i.a.activity).languageParameter(a).equalsFilter("elements.year",e).equalsFilter("elements.slug",t).orderByDescending("elements.date").depthParameter(6).limitParameter(1).toObservable().pipe(Object(n.a)((function(e){return e.items[0]})))},fetchNextActivityDetail:function(e,t){return r.a.items().type(i.a.activity).languageParameter(t).lessThanOrEqualFilter("elements.date",c.a.formatIsoDate(e.date.value)).orderByDescending("elements.date").depthParameter(6).limitParameter(5).toObservable().pipe(Object(n.a)((function(t){var a=t.items.filter((function(t){return t.slug.value===e.slug.value}))[0],n=t.items.indexOf(a);return n<t.items.length-1?t.items[n+1]:null})))},fetchPolicyAndGovernanceList:function(e){return r.a.items().type(i.a.policyAndGovernance).languageParameter(e).orderByAscending("elements.rank").depthParameter(6).toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchPolicyAndGovernanceDetail:function(e,t){return r.a.items().type(i.a.policyAndGovernance).languageParameter(t).equalsFilter("elements.slug",e).orderByAscending("elements.rank").depthParameter(6).limitParameter(1).toObservable().pipe(Object(n.a)((function(e){return e.items[0]})))},fetchNextPolicyAndGovernanceDetail:function(e,t){return r.a.items().type(i.a.policyAndGovernance).languageParameter(t).greaterThanOrEqualFilter("elements.rank",e.rank.value).orderByAscending("elements.rank").depthParameter(6).limitParameter(5).toObservable().pipe(Object(n.a)((function(t){var a=t.items.filter((function(t){return t.slug.value===e.slug.value}))[0],n=t.items.indexOf(a);return n<t.items.length-1?t.items[n+1]:null})))}};t.a=l},1114:function(e,t,a){"use strict";var n=a(61),r=a(258),i=a(1076),o=a(13),c={fetchOfferCategoryList:function(){return r.a.taxonomies().toObservable().pipe(Object(n.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===i.a.sinoClubOfferCategory}))[0].terms})))},fetchActivityCategoryList:function(){return r.a.taxonomies().toObservable().pipe(Object(n.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===i.a.sinoClubActivityCategory}))[0].terms})))},fetchOfferList:function(e,t,a,i){var c=r.a.items().type(o.a.sinoClubOffer).languageParameter(t).orderByDescending("elements.date").depthParameter(6).skipParameter(a*i).limitParameter(i);return e&&c.containsFilter("elements.offer_category",[e]),c.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchOfferDetails:function(e,t){return r.a.items().type(o.a.sinoClubOffer).languageParameter(t).equalsFilter("elements.slug",e).orderByDescending("elements.date").depthParameter(6).limitParameter(1).toObservable().pipe(Object(n.a)((function(e){return e.items[0]})))},fetchActivityList:function(e,t,a,i,c,l){var s=r.a.items().languageParameter(i).type(o.a.sinoClubActivity).orderByDescending("elements.start_date").depthParameter(6).skipParameter(c*l).limitParameter(l);return t&&s.containsFilter("elements.activity_category",[t]),a&&s.anyFilter("elements.year_list",["n".concat(a),a]),s.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchActivityDetails:function(e,t,a){return r.a.items().type(o.a.sinoClubActivity).languageParameter(a).equalsFilter("elements.year",e).equalsFilter("elements.slug",t).orderByDescending("elements.date").depthParameter(6).limitParameter(1).toObservable().pipe(Object(n.a)((function(e){return e.items[0]})))},fetchEventMediaList:function(e,t,a,i,c,l){var s=r.a.items().languageParameter(i).type(o.a.sinoClubEventMedia).orderByDescending("elements.date").depthParameter(6).skipParameter(c*l).limitParameter(l);return e&&s.containsFilter("elements.type",[e]),t&&s.containsFilter("elements.activity_category",[t]),a&&s.anyFilter("elements.year_list",["n".concat(a),a]),s.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))}};t.a=c},1137:function(e,t,a){"use strict";a.d(t,"b",(function(){return A})),a.d(t,"a",(function(){return _}));var n=a(41),r=a(19),i=a(11),o=a(29),c=a(0),l=a.n(c),s=a(35),u=a(124),m=a(8),d=a(10),f=a(62),p=a(33),g=a(257),y=a(75),v=a(1351),b=a.n(v),h=a(1352),O=a.n(h),j=a(22),x=a.n(j),w=a(30),E=a(558),C=["activity","index","noAnimation"],L=["index","activity","category","large","withBorder","onLayout","noAnimation","className"],P=x()((function(e){return Object(i.a)(Object(i.a)({},Object(w.a)(e)),{},{activityGridWithBorder:{border:"1px solid "+e.palette.common.borderGrey},activityList:{"& > *":Object(r.a)({marginTop:15}
1,e.breakpoints.down("xs"),{marginTop:20,boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)"})},clamp3:{display:"-webkit-box",overflow:"hidden","-webkit-box-orient":"vertical","-webkit-line-clamp":3},viewAllLatestActivitiesContainer:Object(r.a)({display:"flex",justifyContent:"flex-end",marginTop:12},e.breakpoints.down("sm"),{display:"block",position:"relative",marginTop:4}),loadMoreContainer:{position:"absolute",left:"50%",bottom:0,transform:"translate(-50%, 0)"}})})),A=function(e){var t=e.activity,a=e.index,r=e.noAnimation,i=Object(n.a)(e,C),c=P(),v=Object(o.b)(),h=v.language,O=v.getLocalization,j=v.getLocalizedUrl;Object(s.a)();var x=Object(u.b)({from:{opacity:0,transform:"translate3d(0,50px,0)"},to:{opacity:1,transform:"translate3d(0,0,0)"},delay:80*a,config:{mass:1,tension:280,friction:60}}),w=t.getActivityCategory().filter((function(e){return!["green","wellness","design","innovation","heritage_and_culture","community"].includes(e.codename)})),L=t instanceof E.a?"taxonomy_sino_club_activity_category":"taxonomy_activity_category",A=l.a.createElement(m.a,i,l.a.createElement(f.b,{to:t instanceof E.a?j("/sinoclub/activities/".concat(t.year.value,"/").concat(t.slug.value)):t.pressReleaseCategory?j("/media-centre/press-release/".concat(t.year.value,"/").concat(t.slug.value)):j("/sustainability/latest-activities/".concat(t.year.value,"/").concat(t.slug.value)),className:Object(d.a)(c.textDecorationNone,"hover-zoom-image")},l.a.createElement(m.a,{display:"flex"},l.a.createElement(m.a,{width:.4,flexShrink:0},l.a.createElement(m.a,{position:"relative",pt:370/568*100+"%"},l.a.createElement(y.a,{img:!0,cover:!0,className:c.roundCorner,width:"100%",height:"100%",src:t.thumbnailImage.value.length>0?"".concat(t.thumbnailImage.value[0].url,"?w=568&h=370&fit=crop"):b.a,srcset:t.thumbnailImage.value.length>0?"".concat(t.thumbnailImage.value[0].url,"?w=1136&h=740&fit=crop 2x, ").concat(t.thumbnailImage.value[0].url,"?w=568&h=370&fit=crop 1x"):null,alt:t.thumbnailImage.value.length>0&&t.thumbnailImage.value[0].description||t.title.value,positionAbsolute:!0}))),l.a.createElement(m.a,{ml:2},l.a.createElement(m.a,{mb:1},w.length>0&&l.a.createElement(p.a,{component:"div",variant:"h6",children:O(L,w[0].codename)}),t instanceof E.a?l.a.createElement(p.a,{component:"div",variant:"body2",children:g.a.formatDateRange(t.getStartDate(),t.getEndDate(),h)}):l.a.createElement(p.a,{component:"div",variant:"body2",children:g.a.formatDate(t.date.value,h)})),l.a.createElement(p.a,{component:"div",variant:window.innerWidth<769?"h3":"h4",children:t.title.value,className:Object(d.a)(c.textTransformNone,c.clamp3)})))));return r?l.a.createElement(m.a,null,A):l.a.createElement(u.a.div,{style:x},A)},_=function(e){var t=e.index,a=e.activity,r=e.category,i=e.large,v=e.withBorder,h=e.onLayout,j=e.noAnimation,x=e.className,w=Object(n.a)(e,L),C=P(),A=Object(o.b)(),_=A.language,R=A.getLocalization,k=A.getLocalizedUrl,N=Object(c.useRef)(null),F=Object(c.useRef)(null),B=Object(s.a)()[0];Object(c.useLayoutEffect)((function(){if(h&&N.current&&F.current){var e=88+F.current.getBoundingClientRect().height+16+(N.current.getBoundingClientRect().width-16-16-2)/568*370;N.current.getBoundingClientRect().height>0&&h(e)}}),[h,N,F,B]);var T=Object(u.b)({from:{opacity:0,transform:"translate3d(0,50px,0)"},to:{opacity:1,transform:"translate3d(0,0,0)"},delay:80*t,config:{mass:1,tension:280,friction:60}}),I=a.getActivityCategory().filter((function(e){return!["green","wellness","design","innovation","heritage_and_culture","community"].includes(e.codename)})),D=a instanceof E.a?"taxonomy_sino_club_activity_category":"taxonomy_activity_category",S=l.a.createElement(m.a,Object.assign({ref:N,p:v?2:0,className:Object(d.a)(x,v&&C.activityGridWithBorder,v&&C.roundBorder)},w),l.a.createElement(f.b,{to:a instanceof E.a?k("/sinoclub/activities/".concat(a.year.value,"/").concat(a.slug.value)):a.pressReleaseCategory?k("/media-centre/press-release/".concat(a.year.value,"/").concat(a.slug.value)):k("/sustainability/latest-activities/".concat(a.year.value,"/").concat(a.slug.value)),className:C.textDecorationNone},l.a.createElement(m.a,{mb:1.5},(r||I.length>0)&&l.a.createElement(p.a,{component:"div",variant:"h6",children:R(D,r||I[0].codename)}
1),a instanceof E.a?l.a.createElement(p.a,{component:"div",variant:"body2",children:g.a.formatDateRange(a.getStartDate(),a.getEndDate(),_)}):l.a.createElement(p.a,{component:"div",variant:"body2",children:g.a.formatDate(a.date.value,_)})),l.a.createElement(p.a,{ref:F,component:"div",variant:i?"h3":"h4",children:a.title.value,className:Object(d.a)(C.textTransformNone,C.clamp3)}),l.a.createElement(m.a,{position:"relative",mt:2,pt:370/568*100+"%"},l.a.createElement(y.a,{img:!0,cover:!0,className:C.roundCorner,width:"100%",height:"100%",src:a.thumbnailImage.value.length>0?"".concat(a.thumbnailImage.value[0].url,"?w=660&h=430&fit=crop"):i?O.a:b.a,srcset:a.thumbnailImage.value.length>0?"".concat(a.thumbnailImage.value[0].url,"?w=1320&h=860&fit=crop 2x, ").concat(a.thumbnailImage.value[0].url,"?w=660&h=430&fit=crop 1x"):null,alt:a.thumbnailImage.value.length>0&&a.thumbnailImage.value[0].description||a.title.value,positionAbsolute:!0}))));return j?l.a.createElement(m.a,{className:Object(d.a)("hover-zoom-image",v&&"hover-shadow")},S):l.a.createElement(u.a.div,{style:T,className:Object(d.a)("hover-zoom-image",v&&"hover-shadow")},S)}},1147:function(e,t,a){"use strict";var n=a(20),r=a(19),i=a(11),o=a(22),c=a.n(o),l=a(0),s=a.n(l),u=a(10),m=a(8),d=a(30),f=a(164),p=a(29),g=a(35),y=a(1092),v=a(1082),b=a(1598),h=a(260),O=a.n(h),j=a(193),x=a(76),w=a(1137),E=a(27),C=a(1083),L=a.n(C),P=a(14),A=a(103),_=a(1114),R=c()((function(e){return Object(i.a)(Object(i.a)({},Object(d.a)(e)),{},{root:{"& > *":Object(r.a)({paddingTop:185,marginTop:-185},e.breakpoints.down("sm"),{paddingTop:135,marginTop:-135})},filter:Object(r.a)({zIndex:1},e.breakpoints.down("xs"),{"&.fixed-to-top":{position:"fixed",left:0,paddingLeft:24,paddingRight:24,paddingBottom:20},"& > *:not(:first-child)":{marginTop:10}}),activityList:{"& > *":Object(r.a)({marginTop:15},e.breakpoints.down("xs"),{marginTop:20,boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)"})},viewAllLatestActivitiesContainer:Object(r.a)({display:"flex",justifyContent:"flex-end",marginTop:12},e.breakpoints.down("xs"),{display:"flex",justifyContent:"flex-start"}),loadMoreContainer:Object(r.a)({position:"absolute",left:"50%",bottom:0,transform:"translate(-50%, 0)"},e.breakpoints.down("xs"),{position:"relative",left:"auto",bottom:"auto",transform:"initial"})})})),k=Object(f.h)((function(e){var t=e.history,a=e.location,o=e.yearList,c=e.category,d=e.defaultShowCount,f=e.hideFilter,h=e.disableLoadMore,C=e.useLoadMoreButton,k=e.themeColor,N=e.viewAllTitle,F=e.viewAllLink,B=e.includeSustainabilityPressRelease,T=(e.supportTabletPortrait,e.sinoClubActivity),I=e.staticActivityList,D=R(),S=L.a.parse(a.search),M=Object(p.b)(),q=M.language,z=M.localizedStrings,U=M.getLocalizedUrl,G=M.getLocalization,W=s.a.useState({loadingActivityList:!1,categories:null,years:null,category:c||S.category||"0",year:"0",activityList:I,hasMore:!0,hasLoadedFirstTime:!1}),H=Object(n.a)(W,2),$=H[0],J=H[1],Q=Object(g.a)()[0],V=Object(l.useRef)({}),X=Object(l.useRef)({}),Z=s.a.useState([]),K=Object(n.a)(Z,2),Y=K[0],ee=K[1],te=s.a.useState([]),ae=Object(n.a)(te,2),ne=ae[0],re=ae[1];Object(g.a)(),Object(l.useEffect)((function(){T?_.a.fetchActivityCategoryList().subscribe((function(e){J((function(t){return Object(i.a)(Object(i.a)({},t),{},{categories:e})}))})):y.a.fetchActivityCategoryList().subscribe((function(e){J((function(t){return Object(i.a)(Object(i.a)({},t),{},{categories:e.filter((function(e){return!["green","wellness","design","innovation","heritage_and_culture","community"].includes(e.codename)}))})}))}))}),[q,T]),Object(l.useEffect)((function(){S.category&&setTimeout((function(){A.scroller.scrollTo("activity-list",{duration:800,smooth:!0})}),200)}),[S.category]),Object(l.useEffect)((function(){if($.activityList){var e=[],t=[],a=0,n=0;$.activityList.forEach((function(r){var i=r.id(),o=V.current[i],c=X.current[i];a<=n?(e.push(i),a+=o+15):(t.push(i),n+=c+15)})),ee(e),re(t)}}),[Q,$.activityList]);var ie=Object(l.useRef)(null),oe=Object(l.useRef)(null);Object(l.useEffect)((function(){var e=function(){if(!f&&ie.current&&oe.current&&Q<768){var e=document.getElementById("latest-activities-title");ie.current.getBoundingClientRect().top-65-e.getBoundingClientRect().height<0?(oe.current.classList.add("fixed-to-top"),oe.current.style.top="".concat(65+e.getBoundingClientRect().height,"px")):(oe.current.classList.remove("fixed-to-top"),oe.current.style.top="0px")}};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[f,ie,oe,Q]);var ce=function(e,n){var o=Object(i.a)(Object(i.a)({},$),{},Object(r.a)(Object(r.a)(Object(r.a)({},e,n),"activityList",null),"hasMore",!0));J(o),X.current={},V.current={},ee([]),re([]);var c=[o.category&&"0"!==o.category?"category=".concat(o.category):null,o.year&&"0"!==o.year?"year=".concat(o.year):null].filter((function(e){return e})).join("&");t.replace({pathname:a.pathname,search:""!==c?"?".concat(c):""})},le=function(){J((function(e){return Object(i.a)(Object(i.a)({},e),{},{loadingActivityList:!0})}
1));var e=B?y.a.fetchActivityAndPressReleaseList:y.a.fetchActivityList;T&&(e=_.a.fetchActivityList),e($.categories.map((function(e){return e.codename})),"0"!==$.category&&$.category,"0"!==$.year&&$.year,q,($.activityList?$.activityList.length:0)/20,!$.activityList&&d?d:20).subscribe((function(e){e.items.forEach((function(e,t){e.index=t}));var t=$.activityList?$.activityList.concat(e.items):e.items,a=e.hasMore;setTimeout((function(){J((function(e){return Object(i.a)(Object(i.a)({},e),{},{activityList:t,loadingActivityList:!1,hasMore:a,hasLoadedFirstTime:!0})}))}),$.hasLoadedFirstTime?0:1400)}))};$.activityList||$.loadingActivityList||!$.categories||I||le();var se=$.activityList;return s.a.createElement("div",{className:D.root},s.a.createElement(A.Element,{name:"activity-list"},!f&&s.a.createElement(m.a,{ref:ie,position:"relative",display:"flex",justifyContent:"center"},s.a.createElement(m.a,{ref:oe,width:1,display:{xs:"block",sm:"flex"},justifyContent:"center",className:Object(u.a)(D.backgroundColorWhite,D.filter)},s.a.createElement(v.a,{width:Object(P.g)()||Object(P.h)()?"100%":225,name:"category",value:$.category,onChange:function(e){return ce("category",e)},className:D.dropdownSelect},s.a.createElement(b.a,{value:"0",selected:!0},z.common.all_categories),$.categories&&$.categories.map((function(e,t){return T?s.a.createElement(b.a,{key:t,value:e.codename},G("taxonomy_sino_club_activity_category",e.codename)):s.a.createElement(b.a,{key:t,value:e.codename},G("taxonomy_activity_category",e.codename))}))),s.a.createElement(v.a,{width:Object(P.g)()||Object(P.h)()?"100%":225,name:"year",value:$.year,onChange:function(e){return ce("year",e)},className:D.dropdownSelect,style:{marginLeft:Object(P.g)()?0:16}},s.a.createElement(b.a,{value:"0",selected:!0},z.common.all_years),o&&o.map((function(e){return s.a.createElement(b.a,{key:e,value:e},e)}))))),s.a.createElement(m.a,{mt:{xs:0,md:f?0:3},minHeight:!se||se.length>=6?"100vh":"1vh"},s.a.createElement(m.a,{display:"flex",justifyContent:"space-between"},s.a.createElement(m.a,{width:{xs:1,sm:"calc(50% - 7.5px)",md:"calc(63.7% - 7.5px)"},className:D.activityList},se&&se.map((function(e){return s.a.createElement(w.a,{key:e.id(),index:e.index,activity:e,category:c||"0"!==$.category&&$.category,onLayout:function(t){return V.current[e.id()]=t},large:!0,withBorder:!0,dataid:e.id(),className:Object(u.a)(window.innerWidth>=768&&Y.length+ne.length===se.length&&!Y.includes(e.id())&&D.displayNone,window.innerWidth>=768&&Y.length+ne.length!==se.length&&!Y.includes(e.id())&&D.visibilityHidden)})}))),s.a.createElement(E.a,null,s.a.createElement(m.a,{width:{xs:0,sm:"calc(50% - 7.5px)",md:"calc(36.3% - 7.5px)"},className:Object(u.a)(D.activityList,window.innerWidth<768&&D.visibilityHidden)},se&&se.map((function(e){return s.a.createElement(w.a,{key:e.id(),index:e.index,activity:e,category:c||"0"!==$.category&&$.category,onLayout:function(t){return X.current[e.id()]=t},large:Object(P.h)(),withBorder:!0,dataid:e.id(),className:Object(u.a)(Y.length+ne.length===se.length&&!ne.includes(e.id())&&D.displayNone,Y.length+ne.length!==se.length&&!ne.includes(e.id())&&D.visibilityHidden)})}))))),$.hasMore&&s.a.createElement(s.a.Fragment,null,C?s.a.createElement(m.a,{mt:{xs:2.5,md:0},position:"relative"},s.a.createElement(m.a,{zIndex:1,className:D.loadMoreContainer},$.loadingActivityList?s.a.createElement(j.a,null):s.a.createElement(m.a,{className:D.flexCenter},s.a.createElement(x.a,{title:z.sustainability.load_more,width:window.innerWidth<768?"100%":null,onClick:function(){le()},border:!0,color:k}))),s.a.createElement(m.a,{position:"relative",className:D.viewAllLatestActivitiesContainer},s.a.createElement(x.a,{largeText:!0,noPaddingX:!0,title:N||z.sustainability.view_all_latest_activities,toLink:F||U("/sustainability/latest-activities"),arrowRight:!0,color:k}))):s.a.createElement(s.a.Fragment,null,!(se&&h)&&s.a.createElement(m.a,{mt:5},s.a.createElement(O.a,{partialVisibility:!0,onChange:function(e){e&&!$.loadingActivityList&&$.categories&&le()}},s.a.createElement(j.a,null))))))))}));a.d(t,"a",(function(){return k}))},1351:function(e,t,a){e.exports=a.p+"static/media/award-placeholder-359x234.6ecc6ba7.jpg"},1352:function(e,t,a){e.exports=a.p+"static/media/award-placeholder-1182x770.6cdc86f4.jpg"}}]);
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.