https://www.sino.com/static/js/7.f9adc026.chunk.js

1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[7],{1075:function(e,t,n){"use strict";var a=n(406);n.d(t,"a",(function(){return a.a}))},1076:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={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,n){"use strict";var a=n(20),r=n(11),i=n(19),o=n(0),c=n.n(o),l=n(22),s=n.n(l),u=n(8),m=n(1525),d=n(10),p=n(1597),h=n(103),b=n(33),f=n(42),g=n(35),v=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"}}})),x=function(e){var t=v(),n=e.dropdownAlignRight?"right":"left",r=e.borderless,i=e.buttonTitle,l=e.value,s=e.height||34,x=e.width||305,j=e.disableOnClick||!1,w=e.ariaLabel,y=e.px||2,O=Object(o.useRef)(null),E=c.a.useState(null),C=Object(a.a)(E,2),L=C[0],R=C[1],_=c.a.useState(!1),k=Object(a.a)(_,2),F=k[0],S=k[1],A=c.a.useState(0),D=Object(a.a)(A,2),N=D[0],T=D[1],I=Object(o.useRef)(null),P=Object(o.useRef)(null),B=Array.isArray(e.children)?e.children.filter((function(e){return null!=e&&"object"===typeof e})).flat(1):[e.children];Object(g.a)();var M=Object(o.useRef)(null),J=c.a.useState(0),z=Object(a.a)(J,2),H=z[0],V=z[1];Object(o.useLayoutEffect)((function(){if(M&&M.current&&0===H){var e=M.current?M.current.getBoundingClientRect().width:0;V(e)}}),[M,H]),Object(o.useEffect)((function(){var e=function(e){["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)&&S(!1)};return window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[]);var W=null;if(Array.isArray(B)){W=B[0].props.value;var Q=B.filter((function(e){return e.props.selected}));W=Q.length>0?Q[0].props.value:B[0].props.value}else W=B.props.value;l&&(W=l);var Z=c.a.useState(W),q=Object(a.a)(Z,2),G=q[0],K=q[1],U=function(e){S(!1)},X=function(){I&&I.current&&(I.current.scrollTop=N)};return c.a.createElement(c.a.Fragment,null,c.a.createElement(u.a,{ref:M,width:x,height:34,className:Object(d.a)(t.root,e.className),onClick:function(e){R(e.currentTarget);var t=window.innerHeight,n=e.currentTarget.getBoundingClientRect().bottom+300+32;t<n?(h.animateScroll.scrollMore(n-t,{duration:500,smooth:"easeInOutQuint"}),setTimeout((function(){S(!0)}),400)):S(!0)},tabIndex:"0",role:"button","aria-label":w,style:e.style},r?c.a.createElement(u.a,{display:"flex",alignItems:"center"},c.a.createElement(u.a,{mr:1},c.a.createElement(b.a,{variant:"h4",color:"primary",children:i})),F?c.a.createElement(f.k,null):c.a.createElement(f.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:O,name:e.name,type:"hidden",value:G}),c.a.createElement(u.a,{className:t.content,width:x,height:s},c.a.createElement(u.a,{className:t.valueContainer,px:y,mt:.125},c.a.createElement(u.a,{className:t.value},B.filter((function(e){return e.props.value===G})).length>0?B.filter((function(e){return e.props.value===G}))[0].props.children:B[0].props.children))))),c.a.createElement(m.a,{action:P,open:F,anchorEl:L,onClose:U,anchorOrigin:{vertical:"bottom",horizontal:n}

1,transformOrigin:{vertical:"top",horizontal:n},className:Object(d.a)(t.popover),style:{width:"".concat(H,"px")},onEnter:function(){return X||P.current&&P.current.updatePosition()},onEntering:function(){return P.current&&P.current.updatePosition()},onEntered:function(){return P.current&&P.current.updatePosition()}},c.a.createElement(p.a,{ref:I,className:t.menuList,style:{width:"".concat(H,"px")},onScroll:function(){T(I.current.scrollTop)}},c.a.Children.map(B,(function(t){return c.a.cloneElement(t,{selected:t.props.value===G,tabIndex:0,onClick:function(){return function(t){U(),j||t!==G&&(K(t),e.onChange&&e.onChange(t))}(t.props.value)}})})))))};n.d(t,"a",(function(){return x}))},1125:function(e,t,n){"use strict";var a=n(11),r=n(61),i=n(258),o=n(13),c=n(1076),l=n(1119),s=n.n(l),u=n(23),m={fetchJobCompanyList:function(){return i.a.taxonomies().toObservable().pipe(Object(r.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===c.a.jobCompany}))[0].terms})))},fetchJobFunctionAndCareerLevelList:function(){return i.a.taxonomies().toObservable().pipe(Object(r.a)((function(e){return{jobFunctionList:e.taxonomies.filter((function(e){return e.system.codename===c.a.jobFunction}))[0].terms,careerLevelList:e.taxonomies.filter((function(e){return e.system.codename===c.a.careerLevel}))[0].terms,districtList:e.taxonomies.filter((function(e){return e.system.codename===c.a.jobDistrict}))[0].terms}})))},fetchCareerProgrammeDetail:function(e,t,n){return i.a.items().type(o.a.careerProgramme).languageParameter(n).equalsFilter("elements.slug",t).containsFilter("elements.programme_type",[e]).depthParameter(6).limitParameter(1).toObservable().pipe(Object(r.a)((function(e){return e.items[0]})))},fetchJobVacanciesFilter:function(e){return new u.a((function(t){if("react-snap-seo"!==navigator.userAgent){var n="".concat("/api/app/","career/filtering");s.a.get(n,{params:{language:e}}).then((function(e){t.next(e.data.data)})).catch((function(e){})).finally((function(){}))}}))},fetchLatestVacanciesList:function(e,t,n,r){return new u.a((function(i){if("react-snap-seo"!==navigator.userAgent){var o="".concat("/api/app/","career/vacancies");s.a.get(o,{params:Object(a.a)(Object(a.a)({},e),{},{language:t,page:n,pageSize:r})}).then((function(e){i.next(e.data.data)})).catch((function(e){})).finally((function(){}))}}))},fetchVacancy:function(e,t,n){return new u.a((function(a){if("react-snap-seo"!==navigator.userAgent){var r="".concat("/api/app/","career/vacancy/").concat(e,"/").concat(t);s.a.get(r,{params:{language:n}}).then((function(e){a.next(e.data.data)})).catch((function(e){})).finally((function(){}))}}))}};t.a=m},1300:function(e,t,n){"use strict";var a=n(20),r=n(19),i=n(11),o=n(0),c=n.n(o),l=n(22),s=n.n(l),u=n(8),m=n(10),d=n(1082),p=n(1598),h=n(1525),b=n(1597),f=n(103),g=n(33),v=n(29),x=n(35),j=s()((function(e){return{root:Object(r.a)({position:"relative",display:"inline-flex",cursor:"pointer"},e.breakpoints.down("xs"),{width:"100%"}),arrow:{position:"absolute",top:0,right:0,width:34,height:"100%",borderTopRightRadius:e.shape.borderRadius,borderBottomRightRadius:e.shape.borderRadius,backgroundColor:e.palette.primary.main,display:"flex",justifyContent:"center",alignItems:"center"},content:Object(r.a)({paddingRight:24,height:34,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(i.a)(Object(i.a)({},e.typography.h6),{},{lineHeight:1,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),popover:Object(r.a)({"& .MuiPopover-paper":{maxWidth:"100%",border:"1px solid "+e.palette.primary.main},"& .MuiMenuItem-root":{minHeight:36,paddingTop:6,paddingBottom:6}},e.breakpoints.down("xs"),{width:"calc(100vw - 48px) !important"}),menuList:Object(r.a)({maxHeight:"300px",overflow:"scroll"},e.breakpoints.down("xs"),{width:"calc(100vw - 48px) !important"}),optionCheckbox:{position:"absolute",top:1,right:0,width:20,height:20,border:"1px solid "+e.palette.common.borderGrey,borderRadius:e.shape.borderRadius},optionCheckboxDot:{position:"absolute",top:3,right:3,width:12,height:12,borderRadius:e.shape.borderRadius/2,overflow:"hidden",backgroundColor:e.palette.primary.main}}})),w=function(e){var t=e.codename,n=e.children,a=e.subOption,r=e.selected,i=e.onSelect,o=j();return c.a.createElement(p.a,{value:t,onClick:function(){return i(t)},tabIndex:"0"},c.a.createElement(u.a,{position:"relative",width:1},c.a.createElement(g.a,{variant:a?"body2":"h6"},n),c.a.createElement(u.a,{className:o.optionCheckbox},r&&c.a.createElement(u.a,{className:o.optionCheckboxDot}))))},y=function(e){var t=Object(v.b)().localizedStrings,n=j(),r=e.dropdownAlignRight?"right":"left",i=e.width||305,l=e.selectAllLabel,s=e.options,d=e.ariaLabel,p=Object(o.useRef)(null),g=c.a.useState(null),y=Object(a.a)(g,2),O=y[0],E=y[1],C=c.a.useState(!1),L=Object(a.a)(C,2),R=L[0],_=L[1],k=c.a.useRef(0),F=Object(o.useRef)(null),S=c.a.useState(e.value?e.value:[]),A=Object(a.a)(S,2),D=A[0],N=A[1];Object(x.a)();var T=Object(o.useRef)(null),I=c.a.useState(0),P=Object(a.a)(I,2),B=P[0],M=P[1];Object(o.useLayoutEffect)((function(){if(T&&T.current&&0===B){var e=T.current?T.current.getBoundingClientRect().width:0;M(e)}}),[T,B]);var J=function(t){var n=function(e,t){-1===e.indexOf(t)&&e.push(t)},a=function(e,t){-1!==e.indexOf(t)&&e.splice(e.indexOf(t),1)};if(""===t)N([]),e.onChange([]);else{var r=s.reduce((function(e,t){return e.concat([t].concat(t.terms.reduce((function(e,t){return e.concat(t)}),[])))}),[]).find((function(e){return e.codename===t})),i=D.slice(0);

1-1!==i.indexOf(t)?(a(i,t),r.terms.forEach((function(e){return a(i,e.codename)}))):(n(i,t),r.terms.forEach((function(e){return n(i,e.codename)}))),s.forEach((function(e){var t=e.terms.map((function(e){return e.codename}));t.length!==t.filter((function(e){return-1!==i.indexOf(e)})).length&&a(i,e.codename)})),N(i),e.onChange(i)}};return c.a.createElement(c.a.Fragment,null,c.a.createElement(u.a,{ref:T,width:i,className:Object(m.a)(n.root,e.className),onClick:function(e){E(e.currentTarget);var t=window.innerHeight,n=e.currentTarget.getBoundingClientRect().bottom+300+32;t<n?(f.animateScroll.scrollMore(n-t,{duration:500,smooth:"easeInOutQuint"}),setTimeout((function(){_(!0)}),200)):_(!0)},tabIndex:"0",role:"button","aria-label":d},c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:n.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:p,name:e.name,type:"hidden",value:D.join(",")}),c.a.createElement(u.a,{className:n.content,width:i},c.a.createElement(u.a,{className:n.valueContainer,px:2,mt:.125},c.a.createElement(u.a,{className:n.value},0===D.length?l:function(){var e=[];return s&&s.forEach((function(t){-1!==D.indexOf(t.codename)?e.push(t.name):t.terms.forEach((function(t){-1!==D.indexOf(t.codename)&&e.push(t.name)}))})),e.join(", ")}()))))),c.a.createElement(h.a,{open:R,anchorEl:O,onClose:function(e){_(!1)},anchorOrigin:{vertical:"bottom",horizontal:r},transformOrigin:{vertical:"top",horizontal:r},className:Object(m.a)(n.popover),style:{width:"".concat(B,"px")},onEnter:function(){F&&F.current&&(F.current.scrollTop=k.current)}},c.a.createElement(b.a,{ref:F,className:n.menuList,style:{width:"".concat(B,"px")},onScroll:function(){k.current=F.current.scrollTop}},c.a.createElement(u.a,{height:10}),c.a.createElement(w,{codename:"",onSelect:J,selected:0===D.length},l),s&&s.map((function(e){return c.a.createElement(c.a.Fragment,{key:e.codename},c.a.createElement(w,{codename:e.codename,onSelect:J,selected:-1!==D.indexOf(e.codename)},t.taxonomy_job_district[e.codename]),e.terms.map((function(e){return c.a.createElement(w,{key:e.codename,codename:e.codename,onSelect:J,selected:-1!==D.indexOf(e.codename),subOption:!0},"\xa0\xa0\xa0\xa0",t.taxonomy_job_district[e.codename])})))})))))},O=n(404),E=n(1125),C=n(30),L=n(27),R=s()((function(e){return Object(i.a)(Object(i.a)({},Object(C.a)(e)),{},{inputAndDropdownFilterContainer:Object(i.a)(Object(i.a)({"& > *:not(:last-child)":{paddingRight:e.spacing(2)},display:"grid","& > *:nth-child(1)":Object(i.a)({},e.mixins.gridColumn(1,2)),"& > *:nth-child(2)":Object(i.a)({},e.mixins.gridColumn(2,3)),"& > *:nth-child(3)":Object(i.a)({},e.mixins.gridColumn(3,4)),"& > *:nth-child(4)":Object(i.a)({},e.mixins.gridColumn(4,5)),"& > *:nth-child(5)":Object(i.a)({},e.mixins.gridColumn(5,6))},e.mixins.gridTemplateColumns("calc(225px + 16px) calc(225px + 16px) calc(225px + 16px) calc(225px + 16px) 138px")),{},Object(r.a)(Object(r.a)(Object(r.a)({},e.breakpoints.down("lg"),Object(i.a)({},e.mixins.gridTemplateColumns("calc(225px + 16px) calc(225px + 16px) calc(225px + 16px) calc(225px + 16px) 138px"))),e.breakpoints.down("md"),Object(i.a)({},e.mixins.gridTemplateColumns("calc(193px + 12px) calc(193px + 12px) calc(193px + 12px) calc(193px + 12px) 140px"))),e.breakpoints.down("sm"),Object(i.a)(Object(i.a)(Object(i.a)({},e.mixins.gridTemplateRows("34px 16px 34px 16px 34px")),e.mixins.gridTemplateColumns("calc(352px + 16px) 352px")),{},{"& > *:nth-child(even)":{paddingRight:0},"& > *:nth-child(3), & > *:nth-child(4)":Object(i.a)({},e.mixins.gridRow(3,4)),"& > *:nth-child(3)":Object(i.a)({},e.mixins.gridColumn(1,2)),"& > *:nth-child(4)":Object(i.a)(Object(i.a)({},e.mixins.gridRow(3,4)),e.mixins.gridColumn(2,3)),"& > *:nth-child(5)":Object(i.a)(Object(i.a)({},e.mixins.gridRow(5,6)),e.mixins.gridColumn(1,3))}))),keywordInput:Object(i.a)(Object(i.a)({},e.typography.h6),{},{border:0,outline:0,backgroundColor:"transparent",color:e.palette.text.primary,"&::placeholder":{color:"#707070"}}),btnViewResults:Object(r.a)({border:"1px solid "+e.palette.primary.main,borderRadius:1e3,overflow:"hidden",cursor:"pointer",transition:"all 0.2s","& > *":{marginTop:2,transition:"all 0.2s"},"&:hover":{backgroundColor:e.palette.primary.main,"& > *":{color:e.palette.common.white}}},e.breakpoints.down("sm"),{backgroundColor:e.palette.primary.main,"& > *":{color:e.palette.common.white}}),mobileCollapseFilterContainer:{"& > *:not(:first-child)":{marginTop:12}},btnFilter:{backgroundColor:e.palette.primary.main,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.shape.borderRadius}})}));t.a=function(e){var t=R(),n=e.params,o=Object(v.b)(),l=o.localizedStrings,s=o.getLocalization,h=c.a.useState({search:n&&n.search?n.search:"",jobFunction:n&&n.jobFunction?n.jobFunction:"",careerLevel:n&&n.careerLevel?n.careerLevel:"",jobDistricts:n&&n.jobDistricts?n.jobDistricts.split(","):[]}),b=Object(a.a)(h,2),f=b[0],x=b[1],j=c.a.useState(n&&(n.jobFunction||n.careerLevel||n.jobDistricts)),w=Object(a.a)(j,2),C=w[0],_=w[1],k=f.jobFunctionAndCareerLevelAndDistrictList;k||f.fetchingJobFunctionAndCareerLevelAndDistrictList||(x((function(e){return Object(i.a)(Object(i.a)({},e),{},{fetchingJobFunctionAndCareerLevelAndDistrictList:!0})}

1)),E.a.fetchJobVacanciesFilter().subscribe((function(e){x((function(t){return Object(i.a)(Object(i.a)({},t),{},{jobFunctionAndCareerLevelAndDistrictList:e,fetchingJobFunctionAndCareerLevelAndDistrictList:!1})}))})));var F=function(e,t){x(Object(i.a)(Object(i.a)({},f),{},Object(r.a)({},e,t)))},S=function(){var t=k.jobDistrictList.map((function(e){var t=e.terms.map((function(e){return e.codename}));return f.jobDistricts.filter((function(e){return-1!==t.indexOf(e)})).length>0?e.codename:""})).filter((function(e){return""!==e}));e.handleViewResultClick&&e.handleViewResultClick({search:""!==f.search?f.search:null,jobFunction:""!==f.jobFunction?f.jobFunction:null,careerLevel:""!==f.careerLevel?f.careerLevel:null,jobRegions:t.length>0?t.join(","):null,jobDistricts:f.jobDistricts.length>0?f.jobDistricts.join(","):null})},A=c.a.createElement(u.a,{width:1,height:34,className:t.roundBorderPrimary},c.a.createElement(u.a,{component:"input",type:"text",placeholder:l.careers.search_keywords,px:1.5,width:1,height:1,className:Object(m.a)(t.keywordInput),onChange:function(e){return F("search",e.target.value)},onKeyDown:function(e){return"Enter"===e.key&&S()},value:f.search})),D=c.a.createElement(d.a,{name:"jobFunction",ariaLabel:l.common.job_function_filter_dropdown_menu,onChange:function(e){return F("jobFunction",e)},width:1,value:f.jobFunction},c.a.createElement(p.a,{value:"",selected:!0},l.careers.all_job_functions),k&&k.jobFunctionList.map((function(e,t){return c.a.createElement(p.a,{key:t,value:e.codename},l.taxonomy_job_function[e.codename])}))),N=c.a.createElement(d.a,{name:"careerLevel",ariaLabel:l.common.career_level_filter_dropdown_menu,onChange:function(e){return F("careerLevel",e)},width:1,value:f.careerLevel},c.a.createElement(p.a,{value:"",selected:!0},l.careers.all_career_levels),k&&k.careerLevelList.map((function(e,t){return c.a.createElement(p.a,{key:t,value:e.codename},l.taxonomy_career_level[e.codename])}))),T=c.a.createElement(y,{name:"district",ariaLabel:l.common.district_filter_dropdown_menu,onChange:function(e){return F("jobDistricts",e)},width:1,selectAllLabel:l.careers.all_districts,options:k&&k.jobDistrictList.map((function(e){return e.name=s("taxonomy_job_district",e.codename),e.terms.forEach((function(e){e.name=s("taxonomy_job_district",e.codename)})),e})),value:f.jobDistricts}),I=c.a.createElement(u.a,{width:1,display:"flex",justifyContent:"center"},c.a.createElement(u.a,{px:{xs:0,sm:4.5,md:0,lg:0},width:{xs:1,sm:"auto",md:1,lg:1},height:{xs:40,md:34},component:"button",display:"flex",justifyContent:"center",alignItems:"center",className:t.btnViewResults,onClick:S},c.a.createElement(g.a,{variant:"h6",color:"primary",children:l.careers.view_results})));return c.a.createElement(c.a.Fragment,null,c.a.createElement(L.b,null,c.a.createElement(u.a,{display:"flex",className:t.inputAndDropdownFilterContainer},c.a.createElement(u.a,null,A),c.a.createElement(u.a,null,D),c.a.createElement(u.a,null,N),c.a.createElement(u.a,null,T),I)),c.a.createElement(L.d,null,c.a.createElement(u.a,null,c.a.createElement(u.a,{display:"flex"},c.a.createElement(u.a,{width:1,mr:1.5},A),c.a.createElement(u.a,{width:95,height:34,flexShrink:0,className:t.btnFilter,onClick:function(){return _(!C)}},c.a.createElement(g.a,{variant:"h6",children:l.common.filter,className:t.colorWhite}))),c.a.createElement(O.a,{in:C},c.a.createElement(u.a,{pt:1.5,className:t.mobileCollapseFilterContainer},c.a.createElement(u.a,null,D),c.a.createElement(u.a,null,N),c.a.createElement(u.a,null,T))),c.a.createElement(u.a,{mt:1.5},I))))}}}]);